/* <![CDATA[ */
body {
background: white;
margin: 0;
padding: 0;                                      
border: 0;
font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
font-weight: 400; 
font-size: 12px;
color: #000;
text-align: left;
}

.hidden {
display: none;
}


/* <zahlavi> */

.zahlavi {
padding: 0;
margin: auto;

}
html>body .zahlavi {
padding: 1px 0;
}

.tenka-linka-top {
margin: 5px 0;
background: #000;
height: 2px;
font-size: 0px;
display: none;
}

.silna-linka-top {
margin: 0;
padding: 2px 0 0 0;
background: #ff0000;
height: 20px;
font-size: 12px;

}
html>body .silna-linka-top {
height: 18px;
}

.logo {
margin: 0;
height: 64px;
background: #EAEFF2;
font-size: 14px;
font-weight: 800;
}


.tenka-linka-bottom {
margin: 0;
padding: 2px 0 0 201px;
background: #B4C5D3;
height: 22px;
font-size: 12px;
}

html>body .tenka-linka-bottom {
height: 20px;
}

.silna-linka-bottom {
margin: 0;
padding: 6px 0 0 211px;
background: #40739A;
color: #fff;
height: 33px;
font-size: 14px;
font-weight: 800;
text-align: left;
}
html>body .silna-linka-bottom {
height: 27px;
}

.silna-linka-bottom img {
border: 0;
margin: 0 0 0 5px;
padding: 0;
}



/* </zahlavi> */


/* <obsah>   menu - 201px, leva - 414px, prava - 145px, middle - 559px */
.middle-hlavni {
margin: 0 0 0 0;
padding: 0;
width: 760px;
font-size: 12px;
text-align: left;
}

.middle {
background: #fff url("../foto_html/back_stz.gif") top left;
}

.obsah {
margin: 0;
padding: 0;
width: 559px;
float: right;
}

.obsah-right {
padding: 0;
margin: 0;
width: 145px;
float: right;
}

.obsah-left {
padding: 0;
margin: 0;
width: 414px;
float: left;
}

.left-in {
padding: 10px 10px 0 10px;
margin: 0;
line-height: 130%;
}

.right-in {
padding: 10px 5px 30px 0px;
margin: 0;
line-height: 120%;
font-size: 11px;
}


.menu {
margin: 0;
padding: 20px 0 20px 11px;
width: 201px;
float: left;
}
html>body .menu {
width: 190px;
}

.mezera200 {
height: 200px;
clear: both;
}

/* </obsah> */


/*<menu verze ul> */
/*
.menu div.pododkaz {
display: none;
padding: 0 0 0 0;
}

.menu a {
font-weight: 800;
font-size: 12px;
color: #fff;
text-decoration: none;
}
.menu a:hover {
color: #fff;
background: #8AA8BC;
text-decoration: none;
}


.menu ul {
padding: 0 10px;
margin: 0 0 20px 0;
list-style-type: none;
}

.menu ul li {
margin: 5px 0 0 0;
}

.menu ul ul {
padding: 0 0 10px 10px;
margin: 0;
}

.menu ul ul li {
margin: 5px 0 0 0;
}

.menu-katalog {
margin: 30px 0 10px 0;
padding: 3px 10px;
border-top: 1px solid black;
border-bottom: 1px solid black;
height: 23px;
font-weight: 800;
background: #fff;
}
html>body .menu-katalog {
height: 20px;
}

*/
/*</menu verze ul> */

.menu .odkaz-hover {
color: #ffff00;

}

.pododkaz .pododkaz-hover {
color: #ffff00;
}

div.tecky-blue-v {
clear: both;
line-height: 1px;
border: 0; padding: 0; margin: 0;
font-size: 1px;
background: #40739A url("../foto_html/white_v.gif") top left repeat-x;
}

div.tecky-black-h {
float: left;
line-height: 1px;
border: 0; padding: 0; margin: 0;
font-size: 1px;
height: 20px;
width: 1px;
background: #B4C5D3 url("../foto_html/black_h.gif") top left repeat-y;
}


/* <menu verze a> */

div.pododkaz a {
display: block;
margin: 0 0 0 0;
padding: 4px 5px 0 5px;
background: #80A6C3;
color: #fff;
font-weight: 400;
font-size: 11px;
text-decoration: none;
text-align: left;
height: 23px;
}
div.pododkaz a:hover {
color: #000;
text-decoration: none;
}

div.pododkaz {
display: none;
padding: 0;
}


.menu a {
display: block;
margin: 0 0 0 0;
padding: 4px 5px 0 5px;
background: transparent;
color: #fff;
font-weight: 400;
font-size: 11px;
text-decoration: none;
text-align: left;
height: 23px;
}

html>body .menu a {
height: 19px;
}


.menu a:hover {
background: #B4C5D3;
color: #000;
}




.menu .mezera10 {
height: 10px;
}

/* </menu verze a> */



/* <odkaz - left - in> */

.left-in h1 {
margin: 0 0 10px 0;
padding: 0;                                      
font-weight: 800; 
font-size: 14px;
color: #000;
text-align: left;
}  


.left-in p {
margin: 0 0 10px 0;
padding:0;
}

.left-in input {
width: 140px;
height: 20px;
background: #ECF4F9;
border: 1px solid #5B788C;
}

.left-in input.check {
width: 20px;
height: 20px;
background: transparent;
border: 0;
}

.left-in hr {
height: 1px;
background: #5B788C;
color: #5B788C;
border: 0;
}


.left-in a {
color: #2A618A;
text-decoration: underline;
}

.left-in a:hover {
color: #ff0000;
background: #FFFFA7;
text-decoration: none;
}

.left-in table {
padding: 0;
margin: 0;
border-collapse: collapse;
border-color: #000;
font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
font-weight: 400;
font-size: 11px;
color: #000;
}

.left-in td {
padding: 0 3px;
border-color: #000;
height: 19px;
}


.left-in img {
padding: 0;
border:0;
margin: 5px 5px 3px 0;
}


.left-in ul {
margin: 15px;
}

.left-in ol {
margin: 15px;
}

.left-in li {
margin: 2px 20px;
}

.next-top, .next-bottom  {
text-align: right;
margin: 0 0 15px 0;
color: #2587CB;
font-size: 13px; 
}

.next-bottom {
margin: 30px 0 15px 0;
}


.news-nadpis {
text-align: left;
margin: 0 0 5px 0;
border: 0px;
color: #FF3333;
font-size: 16px;
font-weight: 800;
}

.news-nadpis a {
color: #FF3333;
font-size: 13px;
font-weight: 800;
text-decoration: underline;
}

.news-vypis {
margin: 0 0 0 20px;
}

.news-datum {
padding: 0;
text-align: right;
margin: 0 0 5px 0;
border: 0px;
color: #aaa;
font-size: 10px;
}

.katalog-h1 {
margin: 0 0 20px 0;
}

.katalog-popis-menu {
background: #F9E7E7;
padding: 5px 0;
margin: 0 0 10px 0;
}

.katalog-foto {
margin: 20px 0 20px 0;
text-align: center;
}

.katalog-foto img {
border: 2px solid black;
margin: 0;
}

.katalog-fotky {
margin: 20px 0;
}

.katalog-fotky img {
float: left;
border: 2px solid black;
margin: 0 7px 10px 0;
}

div.vloz-form {
text-align: center;
}

div.formular  {
width: 350px;
margin: 30px auto;

}

html>body div.formular {
height: 26px;
}

div.formular-left  {
width: 150px;
padding: 4px 0 0 0;
text-align: left;
float: left;
height: 30px;
}

html>body div.formular-left  {
height: 26px;
}

div.formular-right  {
width: 180px;
padding: 0;
text-align: right;
float: right;
height: 30px;
}

div.formular-right input {
width: 140px;
height: 20px;
background: #ECF4F9;
border: 1px solid #5B788C;
}


.vloz-form textarea {
width: 350px;
height: 130px;
background: #ECF4F9;
border: 1px solid #5B788C;
}

button {
height: 20px;
margin: 10px 0 0 0; 
font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
font-size: 12px;
font-weight: 800;
background: #5B788C;
color: #fff;
border: 0px solid #5B788C;
cursor: pointer;
}

/* </odkaz - left - in> */




/* <odkaz - right - in> */

.right-in p {
margin: 0 0 10px 0;
padding:0;
}

.right-in a {
color: #40739A;
text-decoration: underline;
}

.right-in a:hover {
color: #40739A;
background: #EAEFF2;
text-decoration: none;
}

.right-in table {
padding: 0;
margin: 0;
border-collapse: collapse;
border-left: 1px solid #000;
border-top: 1px solid #000;
font-family: "Verdana CE", Verdana, "Arial CE", "Helvetica CE", arial, helvetica, sans-serif;
font-weight: 400;
font-size: 11px;
color: #000;
}

.right-in td {
padding: 0 3px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
height: 19px;
}

.right-in img {
padding: 0;
border:0;
margin: 5px;
}


.right-in ul {
margin: 10px;
}

.right-in ol {
margin: 10px;
}

.right-in li {
margin: 2px 10px;
}


div.aktualita {
margin: 0px 0px 10px 0px;
padding: 8px 0;
}

.aktualita-nadpis {
color: #40739A;
font-size: 11px;
font-weight: 400;
margin: 0 0 5px 0;
padding: 3px;
background: #EAEFF2;
}

.aktualita-nadpis1 {
color: #40739A;
font-size: 12px;
font-weight: 400;
margin: 0 ;
padding: 3px;
background: #EAEFF2;
}

.aktualita-vypis {
color: #000;
font-size: 11px;
font-weight: 400;
margin: 0 0 5px 0;
padding: 0 5px;
}

.aktualita-datum {
color: #aaa;
text-align: right;
margin: 0 0 5px 0;
padding: 0 8px ;
font-size: 10px;
}



/* </odkaz - right - in> */




/* <zapati> */
.zapati {
margin: auto;
padding: 3px 0 0 20px;
clear: both;
height: 20px;
background: #000;
color: #fff;
text-align: left;
}
html>body .zapati {
height: 17px;
}

.zapati a {
color: #fff;
text-decoration: none;
font-weight: 400;
}
.zapati a:hover {
color: #ff0000;
background: #FFFFA7;
}

div.tecky-white-v {
clear: both;
line-height: 1px;
border: 0; padding: 0; margin: 0;
font-size: 1px;
background: #000 url("../foto_html/white_v.gif") top left repeat-x;
}


/* </zapati> */


.cleaner {
clear:both;
margin:0; padding:0;
height:1px;
border:none;
overflow:hidden;
visibility:hidden;
font:1px/1 inherit;
}

.alarm {
color: red;
font-weight: 800;
}

.chyba {
margin: 0 0 10px 0;
}

.chyba p {
color: red;
font-weight: 800;
margin: 0 0 3px 0;
}


#logo-stz {
position: absolute;
top: 26px;
left: 20px;
border: 0;
padding:0;
margin: 0;

}


#logo-stz img {
border: 0;
padding:0;
margin: 0;

}


a.top-link {
color: #fff;
text-decoration: underline;
font-weight: 400;
display: block;
float: left;
margin: 0 10px;
}
a.top-link:hover {
color: #fff;
text-decoration: none;
}




.bocni-reklama {
 position: absolute;
 top: 155px;
 left: 770px;
 width: 200px;
 height: 156px;
}

/* ]]> */
