h1{width: 513px; height: 25px; margin: auto; margin-top: 15px; padding: 6px 15px 0 0; background: url(../images/heading.png); font-size: 120%; text-align: right; margin-bottom: 15px;}
h2{border-bottom: solid rgb(128,128,128) 1px; color: rgb(255, 199, 0); font-weight: normal; font-size: 140%; margin: 0; padding: 0; margin-top: 10px;}

.info, .vystraha{border: solid #FFDEAF 1px; background-repeat: no-repeat; padding: 5px; padding-left: 30px; margin:auto; width: 80%; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
.info{background-color: #A3A3CC; border-color: #5E5EA7;background-image: url(../images/servis/info.png); background-position: 0 0;}
.vystraha{background-color: #FFEED6; background-image: url(../images/servis/vystraha.png);}
.file{position: relative; top: 1px; margin-right: 3px;}

.popis{border: solid #FFB900 1px; background-color: #EEEEEE; padding: 10px; margin-bottom: 10px;}

.prilohy{text-align: center; margin-top: 15px; margin-bottom: 15px;}
.prilohy img{padding: 2px; border: solid #FFB900 1px; margin: 4px; margin-right: 15px;}
.prilohy div{float: left; width: 30%;}

.bubble{padding-top: 0px; padding-bottom: 5px; padding: 0; margin: 0;}
.bubble h2{margin: 0; padding: 0; border: none; color: #000; font-size: 120%; font-weight: bold; margin-bottom: 2px;}
.bubble img{margin-right: 3px;}

div#map_canvas{width: 100%; margin: auto; margin-top: 10px; height: 400px;}

.zaznam{border-bottom: solid grey 1px; margin-bottom: 15px; padding: 10px; padding-top: 1px;}
.zaznam h2{margin-bottom: 4px; margin: 0; border: none;}
.zaznam h2 a{text-decoration: none;} 
.zaznam img{border: 1px solid rgb(255, 199, 0); margin: 10px;}
.zaznam .left{float: left;}
.zaznam .left img.ikona{margin: 0; padding: 0; border: none; margin-right: 5px; margin-bottom: 25px; cursor: help;}
.zaznam table td{padding-right: 5px;}
.zaznam table{margin-bottom: 15px;}
.zaznam .right{width: 55%; float: left;}
.zaznam .right #map_canvas{width: 98%; height: 320px; margin-left: 30px; border: solid #FFB900 1px;}
.zaznam .right img.ikona{margin: 0; padding: 0; border: none; margin-top: 10px; margin-left: 5px; cursor: help;}

.zaznam .aktuality_left{width: 200px; float: left;}
.zaznam .aktuality_right{width: 200px; float: right;}
.zaznam .aktuality_right img{cursor: help; margin: 0; border: none; margin-right: 3px; margin-top: 10px;}
.zaznam .aktuality_right a.button{width: 152px;}


a.button {text-decoration: none; display: block; width: 130px; padding: 2px; float: left; text-align: center; background: #8C865E; color: #FFF; margin: 3px; font-size: 90%;}
a.button:hover{color: orange;}

.zaznam a.button {text-decoration: none; display: block; width: 130px; padding: 2px; text-align: center; background: #8C865E; color: #FFF; margin: 3px; font-size: 90%; margin-left: 0;}
.zaznam a.button:hover{color: orange;}
.zaznam a{display: inline; background: transparent; color: #8C865E; font-size: 100%; text-decoration: underline;}
.zaznam a:hover{text-decoration: none;}

.prispevek{margin-top: 10px; padding: 3px;border-bottom: solid grey 1px;}
.prispevek .podpis{color: #8C865E; font-size: 100%; margin-bottom: 2px;}

.podpis{font-size: 85%; color: #666666; margin-top: 2px; padding-bottom: 2px; text-align: left;}

#webcams img{border: solid rgb(255,199,0) 1px; width: 120px; height: 100px;}

#login{text-align: right; font-size: 90%; padding-left: 25px;}
#login form{padding: 0; margin: 0;}
#login div{margin-top: 5px; text-align: right; width: 130px;}
#login input{width: 90px; height: 10px; font-size: 80%;}
#login input#tlacitko{width: 50px; height: 16px; color: #FFFFFF; font-size: 80%; border: 1px solid #000000; background-color: #8B875F;}
#login a{text-decoration: none; display: block; width: 130px; padding: 2px; text-align: center; background: #8C865E; color: #FFF; margin: 3px; font-size: 90%; margin-left: 0;}
#login a:hover{color: orange;}
#login a.normal{text-align: right; margin: 0; padding: 0; display: in-line; background-color: transparent; color: #8C865E; text-decoration: none;}
#login a.normal:hover{color: #000000;}

#seek{_position: relative; bottom: 15px;}
#seek input{width: 90px; height: 13px; font-size: 80%; border: 1px solid #000000;}
#seek input#tlacitko_seek{margin-left: 5px; width: 50px; height: 17px; color: #FFFFFF; font-size: 90%; border: 1px solid #000000; background-color: #8B875F;}
span.seek{color: red;}

div#bannery{padding-left: 23px; padding-bottom: 10px;}

#guestbook{display: none;}

.vlozena_left, .vlozena_right, .vlozena_center{border: solid #FFDEAF 1px; margin: 5px; padding: 2px}
.vlozena_left{float: left;}
.vlozena_right{float: right;}
.vlozena_center{}
div.vlozena_center{text-align: center; border-style: none; clear: both;}

/*formulare*/
.formular{text-align: left; background-color: #FFFFFF; border: solid #FFDEAF 1px; margin: auto; width: 80%; padding: 0px; margin-top: 15px;}
.formular_hlavicka{background-color: #FFBB00; color: #FFF; font-weight: bold;}
.formular_lichy_radek{background-color: #FFF09A;}
.formular_sudy_radek{}
.formular td{padding: 3px;}
.formular img{border-style: none;}

/*anketa*/
.anketa{background-color: #FFFFFF;border-color: #FFDEAF;width: 300px; margin: auto;  text-align: center; border-style: solid; border-width: 1px; margin-top: 15px;}
.anketa table{width: 300px; padding: 2px; margin: auto; text-align: left; margin-bottom: 10px;}
.anketa td{width: 150px; padding-left: 5px;}
.anketa_hodnoceni{margin: 0px; padding: 0px; position: relative; top: 2px; border-style: solid; border-width: 1px;}

form{margin: 0px;}
select{border-style: inset; border-width: 2px; width: 100%;}
input{width: 100%; border: solid #EEC288 1px; background-color: #FFFFFF;}
input[type=submit]{width: 70px; margin-top: 2px;}
textarea{width: 100%; height: 85px; border: solid #EEC288 1px;}
#tlacitko {width: 70px;}

/*listovani*/
.poradac{margin-top: 25px;}
.poradac ul{margin: 0;padding: 0;text-align: center; font-size: 16px;}
.poradac li{list-style-type: none;display: inline;padding-bottom: 1px; margin: 2px;}
.poradac a, .poradac a:visited{padding: 0 5px;border: 1px solid #FFDEAF;text-decoration: none;color: #333333;}
.poradac a:hover, .poradac a:active{border: 1px solid #EEC288;color: #000000;}
.poradac li.poradac_aktualni{font-weight: bold;padding: 0 5px;border: 1px solid #EEC288;background-color: #EEC288;color: #FFFFF;}
.poradac li.poradac_neaktivni{padding: 0 5px;border: 1px solid #929292;color: #929292;}