/* CSS Document */

a img{border:none;}
a{outline:none; color:#6a87a6; text-decoration:underline;}
a:hover{color:#9dc400; text-decoration:underline;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0 0 10px 0; line-height:normal; font-family:"trebuchet ms",Arial, Helvetica, sans-serif; color:#9DC400;}
h1{font-weight:normal; font-size:20px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4{font-size:12px;}

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:#E2E9ED;}
table td{border-color:#E2E9ED;}

body{
	margin:0;
	padding:0 0 15px 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:140%;
	text-align:center;
	color:#555555;
	background:#dbebf4 url(images/bg_body.jpg) repeat-x 0 0;
	}

#container{
	width:950px;
	margin:0 auto;
	text-align:left;
	background:url(images/bg_container.jpg) repeat-y 0 0;
	}

#head{
	width:950px;
	height:289px;
	position:relative;
	background:url(images/bg_head.jpg) no-repeat 0 0;
	}

#head #logo{margin:0; padding:0; position:absolute; top:66px; left:58px; width:235px; height:120px; display:block;}
#head #logo a{text-indent:-9999px; overflow:hidden; width:235px; height:120px; display:block;}

#wrapper-in{float:left; width:785px;}

#left{
	float:left;
	width:185px;
	padding-top:15px;
	}

#content{
	float:right;
	width:540px;
	padding:10px 30px 0 30px;
	min-height:260px;
	_height:260px;
	background:url(images/bg_content.jpg) no-repeat 0 0;
	}

#right{
	float:right;
	width:165px;
	padding-top:5px;
	}

#footer{
	clear:both;
	width:950px;
	height:23px;
	padding-top:62px;
	background:url(images/bg_footer.jpg) no-repeat 0 0;
	}

#footer p{
	text-align:center;
	font:normal 10px "trebuchet ms",Arial, Helvetica, sans-serif;
	color:#aab2b9;
	margin:0;
	padding:0 0 0 20px;
	}

#footer p a{color:#aab2b9; text-decoration:none;}
#footer p a:hover{color:#a3c711;}


/******** Main Menu *********/
#head .menu{
	position:absolute;
	top:244px;
	left:33px;
	margin:0;
	padding:0;
	}


#head .menu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	padding-right:1px;
	}

#head .menu li a{
	display:block;
	float:left;
	height:33px;
	padding:0 0 0 5px;
	font-weight:bold;
	font-size:12px;
	color:#37618a;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"trebuchet ms",Arial, Helvetica, sans-serif;
	background:url(images/bg_menu_left_m.jpg) repeat-x left bottom;
	}

#head .menu li a span{
	display:block;
	float:left;
	height:26px;
	padding:7px 5px 0 0;
	cursor:pointer;
	background:url(images/bg_menu_right_m.jpg) no-repeat right bottom;
	}

#head .menu li a:hover{
	color:#37618a;
	text-decoration:none;
	background:url(images/bg_menu_left_mh.jpg) repeat-x left bottom;
	}

#head .menu li a:hover span{
	background:url(images/bg_menu_right_mh.jpg) no-repeat right bottom;
	}


#head .menu li.selected a, #head .menu li.selected a:hover{
	display:block;
	float:left;
	background:url(images/bg_menu_left.jpg) 0 0 no-repeat;
	}

#head .menu li.selected a span, #head .menu li.selected a:hover span{
	display:block;
	background:#f1f6fa url(images/bg_menu_right.jpg) right top no-repeat;
	}
	
/****************  W-boxy ***************************************/

#left .title, #right .title{color:#9dc400; font:bold 14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 15px 45px; margin:0;}
#left .title{background:url(images/head_box_left.jpg) no-repeat left bottom;}
#right .title{background:url(images/head_box_right.jpg) no-repeat left bottom; text-align:right; padding-left:0; padding-right:45px;}

#left .content{padding:5px 0 0 10px; margin-bottom:15px;}
#right .content{padding:5px 10px 0 0; margin-bottom:15px;}

#left h3.title, #right h3.title{font-size:12px;}

#content .title, .category-name{
	color:#7c878f;
	text-transform:uppercase;
	font:bold 13px "trebuchet ms",Arial, Helvetica, sans-serif;
	height:22px;
	margin:0 0 5px 0;
	padding:3px 0 0 0;
	background:url(images/bg_h.jpg) repeat-x 0 0;
	text-align:center;
	clear:both;
	}

/************** Kategorie ********************/
#kategorie .content{margin:0;}
.cat, #left .menu{margin:0; padding:0 0 0 10px;}
.cat li, #left .menu li{list-style:none; padding:2px 0;}
.cat li a, #left .menu li a{color:#6d6d5d; text-decoration:none; background:url(images/li-n.jpg) no-repeat 0 4px; padding-left:15px; display:block; width:150px;}
.cat li a:hover, .cat a.selected:hover, #left .menu li a:hover{color:#9dc400; text-decoration:none; background:url(images/li-h.jpg) no-repeat 0 4px;}

.cat li a.selected{color:#4c71a4; font-weight:bold; background:url(images/li-s.jpg) no-repeat 0 4px;}

#left .menu li a{font-weight:bold;}
#left .menu li.selected a{color:#4c71a4; font-weight:bold; background:url(images/li-s.jpg) no-repeat 0 4px;}

/* druhy level*/
.cat li ul{margin:0; padding:5px 0 0 15px;}
.cat li ul li{padding:2px 0;}
.cat li ul li a, .cat li ul li a.selected{color:#4C71A4; text-decoration:none; background:url(images/li-2.jpg) no-repeat 0 4px; padding-left:15px; display:block; width:auto; font-size:11px; font-weight:normal;}
.cat li ul li a:hover, .cat ul li a.selected:hover{color:#9dc400; text-decoration:none; background:url(images/li-2_h.jpg) no-repeat 0 4px;}
.cat li ul li a.selected{font-weight:bold; background:url(images/li-2_s.jpg) no-repeat 0 4px;}
/***********************************************/

.product-detail{width:540px; overflow:hidden; padding:5px 0;}
.product-detail-h1{
	color:#9dc400;
	text-transform:uppercase;
	font:bold 13px "trebuchet ms",Arial, Helvetica, sans-serif;
	height:22px;
	margin:0 0 5px 0;
	padding:3px 0 0 0;
	text-align:center;
	border-bottom:1px solid #e2e9ed;
	}
.product-detail .product-image{float:left; width:250px; display:inline; text-align:center; position:relative;}
.product-detail .product-box{float:right; width:270px;}
.product-detail .product-box p{padding:5px;}
.product-detail .dlhy-popis{clear:both; padding:15px 0 20px 0;}
.product-detail .stav{font:bold 10px "trebuchet ms",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; background:url(images/head_box_content.jpg) repeat-x 0 0; height:20px; position:relative; margin:0; padding:5px 5px 0 5px; color:#7c878f; text-align:center;}
.product-detail h3{
	color:#7c878f;
	font:bold 13px "trebuchet ms",Arial, Helvetica, sans-serif;
	height:22px;
	margin:0 0 5px 0;
	padding:3px 10px 0 10px;
	background:url(images/head_box_content.jpg) repeat-x 0 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 dashed #e2e9ed; background-color:#f1f6fa; padding:10px;}
input.ks{width:30px; border:1px solid #e2e9ed; text-align:center;}

.product-detail .druha-mena{padding-left:10px;}
h2.mini-nadpis{font-size:12px;}

/*************** LOGIN  ****************/
.login{margin:0; padding:0; font-size:11px;}
.login-field{border:1px solid #e2e9ed; font-size:11px; padding:2px; width:140px; margin:0 0 4px 0; color:#555;}
.login-submit{border:1px solid #e2e9ed; font-size:11px; padding:2px 15px; font-weight:bold; cursor:pointer; background-color:#9dc400; color:#FFFFFF;}
.login-submit:hover{background-color:#4c71a4;}

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{color:#6a87a6; font-size:11px; text-decoration:underline; background:url(images/li-2.jpg) no-repeat 0 4px; padding-left:15px;}
ul.login li a:hover, .links li a:hover, a.links:hover, .anv-list li a:hover{color:#9dc400; text-decoration:underline; background:url(images/li-2_h.jpg) no-repeat 0 4px;}
.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;}
.row-content .product{float:left; width:170px;border:1px solid #edefe5; 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 "trebuchet ms",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:2px; min-height:53px; _height:53px;}
.row-content .product h3 a{font:bold 12px "trebuchet ms",Arial, Helvetica, sans-serif;; color:#666666; text-decoration:none;}
.row-content .product h3 a:hover{color:#8FB336; text-decoration:none;}
.row-content .cena{padding:2px 26px 2px 2px; margin:0 5px; text-align:center; font-size:11px; border:1px solid #e2e9ed; background-color:#e2e9ed; position:relative; width:130px; color:#4C71A4;}
.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;}
.news{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 #e2e9ed; background-color:#e2e9ed; position:relative; width:154px; color:#4C71A4;}*/

.bar{clear:both; font-size:11px; margin:0; padding:5px 0; overflow:hidden; background-color:#f2f5f9; width:100%;}

.cat-strany{ float:left; margin:0; padding:0 5px;}
.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;}

/************* 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 #e2e9ed;}
.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:#efffa6; 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 #e2e9ed; padding:0 2px; font-size:11px;}
.shopping-cart td{padding:5px 5px; border-bottom:1px solid #e2e9ed;}
.celkom{background-color:#f1f6fa;}
.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 #e2e9ed; font-size:11px; padding:2px; width:250px; background-color:#f6fafe;}
textarea.field{border:1px solid #e2e9ed; font-size:11px; padding:2px; background-color:#f6fafe;}
.registration table .col1{width:150px; text-align:right;}
.registration fieldset legend{border:1px solid #e2e9ed; padding:2px 5px; background-color:#f6fafe; font-weight:bold;}
.registration fieldset{border:1px solid #e2e9ed; padding:10px; margin-bottom:10px;}

.submit{border:1px solid #e2e9ed; font-size:11px; padding:2px 10px; font:bold 11px Arial, Helvetica, sans-serif; cursor:pointer; background-color:#9dc400; color:#FFFFFF; text-decoration:none; width:auto;}
.submit:hover{background-color:#4c71a4; color:#FFFFFF; text-decoration:none;}
.button{border:1px solid #e2e9ed; font-size:11px; padding:2px 10px; font:bold 11px Arial, Helvetica, sans-serif; cursor:pointer; background-color:#e2e9ed; color:#555; text-decoration:none; width:auto; width:150px;}
.button:hover{background-color:#4c71a4; color:#fff; text-decoration:none;}
.cartsubmit{width:150px;}

.require{font-size:11px; color:#FF0000;}
.prihlaseny{color:#9DC400;}
.cart-radio{border:1px solid #e2e9ed; padding:2px; background-color:#f6fafe; 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 #e2e9ed; 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:#f2f6f9; padding:5px 10px; color:#7C878F; border:1px solid #E2E9ED; text-align:left;}


.post-method table td{border:1px solid #f2f6f9; padding:2px 10px; background-color:#f6f9fb;}
.pay-method table td{margin:0; padding:0;}
.pay-method table table td{border:1px solid #f2f6f9; padding:2px 10px; background-color:#f6f9fb;}

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 #f2f6f9;}
.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 #E2E9ED; width:100%; margin-bottom:10px; border-collapse:separate;}
.order h3{font-size:13px; margin:0; padding:5px 10px; background-color:#f2f6f9; border:1px solid #E2E9ED; color:#7C878F;}
.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:#6A87A6; font-size:11px; margin-left:25px;}
