/*
   HAPPY TOOLS CMS - redakcni a publikacni system
  (C) 2008  HAPPY DESIGN.cz - Vechna prava vyhrazena
*/


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

h1 {font-size: 180%; margin: 0 0 20px 20px; font-weight: normal;}
h2 {font-size:150%; margin: 0 0 20px 20px; font-weight: normal;}
h3 {font-size:120%; margin: 0 0 20px 0; color: #ff8c00;}
h4 {font-size:110%; margin: 0 0 5px 0;}


a { border: none; color: #ff8c00; }
a:hover {}

img {border: none;}

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

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

table{ border-collapse:collapse; font-size:100%; }  
table .nejdelsi{ 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: #ff8c00;}
.float-left {float:left; margin-right: 20px;}
.float-right {float:right; margin-left: 20px;}
.align-block {text-align: justify;}
.align-center {text-align: center; margin:0 auto 0 auto;}
.align-right {text-align: right;}
.red {color: red;}


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


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


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

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




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

#body-inner { background: url("../images/back-bottom.gif") bottom repeat-x; }


#main-menu-box {width: 950px; background: white; margin: 0 auto 0 auto; background: url("../images/main-menu-back.gif") top repeat-x; }
#main-menu { }
#main-menu table {width: 100%;   }
#main-menu td {text-align: center; vertical-align: top; background: url("../images/main-menu-separator.gif") right 16px no-repeat; border-bottom: 1px solid #e7e7e7; font-size: 90%;}
#main-menu td.last {background: none;}
#main-menu td.new {background: url("../images/main-menu-new-separator.jpg") right 5px no-repeat;}
#main-menu a {display: block; padding: 15px 3em 12px 3em;  border-top: 5px solid #a7a6aa; text-decoration: none; color: #323232; text-transform: lowercase; font-size: 120%;}
#main-menu a .arrow {margin-right: 0.4em; vertical-align:-25%;}
#main-menu a:hover {border-top: 5px solid #fbb51c;  }


#head-box {width: 950px; background: white; margin: 0 auto 0 auto; }
#head { }

#head-left-box { margin-top: 38px; width: 518px; float:left; text-align: left; background: url("../images/head-left-back.jpg") bottom no-repeat;}
#head-left {}

#logo-box {margin-left: 47px;}
#logo {}


#info-box {height: 258px; margin-top: 36px; width: 100%; overflow: hidden; font-size: 90%; }
#info {padding: 30px 15px 0 47px; color: black;}
#info td.icon {vertical-align: top;}
#info td.text {padding-left: 20px;}
#info h2 {margin: 0 0 10px 0; font-size: 170%;}
#info .more {text-align: left; margin-bottom: 20px;}
#info .more a {color: #323232;}


#head-right-box { margin-top: 23px; width: 432px; height: 394px; float: right; background: url("../images/head-right-back.jpg") bottom no-repeat;}
#head-right {text-align: left;}
#display-flash {margin-top: 3px;}


#content-box{width: 950px; background: white; margin: 0 auto 0 auto;}
#content{ padding: 20px 20px 20px 40px;}
#content img {}

#column-box{ width:250px; float: right; }
#column{}

.column-item-box {background: url("../images/column-item-back.gif") top  repeat-x; text-align: justify;}
.column-item {padding: 15px 20px 10px 20px;}
.column-item h3{margin: 0 0 15px 0;}

.column-icon {margin-right: 10px; vertical-align: middle;}

#main-box{ width: 600px; float: left; text-align: justify; }
#main{padding-top: 10px; }


#footer-box { width: 950px; height: 101px; background: url("../images/footer-back.gif") top repeat-x; margin: 0 auto 0 auto; overflow: hidden; }
#footer {padding: 20px 10px 0 20px;}
#footer a {}

#footer p.copyright {width: 350px; float: left; color: #646464; line-height: 1.5em; font-size: 85%;}

#footer-menu {float: right; text-align: right;}
#footer-menu table {text-align:right;}
#footer-menu td {padding: 0 1em 0 1em; border-right: 1px solid #969696; text-transform: lowercase; font-size: 90%; color: #646464; }
#footer-menu td.last {border-right: none; padding: 0 0 0 1em;}
#footer-menu a {text-decoration: none;  color: #646464;}
#footer-menu a:hover { text-decoration: underline; }




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

#home {margin-bottom: 40px;}
#home h1 {font-size: 150%; }

.border-box {margin: 20px 0 40px 0; background: url("../images/column-item-back.gif") top  repeat-x; cleaner: both;}
.border {padding: 25px 30px 10px 30px;}


.balicek {margin-bottom: 50px; clear:both; overflow: hidden; }
.balicek-image {float: left;}
.balicek-comment {float: right; width: 390px;} 
.balicek tr {height: 20px;}
.balicek table {width: 100%;}
.balicek td.column-first {}
.balicek td.column-two {width: 100px;}

.more {text-align: right;}

.why-us-text{float:right; width: 370px; }

.odkazy-vymena{text-align: center; margin-top: 15px;}
.odkazy-vymena a{color: #969696;}

.poznamka {margin: 20px 0 20px 0; border-top: 1px solid #bdbcbf; font-size:90%; color: ; padding-top: 10px; }





#kontakt_left { float: left; width: 300px; margin-bottom: 30px; }
#kontakt_right {float: right; width: 300px;}



/*PAGING*/
.paging-box { background: url("../images/column-item-back.gif") top repeat-x; float: right; margin-bottom: 35px;}
.paging {padding: 15px; }
.paging a {text-decoration: none;}
.paging .separator {color: gray;}







/* MODUL REFERENCE*/
#reference-box {margin-top: 30px;}
#reference {}
.reference-box {margin-bottom: 50px; clear: both; }
.reference {margin-bottom: 40px; clear: both; }
.reference h3 {margin: 0 0 10px 0;}
.reference .date { font-size:90%; color:#969696;  }
.reference .obrazky {float: left;}
.reference .comment {float: right; width: 370px;}
.reference .obrazky img {}

/* MODUL SEARCH*/
#search-box { }
#search {}
#search p {}

#search-page-box { margin-bottom: 40px; background: url("../images/column-item-back.gif") top repeat-x;}
#search-page {padding: 20px 15px 10px 15px; text-align:center;}
#search-page form { width: 360px; text-align: center; margin: 0 auto 0 auto;}
#search-page p {margin: 5px 0 5px 0; }
.search-body h3 {color: #323232; }

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

.action-box {margin-bottom: 50px;}
.action {}
.actions-img {float:left; margin-right: 15px;}
.action p {float:right; width:360px;}

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

.action-lite-box {margin-bottom: 30px;}
.action-lite {text-align: center;}
.action-lite p{text-align: justify;}
.actions-lite-img {margin: 10px auto 15px auto;}

/* MODUL NOVINKY */
#news { }
#news h5 {margin:0; font-size: 110%;}
.new-box {margin-top: 15px;}
.new {}
.new .datum { padding-left: 10px; margin-bottom: 5px;}

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

.new-lite-box {margin-top: 15px; }
.new-lite {}
.new-lite .datum { padding-left: 10px; margin-bottom: 5px;}


/* MODUL CONTACT_FORM */
#contact-form {margin: 0 50px 0 50px;}
#contact-form td.chyba {color:red; font-weight: bold; padding-bottom: 15px; }
#contact-form h3.positive {color: green; margin: 0 0 5px 0;}
#contact-form h3.negative { color: red; margin: 0 0 5px 0;}
#contact-form #name{width: 500px;} 
#contact-form #email{width: 500px;} 
#contact-form #text{width: 500px;} 

/* MODUL GALERIE*/
#gallery-box {}
#gallery {}
.galerie {clear: both; overflow: hidden;}
.galerie-obrazky {margin: 0 auto 0 auto; text-align: center;}
.galerie-obrazky img{float: left; margin:0 0 15px 15px;}


/* MODUL BOOK*/
#book-form-box {margin: 30px 0 30px 0; background: #E0E0E0;}
#book-form {padding: 20px;}
#book-form td {padding: 5px;}

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

.book-item-box {margin-bottom: 30px;}
.book-item {}
.book-item-box .admin {background: url("../images/header-back.gif") 0 0px no-repeat; padding: 5px;}