/*

File: master style style sheet for www.k-krby.sk

Created by: Peter Melaga | http://www.webygroup.sk/

Date: 3. jul 2008

*/

*{
	margin:0;
	padding:0;
	}

body{
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:140%;
	text-align:center;
	background:url(images/bg_body.jpg) repeat 0 0;
	}

h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0 0 10px 0; line-height:normal; color:#02428a; font-family:"Times New Roman", Times, serif; color:#6c1413;}
h1{font-size:22px; color:#f9f0d1; font-weight:normal; height:30px; background:url(images/bg_h1.jpg) no-repeat 0 0; padding:2px 10px 0 10px; margin-bottom:15px;}
h2{font-size:18px; font-weight:normal;}
h3{font-size:16px;}
h4{font-size:14px;}


ul, ol{padding:0 0 20px 30px; margin:0;}
p{padding:0 0 20px 0; margin:0;}
address{font-style:normal; margin:0; margin-bottom:15px; font-size:12px;}
table{font-family:Arial, Helvetica, sans-serif;}

a img{border:none;}
a{color:#b85342; text-decoration:underline; outline:none;}
a:hover{color:#631211; text-decoration:underline}

.cleaner{clear:both;}

option{padding-right:20px;}

.skry{display:none;}

.img-krby{float:left; padding:0 10px 10px 0;}

hr{color:#d6c58d; background-color:#d6c58d; border:none; clear:both; margin:5px 0; width:100%; height:2px;}

/* ---------------------------------------------------------------------------------------*/


/*******************************/
#container{
	width:950px;
	margin:0 auto;
	text-align:left;
	background:url(images/bg_container.jpg) repeat-y 0 0;
	}


#head{
	width:950px;
	height:282px;
	position:relative;
	background:url(images/bg_head.jpg) no-repeat 0 0;
	}

#head #logo{display:none;}

#theflame{position:absolute; top:100px; left:20px; width:260px; height:40px;}
#cech-kachliarov{position:absolute; top:31px; right:37px; width:82px; height:60px;}

#left{
	float:left;
	padding:13px;
	width:270px;
	margin:0 3px 0 1px;
	background:url(images/bg_left.jpg) repeat-x 0 0;
	}

#content{
	float:right;
	width:600px;
	padding:15px 25px;
	}

#footer{
	clear:both;
	height:48px;
	background:url(images/bg_footer.jpg) repeat-x 0 0;
	}

#footer p{
	margin:0;
	padding:15px 0 0 0;
	text-align:center;
	font-size:11px;
	color:#a39f7b;
	}
	
#footer p a{text-decoration:none; color:#a39f7b;}
#footer p a:hover{text-decoration:underline; color:#a39f7b;}

#kontaktujte-nas{position:absolute; top:-30px; left:0px; width:950px; text-align:right; font-size:11px; padding-top:7px;}
#main-login{position:absolute; top:210px; left:310px; width:330px; font-size:11px; padding-left:15px; color:#f1e3c6; background:url(images/ludia.gif) no-repeat 0 0; height:20px; padding-top:6px;}
#vyhladavanie{position:absolute; top:180px; right:20px; font-size:11px; background:url(images/lupa.gif) no-repeat 0 0; padding-left:35px; height:30px;}
#main-kosik{position:absolute; top:210px; right:10px; width:250px; font-size:11px; padding-top:3px;}

#main-login span{padding:0 4px;}



/***************** TOPMENU **************************************/

#menu{
	position:absolute;
	top:253px;
	left:20px;
	}

#menu ul{
	margin:0;
	padding:0;
	}
	
#menu ul li{
	float:left;
	list-style:none;
	margin:0;
	padding:0 0 0 30px;
	background:url(images/licko.jpg) no-repeat 8px 2px;
	}

#menu ul li a{
	color:#d8c396;
	text-decoration:none;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;	
	}

#menu ul li a:hover{color:#edc546;  text-decoration:underline}


/******************** KONIEC TOPMENU ******************************/

/***************** sjm-s-kategorie **************************************/
#kategorie{padding:20px 25px; background-color:#631211; margin-bottom:10px; border:5px solid #990808;}
#kategorie div#sjm-s-kategorie{ padding-top:1px;}
#kategorie h2{color:#f8c430;}

#kategorie ul{
	margin:0;
	padding:0;
	}
	
#kategorie ul li{
	list-style:none;
	margin:0;
	padding:4px 0 4px 20px;
	background:url(images/bulet-1.gif) no-repeat 0 3px;	
	}

#kategorie ul li a{
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
	font-size:15px;
	font-family:"Times New Roman", Times, serif;
	}

#kategorie ul li a:hover{
	color:#f8c430;	
	text-decoration:underline;
	}



/************* druhy level ************************/

#kategorie ul li ul{
	margin:0;
	padding:0;
	}

#kategorie ul li ul li{
	list-style:none;
	margin:0;
	padding:3px 0 3px 15px;
	background:url(images/bulet-2.gif) no-repeat 0 8px;	
	}

#kategorie ul li ul li a{
	padding:0;
	text-decoration:none;
	}

#kategorie ul li ul li a:hover{
	}

/************* treti level ************************/

#kategorie ul li ul li ul{
	margin:0;
	padding:0;
	}

#kategorie ul li ul li ul li{
	list-style:none;
	margin:0;
	padding:3px 0 3px 15px;
	background:url(images/bulet-2.gif) no-repeat 0 8px;	
	}

#kategorie ul li ul li ul li a{
	padding:0;
	text-decoration:none;
	}

#kategorie ul li ul li ul li a:hover{
	}




	
/******************** koniec sjm-s-kategorie ******************************/

/**** basix 0002 ****/
.basic001, .basic002, .basic003{width:auto; position:static;}
.basic002{margin-bottom:10px;}

.basic002 .title h2{
	}

.basic002 .content{}

/**** koniec basic 002 *****/



.search{margin:0; padding:0;}
.search input{font-size:11px; border:1px solid #999999; padding:3px 5px; width:100px;}
.search input.SearchSubmit {margin:0; font-size:11px; border:1px solid #ceb70d; background:#f2dc41 url(images/bg_button.jpg) repeat-x 0 0; padding:3px 5px; cursor:pointer; width:auto;}
.search .advance{ font-weight: bold; }
.search select {font-size:11px; width:180px;}
.search p{margin:5px 0; padding:0;}

	
/* Vyhladavanie vysldky

---------------------------------------------------------- */
.UniSearch .Pages{ padding: 4px 0; text-align: left; width: 100%; color: #333; font-size: .9em;  }
.UniSearch .Pages span{ font-weight: bold; float: left; display: block; }
.UniSearch .Pages ul{ padding: 0 3px; margin: 0; }
.UniSearch .Pages ul li{ display: inline; margin: 0 3px; }
.UniSearch .Pages ul li b,
.UniSearch .Pages ul li a{ border: 1px solid #DE3024; padding: 0 3px; }
.UniSearch .Pages ul li a:visited{ border: 1px solid #DE3024; padding: 0 3px;  }
.UniSearch .Pages ul li a:hover{ border: 1px solid #feed20; background: #ffff00; color: #DE3024; }

.ResultsCount{ font-weight: bold; margin: 1em 0; }

.UniSearch ul h3{ margin: 1em 0 0 0; padding: 0; }
.UniSearch ul p{ margin: 0; padding: 0; }



/* Nadradene sjm-s-kategorie - cesta

---------------------------------------------------------- */

.ShopProductParentCategories {
	text-align:left;
	clear:both;
	font-size:13px;
	overflow:hidden;
	margin-bottom:5px;
	border-bottom:2px solid #d6c58d;
	padding:4px 0;
	}

.ShopProductParentCategories ul{ margin:0; padding:0;}
.ShopProductParentCategories ul li{ display: inline; padding-right:5px; list-style:none;}
.ShopProductParentCategories ul li a{ font-weight:bold; text-decoration:underline; }
.ShopProductParentCategories ul li a:hover{}
.ShopCategoryPages{ padding: 8px 0; }

/* Dalsie strany

---------------------------------------------------------- */
.ShopCategoryPages{ padding: 1px 1px 5px 1px; text-align: left; font-size: 11px; overflow:hidden; height:20px;}
.ShopCategoryPages span{float: left; display: block;}
.ShopCategoryPages ul{ padding: 0 3px; margin: 0; float:left; }
.ShopCategoryPages ul li{ display: inline; margin: 0 3px; }
.ShopCategoryPages ul li b,
.ShopCategoryPages ul li a{color:#631211; border:1px solid #631211; text-decoration:none;  padding: 0 3px;}
.ShopCategoryPages ul li a:hover{ background:#631211; color:#FFFFFF; text-decoration:none;}

.ShopCategoryPages ul li b{color:#ffffff; background:#631211; border:1px solid #631211; font-weight:normal;}

/* Sposob zobrazenia

---------------------------------------------------------- */
.ViewType{padding: 1px 0px; text-align: right; font-size:11px; float:left; clear:both}
.ViewType p, .ViewType form{ display: inline; padding:2px 0; }
.ViewType label{ padding-right: 5px; }
.TypeTitle{padding-right: 4px; }
.ViewType select{font-size:11px;}
/* Mena

---------------------------------------------------------- */

.ChangeCurrency{padding: 2px 0; text-align: right; font-size:11px; float:right;}
.ChangeCurrency p, .ChangeCurrency form{ display: inline; padding:2px 0; }
.ChangeCurrency label{ padding-right:5px; }
.ChangeCurrency select{ font-size:11px;}

/* ShopIntro - uvod

---------------------------------------------------------- */

.ShopIntro{ margin: 0; clear: both; }
.ShopIntro h2{font-size:22px; color:#f9f0d1; font-weight:normal; height:30px; background:url(images/bg_h1.jpg) no-repeat 0 0; padding:2px 10px 0 10px; margin-bottom:15px; text-align:left;}
.ShopIntro h3{padding:5px; margin:0; text-align:center; line-height:normal;}
.ShopIntro h3 a{font-size: 13px; font-weight: bold;}
.ShopIntro h3 a:hover{ }


.SellOuts, .Actions, .News, .MostSaleable
{
text-align: center;
margin-bottom:1em;
overflow: auto;
clear:both;
}

.SellOuts .Row, .Actions .Row, .News .Row, .MostSaleable .Row
{
text-align: center;
clear: both;
padding: 0 0 4px 0;
width: 100%;
background: transparent;
}
.SellOuts .RowContent, .Actions .RowContent, .News .RowContent, .MostSaleable .RowContent
{
background: transparent;
width: 100%;
text-align: center;
}
.SellOuts .Product, .Actions .Product, .News .Product, .MostSaleable .Product
{
margin: 3px;
padding:10px 5px;
float: left;
display: inline;
width:180px;
text-align: center;
background:url(images/bg_product.jpg) repeat 0 0;
min-height:190px;
}

.ShopIntro .Product .ProductImage{}
.ShopIntro .Product img{ margin: 0 auto; border:3px solid #FFFFFF;}
.ShopIntro .Product .ProductPrice{margin:0; padding:2px 0;}

.ShopIntro .Product .ProductPrice dt{font-weight:bold; font-size:11px;}

.Product strike{color:#666666;}


/* ShopProductViewProduct - detail produktu

---------------------------------------------------------- */
.ShopProductView{width: 100% font-size: 11px; text-align: center; clear: both; }
.ShopProductView  h2{font-size:22px; color:#f9f0d1; font-weight:normal; height:30px; background:url(images/bg_h1.jpg) no-repeat 0 0; padding:2px 10px 0 10px; margin-bottom:15px; text-align:left;}

.ShopProductView .Product{ padding: 10px; text-align:center; margin: 6px auto; position: relative;}

.ShopProductView .ProductDescription{ margin:6px auto; width: 500px; font-size: 11px; overflow:hidden; background:url(images/bg_product.jpg) repeat 0 0;}
.ShopProductView dl{font-weight: normal; width: 500px; padding: 0; margin:0; text-indent:3px; overflow:hidden;}
.ShopProductView dt{float: left; text-align:left; width: 110px; padding: 3px 5px; margin: 0; clear: both; font-weight: bold;}
.ShopProductView dd{float: left; text-align:left; width: 370px; padding: 3px 5px; margin: 0;}


.ShopProductView h3{clear: both; font-weight: bold;}
.ShopProductView .DetailDescription{text-align: left;}

.ShopProductView .ProductImage{padding: 6px 0; overflow: hidden; border: text-align: center; margin:0 auto; width:550px;}
.ShopProductView .ProductImage img{margin: 0 auto; border:3px solid #FFFFFF;}

.ShopProductView strike{display: inline; color: #686868;}

.ShopProductView h3{clear: both;}


.ShopProductView .ProductButtons{ display: block; margin: 10px auto; clear: both; padding: 5px 0; width:500px;}
.ShopProductView .ProductButtons img{ float: right; margin: 0 0 0 4px; }
.ShopProductView .ProductButtons p{ margin: 0; float:right; }


.BackLink{ margin: 0 0 12px 0; font-weight: bold; }

#Quantity{border:1px inset #404040; width:40px; padding:1px;}

/* Sposob zobrazenia - ikony

---------------------------------------------------------- */

.Obchod_Produkt_Ikony {clear: both;}
table.Obchod_Produkt_Ikony{border-collapse: collapse; width: 100%; margin: 1em 0; text-align: center; clear: both; border: 1px solid #d6c58d;}
table.Obchod_Produkt_Ikony td{padding: 8px 0; font-size: 11px; text-align:center; border: 1px solid #d6c58d; border-bottom:none;}
table td.Obchod_Product_Name{width: 33%; padding: 2px 5px; border-top:none; border-bottom: 1px solid #d6c58d; background:url(images/bg_product.jpg);}
table .Obchod_Product_Name a{}
table.Obchod_Produkt_Ikony img{ margin: 0 auto; border:3px solid #FFFFFF;}



/* Sposob zobrazenia - zoznam

---------------------------------------------------------- */
.ShopDivViewList{ clear: both; }
.ShopDivViewList table{ width: 100%; clear: both; margin: 1em 0; font-size: 11px; border-collapse: collapse;}
.ShopDivViewList table thead{}
.ShopDivViewList table th{ padding: 4px; font-size:11px; background-color:#631211; color:#f9f0d1;}
.ShopDivViewList table td{ padding: 1px 4px; border: 1px solid #d6c58d; vertical-align:middle; }
.ShopDivViewList table tr.even td{}

.ShopDivViewList table td a{ font-weight:bold;}
.ShopDivViewList input{border:1px inset #404040; width:40px; padding:1px; }


/* Sposob zobrazenia - podrobny pohlad

---------------------------------------------------------- */

.ShopDetailView { padding: 3px 0 12px 0; clear: both;}
.ShopDetailView .Product{ margin: 6px 0 10px 0; text-align: left; clear: both; width:100%; padding-bottom:10px; overflow: hidden; position:relative; border-bottom:2px solid #d6c58d;}
.ShopDetailView .Product h3{margin:0; padding:4px 150px 4px 10px; position:relative; background:url(images/bg_h1.jpg) no-repeat 0 0;}

.ShopDetailView .Product h3 a{font-size:13px; text-decoration:none; color:#f9f0d1;}
.ShopDetailView .Product h3 a:hover{color:#F8C430; text-decoration:underline;}

.ShopDetailView .ProductDescription{ float: right; width: 450px; margin: 6px 0; display: inline; font-size: 11px; background:url(images/bg_product.jpg) repeat 0 0;}
.ShopDetailView dl{font-weight: normal; width: 450px; padding: 0; margin:0; overflow:hidden;}
.ShopDetailView dt{float: left; width: 120px; padding: 3px 5px; margin: 0; font-size:11px; clear: both; font-weight: bold;}
.ShopDetailView dd{float: left; width: 310px; padding: 3px 5px; margin: 0; font-size:11px;}

.ShopDetailView dd div{ float: left; margin-right: 5px; padding: 0 4px; }
.ShopDetailView dd strike{ display: inline;}

.ShopDetailView .ProductImage { width: 126px;  float: left; text-align: center;  margin: 6px;  display: inline; overflow: hidden;  }
.ShopDetailView .ProductImage img{ margin: 0 auto; width: auto; border:3px solid #FFFFFF;}

.ShopDetailView .ShopIcons{ display: block; margin: 10px auto; clear: both; padding: 5px 5px 5px 0;}
.ShopDetailView .ShopIcons img{float: right; margin: 0 0 0 4px;}
.ShopDetailView .ShopIcons p{ margin: 0; float:right; padding:0;}

.Quantity{border:1px inset #404040; width:40px; padding:1px;}

.Action, .SellOut, .New{ text-align: right; position: absolute; right: 10px; top: 4px; color:#FFCC00; text-transform:lowercase;}

/* Registracia + login
---------------------------------------------------------- */
.Shop-login{ padding:0 5px; margin: 0;  }
.Shop-login p{  margin:0; padding:2px 5px; font-weight: bold;}
.Shop-login a { text-decoration:underline; color:#f1e3c6; }
.Shop-login a:hover {text-decoration:none; color:#f1e3c6;}

/* Kosik
---------------------------------------------------------- */
#kosik{text-transform:lowercase; float:right; background:url(images/kosik.gif) no-repeat 0 0; padding-left:30px; color:#f1e3c6; height:20px; padding-top:6px;}
#kosik span{padding:0 8px;}
#kosik .kosik{font-weight:bold;}
#kosik .kosik-obsah{}
#kosik .kosik-cena{}
#kosik a {text-decoration:underline; color:#f1e3c6;}
#kosik a:hover { text-decoration: none; cursor:pointer; color:#f1e3c6;}


/*---------------------------------------------------------- */
/* Kosik - vnutro
---------------------------------------------------------- */

.kosik-vnutro{clear: both; }
.kosik-vnutro caption{
	text-align: left;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 12px;
	border-bottom: 0px;
	padding: 3px 5px;
	background-color:#d6c58d;
}

.kosik-vnutro caption a{ }
.kosik-vnutro caption a:hover{ }


.kosik-vnutro table{width: 100%; border-collapse: collapse; margin: 0 0 15px 0; font:normal 0.9em Arial, Helvetica, sans-serif !important;}
.kosik-vnutro table td{
	padding: 5px;
	vertical-align: top;
	font-size:11px !important;
	border:1px solid #d6c58d;
}
.kosik-vnutro table input{border:1px solid #92a62d; width:40px; padding:1px;}
.nowrap{ white-space: nowrap;}
.kosik-vnutro table th{padding: 5px; border:1px solid #d6c58d;}

#total-price{ margin:15px 0; padding:5px 10px; border:1px solid #d6c58d; background:url(images/bg_product.jpg); text-align:right;}
#total-price strong{padding-right:15px;}

/* Kosik - vnutro - finish
---------------------------------------------------------- */

#kosik-finish{ clear: both; }

#kosik-finish{
	border-collapse: collapse;
	margin: 10px 0;
	width: 100%;
	font:normal 0.9em Arial, Helvetica, sans-serif;
}
#kosik-finish td{
	border: 1px solid #d6c58d;
	padding: 2px 3px;
}
#kosik-finish th{
	background-color:#d6c58d;
	padding: 3px;
}
#kosik-finish #total-price{text-align: right;}

#kosik-finish #comment{
	padding: 5px;
	margin: 10px 0;
	text-align:left;
	border:1px solid #d6c58d;
	background-color:#fffadc;
}

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

#kosik-finish .payment{
	border: 1px solid #d6c58d;
	padding: 5px 0;
	margin: 3px 0;
	background: #d6c58d;
}

.kosik-finish {border-collapse:collapse; font-size:11px; width:100%;}
.kosik-finish th{background-color:#d6c58d; padding:2px 4px; font-weight:normal; font-weight:bold;}

.kosik-finish td{border:1px solid #d6c58d; padding:2px 4px;}
.dakujeme{padding-top:10px;}

/* Registracia + login
---------------------------------------------------------- */

#shop-registracia{ clear: both; }
#shop-registracia form { clear: both; }
#shop-registracia form b{ }
#shop-registracia legend{ font-weight: bold; padding: 0 2px; color:#6c1413; }
#shop-registracia fieldset { border: 1px solid #d6c58d; padding: 6px; margin: 6px 0; }
#shop-registracia table {}
#shop-registracia table td{ padding:0 2px; padding-right:100px;}
#shop-registracia table td input{border:1px outset #4b4b4b; width:200px;}

#shop-registracia .error{ font-weight: bold; color: #DE3024; }

.zakaznik{color:#d6c58d;}
.logout a{}


.Obchod_Content_Login { width: 100%; border-collapse: collapse; margin: 1em 0; font-size: .9em; }
.Obchod_Content_Login td{ padding: 5px; vertical-align: top; border:2px solid #d6c58d; background:url(images/bg_product.jpg);}

/************* order-in ******************/
.order-in{
	border-collapse:collapse;
	border:1px solid #d6c58d;
	width:100% !important;
	font-size:11px;
	margin-bottom:10px;
	}
.order-in caption{
	margin-bottom:5px;
	font-weight:bold;
 
	}

.order-in td, .order-in th{
	border:1px solid #d6c58d;
	padding:2px 5px;
	}

.order-in th{background-color:#d6c58d; }

#order{width:100%; border-collapse:collapse; margin-top:2px;}

#order td{padding:2px 5px; border:1px solid #d6c58d;}

.ConfirmOrder{border-collapse:collapse; width:100%; margin-bottom:20px;}
.ConfirmOrder td{border:1px solid #d6c58d; padding:2px 4px;}
.ConfirmOrder th{border:1px solid #d6c58d; padding:2px 4px; background-color:#d6c58d;}


.warning{color:#FF0000;}

#konverzny-kurz{padding:2px; font-size:11px; margin-top:10px; background:url(images/bg_product.jpg);}
#konverzny-kurz span{display:block; text-align:center;}
.NoSearchProducts{display:block; clear:both;}

/************* FORMULAR V LAVOM STLPCI **********/
#formular{background:#b80000; border:5px solid #990808; padding:10px; color:#fdf3d4; font-size:11px; margin-bottom:10px;}
#formular input{font-size:11px; padding:2px; width:150px; border:1px inset #404040;}
#formular table td div input{font-size:11px; padding:4px 2px; width:50px;}
#formular textarea{width:150px; height:50px; font-size:11px; padding:2px; border:1px inset #404040;}
#formular .QuerySheetTitle{display:none;}
#formular .QuerySheetFoot input{width:auto; padding:2px; cursor:pointer; margin:2px; border:1px solid #ceb70d; background:#f2dc41 url(images/bg_button.jpg) repeat-x 0 0;}
#formular .QuerySheetFoot{text-align:center;}
.QuerySheetAnswerRequired , #formular h5{color:#FFFF00;}

/************* KONTAKT VLAVO *******************/
#kontakt{color:#FFFFFF;}
#kontakt img{float:left;}
#kontakt #kontaktujtenas{float:left; width:160px; padding-top:15px; padding-bottom:15px;}
#kontakt #kontaktujtenas h2{background:url(images/bg_kontakt_head.jpg) repeat-y 0 0; color:#FFFFFF; padding:5px 10px; font-size:18px; font-family:"Times New Roman", Times, serif; font-weight:normal;}
#kontakt #kontaktujtenas p{padding:5px 0 0 10px; line-height:120%;}
#kontakt a{color:#FFFFFF;}
#kontakt a:hover{color:#fef4b7;}

.licko {padding-left:50px; padding-bottom:15px; background:url(images/licko-2.jpg) no-repeat 20px 0;}
.licko strong{font-weight:bold; color:#941f1f;}
#kontakt address{font-style:normal; clear:both; margin:0;}