/*OBECNE NASTAVENI*/
*{margin:0;padding:0;font-family: Verdana;}
img{border:0;}
a{color:#666666;}
a:visited{color:#666666;}
a:active{color: #666666;}
a:hover{color: #666666;}
h1{ font-size: 18px;}

/*LAYOUT STRANKY*/
/*velikost stranky*/
#Mother{width:1004px; margin:0 auto; text-align: left;}

/*zahlavi - banner a logo*/
#Header{width:1004px;height:100px;margin:0 auto;
        /*background-image: url(img/bg_boxy.png);*/
}

/*zahlavi - jednotlive prvky (vlevo, uprostred a vpravo)*/
#TopLeft{width:362px;height:100px; float:left;position:relative;}
	#TopLeft img{display:block; position:absolute; top:10px; left:20px;}
	#TopLeft h1{ position: absolute; top: 60px;left:20px; color: #ede9ea;}
#TopMid{height:65px;width: 225px;position: relative;float: left;color:#ede9ea;text-align: right;padding-top: 35px;}
#TopRight{height:100px;width:405px;top:0;position:relative; float:left;}

/*kontejner horniho menu*/
#MainMenuMother{width:1004px;height:42px;margin:0 auto; 
                background-image: url(img/bg_boxy.png);
                }

/*prouzek nad texty hlavniho menu*/
#MainMenuDivider{width:1004px;height:20px;margin:0 auto; background-color: #fff;
                 /*background-image: url(img/2.gif);*/
                 }

/*prazdny element vlevo v hornim menu*/
#MainMenuLeft{width:200px;height:22px; float:left;position:relative;}

/*obsah hlavniho menu*/
#MainMenu{height:22px;_height:23px; width: 623px; _width: 600px; position: relative;float: left; padding-top: 2px;}
	#MainMenu a{padding-left: 3px;color: #666666;text-decoration:none; 
	background-position:right bottom;
	background-repeat: no-repeat; padding-right: 20px; font-size: 14px; font-weight: normal;}
	#MainMenu a:hover{text-decoration:underline;}

#MainMenuRight{width:180px;height:22px;float:left;position:relative;}

/*hlavni cast - kontejner*/
#Telo{width:1004px; margin:0 auto;}

/*levy sloupec tela*/
#LeftMenu{width:199px;position: relative;float:left;padding-top: 2px; margin-top: 1px;height:auto;}
#LeftMenu ul{margin: 0px; padding:1px; position: relative; float: left;}
#LeftMenu li.menuItem{width:197px; display:block; padding-left:0px; border-bottom: 1px solid #a9a9a9;}
#LeftMenu li.menuItemLast{width:197px; display:block; padding-left:0px; border-bottom: 1px solid #a9a9a9;}
#LeftMenu .menuItem:hover{background-color: #a9a9a9;}
#LeftMenu li.menuItemClicked{width: 197px;background-color: #ede9ea;display:block;border-bottom: 1px solid #a9a9a9;}

/*prostredni hlavni sloupec tela*/
#Main{width:613px;position:relative; float:left; padding: 6px; text-align:justify;font-size:12px;color:#666666;}

/*pravy sloupec tela*/
#RightMenu{width:180px;position: relative; float:left; padding-top: 2px; margin-top: 1px; font-size: 12px;}

/*Paticka + copyright*/
#Bottom{width:1004px; height:30px; border-top:1px solid #808080; text-align:center; font-size: 10px;clear:both;	}

/*TRIDY*/
/*styl leve navigace*/
.box li h2{font-size: 14px;padding-left: 5px; font-weight: normal; }
.box li h3{font-size: 13px;padding-left: 10px;font-weight: normal;}
.box li h4{font-size: 12px;padding-left: 15px; font-weight: normal;}
.box li h5{font-size: 11px;padding-left: 20px; font-weight: normal;}
.box li h6{font-size: 11px;padding-left: 25px; font-weight: normal;}
.box a {color: #666666;display:block;text-decoration: none;}
.box a:hover {color: #666666;display:block;text-decoration: underline;}
.box a:visited {color: #666666;display:block;text-decoration: none;}
.box ul{list-style-type:none;}

/*styl vyhledavaciho prvku*/
#SearchBox{vertical-align: middle; background-color:#ff8600; padding-left: 10px; height: 22px;}

/*styl praveho postranniho boxu*/
.boxNadpis{
	text-align:left;
	vertical-align:middle;
	font-size:14px;
	font-weight: normal;
	font-style: normal;
	width:100%;
	height: 23px;
	color: #666666;
	/*background-color: #ede9ea;*/
	background-image: url(img/bg_boxy.png);
	background-repeat: repeat-x;
	float: left;
	position: relative;}
	
.box{color: #666666;
	/*background-color:#666666;*/
	background-color: White;
	border: 1px solid #ede9ea;
	background-position:right bottom;
	/*
	background-image:url(img/corner_right.jpg); 
	background-repeat: no-repeat;
*/
	float: left;
	position: relative; width: 100%;}
	
.boxDivider{width:100%;height:20px;margin:0 auto;float: left;}

/*zakladni styl stredove vyplne*/
.obecny{width: 580px; float: left;}

/*strankovac seznamu*/
.strankovac{width:580px; background-color:#a9a9a9; height: 20px; vertical-align: middle;}
.strankovacLevy{width:20px;float: left; height:20px; background-color: #ff8600;}
.strankovacStred{width:540px; float:left;}
.strankovacPravy{width:20px;float: left; text-align: right;height:20px; background-color: #ff8600;}
.strankovac a {color: #ede9ea;text-decoration: none;}
/*
.strankovacLevy:hover {color: #ede9ea; text-decoration: none; background-color: #DA251C;}
.strankovacPravy:hover {color: #ede9ea; text-decoration: none; background-color: #DA251C;}
*/

/*seznam produktu nebo clanku*/
.seznam{width: 580px; border: 1px solid #ede9ea; display:block;font-size: 12px;position:relative; float:left;}
.seznamNadpis{color:#666;
	text-align:Left;
	vertical-align:middle;
	font-size:14px;
	font-weight: normal;
	width:100%;
	height: 23px;
	/*background-color: #ede9ea;*/
	background-image: url(img/bg_boxy.png);
	background-repeat: repeat-x;
	float: left;
	position: relative;}

/*popis seznamu clanku*/
.seznamClanekRadek{ border-bottom: 1px dotted #a9a9a9; float: left; padding-bottom: 2px; padding-top: 5px;}
.seznamClanekOdkaz{width: 578px; float: left; }
.seznamClanekOdkaz a{font-size: 12px;}
.seznamClanekPopis{width: 398px; float: left; }
.seznamClanekDatum{width: 180px; float: left; text-align: right; vertical-align: bottom;}

/*popis katalogu clanku i zbozi*/
.clanekKachle{width: 580px; float: left;}
.clanekKachleLeft{border-right: 1px solid #a9a9a9; width: 288px; float: left; text-align:center;border-bottom: 1px solid #a9a9a9;}
.clanekKachleRight{width: 288px; float: left; text-align:center;border-bottom: 1px solid #a9a9a9;}

/*popis seznamu zbozi*/
.seznamZboziRadek{ border-bottom: 1px dotted #a9a9a9; float: left; padding-bottom: 2px; padding-top: 5px;}
.seznamZbozikOdkaz{width: 578px; float: left; }
.seznamZboziOdkaz a{font-size: 12px;}
.seznamZboziPopis{width: 398px; float: left; }
.seznamZboziPopis h3{font-size: 12px; font-weight: normal;}
.seznamZboziKoupit{width: 180px; float: left; text-align: right; vertical-align: bottom;}

/*popis katalogu zbozi*/
.kachleZboziOdkaz{float: left; text-align: center; width: 288px; padding-top: 4px;}
.kachleZboziOdkaz a{width: 288px; float: left; font-size: 14px;}
.kachleZboziObr{float: left; text-align: center; width: 288px; height: 150px;}
.kachleZboziObr img{max-width: 150px; max-height: 150px;}
.kachleZboziCena{float: left; text-align: center; vertical-align: middle; width: 288px; padding-bottom: 4px;}

/*hlavni novinky webu*/
.superNewBig{float: left;position:relative;}
.superNewBigText{color: #ff8600;position: relative;padding-top: 120px; padding-left: 25px; width: 250px;}
.superNewOdkaz{padding-left: 25px; padding-top: 25px;}
.superNewOdkaz a{color: #ff8600;}

/*clanek*/
.kapitola{width: 580px; display:block;font-size: 12px;position:relative; float:left;}

/*partneri*/
.partner{ padding-top: 7px; padding-bottom: 7px; text-align: center; font-size: 12px; border-bottom: 1px solid #a9a9a9;}
.partnerName{text-align: left; font-size: 12px; width: 95%;}
img {max-width: 95%;}

/*detail produktu*/
.productMother {width: 580px; float: left; padding-left: 10px;}
.productNadpis{width: 100%; text-align: left; float: left; border-bottom: 1px solid #ede9ea;}
.productNadpis h1{font-weight: bolder; font-size: 14px;}
.productObrazek{width: 250px; float: left; display: block; text-align: left;}
.productObrazek img{max-width: 200px;}
.productZaklad{width: 330px; float: left;}
.productZakladNadpis{width: 330px; float: left; font-weight: bold;}
.productPopis{width: 150px; float: left; display: block;}
.productHodnota{width: 180px; float: left; display: block;}
.productCislo{width: 180px; float: left; display: block; text-align: right;}
.productNakup{width: 100%; float: left;}

.doKosikuRadek{width: 100%; float: left; border-bottom: 1px solid #ede9ea;}

#horniMenuUl ul{margin: 0; padding: 0; list-style-type: none; float: left;}
#horniMenuUl ul li{position: relative; float:left; margin: 0 1px; height: 19px;}
#horniMenuUl ul li:hover ul{visibility: visible; z-index: 5;}
#horniMenuUl ul ul{float:left;position:absolute; left:-0.4em; top: 1.0em; visibility:hidden;z-index: 5; background-color: #ede9ea;}
#horniMenuUl ul li ul li{float: none;}
#horniMenuUl ul li:hover ul{visibility: visible; z-index: 100;}

#obrMenu{float:left; width: 405px;}
#obrMenu h2{font-size:14px; color: White; text-decoration: underline;}
#obrMenu h2:hover{font-size:14px; color: White; text-decoration: underline;}