BODY{
                background-color: #fffdfe;
                font-family: Verdana, Arial, Arial CE, Tahoma, Verdana, sans-serif;
                margin: 0px;

}
BODY, th, td  { font-size: 10px;}

select {font-size: 11px;}
input {font-size: 11px; border: 1px solid black; }

H1 {
    font-weight: normal; 
    font-size: 11px; 
    text-align: right; 
    margin: 1px 0px 1px 0px;
    padding: 4px 10px 4px 0px;
    background-color: #dedede;
    color: #666666; 
    letter-spacing: 2px; 
}
H2 {font-size: 11px; margin: 0px; padding: 0px;}



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



A:link{        color: #cc0001; text-decoration : none; font-weight: bold;}
A:visited{ color: #cc0001; text-decoration : none; font-weight: bold;}
A:hover{ color: #000000; text-decoration : none; font-weight: bold;}
A:active{color: #000000; text-decoration : none; font-weight: bold;}

A.menicko1 {display: block;  padding: 6px 15px 5px 15px; text-align: center; font-size: 12px; float: left;}
A.menicko {display: block;  padding: 6px 15px 5px 15px; text-align: center; font-size: 12px; float: left;}

A.menicko:link{  color: #ffffff;  }
A.menicko:visited{ color: #ffffff; }
A.menicko:hover{ color: #000000; }
A.menicko:active{color: #000000; }

A.menicko1:link{ color: #ffffff; background-color: #999999;}
A.menicko1:visited{ color: #ffffff;  background-color: #999999;}
A.menicko1:hover{ color: #000000; background-color: #999999;}
A.menicko1:active{color: #000000; background-color: #999999;}


A.podmenicko1 {display: block; padding: 6px 0px 5px 0px; border-bottom: 1px dotted #cccccc;}
A.podmenicko {display: block;  padding: 6px 0px 5px 0px; border-bottom: 1px dotted #cccccc;}

A.podmenicko:link{  color: #000000;  } A.podmenicko:visited{ color: #000000;} A.podmenicko:hover{ color: #cc0000; } A.podmenicko:active{color: #cc0000; }
A.podmenicko1:link{        color: #cc0000; } A.podmenicko1:visited{ color: #cc0000; } A.podmenicko1:hover{ color: #000000; }A.podmenicko1:active{color: #000000; }


A.podmenicko2a {display: block; margin-left: 15px; padding: 6px 0px 5px 0px; border-bottom: 1px dotted #cccccc;}
A.podmenicko2 {display: block;  margin-left: 15px; padding: 6px 0px 5px 0px; border-bottom: 1px dotted #cccccc;}

A.podmenicko2:link{  color: #000000;  } A.podmenicko2:visited{ color: #000000;} A.podmenicko2:hover{ color: #cc0000; } A.podmenicko2:active{color: #cc0000; }
A.podmenicko2a:link{        color: #cc0000; } A.podmenicko2a:visited{ color: #cc0000; } A.podmenicko2a:hover{ color: #000000; }A.podmenicko2a:active{color: #000000; }

A.podmenicko3a {display: block; margin-left: 30px; padding: 6px 0px 5px 0px; border-bottom: 1px dotted #cccccc;}
A.podmenicko3 {display: block;  margin-left: 30px; padding: 6px 0px 5px 0px; border-bottom: 1px dotted #cccccc;}

A.podmenicko3:link{  color: #000000;  } A.podmenicko3:visited{ color: #000000;} A.podmenicko3:hover{ color: #cc0000; } A.podmenicko3:active{color: #cc0000; }
A.podmenicko3a:link{        color: #cc0000; } A.podmenicko3a:visited{ color: #cc0000; } A.podmenicko3a:hover{ color: #000000; }A.podmenicko3a:active{color: #000000; }


A.podmenicko4a {display: block; margin-left: 45px; padding: 6px 0px 5px 0px; border-bottom: 1px dotted #cccccc;}
A.podmenicko4 {display: block;  margin-left: 45px; padding: 6px 0px 5px 0px; border-bottom: 1px dotted #cccccc;}

A.podmenicko4:link{  color: #000000;  } A.podmenicko4:visited{ color: #000000;} A.podmenicko4:hover{ color: #cc0000; } A.podmenicko4:active{color: #cc0000; }
A.podmenicko4a:link{        color: #cc0000; } A.podmenicko4a:visited{ color: #cc0000; } A.podmenicko4a:hover{ color: #000000; }A.podmenicko4a:active{color: #000000; }


A.podmenicko5a {display: block; margin-left: 60px; padding: 6px 0px 5px 0px; border-bottom: 1px dotted #cccccc;}
A.podmenicko5 {display: block;  margin-left: 60px; padding: 6px 0px 5px 0px; border-bottom: 1px dotted #cccccc;}

A.podmenicko5:link{  color: #000000;  } A.podmenicko5:visited{ color: #000000;} A.podmenicko5:hover{ color: #cc0000; } A.podmenicko5:active{color: #cc0000; }
A.podmenicko5a:link{        color: #cc0000; } A.podmenicko5a:visited{ color: #cc0000; } A.podmenicko5a:hover{ color: #000000; }A.podmenicko5a:active{color: #000000; }


A.webrex1:link{   color: white;  font-size: 80%;}
A.webrex1:visited{ color: white; font-size: 80%; }
A.webrex1:hover{ color: #CC0000; font-size: 80%; }
A.webrex1:active{color: #CC0000; font-size: 80%; }

A.administrace:link{        color: white; font-size: 80%; }
A.administrace:visited{ color: white; font-size: 80%;  }
A.administrace:hover{ color: #CC0000; font-size: 80%; }
A.administrace:active{color: #CC0000; font-size: 80%; }




.ramecek{ border: 1px solid #000000; }
.ramecek1{ border: 4px double #000000; }
.tucnepodtrzeno{ font-weight: bold; text-decoration: underline; }
.tucnecervene{ font-weight: bold; color: #A80E0D; }
.hlaseniouzivateli{ font-size: 10px; text-align: center; color: black; }
.chybovazprava{ color: #A80E0D; }
.zobrazeniroku { font-size: 95%; font-weight: 900;}

.tabulka1nadpis{ border: 1px solid black; }
.tabulka2nadpis{ border-right: 1px solid black; border-bottom: 1px solid black; border-top: 1px solid black; }
.tabulka1bunka{ border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black;}
.tabulka2bunka{ border-right: 1px solid black; border-bottom: 1px solid black; }



/* hlavni trisloupcovy layout - zacatek */

#hlavni{ width: 988px; margin: auto; border: 1px solid #dedede; }

#hornibanner {height: 65px;}
#hornibanner_cd {height: 40px;}

/*#hornibannerjaro { height: 67px; background-image : url(../menu/hornibannerjaro.gif); background-repeat : no-repeat;	}*/

.hornibanner2vlevo {width: 164px; height: 20px; float: left; background-color: black;}
.hornibanner2vpravo {width: 614px; height: 20px; float: right;  background-color: black; }




#prostredek {margin:0; padding:0; min-height: 300px; _height: 300px; }
#levastrana {  float:left; width:300px; }
#pravastrana { float:right; width:680px; }
#prostrednistrana {float: left; width: 988px; }

.ukonceniprostredku { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;	}

.vnitrnisloupec { margin:0; padding: 0 10px 0 10px;}
.vnitrnisloupec1 { margin:0; padding: 0 10px 0 10px;}


.spodnicast{ clear:both;  background-color: #dedede; height: 25px; width: 988px; text-align: right; }
.spodekvnitrni{ padding-top: 6px; padding-right: 25px;}



	

/* kod tykajici se konkretniho projektu - zacatek */

#hlavnimenu {width: 670px;  height: 25px; float: left;  background-color: #cc0001; margin-top: 1px; }
#hlavnimenu_web {width: 670px;  height: 25px; float: left;  background-color: #999999; margin-top: 1px; }

#vyhledavani {width: 318px;  height: 25px;  float: right; background-color: #cc0001; margin-top: 1px; }
#vyhledavani_web {width: 318px;  height: 25px;  float: right; background-color: #999999; margin-top: 1px; }

.vyhledavani_vnitrek {padding-top: 3px; color: #ffffff; }
.vyskabunkymenu { height: 32px; }

#nalezene_produkty {float: left; width: 350px; /*border: 1px solid black;*/}
#vypis_parametru {float: right; width: 310px; /*border: 1px solid black;*/}

.menuobrazky {margin-left: 122px;}
.specialnidataokraje {width: 135px; margin-top: 20px; font-size: 90%; }

.nadpisnovinkyuvod {font-weight: bold; font-size: 110%; text-decoration: underline; }
.vnitrnisloupec2 { margin-top: 2px; }
.vyhledani {width: 136px; text-align: center; border-top: 1px solid black; padding-top: 5px; border-bottom: 1px solid black; padding-bottom: 5px; margin-bottom: 20px;}


/* kod tykajici se konkretniho projektu - konec */



.krok1 {float: left; width: 310px; border: 1px solid #cccccc; padding: 0px;}
.krok1_aktivni {float: left; width: 310px; border: 1px solid #990000; padding: 0px; }

.krok2 {float: left; width: 310px; margin-left: 12px; border: 1px solid #cccccc; padding: 0px;}
.krok2_aktivni {float: left; width: 310px; margin-left: 12px; border: 1px solid #990000; padding: 0px;}

.krok3 {float: left; width: 310px; margin-left: 12px; border: 1px solid #cccccc; padding: 0px; }
.krok3_aktivni {float: left; width: 310px; margin-left: 12px; border: 1px solid #990000;  padding: 0px;}


.krok1_cisticka {float: left; width: 475px; border: 1px solid #cccccc; padding: 0px;}
.krok1_cisticka_aktivni {float: left; width: 475px; border: 1px solid #990000; padding: 0px; }

.krok2_cisticka {float: left; width: 470px; margin-left: 12px; border: 1px solid #cccccc; padding: 0px;}
.krok2_cisticka_aktivni {float: left; width: 470px; margin-left: 12px; border: 1px solid #990000; padding: 0px; margin-bottom: 10px;}


.formular1 {float: left; /*border: 1px solid black;*/ width: 235px; height: 21px;}
.formular1_1 {float: left; /*border: 1px solid black;*/ width: 312px; height: 21px;}
.formular2 {float: right; /*border: 1px solid black;*/ width: 50px; height: 21px;}
.formular3 {float: right; /*border: 1px solid black;*/ width: 100px; height: 21px;}

.formular1a {/*border: 1px solid black;*/ width: 175px; }
.formular2a { /*border: 1px solid black;*/ width: 105px; }

.formular1b {/*border: 1px solid black;*/ width: 225px; }
.formular2b { /*border: 1px solid black;*/ width: 60px; }

.vysledek {border: 1px dotted #808080; min-height: 40px;  _height: 40px; padding-top:  14px; font-weight: bold; font-size: 20px; color: #990000; text-align: center; }
.vysledek1 {border: 1px dotted #808080; min-height: 40px;  _height: 40px; padding-top:  14px; font-weight: bold; font-size: 15px; color: #990000; text-align: center;}
.vysledek_aktivni {border: 1px dotted #990000; min-height: 40px;  _height: 40px; padding-top: 14px; font-weight: bold; font-size: 20px; color: #990000; text-align: center; }
.vysledek1_aktivni {border: 1px dotted #990000; min-height: 40px;  _height: 40px; padding-top: 14px; font-weight: bold; font-size: 15px; color: #990000; text-align: center;}

.small {font-size: 9px;}