/* Main screen CSS file */

html body {
    margin: 0; padding: 0; height: 100%;
    font-size: 0.75em;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.6em;
    color: black;
    background: url('../images/bgtop.png') repeat-x 50% 0%;
    background-color: #008ea2;
}

/* Footer stick */
html, body {height: 100%;}
#bgfoot {min-height:100%; height: auto !important; height: 100%;}


/* HTML */
a {color: #058ae5; text-decoration: underline}
a:hover {text-decoration: none}
a img {border: 0}

p {margin: 0.8em 0}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
h1.top, h2.top, h3.top {margin-top: 0;}
h1 {font-size: 1.8em; margin: 1.4em 0 0.6em; color: #058ae5; font-weight: normal;}
h2 {font-size: 1.6em; margin: 1.25em 0 0.5em; font-weight: normal;}
h3 {font-size: 1.2em; margin: 1em 0 0.8em}
h4, h5, h6 {margin: 1em 0 0.8em;}

hr {height: 1px; font-size: 0px; line-height: 0px; margin:0; padding:0; overflow:hidden; margin:10px 0px; border: 0px; border-top: 1px solid #EEEEEE;}

form {margin: 0; padding: 0}
input, button, select, option {font-size: 1em; color: black}
textarea {font-size: 1em; color: black; font-family: Arial, Helvetica, sans-serif;}

table {font-size: 1em; margin: 0; border: 0; border-collapse: collapse;}
table tr th {font-weight: bold;}
table tr td {}

img.left {float: left; margin: 0 1em 0.5em 0; clear: right}
img.right {float: right; margin: 0 0 0.5em 1em; clear: left}

div.empty {text-align:center; font-style: italic;}

div.clear {clear: both}

/* main layout */
#bgfoot {background: url('../images/bgfoot.png') repeat-x center bottom;}

#mother {width: 884px; margin: 0 auto; background: url('../images/bnd_y.png') repeat-y center top;}
#mother-bg-top {background: url('../images/bnd_top.png') no-repeat center top; zoom: 1}

#white-canvas {background: white url('../images/bgcont.png') no-repeat center top; margin: 0 11px; border-bottom: 5px solid #00606d; zoom: 1}
#white-canvas-bound {margin: 0 19px;}

#top {height: 247px; position:relative; }
#top img {position:absolute; z-index:1; opacity:0.0; }
#top img.active {z-index:3; opacity:1.0;}
#top img.last-active {z-index:2;}
#top a.toplogo {width: 219px; height: 100px; position: absolute; top: 35px; margin-left: 580px; z-index:4;}

#menu {background: url('../images/bgmenu.png') no-repeat center top; height: 70px;}
#menu #wrapper {margin: 0 1em; padding-top: 0.9em}

ul.menu {margin: 0; padding: 0;}
ul.menu li {margin: 0; padding: 0; list-style-type: none; float: left;}
ul.menu li a {color: white; white-space:nowrap; margin: 0 0.4em; font-size: 1.3em; text-decoration: none; 
    padding: 0.3em 0.5em; text-shadow: 0 1px 0 #175f2f; display: block}
ul.menu li a:hover, ul.menu li a.active {background-color: #8fbd63;}

#content {background: url('../images/bgtext.png') no-repeat right top; padding-left: 9px; padding-right: 18px; padding-bottom: 2em}

#content #left {width: 220px; float: left;}
#content #left  div.newstitle {border-bottom: 3px solid #ddd; margin-bottom: 1.3em; font-size: 1.6em; margin: 1.25em 0 0.5em; font-weight: normal;}
#content #left  div.newstitle h2 {margin: 0.7em 0; margin-top: 1em;}
#content #left  div.item {border-bottom: 1px solid #ddd; margin: 1em 0}
#content #left  div.item div.date {background: url('../images/datebg.png') no-repeat left center; color: white;
    font-size: 0.9em; padding: 0; padding-left: 5px}
#content #left  div.item div.title {font-size: 1.1em; font-weight: bold; margin: 0.5em 0;}
#content #left  div.item div.text {font-size: 0.9em; line-height: 1.6em; margin-bottom: 1em;}
#content #left  div.more {background-color: #f9f9f9; padding: 0.5em; text-align: center}
#content #left  div.more a {background: url('../images/rarrow.png') no-repeat right center; padding-right: 15px; font-weight: bold;}

#content #right {width: 530px; float: right;}
#content #right #navicomp {font-size: 0.9em; color: #999; border-bottom: 1px solid #eee; padding-bottom: 0.6em;
    margin-bottom: 1.8em}
#content #right #navicomp a {color: #333; text-decoration: none;}
#content #right #navicomp a.leaf {color: #999;}
#content #right #navicomp a:hover {text-decoration: underline}

#content #right #files {background: url('../images/filesline.png') no-repeat left top; padding-top: 0.8em; margin-top: 1.8em;}
#content #right #files a {background: url('../images/download.png') no-repeat left center; padding: 2px 0; padding-left: 20px;}

#content #right #photos {background: url('../images/filesline.png') no-repeat left top; padding-top: 0.8em; margin-top: 1.8em;}
#content #right #photos .photo {float:left; display:inline; border: 2px solid #e5e5e5; padding: 1px; margin: 12px 18px; line-height: 0px; overflow: hidden; font-size:0; padding:0;}
#content #right #photos .photo:hover {border: 2px solid #AFAFAF;}

/* Contact form */
form.cform {}
form.cform fieldset {border: 0; margin: 0; padding: 0}
form.cform table {width: 100%;}
form.cform table td.label {text-align: right; width: 140px;}
form.cform table td.top {vertical-align: top; padding-top: 0.4em;}
form.cform table td.input {padding: 0.3em; padding-left: 10px}
form.cform table td.input input {width: 230px;}
form.cform table td.input input.bgbut {background: url('../images/bgbut.png') no-repeat left center; width: 96px;
    color: white; border: 0; font-size: 1.2em; font-weight: bold; padding: 3px 0; padding-left: 8px; text-align: left;}
form.cform table td.input span.note {font-size: 0.9em;}
form.cform table td.input span.error {font-size: 0.9em; color: #d00;}
form.cform textarea {width: 99%; height: 90px; padding: 1px}

#map {width: 528px; height: 181px; margin-top: 10px;}
.big_map {font-size: 0.9em; text-align:center; margin-top: 10px;}
.big_map a{text-decoration:underline;}

/* GALLERIES -----------------------------------------------------------------*/
.galleries {margin-top: 25px;}
.galleries .gallery {float:left; width:138px; border: 1px solid #529017; display:inline; margin-left:45px; background-color: white; margin-bottom: 20px;}
.galleries .gallery .photo { text-align:center; display: block; line-height: 0px; overflow: hidden; font-size:0; border: 1px solid #529017; padding: 1px;}
.galleries .gallery .name {padding: 0px 3px; text-transform: uppercase; font-weight: bold; padding-top: 3px; font-size: 0.9em; }
.galleries .gallery .name a{text-decoration: none; color: #676666; }
.galleries .gallery .name a:hover {text-decoration: underline; }
.galleries .gallery .photos_count {padding: 0px 3px; font-size: 0.9em; padding-bottom: 2px; background-color: #529017; color: white;}  
.galleries .gallery .photos_count span { font-style:italic;}  

.photos {}
.photos a.photo{display:block;  float:left; margin-left: 50px; margin-top: 20px;  text-align:center; background-color:white; line-height: 0px; overflow: hidden; font-size:0; border: 1px solid #529017; padding: 1px;}
.photos a.photo:hover {border: 1px solid black;}
.side_photo {border:1px solid #529017; padding: 1px; margin: 5px 0px 5px 0px;}

/* OBJEDNAVKOVY FORMULAR ------------------------------------------------------*/
.demand_form {}

/*POPAVKOVY FORMULAR*/
.demand_form {}
.demand_form fieldset { border: 0px; border-top: 1px solid #058ae5; margin-top: 10px; padding: 5px;}
.demand_form fieldset legend { font-weight:normal; font-size: 1.2em; padding: 0px 3px;}
.demand_form table {}
.demand_form table tr {}
.demand_form table tr td {vertical-align: top; padding-top: 5px;}
.demand_form table tr td.name { font-size: 1.1em; width: 200px;}
.demand_form table tr td.value {}

.demand_form input.text { padding: 2px; }
.demand_form input.number { text-align: right;} 
.demand_form input.big { padding: 2px; width: 280px;}
.demand_form textarea {width: 280px; height: 75px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif;}
.demand_form .button {margin-top:10px; }
.demand_form span.info {background: url(../images/info.png) no-repeat center center; padding: 2px 7px; margin-left: 1em; cursor: default}

.demand_form .button .submit { background: url(../images/btn_contact.png) no-repeat; border: 0px; font-size: 1.1em; color: white; font-weight: bold; width:147px; padding: 2px 3px 2px 5px; cursor:hand; cursor:pointer;}

.send {font-size: 1.2em; color: green; font-weight:bold;}
.error {color: red; padding-left: 5px; }

/* NOVINKY --------------------------------------------------------------------*/
.news {}
.news .new {}
.news .new h2 {margin-top: 0px;}
.news .new .more_info {float:left;}
.news .new .new_left {float:left; width: 435px; }
.news .new .new_right { float:right; width: 46px; }

.news .new  div.more {background-color: #f9f9f9; padding: 0.1em; text-align: center; width:60px;}
.news .new  div.more a {background: url('../images/rarrow.png') no-repeat right center; padding-right: 15px; font-weight: bold;}

.small_calendar {float:left; width:46px; height: 68px; background: url('../images/date_bg.png') no-repeat;}
.small_calendar .day { font-size: 2em; font-weight: bold; margin-top: 8px; text-align:center;}
.small_calendar .month {color: white; margin-top: 8px; font-size: 0.75em; line-height: 1.2em; text-align:center;}
.small_calendar .year {color:white; font-size: 0.9em; text-align:center; line-height: 1.1em; margin-top: 2px;}

.back_link {display:block; width: 51px; height: 16px; background: url('../images/back_link.png') no-repeat; color: white; text-decoration: none; padding-bottom: 16px; }
.back_link span {display:block; margin-left: 20px; font-size: 0.9em; line-height: 1.3em;}

/* Filter */
div.paging a.pick {border: 1px solid #ddd; background-color: white; padding: 2px 4px; color: black; text-decoration: none;}
div.paging a.pick:hover {color: #03ADC7;}
div.paging {width: 340px; float: right; text-align: right}
div.paging a.pg {font-weight: bold;}
div.paging span {font-weight: bold;}
div.paging a.pg, div.filter div.paging span {padding: 0 2px}
div.paging a.prev {background: white url('../images/arrl.png') no-repeat left center; padding-left: 16px;}
div.paging a.next {background: white url('../images/arrr.png') no-repeat right center; padding-right: 16px;}

/* CONTACT -----------------------------------------------------------------------*/
.contact_box {width: 100%;}
.contact_box td.first {width: 60px;}
.contact_box td.second {font-weight:bold; }

.left_box_border {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #EEEEEE;}

/* FOOT ------------------------------------------------------------------------- */
#foot {background: #f0f0f0 url('../images/bgft.png') repeat-x left top; font-size: 0.9em; padding: 1em 0 1.3em}
#foot-wrap {margin: 0 19px;}
#foot a {color: #028386}
#foot span.ftcopy {background: url('../images/ft-dot.png') no-repeat center center; padding: 0 10px}
#foot span.colon {padding: 0 5px; font-size: 0.8em;}

#foot #fleft {width: 650px; float: left; line-height: 2em;}

#foot #lqd {width: 98px; float: right; text-align: center; line-height: 1.5em}
#foot #lqd a {display: block; text-decoration: none;}
#foot #lqd a img {display: block;}
#foot #lqd a:hover {background-color: #fff; color: #333}

#xtip {width: 350px; color: black; font-size: 0.9em;}
#xtip_head {background: url('../images/baloon.png') no-repeat 0px 0px; =height: 1px; /*hasLayout trigger*/ padding-top: 1px;}
#xtip_inner {margin: 0em 1em; border-top: 1px solid white;}
#xtip_inner div.head {font-weight: bold; margin: 0.7em 0 0.3em; padding: 0.1em 0em; border-bottom: 1px solid #ddd;}
#xtip_inner div.cont {}
#xtip_foot {background: url('../images/baloon.png') no-repeat bottom center; height: 8px;}

/* end */