/*
   HAPPY TOOLS CMS - redakcni a publikacni system
  (C) 2008  HAPPY DESIGN.cz - Vsechna prava vyhrazena
	 index.php - hlavni strana
*/

* {	margin:0; padding:0; }
body { background: #faf4dc url("../images/background.jpg") center repeat-y; font-size: 80%; color: #6f4904; text-align: center; font-family: 'Verdana CE', Verdana, 'Arial CE', 'Helvetica CE', Arial, lucida, sans-serif;}

h1, h2, h3, h4, h5, h6 { margin-bottom: 30px; padding: 0 0 0 10px; font-size: 180%;}
h2 { margin: 0 0 20px 0; font-size: 160%; }
h3 { margin: 0 0 10px 0; font-size: 140%;  }
h4 { margin: 0 0 10px 0; font-size: 120%;  }
h5 { margin: 0 0 5px 0; font-size: 100%;  }
h6 { margin: 0 0 5px 0; font-size: 90%;  }

p, ol, blockquote { line-height: 20px; text-align: justify; }
p.last { margin-bottom: 15px; }

.list {overflow: hidden; margin-top: 15px;}
.list ul {padding-left: 40px; list-style-image:url("../images/arrow-dark.gif"); overflow: hidden;}
.list li {padding-left: 15px; margin-bottom: 1.6em; text-align: justify; line-height: 1.5em;}

a { color: #763016; }
a:hover {  }

img {border: none;}

.selected {color: black;}
.green {color: #4a8d00;}
.red {color: red;}

.cleaner {clear: both; height: 1px; overflow: hidden; }
.spacer40{clear: both; display: block; height:40px;}
.spacer30 {clear: both; display: block; height:30px;}
.spacer20 {clear: both; display: block; height:20px;}
.spacer10 {clear: both; display: block; height:10px;}

.center {text-align: center; margin:0 auto 0 auto;}

.float-left {float:left; margin-right: 20px;}
.float-right {float:right; margin-left: 20px;}

.align-block {text-align: justify;}
.align-center {text-align: center;}
.align-right {text-align: right;}

.valign-top {vertical-align: top;}

table {font-size:100%;}

.button { width: 80px; margin-top: 15px; text-align: center; padding: 5px; background:#6f4904; overflow: hidden;}
.button a {color: #ffcc33; text-decoration: none;}
.button a:hover {color: white;}

/* ZAKLADNI LAYOUT */

#header-box {width: 950px; height: 389px; margin: 0 auto 0 auto; overflow: hidden; background: url("../images/head-back.jpg") no-repeat; }
#header {}

#logo-box {float: left; width: 447px;  text-align: left;}
#logo {padding: 21px 0 0 41px;}

#lang-menu-box {margin-bottom:20px;}
#lang-menu {}
#lang-menu li{ display: inline;}
#lang-menu li img{ margin: 0 10px 0 10px;}

#menu-box {float: right; width:430px; margin-top: 76px; text-align: left;}
#menu {}
#menu ul {list-style-type: none;}
#menu li {height: 34px; overflow: hidden;}

#content-box-left {width: 950px; margin: 0 auto 0 auto; background: #fbebb8 url("../images/content-left-back.jpg") top left repeat-y;}
#content-box-right {background: url("../images/content-right-back.jpg") top right repeat-y;}
#content-box {background: url("../images/content-top-back.jpg") top center no-repeat;}
#content {background: url("../images/content-bottom-back.jpg") bottom center no-repeat;}

#main-box {width:680px; float:left; }
#main {padding: 30px 30px 30px 50px; text-align: left;}

#column-box {width:270px; float:right; }
#column {padding: 30px 50px 30px 0;}

#contakt-column {text-align:right; margin: 0 auto 20px auto;}
#contakt-column p {text-align:right;}
#contakt-column p.phone {font-size: 120%; font-weight: bold; margin: 0.5em 0 0.5em 0;}
#contakt-column p {text-align:right;}

#footer-box {width: 950px; height: 112px; margin: 0 auto 0 auto; background: url("../images/footer-back.jpg") no-repeat; overflow: hidden;}
#footer {padding: 30px 30px 30px 0}

#copy {text-align: center;}

#bottom-menu {margin-bottom: 10px; font-weight: bold;}
#bottom-menu ul {padding-left: 0;}
#bottom-menu li { display: inline; padding: 0 8px 0 10px; border-left: 1px solid #763016;}
#bottom-menu li.first {border-left: none;}
#bottom-menu li a {text-decoration: none; }
#bottom-menu li a:hover {}


/* DOPLNKOVE STYLY STRANEK */

.paging-box{text-align: right;}
.paging{}
.paging a {text-decoration:none;}
.paging .separator {color: gray;}

.rezervace {margin: 20px auto 20px auto;}

#demand-table td {padding-right: 5px;}
#form-name, #form-address, #form-phone, #form-mail, #form-text {width: 400px;}
#form-fromDate, #form-toDate {width: 140px;}
#form-text {height: 150px;}
#demand-table td.error {padding-bottom: 10px; color: red; font-weight: bold;}
#demand-table td.space {height: 20px;}
#demand-send-box {text-align: left; margin-bottom: 30px;}
#demand-send {}
#demand-send img {}
#demand-send h4.yes {color: green; padding: 0;}
#demand-send h4.no {color: #d91a1a; padding: 0;}
#demand-table .star {color: red; font-size: 80%;}
#demand-info  {margin-top: 20px }
#demand-info .star {color: red; font-size: 80%;}
#demand-table label{cursor: pointer;}

 h3.news {margin: 40px 0 25px 0;}



/* MODUL REFERENCE*/
#reference-box {}
#reference {}
#reference h3{margin-top: 15px;}
.reference {}
.reference_img {}


/* MODUL SEARCH*/
#search-box {margin-bottom: 25px;}
#search {}
#search .input-text {float: left; margin-right: 10px; font-size: 90%; color: #6B6B6B; }
#search .input-submit {height: 22px; width: 40px; background: #4a8d00; color: white; border: none; font-size: 90%; }

#search-page-box {margin: 20px 0 20px 0; text-align:center; background: #efefef;}
#search-page {padding: 10px 0 10px 0;}
#search-page form { width: 360px; text-align: center; margin: 0 auto 0 auto;}
#search-page p { }
#search-page .input-text {float: left; margin-right: 10px; font-size: 90%; color: #6B6B6B; }
#search-page .input-submit {height: 22px; width: 40px; background: #4a8d00; color: white; border: none; font-size: 90%; }
.search-header {width: 620px;}

/* MODUL AKCE */
#actions-box {}
#actions {}

.action-box {}
.action {}

#actions-lite-box {}
#actions-lite {}

.action-lite-box {margin-bottom: 15px;}
.action-lite {}


/* MODUL NOVINKY */
#news { }
#news h5 {margin:0; font-size: 110%;}
.new {}

#news-lite-box {  }
#news-lite { }

.new-lite-box {margin-bottom: 30px;}
.new-lite {}
.new-lite .date { color:#9e824a ; text-weight: bold; margin-bottom: 5px;}
.new-lite p {}

/* MODUL CONTACT_FORM */
#contact-form-box {}
#contact-form { }

#contact-form td.chyba {color:red; font-weight: bold; padding-bottom: 15px; }
#contact-form h3.positive {}
#contact-form h3.negative { color: red;}


/* MODUL GALERIE*/
#gallery-list-box {margin-top: 30px;}
#gallery-list {}
.gallery-item-box {margin-bottom: 20px;}
.gallery-item {padding: 20px;}
.gallery-item h3 {margin-bottom: 10px; padding-left: 0; padding-bottom: 0; font-size: 150%; border-bottom: none;}
.gallery-item .gallery-img {float: left; border: 1px solid #6f4904; padding: 10px;}
.gallery-item .description {float: right; width:380px;}
.gallery-item .description .button a {color: white; text-decoration: none;}
.gallery-date {color:#9e824a ; text-weight: bold; margin-bottom: 5px; font-weight: bold;}
.gallery-obrazky {margin: 30px 0 0 0; text-align: center;}
.gallery-obrazky img{float: left; margin:0 0 25px 25px; border: 1px solid #6f4904; padding: 10px;}


/* MODUL BOOK*/
#book-form-box {margin: 10px 0 30px 0; background: #E0E0E0;}
#book-form {padding: 20px; }
#book-form td {padding: 5px; }
#book-form td.book-submit {text-align:right; vertical-align:top; }

#book-form .form-error {color: red; font-weight: bold;}

.book-item-box {margin-bottom: 30px;}
.book-item {}
.book-item-box .admin .selected {color: #4a8d00; }


/* ANKETA*/
.enquiry-box { width: 100%;}
.enquiry {}
.question {margin-bottom: 0.8em; padding-bottom:0.8em; border-bottom: 1px solid gray; font-weight: bold;}
.ansfer {margin-bottom: 1.5em;}
.ansfer .barA {height: 10px; overflow: hidden; background: red; margin-top: 5px;}
.ansfer .barB {height: 10px; overflow: hidden; background: green; margin-top: 5px;}
.ansfer .barC {height: 10px; overflow: hidden; background: blue; margin-top: 5px;}
.ansfer .barD {height: 10px; overflow: hidden; background: yellow; margin-top: 5px;}
.ansfer .barE {height: 10px; overflow: hidden; background: black; margin-top: 5px;}
.ansfer .barF {height: 10px; overflow: hidden; background: gray; margin-top: 5px;}
.sum {text-align: center; padding-top:0.8em; border-top: 1px solid gray;}
.button-submit {text-align: center; margin-top: 0.8em;}


/**************************************************************************************************************************************************************************************************************/
/*              STYLY ADMINISTRACNIHO ROZHRANI                                                                                                                                                                */
/**************************************************************************************************************************************************************************************************************/
.WYSIWYG {background: #fbebb8; color: #6f4904; font-family: 'Verdana CE', Verdana, 'Arial CE', 'Helvetica CE', Arial, lucida, sans-serif; text-align: left;}

body.admin { font-family: "Verdana","Verdana CE","Arial CE","Helvetica CE",Arial,lucida,sans-serif;   margin: 0; font-size:80%; text-align: center; background: #ededed url("../admin/images/body-back.gif") top repeat-x; color: black; }


h1.admin{font-size:160%; padding: 0; margin: 0 0 30px 0; color:red; text-align: left; font-weight:bold; text-transform: none; border: 0;}
h2.admin{font-size:140%; padding: 0;  margin: 0 0 20px 0; color:red; text-align: left; font-weight:bold; text-transform: none; border: 0;}
h3.admin {font-size:120%; padding: 0;  color: red; margin:0 0 1em 0; font-weight:bold; text-transform: none; border: 0;}
h5.admin {margin:0 0 0.8em 0; padding: 0;  font-weight:bold; font-size:100%; color:black; text-transform: none; border: 0;}

a.admin {color: red; text-decoration: none;}
a.admin img {}
a.admin:hover{color: purple;}

p.admin {text-align:justify; margin: 0px 0px 20px 0px; line-height: 160%; color: #323232;}



.arrow{background:url("../admin/images/arrow.gif") 0 3px no-repeat; text-indent:20px;}

table.admin{ border-collapse:collapse; font-size:90%; }           
table.admin .longest{ padding-right: 15px;}      

.help { cursor: help; }

.admin-list {}
.admin-list ul {padding-left: 20px; list-style-image:url("../admin/images/list_arrow.gif");}
.admin-list li {padding-left: 15px; margin-bottom: 1em; text-align: justify;}

#admin-head-box {width: 1000px; margin: 0 auto 0 auto; background: white; text-align: right; }
#admin-head {}
#admin-logo {float:left; margin: 30px 0 0 50px;}


#admin-user_menu {float: right; text-align: right; margin: 20px 50px 0 0; }

#admin-main-menu-box {float: right;}
#admin-main-menu { padding: 0 50px 0 50px; text-align: right;}
#admin-main-menu ul {list-style:none; padding:0; margin: 0;}
#admin-main-menu .menu-item-first {display: block; float: left; background: url("../admin/images/main-menu-first.gif") top left no-repeat; padding: 7px 15px 7px 15px;  }
#admin-main-menu .menu-item-first-selected {display: block; float: left;  background: url("../admin/images/main-menu-first-selected.gif") top left no-repeat; padding: 7px 15px 7px 15px;  }
#admin-main-menu .menu-item-first-selected a{color: white;}
#admin-main-menu .menu-item-first-selected a:hover {color: white;}
#admin-main-menu .menu-item {display: block; float: left; background: url("../admin/images/main-menu-back.gif") top repeat-x; border-left: 1px solid #969696; padding: 7px 15px 7px 15px; }
#admin-main-menu .menu-item-selected {display: block; float: left; background: url("../admin/images/main-menu-back-selected.gif") top repeat-x; border-left: 1px solid #969696; padding: 7px 15px 7px 15px; }
#admin-main-menu .menu-item-selected a{color: white;}
#admin-main-menu .menu-item-selected a:hover {color: white;}
#admin-main-menu .menu-item-last {display: block; float: left; background: url("../admin/images/main-menu-last.gif") top right no-repeat; border-left: 1px solid #969696; padding: 7px 15px 7px 15px; }
#admin-main-menu .menu-item-last-selected {display: block; float: left; background: url("../admin/images/main-menu-last-selected.gif") top right no-repeat; border-left: 1px solid #969696; padding: 7px 15px 7px 15px; }
#admin-main-menu .menu-item-last-selected a{color: white;}
#admin-main-menu .menu-item-last-selected a:hover {color: white;}
#admin-main-menu li a{text-decoration: none; color: black; font-weight: bold; text-transform: uppercase;}
#admin-main-menu li a:hover{color: red;}

#admin-cat-menu-box {margin: 0 auto 0 auto; background: #ff0000 url("../admin/images/cat-menu-back.gif") top repeat-x; font-size: 85%; clear: both; height: 35px;}
#admin-cat-menu {padding: 10px 50px 0 50px; text-align: right;}
#admin-cat-menu ul {list-style:none; padding:0; margin: 0;}
#admin-cat-menu .menu-item {display: block; float: right; color: white; padding: 0 10px 0 10px; border-right: 1px solid white; }
#admin-cat-menu .menu-item-last {display: block; float: right; color: white; padding: 0 0 0 10px;}
#admin-cat-menu li a {text-decoration: none; color: white; text-transform: uppercase; }
#admin-cat-menu li a:hover {color: black;}

#admin-content-box {width: 1000px; margin: 0 auto 0 auto; text-align: left; background: white;}
#admin-content {padding: 30px 50px 50px 50px;}

#admin-message-box { width: 900px; margin: 0 0 15px 0; overflow: hidden; background: url("../admin/images/message-back.gif") center repeat-y;}
#admin-message {padding: 23px 25px 0 25px; background: url("../admin/images/message-back-top.gif") center top no-repeat; }
#admin-message-bottom {height:84px ; background: url("../admin/images/message-back-bottom.gif") center bottom no-repeat;; }
#admin-message img {margin-right: 1em; vertical-align: middle;}
#admin-message .green {color: #3ab60c;}
#admin-message .red {color: #e61a00;}
#admin-message .blue {color: #160fff;}

#admin-new-item {float: right;}

.form-comment {color: gray; font-size: 80%; margin: 10px 0px 0px 0px;}

.form-error {color:red; padding: 0 0 15px 0;}
.form-error img {margin-right: 1em; vertical-align: middle;}

#admin-galerie-img td {padding:10px;}

#admin-footer-box { width: 1000px; margin: 15px auto 0 auto; color: #646464;}
#admin-footer {padding: 0 50px 20px 50px; font-size:70%; text-align:center;}
#admin-footer a {color: #646464; }
#admin-footer a:hover {text-decoration: none; }

.admin-paging-box { background: url("../admin/images/header-back.gif") top repeat-x; float: right; height: 36px; overflow: hidden; margin-bottom: 25px;}
.admin-paging-middle { background: url("../admin/images/paging-left-back.gif") top left no-repeat;}
.admin-paging {padding: 10px 15px 10px 15px; background: url("../admin/images/paging-right-back.gif")top right no-repeat;}
.admin-paging a {color: red; text-decoration:none;}
.admin-paging .separator {color: gray;}

#admin-zahlavi {margin: 0 0 40px 0; }
#admin-zahlavi table {width: 900px;}
#admin-zahlavi table tr {background: url("../admin/images/header-back.gif") top repeat-x; height: 36px;}
#admin-zahlavi table td {text-align: center; border-right: 1px solid gray;}
#admin-zahlavi table td.first {padding-left: 15px; background: url("../admin/images/header-left-back.gif") center left no-repeat; border-right: 1px solid gray; text-align: center;}
#admin-zahlavi table td.last {padding-right: 15px; background: url("../admin/images/header-right-back.gif") center right no-repeat; text-align: center; border-right: none;}

#admin-list table {width: 900px;}
#admin-list table td {padding: 0.6em 1em 0.6em 1em ; border-left: 1px solid white;}
#admin-list table .head td {background: #bebebe;}
#admin-list table .head td.first {text-align: center;}
#admin-list table .first td {background: #f5f5f5;}
#admin-list table .second td {background: #e6e6e6;}
#admin-list .title-first td {background: #f5f5f5;}
#admin-list .title-second td {background: #e6e6e6;}
#admin-list .text-first td {font-size: 95%; background: #f5f5f5;}
#admin-list .text-second td {font-size: 95%; background: #e6e6e6;}

#admin-table-edit table td {padding: 0 15px 0 0; /*border: 1px solid gray;*/}
#admin-table-edit td.form-error {padding-bottom: 15px;}
#admin-table-edit td.valign-top {vertical-align: top;}

.button-add {vertical-align:-5px; margin-right: 2px;}
/********************* STYLY PODSTR�NEK ****************************/

#admin-index {}
#admin-index #column-box {width: 350px; margin-left: 40px ;background: #e6e6e6 url("../admin/images/login-back.gif") center repeat-y; float: right; overflow: hidden;}
#admin-index #column{ padding: 24px 25px 0 25px; background: url("../admin/images/login-back-top.gif") center top no-repeat;}
#admin-index #column-bottom {height: 24px; background: url("../admin/images/login-back-bottom.gif") bottom center no-repeat;}
#admin-index #column-box h3{margin:0 0 1em 0; color: red;}


#admin-categories {text-align: center;} 
#admin-categories h1 {margin-bottom: 100px;} 
#admin-categories table {margin: 0 auto 80px auto;}
#admin-categories table td {text-align: center; padding: 0 25px 0 25px;}
#admin-categories table a {text-decoration: none;}
#admin-categories table img {margin-bottom: 10px;}


#admin-login-box {width: 350px; margin: 0 auto 30px auto; background: #e6e6e6 url("../admin/images/login-back.gif") center repeat-y; overflow:hidden; text-align: left; }
#admin-login {padding: 24px 25px 0 25px; background: url("../admin/images/login-back-top.gif") center top no-repeat;}
#admin-login-bottom {height: 24px; background: url("../admin/images/login-back-bottom.gif") bottom center no-repeat;}
#admin-login h1 {font-size:120%; font-weight: bold; margin: 15px 0 15px 0;}
#admin-login td.nejdelsi {padding-right: 25px;}
#admin-login .image-right {float: right;}
#admin-login td.form-error {padding-bottom: 15px;}
img.arrow-back {vertical-align: -15%; margin-right:7px;}


#admin-support {}
#admin-support #column-box {width: 350px; margin-left: 40px; background: #e6e6e6 url("../admin/images/login-back.gif") center repeat-y; float: right; overflow: hidden;}
#admin-support #column{ padding: 24px 25px 0 25px; background: url("../admin/images/login-back-top.gif") center top no-repeat;}
#admin-support #column-bottom {height: 24px; background: url("../admin/images/login-back-bottom.gif") bottom center no-repeat;}
#admin-support #column-box h3{margin:0 0 25px 0; color: red;}

#admin-support #support-form-box {}
#admin-support #support-form {}
#admin-support #support-form-box td {padding: 0 15px 0 0;}
#admin-support #support-form-box td.form-error {padding-bottom: 20px;}
#admin-support #support-form-box td.valign-top {vertical-align: top;}

#admin-add-images-box {float: right; width:350px ;background: #e6e6e6; margin:0 0 30px 30px;}
#admin-add-images {padding: 20px;}

#form-ins-img2, #form-ins-img3, #form-ins-img4, #form-ins-img5, #form-ins-img6, #form-ins-img7, #form-ins-img8, #form-ins-img9, #form-ins-img10  {display: none;}
.more-img {color: red; cursor: pointer;}

.files-error {color: red; margin-bottom: 15px;}



