/* CSS Document */

a img{border:none;}
a{outline:none; color:#F23900; text-decoration:underline;}
a:hover{color:#F23900; text-decoration:none;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0 0 5px 0; line-height:normal; font-family:Arial, Helvetica, sans-serif; color:#fc0c37;}
h1{font-weight:normal; font-size:20px;}
h2{font-size:14px;}
h3{font-size:12px;}
h4{font-size:11px;}

p{margin:0; padding:0 0 20px 0;}
form{margin:0; padding:5px 0;}
ul,ol{margin:0 0 15px 30px; padding:0;}
#content ol li{padding:0 0 4px 0;}
table{border-collapse:collapse; border-color:#FEE4E9;}
table td{border-color:#FEE4E9;}

body{
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:140%;
	color:#333333;
	background:#83080e;
	margin:0;
	padding:0;
	}

.skry{display:none;}
	
#wrapper{background: url(images/bg_container.jpg) center 232px repeat-y;}
#container-out{background:url(images/bg_head.jpg) center top no-repeat;}
#container-in{background:url(images/bg_content.jpg) center 232px no-repeat;}

#container{
	width:962px;
	margin:0 auto;
	text-align:left;	
	}

#head{
	width:962px;
	height:232px;
	position:relative;	
	}

#head #logo{
	width:200px;
	height:90px;
	margin:0;
	padding:0;
	position:absolute;
	top:50px;
	right:86px;
	}

#head #logo a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:200px;
	height:90px;
	background:url(images/logo.gif) 0 0 no-repeat;
	}
	
#left{
	width:196px;
	float:left;
	overflow:hidden;
	}

#content{
	width:766px;
	float:right;
	overflow:hidden;
	}

#top{
	height:180px;
	}

#obsah{
	float:left;
	width:530px;
	padding:5px 20px 15px 20px;
	overflow:hidden;
	}
	
#right{
	float:right;
	width:196px;
	overflow:hidden;
	}
	
#footer{
	clear:both;
	height:102px;
	background:url(images/bg_footer.jpg) center top no-repeat;
	}

#footer p{margin:0; padding:24px 0 0 0; text-align:center; color:#FFFFFF;}
#footer p a{color:#FFFFFF; text-decoration:none;}
#footer p a:hover{color:#FFFFFF; text-decoration:underline;}


/************************************************/
#main-menu{
	position:absolute;
	top:182px;
	left:320px;
	}

#main-menu ul{
	margin:0;
	padding:0;
	}

#main-menu ul li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	padding-right:1px;
	}

#main-menu ul li a{
	display:block;
	float:left;
	height:35px;
	padding:0 0 0 15px;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
	}

#main-menu ul li a span{
	display:block;
	float:left;
	height:25px;
	padding:10px 15px 0 0;
	cursor:pointer;
	}

#main-menu ul li a:hover{
	color:#c5196f;
	text-decoration:none;
	background:url(images/bg_mainmenu_left.jpg) 0 0 no-repeat;
	}

#main-menu ul li a:hover span{
	background:url(images/bg_mainmenu_right.jpg) right top no-repeat;
	}


#main-menu ul li.selected a{
	display:block;
	float:left;
	height:50px;
	color:#c5196f;
	background:url(images/bg_mainmenu_left.jpg) 0 0 no-repeat;
	}

#main-menu ul li.selected a span{
	display:block;
	height:40px;
	background:url(images/bg_mainmenu_right.jpg) right top no-repeat;
	}
	
/****************  W-boxy ***************************************/

#left .title, #right .title{color:#f33900; font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 15px 45px; margin:0;}
#left .title, #content #logbox .title, #content #nletter .title{
	background:url(images/box_head.jpg) 0 0 no-repeat;
	height:20px;
	text-align:center;
	color:#ffffff;
	margin:0;
	padding:3px 0 0 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	}
#left .w-box-h2, #logbox, #nletter{
	width:172px;
	margin:15px auto;
	background:url(images/box_content.jpg) 0 0 repeat-y;
	}
#left .w-box-h2 .content, #logbox .content, #nletter .content{
	padding:10px 10px 15px 10px;
	background:url(images/box_footer.jpg) left bottom no-repeat;
	}
		
#right .title{background:url(images/head_box_right.jpg) no-repeat left bottom; text-align:right; padding-left:0; padding-right:45px;}

#left .content, #right #logbox .content, #right #nletter .content{padding:5px 0 0 10px; margin-bottom:15px;}
#right #logbox .content, #right #nletter .content{padding-bottom:10px;}
#right .content{padding:5px 10px 0 0; margin-bottom:15px;}

#left h3.title, #right h3.title{font-size:12px;}


#content .title, .category-name{
	font-size:20px; font-weight:normal; padding-bottom:5px; padding-top:10px; padding-left:25px; background:url(images/licko-h2.jpg) no-repeat 0 13px;
	clear:both;
	}

/************** Kategorie ********************/
#kategorie h2{display:none;}	
#kategorie ul{margin:0 auto; padding:0; width:155px; overflow:hidden;}
#kategorie ul li{list-style:none; margin:0; padding:0; background:url(images/licko.jpg) 0 5px no-repeat;}
#kategorie ul li a{display:block; width:125px; padding:6px 5px 6px 25px; background:url(images/1px.jpg) no-repeat left bottom; color:#6b0404; text-decoration:none; font-weight:bold;}
#kategorie ul li a:hover{text-decoration:underline; color:#fa0c37;}

#kategorie ul ul{margin:0; padding:0;}
#kategorie ul ul li{background:url(images/licko.jpg) 10px 5px no-repeat;}
#kategorie ul ul li a{background:url(images/1px.jpg) no-repeat left bottom; font-weight:normal; padding-left:35px; width:115px;}

/***********************************************/

.product-detail{width:540px; overflow:hidden; padding:5px 0 50px 0;}
.product-detail-h1{
	color:#f33900;
	text-transform:uppercase;
	font:bold 13px Arial, Helvetica, sans-serif;
	height:22px;
	margin:0 0 5px 0;
	padding:3px 0 0 0;
	text-align:center;
	border-bottom:1px solid #FEE4E9;
	}
.product-detail .product-image{float:left; width:150px; display:inline; text-align:center; position:relative;}
.product-detail .product-box{float:right; width:370px;}
.product-detail .product-box p{padding:5px;}
.product-detail .dlhy-popis{clear:both; padding:15px 0 20px 0;}
.product-detail .stav{font:bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFFFFF; height:34px; text-align:center; width:56px; position:absolute; bottom:10px; right:20px; padding-top:22px; display:block; background:url(images/anv.gif) no-repeat 0 0;}

.product-detail h2{font:bold 14px Arial, Helvetica, sans-serif; margin:0; padding:0 5px 5px 5px; color:#dd1e0b; text-align:left;}
.product-detail h3{
	font:bold 13px ,Arial, Helvetica, sans-serif;
	height:22px;
	margin:0 0 5px 0;
	padding:0;
	}

.product-detail .product-box dl{margin:0 0 5px 0; padding:0 5px; overflow:hidden;}
.product-detail .product-box dt{margin:0; padding:0; float:left; width:70px; padding:1px 0; font-size:11px;}
.product-detail .product-box dd{margin:0; padding:0; float:left; width:190px; padding:1px 0; font-size:11px;}
.product-detail select{font-size:11px; width:100%;}
.pathway{margin:0; padding:0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px;}
.add-to-cart{clear:both; border-top:1px solid #FEE4E9; background-color:#fff0f3; padding:10px;}
input.ks{width:30px; border:1px solid #FEE4E9; text-align:center;}

.product-detail .druha-mena{}
h2.pro-nadpis{font-size:13px;}
.produkt-box-table{border-collapse:collapse; width:100%;}
.produkt-box-table .first{}
.produkt-box-table th{background:#FEE4E9; padding:5px 10px;}
.produkt-box-table td{padding:5px; border-bottom:1px solid #FEE4E9;}
.produkt-box-table .addtd{width:95px; text-align:center; padding:0;}
.produkt-box-table .cena{width:75px; font-weight:bold; text-align:center; padding:5px 0;}
.produkt-box-table .cena small{font-weight:normal; font-size:9px;}
.produkt-box-table td form{margin:0; padding:0;}

.mini-nadpis{padding:5px 10px; background-color:#FEE4E9;}

/*************** LOGIN  ****************/
.login{margin:0; padding:0; font-size:11px;}
.login-field{border:1px solid #FEE4E9; font-size:11px; padding:2px; width:140px; margin:0 0 4px 0; color:#555;}
.login-submit{border:1px solid #FEE4E9; font-size:11px; padding:2px 15px; font-weight:bold; cursor:pointer; background-color:#f33900; color:#FFFFFF;}
.login-submit:hover{background-color:#fd0c37;}

ul.login, .links, .anv-list{margin:0; padding:0;}
ul.login li, .links li, .anv-list li{list-style:none;}
ul.login li a, .links li a, a.links , .anv-list li a{font-size:11px;}
ul.login li a:hover, .links li a:hover, a.links:hover, .anv-list li a:hover{}
.submit-login input{width:auto; cursor:pointer;}
.anv-list li a{display:block; text-decoration:none;}
.anv-list li a:hover{text-decoration:none;}

/***************************/
.category{text-align:justify; padding-bottom:10px;}
.vyrobca-logo{margin:0 10px 5px 0;}
.row-content{clear:both; border-bottom:1px solid #FEE4E9;}
.row-content .product{float:left; width:165px; margin:4px; display:inline; padding-bottom:5px; background-color:#FFFFFF;}
.row-content .product form{margin:0; padding:0;}
.row-content .product form input, .row-content .product .v-info{position:absolute; top:-1px; right:-2px;}
.row-content .product-image{text-align:center; width:150px; height:150px; padding:0 10px; margin:5px 0; position:relative;}
.row-content .product-image .stav{font:bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFFFFF; height:34px; text-align:center; width:56px; position:absolute; bottom:5px; right:10px; padding-top:22px; display:block; background:url(images/anv.gif) no-repeat 0 0;}
.row-content .product-image img{margin:0 auto;}
.row-content .product-image table{border-collapse:collapse; width:150px; height:150px;}
.row-content .product-image table td{text-align:center; vertical-align:middle;}
.row-content .product h3{margin:0; text-align:center; padding:5px;}
.row-content .product h3 a{ font-size:14px; font-weight:normal; color:#6B0404; text-decoration:none;}
.row-content .product h3 a:hover{color:#fb0c36; text-decoration:none;}
.row-content .cena{padding:2px 26px 2px 2px; margin:0 5px; text-align:center; font-size:10px; background-color:#FEE4E9; position:relative; width:125px; color:#666;}
.row-content .cena strong{color:#ff0000; padding-right:5px;}

.sellout{font-size:9px !important;}
.action{font-size:13px !important; padding-top:20px !important; height:36px !important;}

/*.shop-intro-wrapper .row-content .cena{padding:2px 2px 2px 2px; margin:0 5px; text-align:center; font-size:11px; border:1px solid #FEE4E9; background-color:#FEE4E9; position:relative; width:154px; color:#fd0c37;}*/

.bar{clear:both; font-size:11px; margin:0; padding:5px 0; overflow:hidden; width:100%;}
.zobrazit{float:left; text-align:right; padding:0; margin:0;}
a.z_act{font-weight:bold; color:#000000;}

.cat-strany{ clear:both; margin:0; padding:5px 0 0 0;}
.cat-strany a{ width:16px; height:16px; display:block; float:left; margin:0 2px; background:url(images/str.gif) no-repeat 0 0; text-align:center; text-decoration:none; color:#000000;}
.cat-strany a:hover, .cat-strany a.selected{background:url(images/str_selected.gif) no-repeat 0 0; text-decoration:none; color:#000000;}
.cat-strany a.selected{font-weight:bold;}
.cat-strany span{float:left; margin:0 2px; font-size:11px;}

.orderby{margin:0; padding:0; float:right; padding-right:5px;}

div.top{
	width:220px;
	height:150px;
	padding:10px 15px 0 18px;
	overflow:hidden;
	float:left;
	color:#FFFFFF;
	position:relative;
	}

div.top a{color:#FFFFFF; text-decoration:none; font-size:16px;}
div.top a:hover{color:#FFFFFF; text-decoration:underline;}
div.top h3{text-align:center; padding-bottom:2px;}


.tdetail a{
	display:block;
	width:70px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/detail.gif) no-repeat 0 0;
	position:absolute;
	bottom:0; left:20px;
	}
.tdetail a:hover {background:url(images/detail.gif) no-repeat 0 -20px;}
.google{padding-top:10px; text-align:center;}
/************* show-image *************/
body.show-image{background:#fff none; padding:20px 0;}
td.ks{white-space:nowrap; width:15px;}
.mini-shopping-cart{border-collapse:collapse; font-size:11px; width:100%; line-height:normal;}
.mini-shopping-cart td{vertical-align:top; padding:4px 8px 4px 0; border-bottom:1px solid #FEE4E9;}
.mini-shopping-cart td a{text-decoration:none;}
.mini-shopping-cart .total{}
.mini-shopping-cart .pr{padding-right:5px;}
.mini-shopping-cart .pr img{float:right; padding-top:5px; padding-left:3px;}
.mini-shopping-cart .price{display:block; text-align:right;}
.mini-shopping-cart .dual-price{display:block; text-align:right;}
.mini-shopping-cart strong{float:left;}

.note{background-color:#FFFF99; border:1px solid #FFCC00; margin:5px 0; padding:5px 10px;}

.shopping-cart{border-collapse:collapse; width:100%; font-size:11px;}
.shopping-cart input{font-size:11px;}
.shopping-cart th{border-bottom:1px solid #FEE4E9; padding:0 2px; font-size:11px;}
.shopping-cart td{padding:5px 5px; border-bottom:1px solid #FEE4E9;}
.celkom{background-color:#FFF0F3;}
.celkom .cena{font:bold 14px Arial, Helvetica, sans-serif;}
.shopping-cart a{text-decoration:none;}


.registration{margin:0; padding:0;}
.registration table.registration{width:100%; border-collapse:separate;}
.registration table td{vertical-align:top;}
input.field{border:1px solid #FEE4E9; font-size:11px; padding:2px; width:250px; background-color:#FFF0F3;}
textarea.field{border:1px solid #FEE4E9; font-size:11px; padding:2px; background-color:#FFF0F3;}
.registration table .col1{width:150px; text-align:right;}
.registration fieldset legend{border:1px solid #FEE4E9; padding:2px 5px; background-color:#FFF0F3; font-weight:bold;}
.registration fieldset{border:1px solid #FEE4E9; padding:10px; margin-bottom:10px;}

.submit{border:1px solid #FEE4E9; font-size:11px; padding:2px 10px; font:bold 11px Arial, Helvetica, sans-serif; cursor:pointer; background-color:#f33900; color:#FFFFFF; text-decoration:none; width:auto;}
.submit:hover{background-color:#fd0c37; color:#FFFFFF; text-decoration:none;}
.button{border:1px solid #FEE4E9; font-size:11px; padding:2px 10px; font:bold 11px Arial, Helvetica, sans-serif; cursor:pointer; background-color:#FEE4E9; color:#555; text-decoration:none; width:auto; width:150px;}
.button:hover{background-color:#fd0c37; color:#fff; text-decoration:none;}
.cartsubmit{width:150px;}

.require{font-size:11px; color:#FF0000;}
.prihlaseny{color:#f33900;}
.cart-radio{border:1px solid #FEE4E9; padding:2px; background-color:#FFF0F3; margin:0 0 5px 0;}

/************************/
#search{margin:0; padding:0 65px 0 20px; position:absolute; bottom:7px; right:50px; background:url(images/sipka.gif) no-repeat 0 4px;}
#search input{border:0; background:url(images/bg_search.jpg) no-repeat 0 0; width:159px; height:15px; padding:4px 3px 2px 3px; font-size:11px; margin-right:5px; color:#666;}
#search input.search-submit{width:65px; height:20px; cursor:pointer; position:absolute; top:0px;  _top:1px; right:0; margin:0; padding:0; background:transparent none;}
/*****************************/
#reg{width:240px; float:left; padding:5px; font-size:11px;}
#noreg{width:230px; float:right; border:1px solid #FEE4E9; padding:10px; min-height:140px; _height:140px; font-size:11px; background-color:#FFFFFF;}
#noreg p{padding-bottom:10px;}
label{cursor:pointer;}

.methods{font-size:11px;}
.methods *{margin:0; padding:0;}
.post-method table, .pay-method table{width:100%; border-collapse:separate;}
.methods .col1{width:390px;}
.methods .col2{width:100px;}
.methods th{background-color:#FFF0F3; padding:5px 10px; color:#dd1e0b; border:1px solid #FEE4E9; text-align:left;}


.post-method table td{border:1px solid #FFF0F3; padding:2px 10px;}
.pay-method table td{margin:0; padding:0;}
.pay-method table table td{border:1px solid #FFF0F3; padding:2px 10px;}

fieldset.registration{margin:10px 0;}
.registration table.kontakt-data .col1{text-align:left; width:100px;}

.orders{width:100%;}
.orders td{padding:2px; border:1px solid #FFF0F3;}
.orders td a, .orders td a:hover{text-decoration:none;}
.order{width:100%;}
.order table.shopping-cart{border-collapse:collapse;}
.order table{border:1px solid #FEE4E9; width:100%; margin-bottom:10px; border-collapse:separate;}
.order h3{font-size:13px; margin:0; padding:5px 10px; background-color:#FFF0F3; border:1px solid #FEE4E9;}
.order td.col1{width:100px; padding:2px 10px;}
.order th h2{margin:0; padding:5px;}
.txt-zlava{font-size:10px; color:#FF0000; font-family:Tahoma, Arial, Helvetica, sans-serif;}

.naj-list{margin:0; padding:0;}
.naj-list li{padding-bottom:8px; color:#F23900; font-size:11px; margin-left:25px;}


input.input{border:1px solid #fee4e9; padding:1px; width:100px; font-size:11px;}
#searcher{
	width:142px;
	height:112px;
	padding:17px 21px 0 21px;
	background:url(images/bg_searcher.jpg) 0 0 no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	}
	
#searcher input{font-size:11px; width:137px; border:0;  margin-bottom:12px;}


#kosik{
	width:184px;
	height:110px;
	background:url(images/bg_kosik.jpg) 0 0 no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	}

#kosik a{display:block; font-weight:bold; color:#FFFFFF; width:150px; padding:0 17px 0 17px; height:75px; text-decoration:none;}
#kosik a:hover{text-decoration:underline; color:#FFFFFF;}
#kosik a span.kosik{text-decoration:none; font-size:12px; text-align:center;}
#kosik span{display:block; padding:3px 0;}
#content #kosik h2.title{font-size:12px; margin:0; padding:0; text-align:center; color:#FFFFFF; padding:5px 0; background:none;}
#content #kosik .content{padding:0; margin:0;}
#kosik span.k_empty{display:block; padding:10px;}
.vona{font-weight:bold; font-size:11px;}


#kategorie .content{padding:10px 10px 0 10px;}
#kategorie .tabs{
margin:0;
padding:3px 0 0 8px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
overflow:visible;
}

#kategorie .tabs li{
float:left;
padding:0;
margin: 0;
background-image:none;
}

#kategorie .tabs li a{
display:block;
text-align:center;
text-decoration: none;
position: relative;
z-index: 1;
width:72px;
padding: 3px 0;
text-align:center;
margin-left:3px;
border: 1px solid #FC0C37;
border-bottom:0;
color: #fff;
font-size:12px;
background-color:#FC0C37;
background-image:none;
-webkit-border-radius-topright:5px;
-webkit-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
border-bottom:0;
height:auto;
}

#kategorie .tabs li a:visited{

}

#kategorie .tabs li a:hover{
text-decoration: none;
color: #000;
background-color:#fff;
}

#kategorie .tabs li a.selected{ /*selected main tab style */
position:relative;
top:1px;
border-bottom:none;
}

#kategorie .tabs li a.selected{ /*selected main tab style */
background-color:#fff;
border-bottom-color: #fff;
color:#FC0C37;
}

#kategorie .tabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

#kategorie .tabcontent{
display:none;
clear:both;
padding:4px 0;
}

@media print {
#kategorie .tabcontent {
display:block !important;
}
}

#kategorie .tabcontainer{border-top:1px solid #FC0C37; clear:both;}
.subnadpis{clear:both; border-bottom:1px dotted #FC0C37; font-size:16px; background-color:#FEE4E9; padding:5px 10px;}
.subnadpis span{color:#6B0404;}