/*
File: master style style sheet for wwww.snap.sk
Created by: Peter Melaga | http://www.webygroup.sk/
Date: 19. Feb 2008
*/

html, body, form, fieldset {
	margin: 0;
	padding: 0;	
}

a img{ border: 0; }
img{border-color: #53697b;}

h1, h2, h3, h4, h5, h6{
	color: #E42339;
	font-weight: normal;
	padding:0 0 5px 0;
	line-height:normal;
	margin: 0;
	font-family:"trebuchet ms",Arial, Helvetica, sans-serif;
}
h1{font-size: 22px;}
h2{font-size: 20px;}
h3{font-size: 16px; font-weight:bold; color:#6e7c8a;}
h4{font-size: 14px; font-weight:bold;}
p{margin: 0; padding:0 0 15px 0;}
ul, ol{margin:5px 0 5px 20px; padding:0;}

form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
option{ padding-right: 1em; }

a{text-decoration: underline; color: #ea0000; outline:none; }
a:hover{color: #FF563D; text-decoration:none;}

dl span{padding-left: 10px;}
select, option{font-size:11px;}

.skry{display:none;}

#left h2.title, h2.h2cart{font:normal 18px Arial, Helvetica, sans-serif; color:#e42339; text-align:right; padding:5px 0; margin:0; border-bottom:1px solid #37393b; text-transform:uppercase; margin-bottom:10px;}
h2.h2cart{text-align:left; padding:0 0 5px 0; width:100%;}

/* MAIN Structure
-------------------------------------------------------*/
body{
	background:#111315 url(images/bg_body.jpg) repeat-x 0 0;
	color: #d1d2d4;
	text-align: center;
	font:normal 10pt Arial, Helvetica, sans-serif;
	line-height:140%;
}

#wrapper{background:url(images/bg_wrapper.jpg) no-repeat 0 0;}

#container{
	width: 950px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#head{
	width: 950px;
	height: 275px;
	position: relative;
	background:url(images/bg_head.jpg) no-repeat 0 0;
}
#head #logo{margin:0; padding:0; position:absolute; top:0px; left:0px; width:300px; height:100px;}
#head #logo a{display:block; width:300px; height:100px; text-indent:-9999px; overflow:hidden;}

#left{
	float: left;
	display: inline;
	width: 250px;
	padding:5px 0;
	overflow:hidden;
}

#content{
	float: right;
	display: inline;
	width: 670px;
	padding:10px 0 10px 30px;
	position: relative;
}

#footer{
	clear: both;
	width: 950px;
	padding-bottom:10px;
	border-top:1px solid #37393b;
	position: relative;
	text-align: center;
}

#footer p{
	padding: 5px 0;
	margin: 0;
	font-size: .8em;
	color: #53697b;
}

#footer a{color: #53697b; text-decoration:none;}
#footer a:hover{color: #fff; text-decoration: none;}

#vyhladavanie{position:absolute; bottom:48px; right:15px;}
#vyhladavanie input{border:1px solid #ccc; font-size:11px;}
#vyhladavanie input.SearchSubmit{background-color:#FF0000; color:#FFFFFF; border:1px solid #FF0000; cursor:pointer;}

/* Kontakt
-------------------------------------------------------*/
address{ font-style: normal; padding-left:2em;}
address strong{color:#FFFFFF;}

/* M Box
-------------------------------------------------------*/
.basic001 .title h1{border-bottom:1px solid #37393B; margin:0 0 10px 0; padding:0 0 0 0; width:100%;}
.basic002{position:static; width:auto;}
#left .basic002 .title h2{font:normal 18px Arial, Helvetica, sans-serif; color:#e42339; text-align:right; padding:5px 0; margin:0; border-bottom:1px solid #37393b; text-transform:uppercase; margin-bottom:10px; padding:0 0 5px 0; width:100%;}
#left .basic002 .content{padding:10px;}


/* Navigacia-top
-------------------------------------------------------*/
#main-menu ul{
	position: absolute;
	left: 55px;
	bottom: 28px;
	width: 100%;
	height:70px;
	margin: 0;
}

#main-menu ul li{
	float: left;
	display: inline;
	margin: 0;
	height:60px;
	padding: 10px 40px 0 20px;
	overflow: hidden;
	background:url(images/top-li.gif) no-repeat left bottom;
}

#main-menu ul li a{
	color: #d1d2d4;
	text-align: center;
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
}

#main-menu ul li a:hover{
	text-decoration: none;
	color: #fff; 
}


#left-menu{margin:5px 0; border-top:1px solid #37393b;}
#left-menu ul{margin:0; padding:0;}

#left-menu ul li{
	margin: 0;
	padding: 1px 0 0 0;
	overflow: hidden;
}

#left-menu ul li a{
	display:block;
	text-align:left;
	width: 250px;
	text-indent:20px;
	color: #fff;
	font-weight:bold;
	background:url(images/bg_left_menu.jpg) repeat-x 0 0;
	height:21px;
	padding-top:4px;
	text-decoration:none;
}
#left-menu ul li a:hover{
	text-decoration: none;
	color: #fff; 
	background:#515c6c;
}


/* NAV - Kategorie
-------------------------------------------------------*/

#kategorie{overflow:hidden; }
#kategorie ul{margin:0; padding:0;}
.txt ul{margin:0; padding:0;}
.txt ul li{list-style:none; margin:0; padding:0 0 4px 20px; background:url(images/licko.gif) no-repeat 3px 4px;}
.txt ul li a{color:#d1d2d4; text-decoration:none; font-weight:bold; font-size:14px;}
.txt ul li a:hover{color:#fff; text-decoration:none;}

.kategorie{padding-left:20px;}

.Cat img{display:none;}
.Cat a{font-weight:bold; text-decoration:none;}
.Cat a:hover{text-decoration:underline;}

.Cat .Cat div{padding:1px 0 1px 15px; background:url(images/kat-li.gif) no-repeat 0 5px;}
.Cat .Cat a{color:#ff5226; font-weight:normal;}


/*----------------------------------------------------------
START SHOP
---------------------------------------------------------- */

.order-in, #order{border-collapse:collapse; border:none;}
.order-in td, .order-in th , #order td{
	border:1px solid #FFFFFF;
	padding:1px 2px;
	}

.order-in th{
	background-color:#555555;
	}
	
	
.vyhladavanie{ width: 180px; position: absolute; right: 5px; top: 25px; }
.vyhladavanie p{ width: 180px; margin-top: 0; padding-top: 0;}
.vyhladavanie input { background: #fff;}

strike{ color: #888; }

/* Kosik
---------------------------------------------------------- */
#kosik
{ background:url(images/sipka.gif) no-repeat 4px 50%; width: auto; color:#ff563d; padding: 2px 3px 3px 30px; width: auto; text-align: left; position: absolute; bottom: 2px; right: 10px; text-transform:uppercase;}
#kosik .kosik
{ font-weight: bold; font-size: .9em; display:none; }
#kosik .kosik-cena
{ font-size: 1em; font-weight: bold; }
#kosik a {}
#kosik a:hover { text-decoration: underline; }
#kosik span{padding-right:10px;}

/* Kosik - vnutro
---------------------------------------------------------- */
.kosik-vnutro table, .kosik-finish{width: 100%; border-collapse: collapse; margin-bottom:15px; font-size: 1em; text-align:left;}
.kosik-vnutro table caption{text-align:left; background: #292f38; padding:5px 10px;}
.kosik-vnutro table input{border:1px solid #555; width:40px; padding:2px; text-align:center;}
.kosik-vnutro table td, .kosik-finish td, .ShopContentShowCartTable td, .ConfirmOrder td{
	background: #1b1f25;
	border:none;
	border-bottom:1px solid #111315;
	padding: 2px;
	vertical-align: top;
	text-align:center;
}
.kosik-finish td.txtleft{text-align:left;}
.kosik-vnutro table input{margin: 3px 0;}
.nowrap{ white-space: nowrap; }

.kosik-vnutro table th, .kosik-vnutro tfoot td, .kosik-finish th, .ShopContentShowCartTable td, .ConfirmOrder th{
	padding:5px;
	background: #1b1f25;
	border:none;
	border-bottom:1px solid #111315;
	text-align:center;
	}
.kosik-finish th, .ShopContentShowCartTable th, .ConfirmOrder th{background: #292f38;}
.ShopContentShowCartTable td{vertical-align:middle;}
.NoProducts{clear:both; display:block;}



/* Nadradene kategorie - cesta
---------------------------------------------------------- */
.ShopProductParentCategories
{ text-align:left; font:normal 18px Arial, Helvetica, sans-serif; border-bottom:1px solid #37393b; width:100%; margin-bottom:5px; padding-bottom:5px;}
.ShopProductParentCategories ul
{ margin:0; padding: 0; width: 100%; color:#fff;}
.ShopProductParentCategories ul li
{ display: inline; padding: 3px; margin: 0;}
.ShopProductParentCategories ul li a, .ShopProductParentCategories ul li a:visited{text-decoration:none;}
.ShopProductParentCategories ul li a:hover{ text-decoration: underline; }

/* Dalsie strany
---------------------------------------------------------- */
.ShopCategoryPages{ padding:5px 0 5px 0; text-align: left; float: left; width: 450px;}
.CategoryPagesTitle{font-weight:bold;}
.ShopCategoryPages span{float: left; display: block; }
.ShopCategoryPages ul{ padding: 0 3px; margin: 0; }
.ShopCategoryPages ul li{ display: inline; margin: 0 3px; }
.ShopCategoryPages ul li b,
.ShopCategoryPages ul li a{border: 1px solid #343f4f; padding: 0 3px; color:#fff; text-decoration:none;}
.ShopCategoryPages ul li a:hover{border: 1px solid #343f4f; background: #343f4f; color: #EA0000;}
select, option{font-size:11px;}

/* Sposob zobrazenia - zoznam
---------------------------------------------------------- */
.ShopDivViewList table{ width: 100%; clear: both; margin:5px 0; border-collapse:collapse;}
.ShopDivViewList table th{ padding: 5px; background: #292f38; color: #d1d2d4;  border:1px solid #111315; font-size:11px; text-align:center;}
.ShopDivViewList table td{ padding: 4px 5px; background: #1b1f25; border:none; border-bottom:1px solid #111315;}
.ShopDivViewList table tr.even td{}
.ShopDivViewList table a{}
.ShopDivViewList table input{width:25px; padding:1px; text-align:center; background-color:#fff; color:#1b1f25; border:none; margin:0 auto;}

/* Sposob zobrazenia - podrobny pohlad
---------------------------------------------------------- */
.ShopDetailView a{text-decoration:none;}
.ShopDetailView .Product{margin: 2px 0; width: 670px; position: relative; text-align: left; clear: both; overflow: hidden;position:relative; background:url(images/bg_podrobne.jpg) repeat-y 0 0;}

.ShopDetailView .ProductDescription{ float: left; width: 390px; margin:0; padding:5px 0; display: inline;}
.ShopDetailView .ProductDescription h2{padding:0 0 0 22px; font:normal 16px Arial, Helvetica, sans-serif; color:#FFF}
.ShopDetailView .ProductDescription a{color:#EA0000; text-decoration:none;}
.ShopDetailView .ProductDescription a:hover{color:#FFF; text-decoration:underline;}
.ShopDetailView dl{ font-weight: normal; width: 390px; overflow:hidden; padding: 0; margin:0;}
.ShopDetailView dt{ float: left; width: 80px; padding: 2px 5px; margin: 0; clear: both; text-align:right; font-weight:bold;}
.ShopDetailView dd{ float: left; width: 300px; padding: 2px 0px; margin: 0;}

.ShopDetailView .ShopIcons{float:right; width:130px; display: block;}
.ShopDetailView .ShopIcons div.vc{border-bottom:1px solid #1f242a;}
.ShopDetailView .ShopIcons div{text-align:center; font-weight:bold; text-transform:uppercase; padding:20px 0;}

.ShopDetailView .ProductImage{width: 150px; float: left; text-align: center; display: inline; overflow: hidden;}
.ShopDetailView .ProductImage img{margin: 0 auto; width: auto;}

/* Detail */
.ShopProductView .ProductImage{text-align:center;}
.ShopProductView .ProductImage img{border:5px solid #344050; margin:0 auto;}

/* Registracia
---------------------------------------------------------- */
#shop-registracia form {}
#shop-registracia form b{}
#shop-registracia legend{color: #e90000; font-weight: bold; padding: 0 2px;}
#shop-registracia fieldset {border: 1px solid #292f38; padding: 5px 20px; margin: 6px 0;}
#shop-registracia table {width: 35em;}
#shop-registracia table td{ padding: 2px; width: 50%;}
#shop-registracia table td input{border:1px solid #E3E3E3; width:200px;}
.warning{color:#ffff00;}

.Obchod_Content_Login p{width:690px; margin:0; padding:0;}
.Obchod_Content_Login input{border:1px solid #E3E3E3; width:200px;}


/* ----------------------------------------------------------
END SHOP
---------------------------------------------------------- */

.ConfirmOrder{border-collapse:collapse; width:100%; margin-bottom:15px;}
.ConfirmOrder td{padding:2px 4px;}

#kosik-finish{clear: both; margin-bottom:15px;}

#kosik-finish table{
	border-collapse: collapse;
	margin: 10px 0;
	width: 100%;
	font:normal 0.9em Arial, Helvetica, sans-serif;
}
#kosik-finish td{
	border:1px solid #FCE6E5;
	padding: 2px 3px;
}
#kosik-finish th{
	background-color:#f7f8fb;
	background-color:#f7f8fb;
	padding: 3px;
}

#kosik-finish #comment{
	width:656px;
	padding: 5px;
	margin: 10px 0;
	text-align:left;
	border:2px solid #1b1f25;
	background: #292f38;
}

#kosik-finish #comment textarea, 
#kosik-finish #comment label{margin: 5px 0;}
#kosik-finish #comment textarea{font-size:11px; width:460px;}
#kosik-finish #comment textarea{border:1px solid #fce6e5;}

/************* order-in ******************/
.ConfirmOrder{border-collapse:collapse; width:100%; margin-bottom:20px;}
.ConfirmOrder td{border:1px solid #1b1f25; background-color:#1b1f25; padding:2px 4px; text-align:left;}
.ConfirmOrder th{border:1px solid #1b1f25; background: #292f38; padding:2px 4px;}

table.Obchod_Product_Gallery{border-collapse: collapse; width: 100%; margin: 1em 0; text-align: center; clear:both; color:#FFFFFF;}
table.Obchod_Product_Gallery td{padding: 8px 0; font-weight: bold }
table.Obchod_Product_Gallery img{margin: 0 auto; border:3px solid #343f4f;}
.Obchod_Product_Gallery img{padding:1px;}

.search-add{padding:10px; background:#292f38; border:3px solid #1b1f25;}
.NoProducts, #cid5{display:none;}
#cartformid h2{clear:both;}