body {font: 80% Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; color: #414141; text-align: left; background-color: #FFFFFF; background-color: #FFFFFF;}
#body-content3 {font: 80% Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; color: #000000; background-color: #FFFFFF;  background-image: none; }
input,select {font-family: Arial, Helvetica, sans-serif;}
td {font-family: Arial, Helvetica, sans-serif; _font-size: 90%;}

h2,h1 {color: #9C0101; font-size: 200%; margin: 0px 0px 15px 0px; padding: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #C1C1C1;}
h2 {color: #9C0101; font-size: 130%; margin: 0px 0px 15px 0px; padding: 0px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; border: 0px;}
h3 {font-size: 150%; font-weight: bold; margin: 0px; padding: 0px;}
img {border: 0px;}
a, a:visited {color: #980101;}
a:hover { text-decoration: none; color: #B00101;}
a img {vertical-align: middle;}
input, select {vertical-align: middle;}

/*HRUBY FORMAT STRANKY*/
#pageie {  margin-top: 0px; text-align: center;background: transparent url(img/pruh_horni_light.gif) top left repeat-x;}
#page {margin-left: auto; margin-right: auto; text-align: left; width: 1000px; border: 1px solid #a7a7a7; border-top: 0px;}
#header #logo img, #header #logo a img, #header #logo {border: 0px; margin:0px; padding: 0px; overflow: hidden; float: left; margin-top: 8px;}
#header {background: transparent url(img/pruh_horni.gif) top left repeat-x; height: 94px; position: relative;}
#contentie { vertical-align: top; _width: 100%;  text-align: left; font-size: 100%; padding: 5px 5px 0px 5px; min-height: 600px; _height: 600px;}/*min-height: 600px; _height: 600px;*/
/*kvuli ul li u float fotek, aby nepretekaly do obrazku*/
/*#contentie ul li {margin-left: 20px;}*/
#content {}
#footerie { padding: 10px 0px 10px 10px; font-size: 90%; clear: both; color: #9C0101; text-align: center; }
#footer {text-align: center;}
#footer a,#footer a:visited {color: #9C0101;}
#footer a:hover {color: #BC0101;}
/*ZOBRAZENI JEN PROSTREDNIHO SLOUPCE*/
#content3 {background-color: #FFFFFF; margin: 0px; padding: 0px 0px 0px 0px;}

#drobeckova-navigace {font-size: 80%;}/* float: left;}/*position: relative;	left: 0px; top: -30px; color: #FFFFFF */
/*#drobeckova-navigace a,#drobeckova-navigace a:visited {color: #FFFFFF;}
#drobeckova-navigace a:hover {color: #AAAAAA;}*/

/*ZOBRAZENI NAHLEDU FOTEK ALBA*/
.fotkanahledseznam {float: left; display: inline; margin: 7px 0px 0px 14px; text-align: center;}
.fotkanahledseznam .fotka-edit {z-index: 2; width: 60px; height: 20px; position: absolute; text-align: left; visibility: hidden;}
.fotkanahledseznam .bezpopisu {z-index: 1; background: transparent url(img/ikony/bez_popisu.gif) bottom right no-repeat; position: absolute; width: 59px; height:59px;}
.fotkanahledseznam .fotka-edit .edit {width: 20px; height: 20px; float: left; text-align: center;}
.fotkanahledseznam .fotka-edit .edit a {background-color: #FFFFFF; height: 20px; display: block; margin: 0px; display: block; _width: 100%; _display: inline-block;}
.fotkanahledseznam .fotka-edit .edit a img {vertical-align: middle;}
.fotkanahledseznam .fotka-edit .edit a:hover {background-color: #C6FAB8;}
.fotkanahledseznam .fotkanahledie {margin: 2px;}
.fotkanahledseznam .fotkanahled {width: 200px; height: 150px;}

/*VYJIMKY*/
#content .clanek h2 .obrazek img {margin: 5px; display: block; margin-left: auto; margin-right: auto; vertical-align: middle; _display: inline;}
#content .clanek img {margin: 5px;}
#content .clanekkategorie img {margin: 5px;}
/*ZOBRAZENI NAHLEDU FOTEK ALBA*/
.fotkanahledseznam {float: left; display: inline;}

/*SLIDESHOW*/
.fotka { margin: 5px; border: 1px solid #B38D65; background-color: #E0CB8A; margin: 5px; text-align: center; }
.fotka .foto { padding: 5px; margin: 5px;}
/*.fotka .foto img {border: 2px solid #0F7426;}*/
.fotka .foto #popisfotky {background-color: #EDDC94; color: #601D21; padding: 5px; text-align: left; border: 1px solid #B38D65; }
.fotka .seznam { width: 100%;height: 170px; overflow: auto; white-space: nowrap; margin: 5px; margin-left: auto; margin-right: auto; background-color: #EDDC94;}
.fotka .seznam img {	margin: 2px;}


/*VZHLED CELEHO MENU*/
#menu {padding-left: 3px; position: absolute; top: 62px; left: 0px;height: 25px; background: transparent url(img/menu_bg.gif) top left repeat-x; width: 846px; border-right: 1px solid #a7a7a7;}
#menu ul {margin: 1px 0px 0px 0px; padding: 0px; list-style-type: none;}
#menu ul li {float: left; margin: 0px; padding: 0px; width: 110px;}
#menu ul li li {display: none;}
#menu ul li a {display: block; height: 24px; _width: 100%; _display: inline-block; text-decoration: none; margin-right: 3px; font-weight: normal; font-size: 15px;}
#menu ul li a:hover {background: transparent url(img/menu_active.gif) left top repeat-x;}
#menu ul li a img {padding: 1px 2px 0px 2px;}
#menu ul li .menuactive {background: transparent url(img/menu_active.gif) left top repeat-x;}
#menu ul li.ikona {width: 29px; float:right;}
#menu ul li.ikona a {margin-right: 0px; margin-left: 3px;}

#login_box {overflow: hidden;float: right;border: 0px dotted #414141; margin: 5px;padding: 5px;position: absolute; top: 16px; right: 0px;height: 50px; width: 130px; background: transparent url(img/login_bg.png) top left no-repeat;}
#login_box b {color: #414141;}
#login_box a,#menu #login_box a:visited {color: #414141;}
#login_box a:hover {color: #414141;}
/*
#menuie {float: left; color: #EAEAEA; text-align: left; width: 206px;}
#menu {margin: 10px 10px 20px 10px;}
#menu #vlajky {text-align: center; padding: 5px; padding-bottom: 20px;}
#menu #vlajky img {padding-left: 5px; padding-right: 5px;}
#menu #login_box {border: 1px dotted #EAEAEA;margin: 30px 20px 15px 15px;padding: 5px;}
#menu #login_box b {color: #EAEAEA;}
#menu #login_box a,#menu #login_box a:visited {color: #FFFFFF;}
#menu #login_box a:hover {color: #EAEAEA;}

#menu ul {margin: 0px; padding: 0px; list-style-type: none; border: 0px;}
#menu ul li ul li a {font-size: 13px; color: #EAEAEA; font-weight: normal;}
#menu ul li ul li a:hover, #menu ul li ul li .menuactive {color: #FF1200; text-decoration: none;}
#menu ul li a {font-family: Arial, sans-serif; color: #EAEAEA; padding: 2px 12px 2px 5px; text-decoration: none; font-size: 13px; margin: 0px;	display: block; _width: 100%;	_display: inline-block;	font-weight: bold;}
#menu li li a {padding: 2px 0px 2px 25px;}
#menu li li li a {padding: 2px 0px 2px 32px;}
#menu ul li a:hover, #menu ul li .menuactive {color: #FF1200; text-decoration: none;}
#menu ul ul {border: 0px;}
#menu ul ul ul {border: 0px;}
#menu ul li ul li a {}
#menu ul li img {padding: 0px 3px 0px 0px;}
#menu ul li a img{vertical-align: middle;}
#menu a {color: #EAEAEA;}
#menu a:hover { text-decoration: none; color: #FF1200;}
*/
.fieldset {text-align: center; margin-bottom: 10px; _margin: 15px 0px 30px 0px;}
fieldset {_position: relative; _padding: 0px 10px 10px 10px; text-align: left;}
html>body fieldset {_padding: 1em;}
fieldset legend {_position: relative; _top: -1em;}
fieldset { margin-left: auto; margin-right: auto; border: 1px solid #C9C9C9; background-color: #F0F0F0; width: 98%;}
fieldset table {width: 100%; font-size: 1em;}
fieldset table tr td {padding-right: 5px; padding-left: 5px; text-align: center; font-size: 100%;}
fieldset table tr .levy {width: 150px; text-align: right; vertical-align: top; font-weight: bold;}
fieldset table tr .pravy {text-align: left; vertical-align: top;}
legend { background: transparent url(img/menu_active.gif) left top repeat-x;/*background-color: #980101;*/ color: #DBDBDB; border: 1px solid #C9C9C9; padding: 1px 10px; font-weight: bold; margin-top: 5px; font-size: 120%;}
legend a, legend a:visited {color: #980101;text-decoration: none;}/* #DBDBDB;}*/
legend a:hover {text-decoration: none; color: #B00101;}
.alba_nahledy {background-color: #EDDC94;}

#content #sitemap li { padding-top: 10px; }

td,tr,table {margin: 0px; padding: 0px; text-align: left;}
.tabulka { border: 1px solid #A0A0A0; margin: 5px; margin-left: auto; margin-right: auto; }
.tabulka caption {border: 0px solid #A0A0A0; text-align: left; display: none;}
.tabulka caption span {border: 1px solid #A0A0A0;  text-align: left; }
.tabulka thead tr td {text-align: center; font-size: 12px; font-weight: bold; border: 1px solid #A0A0A0; border-width: 0px 1px 1px 0px;}
.tabulka tbody tr td {border: 1px dotted #A0A0A0; border-width: 0px 1px 1px 0px; padding: 2px;}
.tabulka tfoot tr td {font-weight: bold; border: 1px solid #A0A0A0; border-width: 1px 0px 0px 0px; text-align: center; }
.hovernik tr:hover td, .tabulka tr.hover td {background-color: #DFE0E6;}

label {text-align: right; font-weight: bold;  vertical-align: top;}
input, select,textarea {background-color: #F8F8F8; border: 1px solid #A9A9A9;}
.button {border: 1px solid #980101; font-weight: bold; background: #FFFFFF url(img/button.gif) bottom left repeat-x; color: #980101;}

.strankovani { margin: 5px; padding: 2px; text-align: center; overflow: hidden; width: 100%; border: 1px solid #BBBBBB; border-width: 1px 0px 1px 0px;}
.strankovani .levy {float: right; width: 80px; text-align: left;}
.strankovani .pravy {float: right; width: 80px; text-align: right;}
.strankovani .levy img, .strankovani .pravy img {vertical-align: middle;}
.strankovani .levy, .strankovani .pravy {font-size: 80%;}
.strankovani .prostredek {text-align: center; font-size: 80%; float: right;}
.strankovani .pocet {font-size: 80%; float: left; margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px; border: 1px solid #000080; border-width: 0px 1px 0px 1px;}
.strankovani .prostredek b.aktualni {font-size: 110%; background-color: #000080; color: #F9F9F9; padding: 0px 2px 0px 2px;}

.highlighted { background-color: #F9F9F9; }
/*
.fotka #popis {background-color: #FFE9B6; color: #211203;}
.fotka .seznam img { margin: 5px; }*/
.clanekkategorie .uvod {font-size: 110%; margin: 0px 5px 20px 5px; line-height: 1.5; }

.temperon-skupina {}
.temperon-skupina {width: 98%; margin: 0px;}

/*CLANKY NAHLEDY*/
.clankynahledy {text-align: center;}
.clankynahledy .claneknahled { width: 95%; border: #601D21 solid 1px; border-width: 1px 1px 0px 1px; margin: 10px auto 20px auto;}
.clankynahledy .claneknahled .obrazek {float: right; margin-left: 5px;}
.clankynahledy .claneknahled h2 {color: #E7D58F; text-align: left; font-size: 150%; border: 1px solid #601D21; border-width: 0px 0px 1px 0px; margin: 0px; padding: 0px; padding-left: 7px; background: #601D21 url(img/pruh.gif) top repeat-x; padding: 2px;}/* font-weight: bold;*/
.clankynahledy .claneknahled h2 a:visited, .claneknahled h2 a { color: #E7D58F; text-decoration: underline; display: block; _width: 100%; _display: inline-block;}
.clankynahledy .claneknahled h2 a:hover{ text-decoration: none; color: #FFFFFF; }
.clankynahledy .claneknahled h3 { text-align: justify; margin: 0px; padding: 10px; font-size: 110%; overflow:hidden; _width: 100%;}
.clankynahledy .claneknahled .patka {padding: 2px; background-color: #601D21; color: #E7D58F; border: 1px solid #601D21; border-width: 1px 0px 1px 0px; text-align: left; margin: 0px; padding-left: 2px; font-size: 90%; clear: right; }
.clankynahledy .claneknahled .patka a:visited, .clankynahledy .claneknahled .patka a { color: #E7D58F; text-decoration: underline;}
.clankynahledy .claneknahled .patka a:hover{ color: #FFFFFF; text-decoration: none; }

/*DISKUZE*/
.diskuze {text-align: center;}
.diskuze .diskuzeprispevek h3 {color: #E7D58F; text-align: left; font-size: 120%; border-bottom: 1px solid #B38D65; font-variant: small-caps; font-weight: normal; margin: 0px; padding: 0px; padding-left: 7px; background: #601D21 url(img/pruh.gif) repeat-x; font-weight: bold;}
.diskuze .diskuzeprispevek h4 { text-align: justify; margin: 0px; padding: 10px; font-size: 100%; font-weight: normal; background-color: #E0CB8A;}
.diskuze .diskuzeprispevek .patka {padding: 2px; background-color: #601D21; color: #E7D58F; border: 1px solid #B38D65; border-width: 1px 0px 0px 0px; text-align: left; margin: 0px; padding-left: 2px; font-size: 90%; clear: right; }
.diskuze .diskuzeprispevek .patka a:visited, .diskuzeprispevek .patka a {color: #E7D58F;text-decoration: underline;}
.diskuze .diskuzeprispevek .patka a:hover{ color: #FFFFFF; text-decoration: none; }
.diskuze .diskuzeprispevek {width: 90%; border: #B38D65 solid 1px; margin: auto; margin-bottom: 20px;}
/*ODPOVED V DISKUZI*/
.diskuze .diskuzeprispevek .odpoved { border: 1px dotted #B38D65; padding: 5px; margin: 5px 15px 5px 15px;}

.clanek h2 { text-align: justify; margin: 0px; padding: 10px; font-size: 120%; padding-top: 0px;}/* color: #870000;*/
.clanek h2 .obrazek { float: right; margin: 5px; margin-top: 0px;}
.clanek .clanektext{ text-align: left; clear: right; padding: 10px; }
.clanek .patka { background-color: #601D21; color: #E7D58F; border: 1px solid #B38D65; text-align: left; margin: 0px; padding: 5px; font-size: 90%; margin-top: 100px; }
.clanek .patka a:visited, .clanek .patka a { color: #E7D58F; text-decoration: underline; }
.clanek .patka a:hover{ color: #FFFFFF; text-decoration: none; }

/*NOVINKY*/
#menu #novinky {padding: 30px 10px 0px 20px; text-align: justify;}
#menu #novinky #nadpis {font-size: 170%; font-weight: bold; text-align: center; color: #E7D58F; padding-bottom: 10px;}
#menu #novinky .datum {padding-left: 10px; font-weight: bold; color: white; padding-top: 9px;}
#menu #novinky .novinka {padding-left: 2px; padding-right: 2px; padding-bottom: 10px; font-size: 120%; color: #E7D58F;}

/*TEMPERON*/
.temperon-rezimy {padding: 5px;text-align: left; font-weight: normal; font-size: 80%; color: #000000; overflow: hidden; Background-color: #F9F9F9; border: 1px solid #a7a7a7;}/* position: relative;}*/
.temperon-rezim {padding: 5px; float: left; min-width: 220px; _width: 450px; position: relative;}/*border: 1px solid #999999; border-width: 1px 0px 0px 0px;*/
.temperon-rezim .nazev {font-size: 110%; font-weight: bold; padding: 2px 5px 2px 5px; clear: left; color: #9C0101;}
.temperon-rezim .den {_height: 2em;}
.temperon-rezim .den .den-nazev {clear: left; padding: 0.2em 0.2em 0 0.2em;font-size: 110%; font-weight: bold; color: #9C0101; background-color: #F8F8F8; border-right: 1px solid #CCCCCC; float:left;  width: 8em; height: 1.5em;}
.temperon-rezim .den .teplotaie {float: left; width: 10em; height: 1.5em;}
.temperon-rezim .den .teplota {text-align: center; margin: 1px; padding: 1px; overflow: hidden; background-color: #FBFBFB; border: 1px solid #DDDDDD;}
.temperon-rezim .den .teplota a {display: none; _display: inline;}
.temperon-rezim .den .teplota a.icon-left {width: 16px; float: left;}
.temperon-rezim .den .teplota a.icon-right {width: 16px; float: right;}

.temperon-mapa-teplotaie {float:left; position: absolute;}
.temperon-mapa-teplota {float: left; color: #333333; background: #FFFFFF url(img/button.gif) bottom left repeat-x; border: 1px solid #CC3333; padding: 1px; font-weight: bold;}

/*.temperon-rezim .den {clear: left;}*/
.den {border: 1px solid #999999; border-bottom: 0px; margin: 0px; padding: 0px; overflow: hidden; background-color: transparent;}/*float: left; width: 100px; _width: 108px;*/
.den:hover {background-color: #999999;}
.den:hover .den-nazev {background-color: #D8D8D8;}
.den:hover .teplota {background-color: #E8E8E8; border-color: #999999;}
.den:hover .teplota a {display: inline;}
.den.hover {background-color: #999999;}
.den.hover .den-nazev {background-color: #D8D8D8;}
.den.hover .teplota {background-color: #F8F8F8;}
.den.hover .teplota a {display: inline;}

.den-posledni {border: 1px solid #999999;}

/*Temperon mistnosti*/
.mistnosti-globalinfo {float: left; text-align: center; width: 300px; font-weight: bold;  background: #F5F5F5; border: 1px solid #C9C9C9; margin: 5px 5px 20px 5px; padding: 2px;}
.mistnosti-globalinfo img {vertical-align: middle; padding-right: 2px;}
.mistnosti-globalinfo a img {vertical-align: top;}

.temperon-skupiny {}
.temperon-skupiny ul {margin: 2px; padding: 2px; margin-left: 5px;}
.temperon-skupiny ul li {font-weight: bold; font-size: 120%; padding: 2px; color: #9C0101; color: gray; list-style-type: none;}
.temperon-skupiny ul li img {vertical-align:middle;}
.temperon-skupiny ul li ul li{font-weight: normal; font-size: 90%; padding : 0px; color: #414141; margin-left: 10px; list-style-type: none;}
.temperon-skupiny ul li ul {margin: 10px 0px 10px 0px; padding: 0px;}
.temperon-skupiny div.mistnostinfo {margin-left: 30px; border: 1px solid #a7a7a7; padding: 5px; overflow: auto; height:70px; overflow: hidden; position: relative;}
.temperon-skupiny div.mistnostinfo .ovladani {float: left;left: 0px;position: absolute; top: 60px;height: 21px; background: transparent url(img/menu_bg.gif) top left repeat-x; width: 70px; border-right: 1px solid #a7a7a7;}
.temperon-skupiny div.mistnostinfo .ovladani ul {margin: 1px 0px 0px 0px; padding: 0px; list-style-type: none;}
.temperon-skupiny div.mistnostinfo .ovladani ul li {float: left; margin: 0px; padding: 0px; width: 25px;}
.temperon-skupiny div.mistnostinfo .ovladani ul li a {display: block; height: 20px; _width: 100%; _display: inline-block; text-decoration: none; margin: 0px 3px 0px 0px; font-weight: normal; font-size: 15px;}
.temperon-skupiny div.mistnostinfo .ovladani ul li a:hover {background: transparent url(img/menu_active.gif) left top repeat-x;}
.temperon-skupiny div.mistnostinfo .ovladani ul li a img {padding: 0px 0px 0px 2px;}
.temperon-skupiny div.mistnostinfo .ovladani ul li .menuactive {background: transparent url(img/menu_active.gif) left top repeat-x;}
.temperon-skupiny .mistnosti-teplota {display: inline-block; width: 80px;}
.temperon-skupiny .mistnosti-baterka {display: inline-block; width: 60px;}
.temperon-skupiny .skupina-nazev {display: inline-block; width: 200px;}

.temperon-skupiny acronym.rezim-teplota {font-size: 80%; color: gray;}
.temperon-skupiny a.rezimy {font-size: 80%; color: gray;}
.temperon-globalinfo {margin-left: 20px; border: 1px solid #9C0101; padding: 5px; overflow: auto; height:70px;}
.temperon-mistnosti-odkaz {font-size: 12px; color: gray; font-weight: normal;}
.temperon-skupiny .temperon-mistnost-odkaz {text-decoration: none;}
.temperon-skupiny .temperon-mistnost-odkaz span {display: inline-block; width: 175px;}

/*MAPA*/
.mistnosti-mapy {float: right; width: 500px; height: 400px;text-align:center; margin-left: 5px;}
.mistnosti-mapy .mapy-obsah {border: 1px solid #a7a7a7; border-width: 0px 1px 1px 1px; margin: 0px auto 0px auto; padding: 5px 0px 5px 0px;}
ul.mapa-taby { border-bottom: 1px solid #a7a7a7; font: bold 11px verdana, arial, sans-serif; list-style-type: none; margin: 5px 0px 0px 0px; padding: 5px 10px 26px 10px; }
ul.mapa-taby li { background: transparent url(img/menu_active.gif) top left repeat-x; border: 1px solid #a7a7a7; float: left; height: 23px; margin: 2px 2px 0 2px; }
ul.mapa-taby li.active a {color: #B00101;background: transparent url(img/menu_bg.gif) top left repeat-x; border-bottom: 1px solid #FFFFFF; }
li.active a {}
.mapa-taby a {  display: block; float: left; height: 15px; padding: 4px; text-decoration: none; }
.mapa-taby a:hover { background: transparent url(img/menu_bg.gif) top left repeat-x;}
.mistnosti-mapy .mapa-hidden {display: none;}
.mistnosti-mapy .mapa {position: relative; overflow: hidden; margin: 0px auto 0px auto; border: 0px;}
.mistnosti-mapy .mapa img {border-top: 1px solid white;}

.skupiny-mistnosti-seznam {}
.skupiny-mistnosti-seznam ul {margin: 0px; padding: 0px; vertical-align: middle; margin: 0px 0px 0px 15px;}
.skupiny-mistnosti-seznam ul li {font-size: 14px; font-weight: bold; padding-bottom: 5px;}
.skupiny-mistnosti-seznam ul li li {font-size: 12px; font-weight: normal;padding: 2px 0px 2px 0px; margin: 0px;}
.skupiny-mistnosti-seznam ul li label {font-size: 12px; font-weight: normal; vertical-align: bottom;}
.skupiny-mistnosti-seznam ul ul { margin: 0px; padding: 0px; list-style-type: none;}

/*Tipy na jednotlivych strankach*/
.tip-graf {margin-left: 200px; float: right;}

/*Nápovìda*/
.tip-napoveda { width: 300px; float: right; line-height: 1.3em; color: #010C9C; background: #F0F0F0 url(img/ikony/tip.png) 5px 50% no-repeat; margin: 5px; border: 1px solid #010C9C; text-align: justify; min-height: 45px; padding: 5px 15px 5px 50px; font-size: 100%; _height: 55px;}
.napoveda-left { margin-right: 400px;}
.content-local-menu { margin: 40px;}
.content-local-menu li { margin-top: 5px;}

/*Graf*/
.graf-teplota-form {line-height: 1.5;text-align: left; border: 1px solid #C9C9C9; background-color: #F5F5F5; padding: 5px; margin: 5px; float: left; width: 250px;}
.graf-teplota-form .datum-od {width: 47%;}
.graf-teplota-form .datum-do {width: 47%;}
.graf-teplota-form ul li {color: gray;}
.graf-teplota-form ul li li {color: #980101;}
.graf-img {margin: 10px 0px 20px 10px;}


/*HORIZONTALNI MENU S TABY*/
ul.navlist {font: bold 11px verdana, arial, sans-serif;list-style-type: none;padding-bottom: 26px;border-bottom: 1px solid #C9C9C9; margin: 5px 0px 10px 0px;}
ul.navlist li {float: left;height: 23px;background-color: #C6FAB8;margin: 2px 2px 0 2px;border: 1px solid #C9C9C9;}
ul.navlist li.active {border-bottom: 1px solid #FFFFFF;background-color: #FFFFFF;}
li.active a { color: #0B4678; }
.navlist a {float: left;display: block;color: #0B4678;text-decoration: none;padding: 4px; height: 23px;}
.navlist a:hover {background: #FFFFFF; }
.navlist a img {float: left;}

/*VYPIS KATEGORIE CMS*/
.vypis-kategorie li, .vypis-kategorie ul {padding-bottom: 3px;}

/*VYPIS REFERENCE CMS*/
.vypis-reference li, .vypis-reference ul {padding-bottom: 3px;}

/*VYPIS MODULY ADMINISTRACE*/
.vypis-moduly-admin { border: 0px solid #A0A0A0; border-width: 0px 0px 0px 1px; margin: 5px; margin-left: auto; margin-right: auto; }
.vypis-moduly-admin caption { border: 0px solid #A0A0A0; display: none; text-align: left; }
.vypis-moduly-admin caption span { border: 1px solid #A0A0A0; text-align: left; }
.vypis-moduly-admin thead tr td { border: 1px solid #A0A0A0; border-width: 3px 1px 1px 0px; font-size: 12px; font-weight: bold; padding: 2px; text-align: center; }
.vypis-moduly-admin tbody tr td { border: 1px dotted #A0A0A0; border-width: 0px 1px 1px 0px; padding: 2px; }
.vypis-moduly-admin tfoot tr td { border: 1px solid #A0A0A0; border-width: 1px 0px 0px 0px; font-weight: bold; text-align: center; }
.vypis-moduly-admin .vypis-menu-sprava td { }
.vypis-moduly-admin .vypis-modul td { _font-size: 90%; background: #ECFFDB; font-size: 100%; padding-bottom: 2px; padding-top: 3px; }
.vypis-moduly-admin .vypis-modul td.modul-nazev { font-weight: bold; }
.vypis-moduly-admin .vypis-menu-sprava td.menu-nazev { padding-left: 5em; }
.vypis-moduly-admin tr:hover td { background: #BBEFCD; }
.vypis-moduly-admin .neaktivni-modul td { background: #FFEFCD; }
.vypis-moduly-admin tr.neaktivni-modul:hover td { background: #FFDFBD; }
.vypis-moduly-admin tr.vypis-menu-sprava:hover td { background: #DFE0E6; }
.vypis-moduly-admin .neaktivni-menu td { background: #FFEFCD; }
.vypis-moduly-admin tr.neaktivni-menu:hover td { background: #FFDFBD; }
/*pro explorer <=6 pouze zjednoduseny hover efekt*/
.vypis-moduly-admin tr.hover td { background: #BBEFCD; }


#grafimg {background: #FFFFFF url(img/loading.gif) 50% 50% no-repeat; text-align: center; margin: 0px 0px 0px 250px; padding: 0px;}

/*Temperon start*/
.temperon-start-box {background: #F5F5F5; border: 1px solid #C9C9C9; margin: 10px; padding: 0px 2px 5px 2px; float: left; width: 300px; min-height: 200px; overflow: auto; line-height: 130%;}
.temperon-start-box .nadpis {background: #CFD0D6 url(img/menu_active.gif) top left repeat-x; border-bottom: 1px solid #010C9C; text-align: center; font-size: 120%; color: #000000; font-weight: bold; height: 20px;line-height: 140%;}
/*.temperon-start-box table tr .levy {width: 150px; text-align: right; vertical-align: top; font-weight: bold;}
.temperon-start-box table tr .pravy {text-align: left; vertical-align: top;}
*/

#header #status-info {overflow: hidden; float: left; margin-top: 16px; height: 45px; border: 0px solid blue;}
#header #status-info .status {float: left; height: 45px;border: 0px solid blue;margin-left: 5px;}

.wcamfile, .wcamfilenew {margin: 5px; padding: 5px;width: 220px; height: 180px; float: left; background-color: #DDDDDD; text-align: center;}
.wcamfilenew {background-color: #F6CECE;}
.wcamfile img {width: 200px; height: 150px;}

.toggle-button-yes,.toggle-button-no {display: inline-block; width: 50px;height: 21px;background: transparent url(img/switch_button.png) 0px 0px no-repeat;}
.toggle-button-yes span,.toggle-button-no span {display: none;}
.toggle-button-no {background: transparent url(img/switch_button.png) -50px 0px no-repeat;}

.div-boxik { background: #F5F5F5; border: 1px solid #C9C9C9; margin: 10px; padding: 5px; }


div.loading-shaddow {
position: absolute; width: 130px; text-align: center; margin: 2px; padding: 5px; font-weight: bold;
background: transparent url(img/alpha.png);
}
div.loading {
border: 1px solid green; padding: 5px 25px 5px 5px; font-weight: bold;
color: navy;
background: #FFFFFF url(img/loading.gif) 90px center no-repeat;
}

.toggle-button-yes div.loading-shaddow,.toggle-button-no div.loading-shaddow{
position: absolute; width: 20px; height: 20px; margin: 0px 0px 0px 80px;padding: 2px; background: transparent url(img/alpha.png);
}
.toggle-button-yes div.loading,.toggle-button-no div.loading {
  color: transparent;
  background: transparent url(img/loading.gif) top right no-repeat;
  height: 20px;
  border: 0px;
  padding: 0px;
  overflow: hidden;
}

hr {
height: 1px;
color: #9C0101;
background: #9C0101;
border: solid #9C0101 1px;
border-width: 0px 0px 1px 0px;
}

.red {color: #FF0000;}
.bred {background-color: #FF0000;}
.green {color: #00AA00;}
/*.alert { color: #FF0000; font-size: 150%; border: 1px dotted #BF0000; font-weight: bold; margin: 3px; padding: 2px; margin: 0px; text-align: center; }*/
.alert {color: #9C0101; background: #F0F0F0 url(img/ikony/alert.png) 5px 50% no-repeat; margin: 5px; border: 1px solid #9C0101; text-align: center; padding: 15px 80px 20px 80px; font-size: 130%; font-weight: bold;}
.help {color: #010C9C; background: #F0F0F0 url(img/ikony/help.png) 5px 50% no-repeat; margin: 5px; border: 1px solid #010C9C; text-align: justify; min-height: 45px; padding: 5px 5px 5px 80px; font-size: 120%; _height: 55px;}
/*.ok { color: #00B902; font-size: 150%; border: 1px solid #00BF02; font-weight: bold; margin: 3px; padding: 2px; margin: 0px; text-align: center; }*/
.ok-bg {background: #F0F0F0 url(img/ikony/ok_pozadi.png) top left repeat-x; margin: 5px; border: 1px solid #019C0C;}
.ok-bg .ok {color: #019C0C; background: transparent url(img/ikony/ok.png) 5px 50% no-repeat; text-align: center; padding: 10px 80px 10px 80px; font-size: 130%; font-weight: bold;}
.tip {line-height: 1.3em; color: #010C9C; background: #F0F0F0 url(img/ikony/tip.png) 5px 50% no-repeat; margin: 5px; border: 1px solid #010C9C; text-align: justify; min-height: 45px; padding: 5px 15px 5px 50px; font-size: 120%; _height: 55px;}

.s700 {width: 700px;}
.s600 {width: 600px;}
.s500 {width: 500px;}
.s300 {width: 300px;}
.s400 {width: 400px;}
.s200 {width: 200px;}
.s250 {width: 250px;}
.s150 {width: 150px;}
.s140 {width: 140px;}
.s70 {width: 70px;}
.s50 {width: 50px;}
.s45p {width: 45%;}
.s50p {width: 50%;}
.s75p {width: 75%;}
span.s50p, span.s75p {display: inline-block;}
.s100 {width: 100px;}
.s90 {width: 90%;}
.s95 {width: 95%;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.justify {text-align: justify;}
.bez {margin: 0px; padding: 0px;}
.top { vertical-align: top; }
.fright {float: right; margin: 5px;}
.fleft {float: left; margin: 5px;}
.highlight td {background: #D4D7F5;}
.nowrap {white-space: nowrap;}
.bold {font-weight: bold;}
hr.float-right-konec,hr.float-left-konec,hr.float-konec {clear: right; height: 1px; border: none; margin: -1em 0 0 0; visibility: hidden;}
hr.float-left-konec {clear: left;}
hr.float-konec {clear: both;}