body{font-size: 12px; font-family: Verdana,Arial; margin: 0; padding: 0; text-align: center; background: url(../img/main_backround.jpg) #646263; color:black;}
hr.cistic {  clear: both;  height: 1px;  border: none;  margin: -1px 0 0 0;  visibility: hidden;  }
#web {width: 899px;	margin-left: auto;margin-right: auto; margin-top: 10px;text-align: left; background: transparent;}
#root {padding: 7px; background: white;}
a{	text-decoration: underline; color:black;}
a:hover{	text-decoration: none;}
#header{	background: url(../img/main_panel.jpg) no-repeat white; height: 160px;}
form {margin: 0; padding: 0;}
h1,h2,h3,h4 {margin: 0; padding: 0;}
img {border: 0;}
h2 {font-size: 110%;}
h3 {font-size: 100%;}
p{	margin: 0; padding: 0 0 10px 0;}

.Nadpis{background: url(../img/detail_arrow_right.gif) no-repeat 10px 10px #F4F4F4; border: 1px solid #CECECE; padding: 6px 0 6px 30px; font-size: 110%;}

#pozor{	background: white; color: red; font-weight: bold; text-align: center; border:3px solid red; padding: 5px;}

/* home */
#home {padding: 30px 0 40px 20px;}
#home a{display: block; width: 250px; height: 53px;}
#home a span{display: none;}

/* hlavni menu */
#menu{height: 37px; background: url(../img/main_button.jpg) repeat-x 0 0;}
#menu ul{ list-style: none; margin: 0; padding: 0px 0 0 0px; }
#menu ul li{padding: 0px 2px 0px 0; float:left; margin: 0;}
#menu ul li a{ color:white;font-size: 90%;height: 27px; display: block; padding: 10px 0px 0 0px;  text-align: center; text-decoration: none;background: url(../img/main_button.jpg) repeat-x 0 0;}
#menu ul li a:hover{ text-decoration: none; color: White; background-position: 0 -37px; }
#menu ul li a.active{ text-decoration: none; color: White; background-position: 0 -37px;}
#menu ul li a.active:hover{ color: black;  }
#menu ul #a1 a{width: 120px;}
#menu ul #a2 a{width: 230px;}
#menu ul #a3 a{width: 190px;}
#menu ul #a4 a{width: 110px;}
#menu ul #a44 a{width: 110px;}
#menu ul #a5 a{width: 180px;}
#menu ul #a6 a{width: 100px;}
#menu ul li{background: url(../img/main_oddelovac.jpg);}
#menu ul li#a6{background: none;}

/* hlavni panel */
#main{ padding: 7px 0 0 0; background: white;}

/* levy panel */
#pnl_left{width: 200px; float: left; margin: 0 10px 0 0;}

/* pravy panel */
#pnl_right{width: 675px; float: left;}


/* panely leva cast */
.pnlnadpis{	background: url(../img/left_panel.jpg) repeat-x; color: white; font-weight: normal; font-size: 100%; padding: 9px 0 8px 40px;  margin: 5px 0 0 0;}
.pnlnadpiskosik{	background: url(../img/btn_kosik_blue.jpg) repeat-x; color: white; font-weight: normal; font-size: 100%; padding: 9px 0 8px 40px;  margin: 5px 0 0 0;}

/* vyhledavani */
#hledat{ background: #F4F4F4; border: 1px solid #CECECE; padding: 5px;}
#hledat .vyrazstring{margin: 0 10px 0 0; width: 120px; font-size: 90%;} 
#hledat .button_form{ border:0; background: #F4F4F4;  font-weight: bold; border-bottom: 1px solid black; width: 45px; padding: 0; margin:0; font-size: 90%;}

/* kategorie zbozi - vlevo */
#menukatalog h2.pnlnadpis{margin: 0px 0 0 0;}
#menukatalog ul{background: #F4F4F4; border: 1px solid #CECECE; padding: 10px 10px 10px 20px; margin: 0; list-style: none;}
#menukatalog ul li{ padding: 3px 0 3px 20px;background: url(../img/left_menu_arrow.jpg) no-repeat 0 8px;  }
#menukatalog ul li a{color: black;}
#menukatalog ul li a.active {font-weight: bold; text-decoration: none;}

/* akce - vlevo / bannery */
#Banner{background: #F4F4F4; border: 1px solid #CECECE; padding: 0px;}

#clanky{background: #F4F4F4; border: 1px solid #CECECE; padding: 5px;}
#clanky .clanek{border-bottom: 1px dotted #CECECE; padding: 10px 10px 0 10px;}
#clanky .clanek h3{font-size:90%; text-decoration: underline;}
#clanky .clanek .cl_datum{font-weight: normal;}

/* kosik vlevo */
#pnlkosik{ border: 1px solid #CECECE; padding: 20px 5px 20px 20px;  color:blackD;background: #F4F4F4; }
#pnlkosik a{color:black; }
#pnlkosik #pocet_polozek{ padding: 0 0 0 25px; font-weight: bold;  margin: 0;background: url(../img/left_menu_kosik.jpg) no-repeat;}
#pnlkosik #cela_cena{padding: 5px 0 0 25px;  margin: 0;}
#pnlkosik #cela_cena span{font-weight: bold;}

/* submenu */
#submenu {background: #F4F4F4; border: 1px solid #CECECE; padding: 5px 20px 10px 20px; }
#submenu a{margin: 0 5px 0 0; background: url(../img/left_menu_arrow.jpg) no-repeat 0 5px; padding: 0 0 0 8px;}
#submenu .active {color: #7ba502; text-decoration: none;}

/* navigace strankovani */
.navigace {border-bottom: 1px solid #CECECE; padding: 3px 0px 0px 10px; font-size: 90%;height: 25px; }
.navigace .StrankovacPocitadlo { width: 120px; float: left; padding: 3px 10px 0 0;  }
.navigace .StrankovacHorni { width: 180px; float: right; padding: 0 0px 0 0;}
.navigace .StrankovacHorni .stranky { width: 120px; float: left; padding: 0 0px 0 0;}
.navigace .StrankovacHorni select{font-size: 90%; margin: 0; padding: 0;}
.navigace .prev {	background: url(../img/items_list_arrow_left.jpg) no-repeat; display: block; width: 10px; height: 8px; float: left; margin: 5px 10px 0 0;}
.navigace .prev span{	display: none;}
.navigace .next {	background: url(../img/items_list_arrow_right.jpg) no-repeat;display: block; width: 10px; height: 8px;float: left;margin-top: 5px;}
.navigace .next span{	display: none;}
/*dolni*/
.navigace_dolni {border-top: 1px solid #CECECE; padding: 3px 0px 0px 10px; font-size: 90%;height: 25px; clear: both; margin-top: 10px; }
.navigace_dolni .StrankovacDolni { width: 180px; float: right; padding: 0 0px 0 0;}
.navigace_dolni .stranky { width: 120px; float: left; padding: 0 0px 0 0;}
.navigace_dolni .StrankovacDolni select{font-size: 90%; margin: 0; padding: 0;}
.navigace_dolni .prev {	background: url(../img/items_list_arrow_left.jpg) no-repeat; display: block; width: 10px; height: 8px; float: left; margin: 5px 10px 0 0;}
.navigace_dolni .prev span{	display: none;}
.navigace_dolni .next {	background: url(../img/items_list_arrow_right.jpg) no-repeat;display: block; width: 10px; height: 8px;float: left;margin-top: 5px;}
.navigace_dolni .next span{	display: none;}

/* razeni */
.razeni {width: 270px; float: left;padding: 3px 0px 0 50px;}
.razeni a{text-decoration: none;}
.razeni a:hover{text-decoration: underline;}
.razeni a.ractive{text-decoration: underline;}

/* nahled produktu */
.produkt{ width: 220px; border-right: 1px solid #E0E0E0; float: left;padding: 1px; margin: 10px 0 0 0;}
.produkt .nazev{background:url(../img/pro_bgr_nazev.jpg) repeat-x ; text-align: center; color: #484848; font-size: 95%; height: 28px; padding: 4px 2px 0 2px}
.produkt .nazev a{text-decoration: none;}
.produkt .nazev a:hover{text-decoration: underline;}
.produkt .vyrobce{ font-size: 90%; font-weight: normal; padding: 0px 0 3px 5px;background:url(../img/pro_bgr_vyrobce.jpg) no-repeat; margin-top: 1px;}
.produkt .foto{ text-align: center; height: 166px; width: 215px; padding: 5px 0 0 0;}
.produkt .foto a{ display:block;height: 161px; width: 215px; background: no-repeat center center;}
.produkt .foto a span{ display:none;}
.produkt .cena{font-size: 140%;color:black; font-weight: bold; text-align: right; border-top: 1px dotted #E0E0E0; background: url(../img/pro_bgr_cena.jpg) no-repeat 0 1px; padding: 5px 25px 10px 0;}
.produkt .cenavakci{font-size: 140%;color:black; font-weight: bold; text-align: right; border-top: 1px dotted #E0E0E0; background: url(../img/pro_bgr_cena_akce.jpg) no-repeat 0 1px; padding: 5px 25px 10px 0;}
.produkt .buttons{}
.produkt .detail{float: left; margin: 0 3px 0 0; }
.produkt .detail a{padding: 0px; display: block; width: 135px; height: 22px;background: url(../img/btn_detail.jpg) no-repeat;}
.produkt .detail a span {display: none;}
.produkt .objednat{width:81px; float: left; height: 22px;}
.produkt .objednat .btn input{margin:0; border:0; padding: 0;height: 22px;}
.err_info{ border: 1px solid #CECECE;background:url(../img/bgr_kosik_link.jpg) no-repeat center top ;padding: 20px; text-align: center;}

/* detail produktu */
.ProduktDetail{ border: 1px solid #CECECE; padding: 0px 10px 5px 10px;  margin: 5px 0 0 0;}
.ProduktDetail h2{color:#4c5c73;  padding: 20px 0 0px 280px; font-size: 140%; border-top:5px solid #4c5c73; }
.ProduktDetail .Foto{ width: 220px; float: left; text-align: center; padding: 0 0 0 20px;  }
.ProduktDetail #mainfoto a{ text-decoration: none; display: block;width: 215px; padding: 165px 0 0 0; background: no-repeat top center; }
.ProduktDetail #morefoto{padding: 20px 0 0 0;}
.ProduktDetail #morefoto .otherfoto{ display:block;width: 100px;height: 90px;float: left; margin: 0 2px 5px 0; border:1px solid silver; padding: 2px;}
.ProduktDetail #morefoto a{ display:block; width: 100px;height: 85px; background: no-repeat center center;}
.ProduktDetail #morefoto a span{display: none; }

.ProduktDetail .BasicInfo {width: 370px; float: right; padding: 0 0 20px 0; }
.ProduktDetail .BasicInfo .back{float: left;display: block;width: 82px ;height: 24px; background: url(../img/btn_zpet.jpg) no-repeat; margin: 0 5px 0 0;}
.ProduktDetail .BasicInfo .back span{ display: none;}
.ProduktDetail .BasicInfo .Objc { padding: 10px 0px 1px 5px;background: url(../img/pro_bgr_vyrobce.jpg) no-repeat left bottom; }
.ProduktDetail .BasicInfo .Cena { color:black; font-weight: bold; padding: 20px 0 20px 0; font-size: 130%;}
.ProduktDetail .BasicInfo .Cena span.Castka { color:black;}
.ProduktDetail .BasicInfo .Cena span.DPH { color:gray; font-weight: normal; font-size: 90%;}
.ProduktDetail .BasicInfo .Popis {text-align: justify; padding: 20px 0 0 0;}
.ProduktDetail .DetailInfo{ width: 450px; float: right; text-align: justify; }
.ProduktDetail .DetailInfo ul{ margin: 0; padding: 0 0 0 15px; list-style: none;}
.ProduktDetail .DetailInfo ul li{ margin: 0 0 10px 0;}
.ProduktDetail .DetailInfo table{ margin: 0; padding: 0; width: 100%; border: 0;}
.ProduktDetail .DetailInfo table .td1{ color:black; background:#F4F4F4; font-weight: bold; font-size: 90%; width: 100px;border: 1px solid #CECECE; }
.ProduktDetail .DetailInfo table .td1 span{ }
.ProduktDetail .DetailInfo table .td2{ border: 1px solid #CECECE; }
.ProduktDetail .DetailInfo table .td0{ font-weight: bold;background: url(../img/detail_arrow_right.gif) no-repeat 0 4px; padding: 0 0 5px 10px;  }
.ProduktDetail .DetailInfo table td{ padding: 5px; }

/* footer */
#Copyright{clear: both; color: white; text-align: right; padding: 10px; font-size: 90%; background: url(../img/bgr_footer.jpg) no-repeat;}
#Copyright a{color:white;}




/*  NAKUPNI KOSIK     */
#Cart{}
.CartProduct {clear: both;	border-bottom: 1px solid #DFDFDF;margin: 5px 0 5px 13px;	padding: 10px 0 20px 0 ;color: #333333;}
.CartProduct .Image {width: 100px; height: 100px;float: left; margin: 0 50px 0 0;}
.CartProduct .Image a img{width: 100px;height: 85px;}
.CartProduct .Data {	width: 380px;	float: left;}
.CartProduct .Data ul{list-style: none;	margin: 0;padding: 0;}
.CartProduct .Data ul li{border-bottom: 1px solid #DFDFDF;padding: 5px 0 5px 0;text-align: right;}
.CartProduct .Data ul li.Price{border:0;padding: 5px 0 5px 0;font-weight: bold;}
.CartProduct .Data ul li span{display: block;width: 120px;float: left; text-align: left;}
.CartProduct .Data ul li input{width: 20px;padding: 1px;}
.CartProduct .btnOdtranit{text-align: right; padding: 20px 0 10px 0px;width: 100px;float: right;}
.CartProduct .btnOdtranit a{padding: 3px 0 0 0px;display: block;width: 85px;height: 24px;background: url(../img/bt_odstranit.jpg) no-repeat;}
.CartProduct .btnOdtranit span{}
.TotalPrice{background:url(../img/bgr_kosik_link.jpg) no-repeat center top #F4F4F4;margin: 5px 0 0px 0px;padding: 10px 0 0 0;border: 1px solid #CECECE;height: 30px; }
.TotalPrice div.Soucet{padding: 5px 0 0px 5px; width: 300px; float: left;}
.TotalPrice div.Soucet span{color:black; font-weight: bold;}
.TotalPrice div.btnkosik{	width: 180px; float: right;}
/*  END NAKUPNI KOSIK */

/* obj formular */
.form_radek{padding: 10px 0 0 0;}
.form_popis{font-weight: normal;padding: 0 0 3px 0;}
.form_data{}
.Warning ul {margin: 0; padding: 0 0 20px 20px; font-weight: bold;}

#BtnOrder{	background:url(../img/bgr_kosik_link.jpg) no-repeat center top #F4F4F4;margin: 5px 0 0px 0px;padding: 10px;border: 1px solid #CECECE;}
#BtnOrder p{ padding: 2px 0 2px 0; margin: 0;}
#BtnOrder div{ padding: 10px 0 0px 0; margin: 0;}
#InfoSend{
	background:url(../img/bgr_kosik_link.jpg) no-repeat center top #F4F4F4;margin: 5px 0 0px 0px;padding: 10px;border: 1px solid #CECECE;
}

/* uvodni text */
#uvod {padding: 10px 5px 10px 5px; clear: both; text-align: justify;line-height: 140%; }

/* staticke stranky */
#texty {line-height: 140%; padding: 10px 10px 0 10px;}
#texty ul {list-style: none;}
#texty ul li{background: url(../img/left_menu_arrow.jpg) no-repeat 0 5px; padding: 0 0 0 10px;}

#kontaktysidla { }
#kontaktysidla img{ border:0;}
#kontaktysidla .addr{border: 1px solid #DFDFDF;background:url(../img/bgr_kosik_link.jpg) no-repeat center top ;padding: 20px; }
#kontaktysidla h2{padding:15px 0 5px 0; margin: 0;}
#kontaktysidla .addr ul{margin: 0; padding: 0 0 10px 0; list-style: none; width: 400px; float: left; }
#kontaktysidla .addr ul li{padding: 0 0 3px 0; }
#kontaktysidla .addr .mapa{width:210px;height: 210px; float: right; }
#kontaktysidla .addr .mapa a{display: block;width:204px;padding: 206px 0 0 0; font-size: 10px; text-align: center; }
#kontaktysidla .addr .mapa a.map1{background: url(../img/mapa_praha.jpg) no-repeat; }
#kontaktysidla .addr .mapa a.map2{background: url(../img/mapa_kladno.jpg) no-repeat; }
#kontaktysidla .addr .mapa a.map3{background: url(../img/mapa_benesov.jpg) no-repeat; }
#kontaktysidla .addr .mapa a.map4{background: url(../img/mapa_buldoktel.jpg) no-repeat; }

.odkaz{width: 250px; float: left; padding: 0 50px 50px 20px;}
.odkaz div{background:no-repeat left bottom ; padding: 0 0 120px 0;}
.odkaz p{margin: 0; padding: 0;}
.odkaz h3{margin: 0;background: url(../img/left_menu_arrow.jpg) no-repeat 0 5px; padding: 0 0 0 8px;}

/* kontakty levy panel */
#kontakty_left{background: #F4F4F4; border: 1px solid #CECECE; padding: 10px 10px 10px 20px;}
#kontakty_left ul{padding:0; margin: 0; list-style: none;}
#kontakty_left .li1{font-weight: bold;}
#kontakty_left .li2{font-weight: bold; padding: 10px 0 0 0;}