BODY{
                background-color: #F60;
                background-image: url(../design/bg.jpg); 
                background-repeat: repeat-x;
                font-family: Verdana, Arial, Arial CE, Tahoma, Verdana, sans-serif;
                margin: 0px;
                text-align: center;

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

H1 {font-weight: 900; font-size: 180%; text-align: right; margin: 0px;}
H2 {font-size: 150%; margin: 0px; padding: 0px;}



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

.obal { width: 914px; text-align: left; margin: 0 auto; border: black 1px solid; margin-top: 10px;background-image: url(../design/bck.jpg);}
.pata {
background: none;
position: relative;
}
A:link{        color: #F30; text-decoration : none; font-weight: bold;}
A:visited{ color: #F30; text-decoration : none; font-weight: bold;}
A:hover{ color: #F30; text-decoration : none; font-weight: bold; }
A:active{color: #F30; text-decoration : none; font-weight: bold;}

A.menicko:link{  color: #000066;  font-size: 90%;}
A.menicko:visited{ color: #000066; font-size: 90%;}
A.menicko:hover{ color: #CC0000; font-size: 90%;}
A.menicko:active{color: #CC0000; font-size: 90%;}

A.menicko1:link{ color: #CC0000; font-size: 90%;}
A.menicko1:visited{ color: #CC0000; font-size: 90%;}
A.menicko1:hover{ color: #CC0000; font-size: 90%;}
A.menicko1:active{color: #CC0000; font-size: 90%;}

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

A.podmenicko1:link{        color: #CC0000; font-size: 90%;}
A.podmenicko1:visited{ color: #CC0000; font-size: 90%;}
A.podmenicko1:hover{ color: #CC0000; font-size: 90%;}
A.podmenicko1:active{color: #CC0000; font-size: 90%;}


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{ padding: 5px;border: 1px solid #FF3300; background: White;position: relative;z-index: 50;}
.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 */


#head_line {width: 914px; height: 31px; background-color: white;  margin-left: 0px;}
#head { display: block; width: 914px; background-image: url(../design/head.jpg); background-repeat : no-repeat; height: 172px;	
position: relative;
}
h1 {
font-size: 17px;
}
h1 a {
display: block;
width: 275px;
height: 110px;
position: absolute;
top: 30px;
left: 0;
}
h1 strong, h1 span {
position: absolute;
top: -2000px;
}




#prostredek1 {margin:0; padding:0;}
#prostredek2jaro {  margin:0; padding:0;  background-image: url(../menu/podkladprostredekjaro.gif); background-repeat : repeat-y; width: 778px;}
#prostredek2leto {  margin:0; padding:0;  background-image: url(../menu/podkladprostredekleto.gif); background-repeat : repeat-y; width: 778px;}
#prostredek2podzim {  margin:0; padding:0;  background-image: url(../menu/podkladprostredekpodzim.gif); background-repeat : repeat-y; width: 778px;}
#prostredek2zima {  margin:0; padding:0;  background-image: url(../menu/podkladprostredekzima.gif); background-repeat : repeat-y; width: 778px;}

#adminprostredek2jaro {  margin:0; padding:0;  background-image: url(../menu/adminpodkladprostredekjaro.gif); background-repeat : repeat-y; width: 778px;}
#adminprostredek2leto {  margin:0; padding:0;  background-image: url(../menu/adminpodkladprostredekleto.gif); background-repeat : repeat-y; width: 778px;}
#adminprostredek2podzim {  margin:0; padding:0;  background-image: url(../menu/adminpodkladprostredekpodzim.gif); background-repeat : repeat-y; width: 778px;}
#adminprostredek2zima {  margin:0; padding:0;  background-image: url(../menu/adminpodkladprostredekzima.gif); background-repeat : repeat-y; width: 778px;}

#left_frame {  float:left; width:180px; min-height: 500px; background-image: url(../design/bck.jpg); margin:0; padding:0; _height: 500px}
#left_frame_vnitrek {width:180px; margin:0 0 310px 0; padding:0;background-image: url(../design/bg_left_frame.jpg);}
#left_frame_kapka {position: absolute; top: -309px; left: 0;width:180px; height: 308px; background-image: url(../design/bg_left_frame_kapka.jpg); margin:0; padding:0;}
#right_frame { float:right; text-align: right;width:134px; min-height: 500px; background-color:#F30; background-image: url(../design/bg_right_frame.jpg); background-repeat: repeat-x;  margin:0; padding:0;_height: 500px }
#left_frame_ikon {float: left; position: absolute; top: -15px; left: 15px}
#left_frame_vnitrek ul {
margin: 0;
padding: 0;
list-style: none;
}

#left_frame_admin {  float:left; width:180px; min-height: 500px; background-image: url(../design/bg_left_frame.jpg); margin:0; padding:0; }
#left_frame_vnitrek_admin {min-height:277px; width:180px; margin:0; padding:0;}

#left_frame_kapka_admin {width:180px; height: 309px; background-image: url(../design/bg_left_frame_kapka.jpg); margin:0; padding:0;}
#right_frame_admin { float:right; width:134px; min-height: 500px; background-color:#F30; background-image: url(../design/bg_right_frame.jpg); background-repeat: repeat-x;  margin:0; padding:0; }





#prostrednisloupec { width: 600px; float: left; background-color:white; min-height:515px;_height: 515px; overflow-x: hidden;}
.nauvodu {
background: url(../design/bodypaint2a.jpg) bottom right no-repeat;
}
.ukonceniprostredku { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;	}

.vnitrnisloupec { margin:0; padding:0;	}
.vnitrnisloupec1 { margin:0; padding-left: 130px; padding-top: 20px;	}


.spodnicast{ background-color: black; height: 18px; float:left; width: 165px; }
.spodnicast1{  height: 18px; float:right; text-align: right; }
.spodekvnitrni{ margin-top: 2px; padding-left: 25px;}
.spodekvnitrni1{ margin-top: 2px;}

#hlavnihornimenu {text-align:right; color:#F30; margin-right: 10px;}
a.hor_menu { color:#F30; text-align:right; line-height: 31px; }
a.hor_menuactive { color:#F30; text-align:right; line-height: 31px; }

.vyhledavani {border: 1px solid navy; background-image: url(../design/input_bg.jpg); height: 12px; font-size:9px; }

.vyskabunkymenu { height: 32px; }

.menuobrazky {margin-left: 122px;}
.specialnidataokraje {width: 155px; color: white; margin-top: 20px; margin-left: 10px;  /*border: 1px solid black;*/}

.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;}

.hlavnimenu {width: 173px; margin-left:5px; margin-top:2px;}
.hlavnimenu li {
background-image: url(../design/bg_menu.jpg);
}
.submenu li {
background: none;
}
.hlavnimenu a {
display: block; width:148px; padding:5px 5px 5px 20px;margin-top:2px;
text-indent: 1px; color:black;
background: url(../design/but_neakt.jpg) 5px center no-repeat;
}
.hlavnimenu a.hlmenuactive {
background: url(../design/but_akt.jpg) 5px center no-repeat;
}
.submenu {
background: url(../design/bck.jpg) -5px 0 repeat-y;
}
.submenu a {
background: none;
padding: 3px 5px 3px 15px;
width: 153px;
}
.submenu a:hover {
background: url(../design/bg_menu.jpg) top left repeat;
}
.submenu a.submenuactive {
text-decoration: underline;
}
.minimenu {
background: #B0E3FF;
}
.minimenu li {
padding-left: 15px; 
}
.minimenu li a, .minimenu strong {
font-size: 95%;
width: 138px;
}
.minimenu strong {
padding: 3px 2px 3px 15px;
display: block;
color: #8F0000;
}
#left_frame .hlavnimenu a {
color: Black;
}
#head h5 {
display: inline;
}
#vip, #ekolak, #morfico, #termo, #hagmans, #f3, #euro, #ripol, #sata, #edel, #omsa {
display: block;
position: absolute;
top: 142px;
width: 45px;
left: 15px;
height: 30px;
}
#ekolak {
left: 60px;
width: 75px;
}
#morfico {
left: 150px;
width: 135px;
}
#termo {
width: 40px;
left: 300px;
}
#hagmans {
width: 100px;
left: 355px;
}
#f3 {
width: 60px;
left: 460px;
}
#euro {
width: 80px;
left: 540px;
}
#ripol {
width: 50px;
left: 640px;
}
#sata {
width: 55px;
left: 717px;
}
#edel {
width: 24px;
left: 800px;
}
#omsa {
width: 25px;
left: 855px;
}
h5 span {
position: absolute;
top: -2000px;
left: 0px;
}
/* kod tykajici se konkretniho projektu - konec */
div.centermenu {
padding: 15px;
}
.centermenu li {
list-style: none;
padding: 3px 0; 
}
.cenmenuakt , .minimenu .cenmenu {
background: url(../design/arrow.jpg) 0px 3px no-repeat;
}
.cenmenuakt {
font-size: 12px;
}
.minimenu .cenmenu:hover {
background: #B0E3FF url(../design/arrow.jpg) 2px 3px no-repeat;
text-decoration: underline;
 }
.ramecekv {
margin: 5px 40px;
float: left
}




div.eshopBlok {
	text-align: left;
}

div.eshopBlok h1 {
	font-size: 16px;
	margin: 0px 0px 20px 0px;
}

div.eshopBlok h2 {
	font-size: 14px;
	margin: 15px 0px 15px 0px;
}

div.eshopBlok p {
	text-align: left;
	margin: 5px 0px 5px 0px;
}



div.varianty {
	float: right;
}