body {
  
  font-family: Arial, Verdana, Tahoma, sans-serif;
  font-size: 11px;
  
  color: black;
  
}

#bodystyl {
  background-image: url("img/textura-podklad.jpg");
  background-repeat: repeat-x;
  background-position: center top;
  text-align: center;
  padding-top: 40px;
  background-color: #E7F4F3;
}

#seolista { width: 100%; text-align: center; }

* {
  margin: 0px;
  padding: 0px;
}

a {
color: #076B81;
}

a:hover {
color: #033F7A;
}

a img {
border: 0px solid black;
}

table {
border-collapse: collapse;
}

textarea  {
width: 100%;
}

td  {
vertical-align: top;
font-size: 11px;
}

h1  {
color: #076B81;
font-size: 24px;
margin-top: 20px;
margin-bottom: 20px;
font-weight: normal;
line-height: 120%;
}

h2  {
color: black;
font-size: 20px;
margin-top: 18px;
margin-bottom: 18px;
font-weight: normal;
line-height: 120%;
border-bottom: 1px solid #CCCCCC;
display: block;

}

strong {
text-decoration: none;
}



h3  {
color: #076B81;
font-size: 14px;
margin-top: 15px;
margin-bottom: 3px;
font-weight: bold;
line-height: 120%;
}



h5  {
margin-top: 4px;
margin-bottom: 10px;
}

a h4 {
color: black;
font-size: 14px;
margin-top: 3px;
margin-bottom: 3px;
font-weight: bold;
line-height: 100%;
}

p {
margin-bottom: 10px;
/*text-indent: 15px; */
}

form td {
padding-right: 10px;
padding-bottom: 10px;
}

form p  {
margin-bottom: 4px;
text-indent: 0px;
margin-top: 0px;
}

form h3 {
margin-bottom: 6px;
border-top: 1px solid #CCCCCC;
padding-top: 2px;
font-size: 12px;
}



li  {
margin-left: 2em;
margin-bottom: 0.3em;
}

.celek  {
margin: auto;
background-image: url("img/celek.jpg");
background-repeat: repeat-y;
background-position: center top;
width: 914px;
/*position: relative;
z-index: 1;
left: 50%;
top: 40px;*/

text-align: left;

}

.vlajky {
position: absolute;
z-index: 5;
text-align: right;
top: -20px;
right: 2px;
}

.podvrch  {
background-image: url("img/vrch.jpg");
background-repeat: no-repeat;
background-position: center top;
top: 0px;
left: 0px;
position: relative;
width: 914px;
z-index: 2;
height: 152px;
}

.vrch {
width: 866px;
height: 130px;
top: 22px;
left: 24px;
position: absolute;
z-index: 3;
color: #428991;
border-bottom: 1px solid #206273;
}

.vrch .telo {
height: 130px;
background-color: #D8EFEE;
width: 688px;
}

.horni-flash  {
position: absolute;
z-index: 3;
top: 0px;
left: -2px;
}

.vrch .levy {
height: 130px;
font-size: 9px;
overflow: hidden;
}

.levy {
width: 177px;
float: left;
overflow: hidden;
}

.telo {
width: 663px;
float: left;
border-left: 1px solid #206273;
overflow: hidden;
position: relative;
}

.vrch .telo .menu {
left: 0px;
bottom: -1px;
position: absolute;
z-index: 5;
}

.vrch .telo .menu a {
float: left;
padding-left: 15px;
padding-right: 15px;
padding-top: 4px;
padding-bottom: 4px;
background-color: #DDDDDD;
background-image: url("img/podhorni-menu.jpg");
background-repeat: repeat-x;
background-position: center bottom;
color: #00677D;
text-decoration: none;
font-weight: bold;
font-style: italic;
border-right: 1px solid #7C7C7C;
border-top: 1px solid #C2C2C2;
font-size: 12px;
}

.vrch .telo .menu a:hover {
text-decoration: underline;
}

.vrch .telo .menu .vybrany  {
background-image: none;
background-color: white;
}

.stred  {
width: 866px;
top: 153px;
color: #428991;
background: url("img/podstred.jpg") repeat-y right bottom;
text-align: left;
margin: auto;
}

.stred .levy  {
width: 177px;
float: left;
}

.stred .levy .menu  {
background-image: url("img/podvyrobky.jpg");
background-repeat: repeat-y;
background-position: left bottom;
background-color: #DDDDDD;
width: 177px;
}

.stred .levy .menu a {
display: block;
width: 100%;
color: #00677D;
font-style: italic;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #7C7C7C;
border-left: 1px solid #C2C2C2;

}

.menu a .vnor {
padding-left: 46px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;

background-repeat: no-repeat;
background-position: -3px center;
font-size: 12px;
display: block;
min-height: 30px;
}





.stred .levy .menu a:hover {
text-decoration: underline;
}

.stred .levy .menu .vybrany  {
background-image: none;
background-color: white;
}


.podobsah {
  background-image: url("img/gecko.gif");
  background-repeat: no-repeat;
  background-position: center top;
}


.obsah {


float: left;
width: 540px;
padding-top: 15px;
text-align: center;
padding-bottom: 15px;

}

.obsah_vnor  {
margin: auto;
width: 500px;
line-height: 150%;
font-size: 11px;
letter-spacing: 1px;
color: black;

text-align: left;
}

.upoutavky  {
float: left;
margin-left: 8px;
width: 136px;
padding-top: 12px;
text-align: center;
background: blu
}

.upoutavka  {
width: 125px;
background-image: url("img/podupoutavka.gif");
background-repeat: repeat-x;
background-position: center top;
background-color: white;
border: 1px solid #97CACF;
color: black;
margin: auto;
margin-bottom: 10px;
padding-bottom: 3px;

}

.upoutavka .vnor  {
padding: 7px;
font-size: 10px;
text-align: left;
}

.upoutavaci {
text-decoration: none;
}

.upoutavka .nadpis {
margin-top: 3px;
margin-bottom: 10px;
font-size: 12px;
display: block;
}

.upoutavka h3 {
margin-top: 3px;
}

.upoutavka h4 {
margin-top: 3px;
font-size: 11px;
}

.upoutavka_datum {
color: #97CACF;
}

.pata {
clear: both;
width: 914px;
margin-top: 15px;
padding-top: 20px;
background-image: url("img/podpatou.jpg");
background-repeat: no-repeat;
background-position: left top;
background-color: #E7F4F3;
color: #428991;
font-size: 10px;
padding-bottom: 5px;
}

.podmenu  {
margin-top: 0px;
border-bottom: 1px dashed #61A7A9;
margin-bottom: 15px;
font-size: 12px;
color: #076B81;
}

.podmenu a  {
text-decoration: none;
color: #999999;
font-style: italic;
font-weight: bold;
}

.text {
border: 1px solid #97CACF;
padding: 10px;
margin-bottom: 15px;
}

.text h5  {
font-size: 13px;
}




.datum  {
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
margin-left: -10px;
margin-right: -10px;
margin-top: -10px;
background-color: #B4D9DD;
margin-bottom: 10px;

background-image: url("img/prouzky.jpg");
background-repeat: repeat-x;
background-position: center bottom;
}

.datum h5 {
margin-top: 4px;
margin-bottom: 5px;
margin-left: 4px;
}

.outline  {
border: 1px solid #CCCCCC;
}

.zavri  {
position: absolute;
right: 2px;
top: 2px;
}

.fotka  {
display: inline;
margin-right: 7px;
margin-top: 7px;
}

.fotka table {
display: inline;
padding-right: 15px;
padding-right: 15px;
}


.odsaz  {
margin-left: 15px;
margin-bottom: 5px;
}

.bezodsaz {
margin-bottom: 5px;
border-bottom: 1px solid #DDDDDD;
}


.vyrobky_nahledy table  {
border-collapse: collapse;
}

.vyrobky_nahledy img {
border: 1px solid #E7F4F3;
}

.vyrobky_nahledy td {
text-align: center;
border: 1px solid #E7F4F3;
width: 168px;
padding-top: 10px;
padding-bottom: 10px;
}

.vyrobky_nahledy a  {
color: black;
font-weight: bold;
text-decoration: none;
}



.vyrobky_nadpis  {
display: block;
margin-top: 10px;
margin-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
}

.vyrobky_textik  {
display: block;
font-weight: normal;
}

.vyrobky_zkraceny {
width: 100%;
}

.vyrobky_zkraceny h3 {
color: black;
font-weight: bold;
font-size: 100%;
margin-top: 0px;
}

.vyrobky_zkraceny td {
text-align: left;
border-top: 1px solid #E7F4F3;
border-bottom: 1px solid #E7F4F3;
padding-top: 10px;
padding-bottom: 10px;
}

.soubory  {
margin-top: 10px;
width: 100%;
}

.soubory td  {
border-top: 1px solid #CCCCCC;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
}

.soubory h6  a   {
text-decoration: none;
font-size: 12px;
}


.tabulka  {
border-collapse: collapse;
}

.tabulka td {
border: 1px solid #CCCCCC;
padding: 5px;

font-size: 11px;
background-color: #f0f9f8;
}

.tabulka th {
border: 1px solid #CCCCCC;
padding: 5px;
background-color: #0088A7;
font-size: 11px;
color: white;

}

.tabulka i  {
color: #206273;
}

.podbarva {
background-color: yellow;
}


.spoluprace {
text-align: center;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
background-color: white;
font-size: 11px;
}

.spoluprace a {
text-decoration: none;
display: block;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #CCCCCC; 
color: black;
}

.prazdna td {
padding-right: 10px;
padding-bottom: 5px;
}

.list {
margin-bottom: 10px;
width: 100%;
}

.prime_podmenu {
position: relative;
top: -15px;
}

.prime_podmenu td {
}

.prime_podmenu a {
display: block;
padding: 4px;
background-color: #DDDDDD;
background-image: url("img/podmenu.jpg");
background-repeat: repeat-x;
background-position: bottom left;
border-right: 1px solid white;
color: #00677D;
text-decoration: none;
font-weight: bold;
font-style: italic;
font-size: 12px;
}

.prime_podmenu .oznac {
color: white;
}

.clanecek {
display: block;
padding-bottom: 5px;
margin-bottom: 10px;
background: url("img/clanecek.png") repeat-x left bottom;
padding-left: 4px;
/*border-bottom: 1px dashed #CCCCCC;*/
}

.clanecek .datum  {
display: block;
margin: 0px;
margin-bottom: 8px;
}

.clanecek p {
}

.clanecek .nadpis  {
font-size: 12px;
font-weight: bold;
margin-bottom: 4px;
display: block;

}

.clanecek a  {
text-decoration: none;
}

.clanecek a .nadpis {
font-size: 12px;
display: block;
text-decoration: underline;
}


.sloupec  {
float: left;
width: 45%;
}

.mezisloupec  {
width: 9%;
float: left;
}

.obtekany_vlevo {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.cleaner  {
display: block;
clear: both;
}

.tabsloupec  {
width: 45%;
}






#predstranka  {
position: absolute;
z-index: 100;
width: 100%;
height: 230%;
color: #909DA5;
/*text-align: center;*/
cursor: pointer;
top: 0px;

}

#predstranka .pruhlednost {
z-index: 110;
background: #178994;
width: 100%;
height: 100%;
opacity: 0.8;  
filter: alpha(opacity=80);  
-moz-opacity: 0.8;  
-khtml-opacity: 0.8;
top: 0px;
}




#predstranka .vnor  {
position: relative;
padding: 5px;
text-align: left;
}

#predstranka .zavrit  {
position: absolute;
top: 0px;
right: 0px;
}




#predstranka .ramecek  {
position: absolute;
display: block;
top: 150px;
left: 50%;
width: 610px;
margin-left: -302px;
z-index: 120;
background: white;
}

.dulezite {
color: #E76631;
}

.upozorneni {
color: #F79820;
font-weight: bold;
display: block;
padding: 5px;
background: #FFF0B7;
border: 1px solid #FFCC00;
}

.soutezni_otazka  {
/*border: 1px solid #076B81;*/
padding: 10px;
background: #C4E4EB;

}


.soutezni_otazka h3 {
font-size: 12px;
font-weight: bold;
margin-bottom: 20px;
}

.soutezni_otazka h3 em  {
color: black; 
display: block;
font-size: 10px;
font-style: normal;
font-weight: normal;
margin-bottom: 5px;
}

.soutezni_otazka table  {
margin: auto;
}

.cena {
background: #758692;
padding: 10px;
color: white;
border: 1px solid #0088A7;
font-size: 16px;
text-align: center;
margin: 0px;
}

.cena strong  {font-size: 20px; padding-left: 20px;}

.akcni h3 {font-size: 12px; padding: 0px; margin: 0px;}

.form_na_klik {
margin-bottom: 10px;
}

#prepinac {
background: transparent url(img/prepinac.jpg) no-repeat top left;
padding: 7px 7px 7px 20px;
display: inline-block;
text-decoration:none;
cursor:pointer;
}

.vyjizdeci  {
visibility:none;
}

.vyjizdeci .vnor  {
padding: 10px; background: #DDDDDD;
}