body{ padding: 0px; margin: 0px; font-family: Geneva, Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #2D2D2D; background: url(../images/bg_body.jpg) no-repeat  center top #F3D784; }
form{ padding: 0px; margin: 0px; display: inline; }
h1, h2, h3, h4, h5, td{ font-family: Geneva, Arial, Helvetica, Verdana, sans-serif; }
h1{ font-size: 16px; margin: 5px 0 2px 0; color: #CA0000; }

img { border: none; }
.cls{ clear: both;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.vypinfo{ display: none; }
.zapinfo{ display: block; }
.hlaska { font-size: 110%; margin-top: 50px; }
.hlaska strong{ color: #CC6600; }
.aktivni-filtr{ color: White; text-decoration: underline; font-weight: bold;}
.spacer{ height:4px;}
.zvyrazni{ color: Red; }

/*- levá upoutávka --------------*/ 
.left-upoutavka{padding:8px;}

/*- chybové hlášky --------------*/
.hlaska-error{ border-top: 1px dotted red; border-bottom: 1px dotted red; padding: 35px 35px 35px 70px; margin: 10px 0px; text-align: left; font-weight: bold; color: red; background: url(../images/stopka.gif) 25px center no-repeat #FFFFFF; }
.hlaska-ok{ border-top: 1px dotted #7BCE29; border-bottom: 1px dotted #7BCE29; padding: 35px 35px 35px 70px; margin: 10px 0px; text-align: left; font-weight: bold; color: #7BCE29; background: url(../images/ok.gif) 25px center no-repeat #FFFFFF; }

/*-rámy -------------------------*/
#hlavni{
	width: 998px;
	margin: 0px;
	padding: 0px;
	position: relative;
	background: url(../images/bg_left_menu.jpg) repeat-y #FFF6DB -8px 0px;
}

/*- základní třísloupcový layout ------*/
#stredframe{
	float: left;
	width: 100%;
	padding-bottom: 10px;
}
#mainframe{ margin: 0 0 0 198px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*//*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ }
#mainleft{ padding: 0px; float: left; width: 625px; }
#rightframe{ float: left; width: 175px; overflow: hidden; margin-top:7px;}
#leftframe{ float: left; width: 198px; /*Width of left column*/ margin-left: -100%; overflow: hidden; }

#mainleft h1{ line-height: 34px; background: url(../images/bg-title-all.gif) no-repeat; color: white; padding-left: 16px; }
#mainleft .kde-jsem{ line-height: 21px; margin: 5px 0px; background: url(../images/bg-kdejsem.gif) no-repeat; color: #3B0000; padding-left: 16px; }
#mainleft .kde-jsem a{ color: #3B0000; text-decoration: none; }
#mainleft .kde-jsem a:hover{ color: #3B0000; text-decoration: underline; }

/*- top menu -------------------*/
#top-mainmenu{ background-color: #3b0000; line-height: 20px; float: left; color: white; width:998px;overflow: hidden;}
#top-mainmenu .top-menu{ width: 380px; float: left; padding: 9px 0px; margin: 0px;}
#top-mainmenu .top-menu a{ padding: 0px 6px; color: White; text-decoration: none; }
#top-mainmenu .top-menu a:hover{ text-decoration: underline; }

#top-mainmenu .uzivatel{ width: 395px; float: left;padding:0px; margin: 5px 0px;}
#top-mainmenu .uzivatel input.full{ font-size: 9px; border: 0px; width:80px; height:13px;}
#top-mainmenu .uzivatel a{ padding: 0px 6px; color: White; text-decoration: none; }
#top-mainmenu .fulltext{ width: 210px; float: left; padding:0px; margin: 0px;}
#top-mainmenu .fulltext input.full{ font-size: 9px; border: 0px; height:13px;}

/*- leve menu ----------------*/
#navigace-zbozi{margin: 7px; padding:0px; position: relative;font-weight: bold;}
#navigace-zbozi .skryty{display:none;}
#navigace-zbozi .zobrazeny{ display: block; }

#navigace-zbozi .stredd{ padding: 4px 0px 4px 15px; }
#navigace-zbozi .p0, .pp{ padding: 4px 0px 4px 0px; border-bottom:1px solid #C8A05A; width:176px;}
#navigace-zbozi .p0a{ padding: 4px 0px 4px 0px; border-bottom:1px solid #C8A05A; width:176px;}
#navigace-zbozi .p1, .p1a{
	padding: 4px 0px 4px 18px;
	cursor: pointer;
	color:#875822;
	background: url(../images/odrazka-menu.gif) no-repeat center left;
}
.p1 a, .p1a a {
	color:#875822;
}
.p0 a, .pp a, .p0a a {
	color:#3A0000;
}
#navigace-zbozi A {text-decoration:none;display:block;}
#navigace-zbozi A:hover {text-decoration:underline;}
#navigace-zbozi .stred, .stredd, .stred-a, .konec-a{ padding-Left: 0px; color: #3A0000; cursor: pointer; }

/*- střed home ----------------*/
.obsah-home{
	width:618px;
	overflow: hidden;
}


/*- záložky home --------------*/
.menu5 { padding: 5px 0 0 0px; margin: 0; list-style: none; height: 31px; position: relative; background: transparent url(../images/pro_five_0c.gif) repeat-x left bottom; font-size: 11px; width: 618px; }
.menu5 li {float:left; height:31px; margin-right:3px;}
.menu5 li a { display: block; float: left; height: 31px; line-height: 31px; color: #333; text-decoration: none; font-weight: bold; text-align: center; padding: 0 0 0 4px; cursor: pointer; background: url(../images/pro_five_0a.gif) no-repeat; }
.menu5 li a b { float: left; display: block; padding: 0 16px 0px 12px; background: url(../images/pro_five_0b.gif) no-repeat right top; }
.menu5 li.tab-btn-a a {color:#000; background:url(../images/pro_five_2a.gif) no-repeat;}
.menu5 li.tab-btn-a a b {background:url(../images/pro_five_2b.gif) no-repeat right top;}
.menu5 li.tab-btn-s a {color:#000; background:url(../images/pro_five_2a.gif) no-repeat;}
.menu5 li.tab-btn-s a b {background:url(../images/pro_five_2b.gif) no-repeat right top;}
.menu5 li.tab-btn a {color:#000; background: url(../images/pro_five_1a.gif) no-repeat;}
.menu5 li.tab-btn a b {background:url(../images/pro_five_1b.gif) no-repeat right top;}
/*
.menu5 li a:hover {color:#000; background: url(../images/pro_five_1a.gif) no-repeat;}
.menu5 li a:hover b {background:url(../images/pro_five_1b.gif) no-repeat right top;}
*/
.menu5 li.current a:hover {color:#000; background: url(../images/pro_five_2a.gif) no-repeat; cursor:default;}
.menu5 li.current a:hover b {background:url(../images/pro_five_2b.gif) no-repeat right top;}
#tab1, #tab2, #tab3{ border: 1px solid #3A0000; border-top: none; padding: 10px; width: 596px; background-color: White; }
#tab1, #tab2, #tab3{ display:none;}

/*- výpis položky ---------------*/
.obal-rohy-zbozi{ position: relative; margin: 0px; padding: 0px; border: 1px solid #ec6d03; width: 293px; background-color: white; }
.h-lev-z{top:-1px;left:-1px;background:url('../images/roh-zb.gif') left top no-repeat;}
.h-prav-z{top:-1px;right:-1px;_right:-2px;background:url('../images/roh-zb.gif') right top no-repeat ;}
.d-lev-z{bottom:-1px;left:-1px;background:url('../images/roh-zb.gif') left bottom no-repeat;}
.d-prav-z{bottom:-1px;right:-1px;_right:-2px;background:url('../images/roh-zb.gif') right bottom no-repeat;}
.h-lev-z, .h-prav-z, .d-lev-z, .d-prav-z {position:absolute;width:8px;height:8px;font-size:0px;}

.leva{ float: left; width: 295px; margin: 0px 0px 10px 0px;height:165px;overflow: hidden;}
.prava{ float: right; width: 295px; margin: 0px 0px 10px 0px;height:165px;overflow: hidden;}
.obal-rohy-zbozi table{ height: 157px; }
.obal-rohy-zbozi h2{ padding: 2px 0px 2px 0px; margin: 0px; }
.obal-rohy-zbozi h2 a{ font-size: 12px; color: #3A0000; }
.obal-rohy-zbozi h2 a:hover{ text-decoration: none; }
.obal-rohy-zbozi .cena{ color: #FE2323; }
.obal-rohy-zbozi .ikony{ text-align: right; margin: 1px 10px; }
.obal-rohy-zbozi .kosik{ margin: 5px 0px 5px 0px; }

/*- výpis zboží --------------*/
#vypis {padding: 10px; width: 598px; background-color: White;}
.popis-sekce{ background-color: #FFE28E; padding: 10px; width: 598px; }
.dopln-popis-sekce{ margin: 5px 0px; padding-left: 11px; }


/*- pravý sloupec top ten ----*/
#top-ten{ padding: 0px; margin: 0px; width: 169px; border-left: 1px solid #440500; border-right: 1px solid #440500; border-bottom: 1px solid #440500; background-color: White; overflow: hidden; color: #440500; }
#top-ten .topten{ padding: 0px; margin: 20px 0px; font-size: 11px; }
#top-ten .topten .obr{ width: 50px; float: left; }
#top-ten .topten h3{ color: #440500; text-align: left; padding: 0px; margin: 0px; font-size: 12px; }
#top-ten .topten h3 a{ color: #440500; text-align: left; font-size: 12px; padding-bottom: 5px; display: block; }
#top-ten .topten h3 a:hover{ text-decoration: none; }
#top-ten .topten .vase-cena{ color: #fe2323; }

/*- pravý sloupec naposledy navšívené --*/
#navstivene{ padding: 0px; margin: 0px 0px 10px 0px; width: 169px; border-left: 1px solid #440500; border-right: 1px solid #440500; border-bottom: 1px solid #440500; background-color: White; overflow: hidden; color: #440500; }
#navstivene a{ color: #440500; text-align: left; font-size: 12px; padding: 5px 0px 5px 15px; display: block; }
#navstivene a:hover{ text-decoration: none; }

/*- detail zboží --------*/
.tit-rub{ line-height: 34px; background: url(../images/bg-title-all.gif) no-repeat; color: white; padding-left: 16px; margin: 5px 0px; font-size: 16px; }
.detail{ position: relative; width: 618px; overflow: hidden; }
#det{ margin: 0px 0px 6px 0px; }
#det .detail .obrazek{ background-color: White; padding: 5px 0px; margin-right:5px;}
#det .obal-cena{ background: url(../images/bg-detail-cena.gif) no-repeat; width: 299px; }
#det h1.titulek-detail{ color: white; padding: 0px 16px; margin: 0px; font-size: 14px; text-align: left; position: relative; background: none; }
#det .detail .obal-rohy-cena{ background-color: White; border: 1px solid #3A0000; border-top: none; padding: 10px 16px; }
#det .detail .cena{ font-size: 16px; color: red; padding: 5px 0px; }
#det .detail .detail-kosik{ background: url(../images/bg-detail-kosik.gif) no-repeat top #FDF5E4; width: 267px; padding: 5px 16px; margin-bottom: 6px; }
#det .detail .detail-parametry{ background-color: #FFEEC9; }
#det .detail .param{ padding: 5px 0px; }
#det .detail .param .nadpis{ padding: 5px 0px; }
#det .detail .parametr{ padding: 2px 2px; }
#det .detail .detail-popis{ background-color: #FFEEC9; width:618px;margin-top:6px;}
#det .detail .detail-popis .nadpis{ padding: 5px 0px; margin-top: 5px; font-size: 14px; font-weight: bold;}
#det .detail .detail-popis p{ padding: 0px; margin: 0px; }
#det .detail .ikony-detail {padding:0px 5px 0px 0px; z-index: 300; float:right;}
#det .detail .obrazek .anotace{	padding: 5px;}

#det .det-print{ margin: 6px 0px 6px 0px; cursor: pointer; }
#det .dspacer{ padding: 2px 0px 2px 0px; display: block; }
.input1{ width: 35px; background: url(../images/stin-button.gif) no-repeat left top white; border:none; padding:2px 3px; text-align: center;}

/*- karta košíku ----------*/
#karta-kosik{ border: 1px solid #3B0000; border-top: none; background-color: White; padding: 5px 0px 5px 16px; width: 153px; margin: 0px 0px 10px 0px; }
#karta-kosik .koupit{ background-color: #FFE9B4; margin-left: -16px; padding: 3px 0 8px 16px; text-align: left; }
#karta-kosik .koupit a{ color: #EC6D03; }
#karta-kosik .koupit a:hover{ color: #FE2323; text-decoration: none; }	
#karta-kosik .polozka-karta{ padding:3px 0px; }
#karta-kosik .polozka-karta h3{ color: #440500; text-align: left; padding: 0px; margin: 0px; font-size: 12px; }
#karta-kosik .polozka-karta h3 a{ color: #440500; text-align: left; font-size: 12px; padding-bottom: 5px; display: block; }
#karta-kosik .polozka-karta h3 a:hover{ text-decoration: none; }
#karta-kosik .polozka-karta .cena{ color: #fe2323; }

/*- karta uživatel ----------*/
#karta-uziv{ border: 1px solid #3B0000; border-top: none; background-color: #FFEEC9; padding: 5px 0px 5px 16px; width: 153px; margin: 0px 0px 10px 0px; }
#karta-uziv .od{ color: #CC6600; }
#karta-uziv a{ color: #CC6600; }
#karta-uziv a:hover{ text-decoration: none; }	

/*- kroky košík -------------------*/
#kroky .title-nazev-kroky{ margin-top: 10px; background: url(../images/bg-title-kroky.gif) no-repeat; color: white; padding: 5px 0px 3px 16px; font-size: 16px; font-weight: bolder; line-height: 27px; }
#kroky .krok{ background-color: #FFE9B4; color:#3A0000; font-size: 11px;}
#kroky .kroka{  background-color:#FFE9B4; color:#3A0000; font-size: 11px;}
#kroky .krok-sedy1{ background-color: #FFE9B4;}
#kroky .krok-sedy1a{background-color:#FFE9B4;}
#kroky .krok-sedy2{ background-color: #FFE9B4; }
#kroky .krok-sedy3{ background-color: #FFE9B4; }
#kroky .krok-sedy4{ background-color: #FFE9B4; }
#kroky h3{ font-size: 13px; padding: 2px; margin: 0px; color:#3A0000;}
#kroky .popis{ padding: 3px; }

/*- košík ----------------------*/
.objednat{ width: 618px; }
.obal-rohy-kosik{ position: relative; width: 618px; }
.title-nazev-kosik{ background: url(../images/bg-nakup.gif) no-repeat; }
.bg-titulek-kosik{ background: url(../images/bg-kdejsem.gif) no-repeat; }
.titulek-kosik{ color: #3A0000; font-weight: bolder; }
.spacer-kosik{ font-size: 1px; background-color: #FFF6DB; height: 2px; }
.obal-rohy-kosik img{ padding: 2px; border: 1px solid #FFF6DB; margin: 3px; }
.obal-rohy-kosik .krok-info{ border: none; }
.obal-rohy-kosik h2{ font-size: 16px; color: #3B0000; }
.obal-rohy-kosik .kosik-polozka{ background-color: #FFEEC9; }
.obal-rohy-kosik a{ color: #3B0000; }

/*-doprava ---------------------*/
.doprava-stred{ width: 618px; }
.tabulka-doprava{ color: #3B0000; font-weight: bold; margin-left: 0px; }

.radka-doprava{ background-image: none;}
.radka-doprava-cena{background-image: none;}
.radek-title{ background: url(../images/bg-kdejsem.gif) no-repeat; line-height: 12px; }

img.doprava-info{ padding: 0px; margin: 0px; border: none; }
.doprava-all{ color: #3B0000; padding: 3px; font-weight: bold; border-top: 3px solid #FEE28E; }
.doprava-all input{ background-color: #FFF6DB; color:#3B0000 ; border: none; font-weight: bold; text-align: right; }

/*- vyskakovací okno info --------------*/
.vypinfo{display:none;}
.zapinfo{display:block;}
.info-platby{ width: 350px; height: 200px; display: block; border: 1px solid #3B0000; overflow: auto; position: absolute; margin-top: -200px; margin-left: -20px; background-color: white; color: #2D2D2D; font-weight: normal; }
.info-platby .info-titulek{ border-bottom: 1px solid #3B0000; line-height: 28px; background: url(../images/kosik-kill.gif) no-repeat center right #3B0000; padding: 2px; cursor: pointer; font-weight: bolder; color: white; text-decoration: underline; font-size: 12px; }
.info-platby .info-text{ overflow: auto; padding: 3px; font-size: 12px; }

/*- formuláře -------------------*/
#form-login{ width: 618px; }
#form-login .title-nazev-kroky{ margin-top: 10px; background: url(../images/bg-title-kroky.gif) no-repeat; color: white; padding: 5px 0px 3px 16px; font-size: 16px; font-weight: bolder; line-height: 27px; }
#form-login .obal-rohy-kroky{ background-color: #FEE28E; margin-top: 0px; }
.telo-label{ padding: 10px; display: block;}
input.prihlasit{ font-size: 12px; margin-left: 10px;}
label,input.prihlasit{ display: block; width: 120px; float: left; }
label { text-align: right; width: 50px; }
label.titulek { text-align: right; width: 234px; }

#zakaznik-stred{ width: 618px; }
#zakaznik-stred .title-nazev-kosik{ background: url(../images/bg-title-kroky.gif) no-repeat; color: white; font-size: 16px; font-weight: bolder; line-height: 27px; margin-top: 10px; padding: 5px 0 3px 16px; }
.hl-titulek{ background-color: #FFEEC9; color: #3A0000; font-weight: bold; padding: 5px 0px 5px 5px;  width: 618px;}
.info-text{ color: #CA0000; font-style: italic; }
.titulek{ font-size: 12px; width: 150px;}
.povina{ font-weight: bold; }
.povina1 input{ background-color: #FFE5ED; border: 1px solid #7f9db9; width: 300px;padding: 2px;}
.pole2{ font-size: 12px; font-weight: bold;padding-left:10px;}
.pole input{ font-size: 12px; width: 300px; border: 1px solid #7f9db9;padding: 2px;}
.pole1{ width: 300px; height: 80px; }
.povina1 input.input_error{ border: 2px solid red; background-color: #FFE5ED; }
.zakaznik-obal{ background-color: #FEE28E; margin-top: 15px; padding-bottom: 8px; }

#rekapitulace{ background-color: #FFF6DB; padding-bottom: 8px; }
#rekapitulace .title-rek{
	xbackground-color: #FFEEC9;
	background: url(../images/bg-kdejsem.gif) no-repeat;
}

#form-hodnoceni{ background-color: #FFEEC9; margin-top: 6px; padding: 6px; width: 606px; }
#form-hodnoceni input.input_error{ border: 2px solid red; background-color: #EDF7FA; }
#form-hodnoceni a{ color: #CC6600; }
#form-posli a:hover{ color: #CC6600; text-decoration: none;}


#form-posli{ background-color: #FFEEC9; margin-top: 6px; padding: 6px; width: 606px; }
#form-posli input.input_error{ border: 2px solid red; background-color: #EDF7FA; }
#form-posli a{ color: #CC6600; }
#form-posli a:hover{ color: #CC6600; text-decoration: none;}

/*- zakaznické centrum ----------*/
#zak-centrum{ width: 618px; }
#zak-centrum .formular1{
background: url(../images/bg-title-all.gif) no-repeat center;
}
#zak-centrum .mujucet-titulek{ color: white; background: url(../images/bg-title-all.gif) no-repeat white; line-height: 33px; padding-left: 20px; font-size: 16px; font-weight: bold; border-left: 1px solid #3A0000; }
#zak-centrum .formular-tabulka{ width: 616px; border-left: 1px solid #3A0000; border-right: 0px solid #3A0000; border-bottom: 0px solid #3A0000; background: white; margin: 0px; }
#zak-centrum .tabulka{ border-collapse: collapse; margin:0px;padding: 0px; }
#zak-centrum .pozadi-table{ border-bottom: 0px solid #3A0000; font-weight: bold; color: Black; }
#zak-centrum td.tabulka-tit{ margin: 0px; padding: 3px; border-left: 0px solid #3A0000; border-right: 1px solid #3A0000; border-bottom: 1px solid #3A0000; border-top: 0px solid #3A0000; }
#zak-centrum td.tabulka{ margin: 0px; padding: 3px; border-left: 0px solid #3A0000; border-right: 1px solid #3A0000; border-bottom: 1px solid #3A0000; border-top: 0px solid #3A0000; }



/*- registrační údaje -----------*/
#reg-udaje{ width: 618px; background-color: #FFEEC9; }
#reg-udaje .title-reg{ background: transparent url(../images/bg-title-all.gif) no-repeat scroll 0; color: white; font-size: 14px; font-weight: bold; line-height: 34px; padding: 0px 6px; }
#reg-udaje .hl-titulek{ font-weight: bold; font-family: verdana; background: url(../images/bg-kdejsem.gif) no-repeat; line-height: 20px; padding: 0px 6px; margin: 0px; }

/*- detail vypis  recenze -------------*/
.detail-recenze{ padding: 0px; }
.detail-recenze .disk{
	padding: 0px 0px 6px 0px;
}
.detail-recenze .nadpis-recenze{ padding: 0px 0px 15px 0px; }
.detail-recenze .titulek-r{ padding: 8px 0px 8px 5px; border-top: 1px solid #FFEEC9; background-color: #FCE39C; }
.detail-recenze .jmeno-recenze{ padding: 2px 0px 2px 5px; }
.titulek-recenze{ color: white; padding: 0px 5px 5px 0px; margin: 10px 6px 2px 6px; border-bottom: 2px solid #7BCE29; text-align: left; font-weight: bold; }
.titulek-recenze span{ padding: 4px; margin: 0px; background: url(../images/roh-tr-zeleny.gif) no-repeat top right #7BCE29; }


/*- zápatí ----------------------*/
#zapati{ padding: 10px; border-top: 1px solid #3B0000; background-color: #F3D784; }
#zapati .zapati-link{ color: #2D2D2D; text-decoration: none; font-size: 0px; }
#zapati .zapati-link a{ color: #2D2D2D; text-decoration: none; font-size: 0px; }

/*- rekapitulace objednávky ------------*/
#rekapitulace{ padding: 0px; margin: 0px; }
#rekapitulace table.adresa{ border-top: 1px solid #FFCF4F; border-right: 1px solid #FFCF4F; }
#rekapitulace td.titulek{ border-left: 1px solid #FFCF4F; border-bottom: 2px solid #FFCF4F; }
#rekapitulace td.polozka{ border: 1px solid #FFCF4F; border-bottom: 1px solid #FFCF4F; }
#rekapitulace td.titulek-zb{ border-left: 1px solid #FFCF4F; border-bottom: 2px solid #FFCF4F; }
#rekapitulace td.polozka-zb{ border: 1px solid #FFCF4F; border-bottom: 1px solid #FFCF4F; }