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

*{margin:0; padding:0; }
body{ font-family: 'Georgia CE','Times New CE','New York CE','Times CE', Georgia,times,serif; font-size: 85%; text-align:center; background: black url("../images/back.jpg")  center 252px no-repeat;  color: #aabccb;}

h1 {font-size: 200%; margin: 0 0 20px 20px; font-weight: normal; color:#9e824a;}
h2 {font-size:170%; margin: 0 0 20px 20px;  font-weight: normal; color:#9e824a;}
h3 {font-size:140%; margin: 0 0 20px 0;  font-weight: normal; color:#9e824a;}
h4 {font-size:110%; margin: 0 0 20px 0;  font-weight: normal; color:#9e824a;}

a {color:#9e824a; }
a:hover {}
a:visited {color: #715e37;}
a:hover {}

img {border: none;}

p {text-align:justify; margin: 0 0 0.7em 0; line-height: 1.5em;}
p.last { margin: 0 0 3em 0; }

hr {margin-top: 20px; border-top: 1px solid #c9c9c9; border-left: none; border-bottom: none; border-right:none; height:1px; clear: both;}

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

.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;}


.selected {color: black; font-weight: bold;}
.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;}
.red {color: #fe2020;}
.center {text-align: center; margin:0 auto 0 auto;}
.column-left{ float: left; width: 200px; margin-right: 20px;}
.back-selected {background: #333132; padding: 15px;}

.list {margin-top: 15px;}
.list ul {padding-left: 50px; list-style-image:url("../images/list-image.gif"); overflow: hidden;}
.list li {padding-left: 5px; margin-bottom: 2em; text-align: justify;}

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

.male-pismo {font-size: 85%;}

.object {overflow: hidden; clear: both;}

.img-right {float:right; margin-left: 20px; border: 1px solid black;}
.img-left {float:left; margin-right: 20px; border: 1px solid black;}

.poznamka {font-size: 85%; color:#787878; }

.exponent {font-size: 0.7em; vertical-align: 60%;}

/* ZÁKLADNÍ LAYOUT STRÁNKY */


#head-box { width: 900px; height: 249px; margin: 0 auto 0 auto; overflow: hidden; background: url("../images/head-back.jpg") top center no-repeat; }
#head { }
#logo { margin: 8px 0 0 0; text-align: center;}


#main-menu-box { width:900px; height: 43px;  margin: 0 auto 0 auto; background: url("../images/menu-back.jpg") top center no-repeat; text-align: center;}
#main-menu {padding:12px 25px 0 25px;}
#main-menu ul {list-style-type: none; text-align: center; }
#main-menu li { display: inline; margin-left: -4px; }
#main-menu li a {padding: 10px 25px 10px 25px; text-decoration: none; text-transform: uppercase; color: black; font-weight: bold;}
#main-menu li a.active {}
#main-menu li a:hover {  }

#content-box{width: 900px; margin: 0 auto 0 auto; background: url("../images/content-back.jpg") center repeat-y;}
#content{background: url("../images/content-bottom-back.jpg") bottom center no-repeat;}
#content-inner{padding: 55px 50px 40px 50px; background: url("../images/content-top-back.jpg") top center no-repeat; text-align:left;}


#footer-box {width: 900px; height: 102px; margin: 0 auto 0 auto; background: url("../images/footer-back.jpg") bottom center no-repeat; overflow: hidden; font-size: 85%; color: black;}
#footer {}


#ribbon-box {width: 500px; height: 44px; margin: 0 auto 0 auto; overflow: hidden;  background: url("../images/footer-ribbon.jpg") top center no-repeat;}
#ribbon {padding: 23px 60px 0 60px;}
#ribbon a {color: black;}

#created {margin-top: 20px; color: #4c000b; font-size: 90%;}
#created a{color: #4c000b;}
#created a:hoover{ text-decoration: none;}





/* DOPLŇKOVÉ STYLY STRÁNEK */

#welcome-box {float:left; width: 550px;}
#welcome {padding-right: 25px; }

#news-box {float:right; width: 250px;}
#news {padding: 10px 0 10px 25px; border-left: 1px solid #9e824a; }
#news h3{/*margin-top: 8px;*/ }

#links {}
#links img{margin: 0 10px 0 10px;}

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


.line {margin: 0 0 10px 0;}
.line img {border: none;}
.sluzby .line {margin: 30px 0 10px 0;}


.welcome-border-box {width: 850px; height: 190px; overflow: hidden; background: url("../images/welcome-border-back.gif") top  repeat-x;}
.welcome-border {}
.welcome-border img {border: none;}
.welcome-border .obsah {padding: 35px 20px 0 20px; color:#8ba7b9; }
.welcome-border .float-left img { margin: 0 0 0 20px;}
.welcome-border .float-right img { margin: 0 20px 0 0;}

.links-box {width: 230px; float: left;}
.links { padding: 15px 0 0 0;}
.links .left{ margin-right: 20px;}





/* 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 { text-align: justify; }

.new-lite-box {margin-bottom: 15px; font-size: 90%;}
.new-lite {}
.new-lite .date { color:#9e824a ; text-weight: bold; margin-bottom: 5px;}
.new-lite p {line-height: 1.6em;}

/* MODUL CONTACT_FORM */
#contact-form-box {width: 300px; margin-right: 40px;}
#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 {padding: 0 30px 0 30px;}
.gallery-item-box-left {margin-bottom: 40px; width: 350px; float:left;}
.gallery-item-box-right {margin-bottom: 40px; width: 350px; float:right;}
.gallery-item {}
.gallery-item h3 {margin-bottom: 10px; padding-left: 0; padding-bottom: 0; font-size: 150%; border-bottom: none;}
.gallery-item .gallery-img {float: left; width: 160px; text-align: center; margin-right: 20px;}
.gallery-item .gallery-img img {padding: 8px; border: 1px solid #9e824a ; }
.gallery-item .description {}
.gallery-item .description .button a {}

.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 15px 30px 15px; padding: 8px; border: 1px solid #9e824a ; }


/* MODUL BOOK*/
#book-box {margin-top: 30px;}
#book {}
#book-form-box {margin-bottom: 50px;}
#book-form {border-top:1px solid #9e824a; border-bottom:1px solid #9e824a; padding: 15px;}
#book-form h3.insert {margin-bottom: 0; cursor: pointer; color: #9e824a;}
#book-form h3.positive {margin-bottom: 0;  font-weight: bold;}
#book-form h3.negative {margin-bottom: 0; color: #d00000; font-weight: bold;}
#hidden-form {display: none; margin-bottom: 15px; color: #9e824a; }
#book-form table {margin-top: 25px;}
#book-form td {padding: 0 5px 0 0; color: #9e824a;}
#book-form td.book-submit {text-align:right; vertical-align:top; }
#book-form td.book-form-error {color: #d00000; font-weight: bold; padding-bottom: 10px;}
#book-form input {margin:0;}
textarea#bookFormBody {height: 80px;}
.book-item-box {margin-bottom: 15px;}
.book-item {border-bottom: 1px solid #9e824a; padding: 10px 15px 10px 15px;}
.book-item-last {border-bottom: 0px; padding: 10px 15px 10px 15px;}
.book-item-box p {}
.book-item-box .separator {margin: 0 10px 0 10px; color: #9e824a;}
.book-item-box .selected{color: #9e824a;}
.book-item-box .book-admin {color: white; }


/* 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: url("../images/content-back.jpg") center repeat-y; color: #aabccb; font-family: 'Georgia CE','Times New CE','New York CE','Times CE', Georgia,times,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;}



