@charset "utf-8";
/* CSS Document */

html {
	margin: 0px;
	padding: 0px;
}

body {
	/*
	background-image: url(layout/bg_main_1.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	background-attachment: fixed;
	*/
	background-color: White;
	height:100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(layout/back.png);
	margin-top: 10px;
	margin-bottom: 10px;
}

#wrap {
	/* background-color: #FFFFFF; */
	width: 965px; margin: 0 auto; position: relative; 
}
#x_body {
	background-color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}

#top {
	width: 925px;
	height: 158px;
	float: left;
}
.left_col {
	float: left;
	width: 240px;
	text-align: left;
}
.left_col img{
	float: left;
	}
.right_col {
	float: left;
	width: 685px;
	text-align: left;
	font-size: 12px;
}
.right_top {
	width: 685px;
	float: right;
	text-align: left;
}
#menu {
	width: 685px;
	height: 43px;
	background-image: url(layout/menu_body.gif);
	color: #FFFFFF;
	margin-top: 10px;
	float: left;
}
#menu img {
	float: left;
}
#menu #menu_body {
	float: left;
	width: 660px;
	padding-top: 13px;
	color: #FFFFFF;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 4px;
}
#menu #menu_body a {
	color: #FFFFFF;
	text-decoration: none;
	float: left;
}
#menu #menu_body a:hover {
	color: Green;
	text-decoration: underline;
}
.spacer {
	float: left;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 2px;
}

#kosik {
	float: left;
	width: 222px;
	height: 88px;
	background-image: url(layout/kosik_bg.gif);
	background-repeat: no-repeat;
}

#search_table {
	float: left;
	margin-bottom: 15px; 
}
#search_table table {
	font-size: 12px;
	color: #3f3f3f;
}
#search_table .inputx {
	border-color: #FCD8A7;
	border-style: solid;
	border-width: 1px;
	padding: 3px;
	height: 14px;
	width: 170px;
	font-size: 11px;
}

#kategorie {
	float: left;
	margin-top: 20px;
	text-align: left;
	width: 222px;
}
.head_kategorie {
	float: left;
	width: 222px;
	height: 37px;
	background-image: url(layout/kategorie_head_2.gif);
}
.body_kategorie {
	width: 202px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	background-image: url(layout/kategorie_body.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
}
.footer_kategorie {
	width: 222px;
	height: 15px;
	background-image: url(layout/kategorie_footer.gif);
	background-repeat: no-repeat;
	float: left;
}

.kosik_img_shop {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}
#kosik table {
	width: 130px;
	float: left;
	font-size: 11px;
	color: #3f3f3f;
	margin-top: 10px;
	margin-left: 10px;
}
#kosik .link {
	color: #33bc1e;
	text-decoration: underline;
}
#kosik .obj_info {
	color: #E24A08;
}

.kategoria_spacer {
	float: left;
	margin-top:4px;
	margin-bottom: 4px;
	/* clear: both; */
}
a.kategoria_menu {
	color: #404040;
	font-size: 13px;
	line-height: 18px;
	float: left;
	padding-left: 25px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(layout/bullet_img.gif);
	text-decoration: none;
	width: 170px;
}
a.kategoria_menu:hover{
	text-decoration: underline;
}
a.kategoria_menu_selected {
	font-weight: bold;
	color: #404040;
	font-size: 13px;
	line-height: 18px;
	float: left;
	padding-left: 25px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(layout/bullet_img.gif);
	text-decoration: none;
	width: 170px;
}
a.kategoria_menu_selected:hover{
	text-decoration: underline;
}
a.kategoria_menu_1 {
	color: #404040;
	font-size: 12px;
	line-height: 18px;
	float: left;
	padding-left: 25px;
	text-decoration: none;
	width: 170px;
}
a.kategoria_menu_1:hover{
	text-decoration: underline;
}
a.kategoria_menu_1_selected {
	font-weight: bold;
	color: #404040;
	font-size: 12px;
	line-height: 18px;
	float: left;
	padding-left: 25px;
	text-decoration: none;
	width: 170px;
}
a.kategoria_menu_1_selected:hover{
	text-decoration: underline;
}

a.kategoria_menu_2 {
	color: #404040;
	font-size: 12px;
	line-height: 18px;
	float: left;
	margin-left: 30px;
	padding-left: 15px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(layout/bullet_img_2.gif);
	text-decoration: none;
	width: 150px;
}
a.kategoria_menu_2:hover{
	text-decoration: underline;
}
a.kategoria_menu_2_selected {
	font-weight: bold;
	color: #404040;
	font-size: 12px;
	line-height: 18px;
	float: left;
	margin-left: 30px;
	padding-left: 15px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(layout/bullet_img_2.gif);
	text-decoration: none;
	width: 150px;
}
a.kategoria_menu_2:hover{
	text-decoration: underline;
}


.div_head_novinky {
	float: left;
	height: 37px;
	width: 683px;
	background-image: url(layout/head_nove_vyrobky.gif);
	margin-top: 10px;
}
.div_head_kategoria {
	float: left;
	height: 37px;
	width: 683px;
	background-image: url(layout/head_kategorie.gif);
	margin-top: 10px;
}
.div_kategoria_body {
	width: 673px;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-image: url(layout/head_kategorie_bg.gif);
	float: left;
	text-align: left;
}

.div_kategoria_body ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: square;
	color: #404040;
}
.div_kategoria_body ul.sub {
	float: none;
	list-style: circle;
	margin: 0px;
	padding: 0px;
}
.div_kategoria_body li {
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 8px;
}
.div_kategoria_body ul.sub li{
	float: left;
	width: 130px;
	margin-left: 10px;
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
	margin-top: 1px;
	margin-bottom: 1px;
}
.div_kategoria_body ul.kat2 {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: circle;
	color: #404040;
	margin-left: 20px;
}
.div_kategoria_body ul.kat2 li{
	float: left;
	width: 130px;
	margin-left: 20px;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 1px;
	margin-bottom: 1px;
}

.div_kategoria_body li a {
	color: #404040;
	text-decoration: none;
	font-weight: bold;
}
.div_kategoria_body li a:hover {
	color: #E24A08;
	text-decoration: underline;
}
.div_kategoria_body li a.active {
	color: #E24A08;
	text-decoration: none;
	font-weight: bold;
}

.div_kategoria_footer {
	width: 683px;
	height: 10px;
	background-image: url(layout/head_kategorie_footer.gif);
	float: left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.head_nadpis {
	color: #E24A08;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	padding-left: 50px;
	padding-top: 10px;
	float: left;
}
.head_nadpis_produkt {
	color: Green;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
	padding-left: 50px;
	padding-top: 10px;
	float: left;
}

.div_body {
	width: 673px;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-image: url(layout/body_bg.gif);
	float: left;
	text-align: left;
}
.div_body_footer {
	width: 683px;
	height: 10px;
	background-image: url(layout/body_footer.gif);
	float: left;
	background-repeat: no-repeat;
}

.div_produkt {
	padding: 15px;
	width: 135px;
	height: 206px;
	border-right-color: #D8D8D8;
	border-right-style: dashed;
	border-right-width: 1px;
	float: left;
	border-bottom-color: #D8D8D8;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	text-align: center;
}
.div_produkt_last {
	padding: 15px;
	width: 135px;
	height: 206px;
	float: left;
	border-bottom-color: #D8D8D8;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	text-align: center;
}

a.nazov{
	color: #84B02B;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}

.img_home {
	margin-top: 10px;
	margin-bottom: 10px;
}

#image {
	float: left;
	width: 270px;
	padding: 10px;
}
#image img {
	border-style: solid;
	border-width: 4px;
	border-color: #D6ECC6;
}
#produkt_text {
	float: left;
	padding: 10px;
	text-align: left;
}

.kosik_img {
	margin-top: -15px;
	float: right;
}

input.sel_product_pocet {
	width: 80px;
	padding: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #D6ECC6;
	font-size: 12px;
}
select.sel_product {
	padding: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #D6ECC6;
	font-size: 12px;
	width: 340px;
}

.smallx {
	color: #91CC6A;
	font-size: 11px;
	font-weight: bold;
}
.cena_big {
	color: #E24A08;
	font-size: 20px;
	font-weight: bold;
}
.adresa_dor {
	width: 150px;
	height: 80px;
	background-color: #ffffff;
	background-image: url(../layout/ord_poz.gif);
	background-position: top;
	background-repeat: repeat-x;
	border: solid;
	border-width: 1px;
	border-color: Silver;
}
.poznamka {
	width: 315px;
	height: 67px;
	background-color: #ffffff;
	background-image: url(../layout/ord_poz.gif);
	background-position: top;
	background-repeat: repeat-x;
	border: solid;
	border-width: 1px;
	border-color: Silver;
}
.ord {
	background-image: url(../layout/ord_poz.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #ffffff;
	border: solid;
	border-width: 1px;
	border-color: Silver;
}
.obj_popis {
	font-size: 10px;
}
.obj_head {
	color: #E24A08;
	font-size: 14px;
	font-weight: bold;
}
.obj_info2 {
	font-size: 15px;
	font-weight: bold;
}
.ord_tab2 {
	line-height: 14px;
	margin-left: 0px;
}
#prihlasenie {
	float: right;
	width: 222px;
	height: 88px;
	background-image: url(layout/kosik_bg.gif);
	background-repeat: no-repeat;
	margin-top: 7px;
	font-size: 11px;
}
.logo {
	float: left;
}
#prihlasenie table {
	margin-left: 25px;
	margin-top: 2px;
}
.input_log {
	width: 100px;	
	font-size: 12px;
	border-style: solid;
	border-width: 1px;
	border-color: #FCD8A7;
}

#botter {
	width: 965px;
	height: 23px;
	font-size: 0px;
	background-image: url(layout/botter.gif);
	background-position: top;
	background-repeat: no-repeat;
	float: left;
}
#topper {
	width: 965px;
	height: 23px;
	font-size: 0px;
	background-image: url(layout/topper.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	float: left;
}

#foot_mark {
	width: 965px;
	height: 33px;
	text-align: center;
	color: #2d2447;
	font-size: 12px;
	float: left;
}

#preview{
	position:absolute;
	border:0px solid #ccc;
	background: #b8d889;
	padding:7px;
	display:none;
	color:#fff;
	}
a.preview {
	color: Black;
}
a.preview:hover {
	color: #ef7910;
}

.text {
	padding-right: 20px;
	padding-left: 10px;
	float: left;
	text-align: left;
}

.kat_text {
	text-align: left;
	margin-left: 20px;
	float: left;
}

a.strankovanie { width:18px; height:20px; border-color: #cbc7c1; color:#999; background-color:#e6e5e3; text-decoration:none; line-height:20px; border-style:solid; border-width:1px; float:left; text-align: center;} 
td.active a.strankovanie { width:18px; height:20px; border-color: #b4d08f; color:#374a1e; background-color:#e7f4df; text-decoration:none; line-height:20px; border-style:solid; border-width:1px; float:left; text-align: center;}