@charset "UTF-8";
/* CSS Document */
html,body{margin:0;padding:0;}
body{font-size:62.5%; font-family:Arial,Helvetica,sans-serif; background-color:#FFF;color:#000;background:url(../images/bg.jpg) repeat-x top;font-size:10px}
#out_style{width:100%;background:url(../images/znacka.jpg) no-repeat;background-position:center top; height:842px}
.bordova{ color:#b0282a;}
.hn_h2{ color:#b0282a; margin:-6px 0 0 0;}
.centerClass{line-height:1.6em;font-size:1.2em;width:1000px;margin-right:auto;margin-left:auto;}
#top{ padding:10px 0 0 0; color:#fff; width:1000px}
#logo_top{ width:175px; height:60px; float:left; padding:10px 0 0 0; }
#info_top{ width:350px; float:left; color:#fff; font-style:italic; padding:10px 0 0 20px; font-family: monospace;}
#info_top li{ list-style:none;}
#cart_top{ width:318px; height:82px; float:right; padding-top:5px;}
#search_input{ width:250px; float:left; padding:0 0 24px 0;}
#search_button{ width:50px; float:left; padding:0 0 0 10px}
.input_search{ width:250px; height:23px; background:#FFF; border:#b4b4b4 solid 1px;}
#cart_left{ background:url(../images/cart_left.png); width:9px; height:82px; float:left;}
#cart_right{ background:url(../images/cart_right.png); width:9px; height:82px; float:left;}
#cart_middle{ width:300px; height:79px; float:left; background:#01602a; margin:1px 0 0 0;}
#cart_text{ padding:10px 0 0 40px;}
#cart_text a{ color:#F3BD40; font-weight:bold;}
#cart_button{ width:80px; height:81px; float:right; margin:-80px 280px 60px 0;}
.empty_cart{ padding:0px; font-weight:bold;}
.doprava_index{ padding:0px 0 0 0; font-weight:bold;}
.float{ clear:both; width:0px; height:0px;}
#panaci{ width:500px; position:absolute; top:90px;}
.akcie_novinky{ margin:-35px 0 0 0;float:left; width:100px;}
.akciovy_tovar{padding:3px 0 0 5px;}
.akciovy_tovar a{ color:#FFF; text-decoration:none; font-weight:bold}
#bottomStyle{ width:100%; height:206px; background:#000; padding:30px 0; color:#FFF;}
#bottomStyle ul{ padding:0 0 0 10px;}
#bottomStyle li{ list-style:none;}
#bottomStyle a{ color:#666; text-decoration:underline;}
#bottomStyle a:hover{ color:#FFF}
#left_bottom{ width:270px; float:left;}
#center_bottom{ width:240px; float:left;}
#right_bottom{ width:240px; float:left;}
#spolupracujeme{ width:240px; float:left;}
.line_bottom{ background:url(../images/line_bottom.jpg); width:1px; height:142px; float:left;}
#contacts_bottom{ background:url(../images/contacts_bottom.jpg); width:260px; height:103px; font-size:20px;}
#tel_cislo{ padding:17px 0 0 60px; color:#8b8b8b;}
#email{ padding:32px 0 0 60px; color:#8b8b8b;}
#email a{ text-decoration:none;color:#8b8b8b;}
.bottom_header{ font-weight:bold; padding:0 0 20px 10px;}
#bottom_text{ text-align:center; width:100%; margin:10px 0;}
#bottom_text a{ color:#fcbc4e; font-weight:bold; text-decoration:none;}
#bottom_text a:hover{ text-decoration:underline; color:#fcbc4e;}
.fb_login{ float:right; margin:-60px 0 0 0;}
.fb_image{ float:left; width:50px;}
.fb_name{ float:left; width:200px; padding:0 0 0 10px;}
#doprava_hlaska{ display:none;}
/* MIDDLE */
#middle_part{ width:1000px; margin:-40px 0 0 0; text-align:left; min-height:700px;}
#left_menu{ width:130px; float:left; border:#E8EDFF 1px solid; margin:0 0 10px 0;-moz-box-shadow: 3px 3px 4px #F6F8FF;
-webkit-box-shadow: 3px 3px 4px #F6F8FF;box-shadow: 3px 3px 4px #F6F8FF;}
#left_menu h2 a{ font-size:14px; font-weight:bold; text-decoration:none; color:#000}
#left_menu h2 a:hover{ font-size:14px; font-weight:bold; text-decoration:none; color:#000}
#left_menu ul a{ text-decoration:none; color:#000; font-weight:bold;}
#left_menu a:hover{ text-decoration:underline;}
#middle_right{ width:99%; float:left; border-top:dotted 1px #999; margin:0 0 0 10px;}
.menu { padding:0 0 0 5px;}
.menu ul a{ font-weight:normal!important; font-size:13px;}
.menu li{ list-style:none; color:#4fb12e;}
.kategoria_menu{ padding:0 0 0 5px; }
.product_container{ width:185px; height:360px;  border-right:solid 1px #999; border-bottom:solid 1px #999; float:left; margin:5px;}
.container_img{ text-align:center;}
.container_name{ height:40px;}
.product_container h2{ text-align:center;}
.product_container h2 a{ color:#b0282a; font-weight:bold; font-size:12px;}
.container_price{font-weight:bold; color:#b0282a; font-size:18px; padding:5px; float:left;margin:10px 0 0 0;}
.container_save{  color:#b0282a;font-weight:bold; padding:5px; width:75px; float:left; font-size:10px;height:20px; margin:10px 0 0 0;}
.container_old_price{ color:#000; font-weight:bold; text-decoration:line-through;}
.container_info{ padding:5px; font-size:10px}
.container_seal{ position:absolute; margin:40px 0 0 5px;}
.strankovanie{ margin:10px; float:right;}
.activ_page{ background:#206222; width:20px; height:20px; color:#FFF; font-weight:bold; margin:0 0 0 5px; float:left; text-align:center; text-decoration:none;}
.noactiv_page{ width:20px; height:20px; color:#000; font-weight:bold; float:left; margin:0 0 0 5px; text-align:center; text-decoration:none;}
.triedenie a { color:#b0282a; font-weight:bold; text-decoration:none;}
.triedenie a:hover{ text-decoration:underline;}
.rsslib{ font-family: Verdana, Georgia, Arial;font-size:90%;min-width:200px;max-width:480px; float:left; border-left:1px #999 solid; padding:0 0 0 10px;}
.rsslib h2{ color:#b0282a; margin:10px 0;}
.rsslib ul{ list-style-type: none; padding:0px} 
.rsslib ul li{ margin-bottom:8px; padding:0px} 
.rsslib ul li a{ font-weight:bold; color:#000;} 
.rssdate{ font-size: 90%; font-style:italic;}
.rssdesc{ font-size: 90%;font-style:italic;}
.container_detail{ width:60px; background:#206222; height:20px; text-align:center; float:right; margin:40px 0 0 0;}
.container_detail a{ color:#FFF; font-weight:bold; text-decoration:none;}
.container_kupit{ width:80px; background:#b0282a; height:20px; text-align:center; float:left; margin:40px 0 0 0;}
.container_kupit a{ color:#FFF; font-weight:bold; text-decoration:none;}
.novinky{ float:left; width:900px; padding:0 5px;}
.novinky a{ color:#b0282a; text-decoration:underline; font-weight:bold;}
.novinky_popis{ font-size: 90%; font-style:italic;}
.novinky_datum{ font-size: 90%; font-style:italic; color:#b0282a; margin:10px 0 0 0; font-weight:bold;}
.novinky h2{ color:#b0282a; margin:10px 0;}
#stranka_text{ margin:5px; }
#stranka_text a{ font-weight:bold; color:#b0282a }
#stranka_text ul{ margin:0; padding-left:20px;}
#facebook_info{ }
.footer_logo{ text-align:center;}
.footer_logo h2{ color:#000; font-size:100%;}
#fb_connector a{ color:#FFF;}
/*DETAIL PRODUKTU*/
#nadpis_hn{ width:100%; font-size:130%; color:#206222; font-weight:bold; font-style:italic; margin:10px;}
.hn_ramik{ border:1px dotted #206222; padding:10px; }
#produkt_detail{ width:780px;}
#main_image{ float:left; width:400px; text-align:center;}
.prod_image{ float:left; width:60px; height:60px; border:#CCC 1px solid; margin:5px;}
#main_desc{ float:right; width:370px;}
#main_desc h1{ color:#b0282a; margin:10px 0; font-size:16px;}
.parameter{ border:#CCC 1px solid; width:100px; margin:0 0 0 10px;}
#produkt_cena{ color:#b0282a; font-size:46px; font-weight:bold; margin:10px;text-shadow: #000 2px 2px 2px;}
#produkt_akciova_cena{ color:#b0282a; font-size:46px; font-weight:bold; margin-top:10px;text-shadow: #000 2px 2px 2px;}
#povodna_cena{ color:#000; font-size:16px; font-weight:bold; margin-top:10px;}
#produkt_save{ color:#206222; font-size:12px; font-weight:bold; margin-bottom:10px;}
#produkt_razitko{ position:absolute; margin:0px 0 0 250px;}
.parametre{ width:200px; float:left;}
.main_price{ float:right; width:170px;}
.product_buttons{ float:left; width:80px; margin:6px 0 0 0;}
.kosik_pridat{ width:auto; height:50px; margin:0px 0 0 0; padding-top:20px; float:right;}
.add_cart{ width:100px; float:left; font-weight:bold; margin:5px 0 0 10px;}
.form_value{ width:30px!important; border:1px #206222 solid; padding:3px 0 0 0; text-align:center;}
.button-minus{ width:20px; height:20px; background:#013e1b; border:1px #000 solid; color:#FFF;}
.button-plus{ width:20px; height:20px; background:#013e1b; border:1px #000 solid; color:#FFF;}
#sklad_info{ font-weight:bold; color:red; font-size:14px; margin:5px 0 0 0;}
#fb-root{ text-align:left;}
.fb_text{ font-style:italic;}

/*kosik*/
#kosik_nadpis{ background:#F1F1F1; width:auto; height:35px; padding:15px 0 0 20px; font-size:26px; color:#01602A;text-shadow: #fff 2px 2px 2px; font-weight:bold; border-bottom:1px dotted #999;}
.kosik_a{ text-decoration:underline; font-weight:bold; color:#01602A;}
.kosik_text{ font-size:90%; font-style:italic;}
.width_80{ width:50px; padding:0 20px;}
.width_250{ width:250px; padding:0 20px;}
.width_60{ width:60px; padding:0 20px;}
.kosik_sumar{ width:150px; float:right; text-align:left; font-size:140%; font-weight:bold; margin:20px 0 0 0}
.prepocitaj_kosik{ float:right; margin:10px 18px 0 0;}
#kosik_doprava_nadpis{ background:#F1F1F1; width:auto; height:55px; padding:5px 0 0 20px; font-size:16px; color:#01602A;text-shadow: #fff 2px 2px 2px; font-weight:bold; border-bottom:1px dotted #999; border-top:1px dotted #999; margin:10px 0;}

.wrap{ overflow: hidden;}
.left{ float: left; width:488px}
.right{ float:right; width:300px; background:#FEFFAF; height:149px;border: 1px solid #EEEF95; font-weight:bold; font-size:140%;}
.left ul{ list-style:none}
.left li{ padding: 15px; list-style:none;}
.selected{ background: #FEFFAF; border-top: 1px solid #EEEF95; border-bottom: 1px solid #EEEF95;}
#kosik_spolu_text{ margin:5px; float:left; width:150px;}
#kosik_doprava_text{ margin:5px; float:left;width:150px;}
#kosik_celkom_text{ margin:5px; float:left;width:150px;}
#kosik_spolu_hodnota{ margin:5px; float:left; text-align:right; width:130px;}
#kosik_doprava_hodnota{ margin:5px; float:left; text-align:right; width:130px;}
#kosik_celkom_hodnota{ margin:5px; float:left; text-align:right; width:130px;}
.prepocitaj_kosik{ float:right; margin:10px 18px 0 0;}
#objednavka_sumar{ background:#F1F1F1; width:auto; height:25px; padding:10px 20px 0 20px; font-size:16px; color:#01602A;text-shadow: #fff 2px 2px 2px; font-weight:bold; border-bottom:1px dotted #999; border-top:1px dotted #999; margin:10px 0; text-align:right;}

.logo_znacka li{ list-style:none; display:inline;opacity:0.25;}
/*potvrdenie objednavky*/
.objednavka_udaje{ width:300px; float:left;}
.objednavka_firma{ width:300px; float:left;}
.dodacia_adresa{ border: 1px solid #000; color: #333;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
	box-shadow: 0 0 2px #333; -moz-box-shadow: 0 0 2px #333; -webkit-box-shadow: 0 0 2px #333; padding:5px;}

/*hromadny nakup*/
#hromadny_nakup{ width:100%; height:250px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
	box-shadow: 0 0 2px #333; -moz-box-shadow: 0 0 2px #333; -webkit-box-shadow: 0 0 2px #333; margin-top:25px;}
#hn_nadpis{ font-size:24px; font-weight:bold; color:#b0282a; text-shadow: #000 1px 1px 1px; padding:10px; text-align:center; font-family:Verdana, Geneva, sans-serif; margin:-10px 0 0 0;}
#hromadny_nakup h2 { width:100%; color:#206222; font-size:16px; font-weight:bold; text-align:center;}
#hromadny_nakup h2 a {color:#206222; text-decoration:none;}
#hn_info{ text-align:center; font-weight:bold;}
#hn_info a{ text-decoration:underline; font-weight:bold; color:#206222; }
#hn_image{ width:300px; float:left; text-align:center;}
#hn_ceny{ width:380px; height:200px; float:left; margin:20px 0; padding:5px; border-left:#999 dotted 1px; border-right:#999 dotted 1px;}
#hn_time{ width:260px; float:right; margin:20px 15px;}
#hn_objednat{ float:right; margin:10px 5px;}
#hromadny_nakup tr{ font-size:14px;}
#hn_objednane{ font-size:120%; font-style:italic; font-weight:bold; color:#b0282a;}
#hn_min{}
.hn_doprava_zdarma{ color:#F00; font-weight:bold; text-align:center; width:100%; margin:0; padding:0; font-size:130%}
#save_nadpis{ font-size:24px; text-align:center; font-weight:bold; padding:5px 0 0 0;}
#save_perc{ color:red; font-weight:bold; font-size:28px; margin:10px 0 0 0; text-align:center; text-shadow: #000 2px 2px 2px;}
#ceny_hr_nakup{ margin:10px;}
.table_hn{ width:100%; text-align:center;}
.th_class1{ width:100px; text-align:center; font-size:120%;}
.td_class1{ width:100px; text-align:center; font-size:120%; font-weight:bold;}
#hn_nova_cena{ color:#b0282a; padding:10px; font-size:220%; font-weight:bold; text-align:center; margin:-10px 0 0 0;}
#hn_detail{ width:120px; background:#206222; height:20px; text-align:center; float:right; margin:0px 0 0 0; padding:10px;}
#hn_detail a{ color:#FFF; font-weight:bold; text-decoration:none; font-size:130%;}
#first_page_products{ width:100%;}
.znacka{ height:50px; padding:0px; margin:3px;}



/* Záložkové odkazy
----------------------------------------------------------------------------------------------------*/
.tabs {overflow: hidden;}
.tabs li {background: #fff;	border: 1px solid #ccc;	border-bottom-width: 0;	display: inline;float: left;	list-style: none;margin: 0 5px 0 0;padding: 1px 1px 0;	text-align: center;	width: 120px;}
.tabs a {border: 1px solid #eee;border-bottom: 0px solid #fff;color: #999;display: block;padding: 5px 0;
text-decoration: none;}
.tabs a.current {background: #206222;color: #fff;font-weight:bold;}
.tabs a:hover {	background: #206222;border-color: #666;color: #fff;}
/* For IE6. */
* html .tabs a {height: 1%;}
/* `Content Area
----------------------------------------------------------------------------------------------------*/
.tab_content_wrap {	background: #fff;border: 1px solid #999;border-bottom-color: #999;margin: 0 0 20px;	padding: 20px 20px 5px;width: 800px;}
.tab_content {display: none;}

input[type="radio"]    { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }

input[type="text"], input[type="password"], textarea, select { 
	width: 280px; border: 1px solid #999; font-family: monospace; color: #333;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
	box-shadow: 0 0 2px #333; -moz-box-shadow: 0 0 2px #333; -webkit-box-shadow: 0 0 2px #333;
}

select { width: auto; padding: 2px; }
input[type="submit"] { padding: 2px 3px; margin-top: 5px; position: relative; right: 2px; }

label { font-weight: bold; color: #555; display: block; margin-bottom: 2px; }

form p { vertical-align: middle; margin-bottom: 15px; }

/*form .error { box-shadow: 0 0 3px red; -moz-box-shadow: 0 0 3px red; -webkit-box-shadow: 0 0 3px red; }*/
form .error { color:red;}
/*top_menu*/
ul.ldd_menu{
	margin:0px;
	padding:0;
	display:block;
	height:50px;
	background-color:#b0282a;
	list-style:none;
	font-family:"Trebuchet MS", sans-serif;
	border-bottom:1px solid #EF593B;
	-moz-box-shadow:0px 3px 4px #591E12;
	-webkit-box-shadow:0px 3px 4px #591E12;
	-box-shadow:0px 3px 4px #591E12;
}
ul.ldd_menu a{
	text-decoration:none;
}
ul.ldd_menu > li{
	float:left;
	position:relative;
}
ul.ldd_menu > li > span{
	width:80px;
	float:left;
	color:#fff;
	background-color:#b0282a;
	border-right:1px solid #EF593B;
	height:50px;
	line-height:50px;
	cursor:default;
	text-align:center;

}
ul.ldd_menu .ldd_submenu{
	position:absolute;
	top:50px;
	width:200px;
	display:none;
	opacity:0.95;
	left:0px;
	font-size:10px;
	background: #b0282a;
	border-top:1px solid #EF593B;
	-moz-box-shadow:0px 3px 4px #591E12 inset;
	-webkit-box-shadow:0px 3px 4px #591E12 inset;
	-box-shadow:0px 3px 4px #591E12 inset;
}
a.ldd_subfoot{
	background-color:#206222;
	color:#444;
	display:block;
	clear:both;
	padding:15px 20px;
	text-transform:uppercase;
	font-family: Arial, serif;
	font-size:12px;
	text-shadow:0px 0px 1px #fff;
	-moz-box-shadow:0px 0px 2px #777 inset;
	-webkit-box-shadow:0px 0px 2px #777 inset;
	-box-shadow:0px 0px 2px #777 inset;
}
ul.ldd_menu ul{
	list-style:none;
	float:left;
	border-left:1px solid #DF7B61;
	margin:20px 0px 10px 30px;
	padding:10px;
}
li.ldd_heading{
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: italic;
	color:#FFB39F;
	text-shadow:0px 0px 1px #B03E23;
	padding:0px 0px 10px 0px;
}
ul.ldd_menu ul li a{
	font-family: Arial, serif;
	font-size:10px;
	line-height:20px;
	color:#fff;
	padding:1px 3px;
}
ul.ldd_menu ul li a:hover{
	-moz-box-shadow:0px 0px 2px #333;
	-webkit-box-shadow:0px 0px 2px #333;
	box-shadow:0px 0px 2px #333;
	background:#206222;
}
.box{
	margin-top:-46px;
	width:100%;
    position:relative;
	-moz-box-shadow:0px 0px 10px #aaa;
	-webkit-box-shadow:0px 0px 10px #aaa;
	-box-shadow:0px 0px 10px #aaa;
	z-index:1000;
}
.box a{ color:#FFF; font-weight:bold; font-size:120%;}
.facebook_menu{
	width:175px;
}