/*----------------------------------------------------------
START CUSTOM CSS
---------------------------------------------------------- */

body, html{ font: normal 12px/140% Arial, Helvetica, sans-serif; height: 102%;}
a, a:visited{ color: #E87A21; text-decoration: none;}
a:hover{ color: #847A61; text-decoration: none; }
img a:hover{ text-decoration: none; }
option{ padding-right: 1em; }

ul, ol{ margin-left: 2em; }
p{ margin-bottom: 1em; }
h1, h2, h3, h4, h5, h6{ color: #E87A21; line-height: 120%; }
h1{ font-size: 1.8em; }
h2{ font-size: 1.6em; }
h3{ font-size: 1.1em; margin-bottom: 0; }
h4{ font-size:1.2em; }

/* main structure
-------------------------------------------------------*/
body{
	background: #c0bcaf url(http://jakub.cuth.sk/Data/269/UserFiles/images/bcgr.jpg) repeat-x 0 0;
	text-align: center;
	color: #474747;
}

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

#head{
	width: 950px;
	height: 120px;
	position: relative;
	background: #E87A21 url(http://jakub.cuth.sk/Data/269/UserFiles/images/top.jpg) repeat-x 0 0;
}

#content{
	width: 950px;
	margin: 0 auto;
	text-align: center;
	overflow: auto;
}

#left{
	float: left;
	display: inline;
	width: 190px;
	margin: 10px 0 0 10px;
}

#content{
	float: right;
	display: inline;
	width: 730px;
	margin: 10px 10px 0 0;
	padding:0;
}

#footer{
	clear: both;
	width: 950px;
	text-align: center;
	padding-top: 1em;
}
#footer p{
	padding: .8em 0;
	margin: 0;
	font-size: .9em;
	color: #474747;
	clear: both;
	background: #faf8f3;
}
#footer a{ color: #474747; }
#footer a:hover{ text-decoration: underline; }

/* Logo - top
-------------------------------------------------------*/
#head h1{
	position: absolute;
	top: 20px;
	left: 10px;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	line-height: 100%;
}
#head h1 a{
	display: block;
	width:170px;
	height: 46px;
	background: transparent url("http://jakub.cuth.sk/Data/269/UserFiles/images/logo.gif") no-repeat 0 0;
}

/* Navigacia
-------------------------------------------------------*/
ul.MenuVerticalModule{
	position: absolute;
	left: 10px;
	top: 96px;
	width: 650px;
	height: 20px;
	text-align: right;
	margin: 0;
}
ul.MenuVerticalModule li{
	float: left;
	display: inline;
	margin: 0 20px;
	overflow: hidden;
}
ul.MenuVerticalModule li a, ul.MenuVerticalModule li a:visited{
	width: 100%;
	color: #f1ecdf;
	font: bold 12px/140% arial;
	text-align: center;
	padding: 3px 0;
}
ul.MenuVerticalModule li a:hover{
	text-decoration: underline;
	color: #00FF33; 
}

/* Kategorie - left
-------------------------------------------------------*/
ul.Cat{
	width: 100%;
	margin: 0;
	padding: 0;
}
ul.Cat li{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0;
	display: block;
	width: 190px;
	height: 20px;
	clear: both;
	position: relative;
}
ul.Cat a, ul.Cat a:visited{
	color:#fff;
	background-color: #535353;
	padding: 2px 2px 2px 15px;
	margin-left: 0;
	width: 173px;
	float: left;
	display: block;
}
ul.Cat li span{
	
}
ul.Cat li img{
	position: absolute;
	left: 3px;
	top: .5em;
}
ul.Cat ul{
	margin: 0;
	padding: 0;
}
ul.Cat ul a, ul.Cat ul a:visited{
	color:#fff;
	background-color: #999999;
}
.Cat a:hover, a.CatItemSel, a:visited.CatItemSel {
	color:#33c9ff;
	background-color: #333333;
}



/* Formular
-------------------------------------------------------*/
.InquiryQuestion
{font-size: 1.2em;font-weight: bold; margin-bottom: 5px;}
.InquiryAnswer
{margin-top: 5px;} 

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

/* Vyhladavanie
---------------------------------------------------------- */
#sjm-s-vyhladavanie{ width: 188px; background: #faf8f3; border: 1px solid #D8D3C6; margin-bottom: 8px; }
#sjm-s-vyhladavanie form { padding: 6px; }
#sjm-s-vyhladavanie p { margin: 0; padding: 0 0 4px 0; }
#sjm-s-vyhladavanie select{ width: 160px; }
#sjm-s-vyhladavanie input { width: 156px; }
#sjm-s-vyhladavanie span input { width: 60px; margin-bottom: 4px; }
#sjm-s-vyhladavanie p a, #sjm-s-vyhladavanie p a:visited { font-weight: bold }
#sjm-s-vyhladavanie p a:hover { text-decoration: underline; }

/* Kosik
---------------------------------------------------------- */
#sjm-s-kosik
{ position: absolute; top: 92px; right: 10px; }
#kosik
{ background: #FAF8F3 url(http://jakub.cuth.sk/Data/269/UserFiles/images/pridaj.gif) no-repeat 0 50%; width: auto; border: 1px solid #D8D3C6; padding: 2px 3px 3px 30px; color: #474747; }
#kosik .kosik
{ font-weight: bold; }
#kosik .kosik-cena
{ font-size: 1.1em; font-weight: bold; }

/* Nadradene kategorie - cesta
---------------------------------------------------------- */
.ShopProductParentCategories
{ text-align:left; border: 1px solid #D8D3C6; background: #FAF8F3; width: 728px;}
.ShopProductParentCategories ul
{ margin: 0; padding: 2px 6px; }
.ShopProductParentCategories ul li
{ display: inline; }

/* Dalsie strany
---------------------------------------------------------- */
.ShopCategoryPages{ padding: 8px 0; text-align: left; float: left; width: 400px; }
.ShopCategoryPages span{ font-weight: bold; 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 #D8D3C6; padding: 0 3px; background: #faf8f3;}
.ShopCategoryPages ul li a:visited{ border: 1px solid #A49F8C; padding: 0 3px; background: #faf8f3; }
.ShopCategoryPages ul li a:hover{ border: 1px solid #e87a21; background: #faf8f3;}

/* Sposob zobrazenia
---------------------------------------------------------- */
.ViewType{ float: right; width: 290px; padding: 8px 0; text-align: right; }
.ViewType p, .ViewType form{ display: inline; padding:2px 0 2px 5px; }
.ViewType label{ padding-right:5px; }
.TypeTitle{ font-weight: bold; padding-left: 6px; }

/* ShopIntro - obchod uvod
---------------------------------------------------------- */
.ShopIntro
{ clear: both; }
.ShopIntro .Actions, .ShopIntro .News, .ShopIntro .SellOuts
{ width: 728px;text-align: center; background: #FAF8F3; border: 1px solid #E87A21; margin-bottom: 8px;}
.ShopIntro h2
{ color: #fff; margin: 0; padding: 3px; background: #E87A21; font-size: 1.3em; }
.ShopIntro h3
{ margin: 0 0 6px 0; padding: 3px; font-size: 1em; }
.ShopIntro h3 a, .ShopIntro h3 a:visited
{ color: #004a80; }
.ShopIntro h3 a:hover
{ color: #E87A21; }
.ShopIntro .Row
{ text-align: center; clear: both; overflow: auto; border-top: 1px solid #E87A21; padding: 0; width: 100%; }
.ShopIntro .RowContent
{ background: overflow: auto; width: 100%; }
.ShopIntro .Product
{ width: 180px; float: left; display: inline; margin: 0; padding: 6px 0; }
.ShopIntro .ProductPrice
{ margin-top: 1em; }
.ShopIntro .ProductPrice p
{ margin: 0; }
.ShopIntro .ProductImage
{ width: 160px; height: 130px; overflow: hidden; border: 1px solid #DBDBDB; background: #fff; margin: 0 auto; }
.ShopIntro .ProductImage img
{ padding: 3px; }


/*  Sposob zobrazenia - podrobne
---------------------------------------------------------- */
.ShopDetailView
{ clear: both; }
.ShopDetailView .Product
{ background: #FAF8F3; padding: 6px 0; margin: 6px 0; width: 728px; position: relative; text-align: left; overflow: auto; border: 1px solid #d8d3c6; }
.ShopDetailView dl
{ font-weight: normal; width: 490px; padding: 0; margin: -1px 0 6px 0; border-bottom: 1px solid #e87a21; overflow:hidden;}
.ShopDetailView dt
{ float: left; width: 150px; padding: 2px 0; margin: 0; clear: both; font-weight: bold; border-top: 1px solid #e87a21; }
.ShopDetailView dd
{ float: left; width: 340px; padding: 2px 0; margin: 0;  border-top: 1px solid #e87a21; }
.ShopDetailView .ProductDescription
{ float: left; margin: 0 0 0 6px;}
.ShopDetailView h3
{ margin: 0; padding: 3px; background: #E87A21; font-size: 1em; width: 484px; position: relative }
.ShopDetailView h3 a, .ShopDetailView h3 a:visited
{ color: #fff; }
.ShopDetailView h3 a:hover
{ color: #fff; text-decoration: underline; }
.ShopDetailView .ShopIcons
{ position: absolute; top: 6px; right: 6px; text-align: right; width: 59px;}
.ShopDetailView .ShopIcons label
{ display: block; }
.ShopDetailView .ProductImage
{ width: 140px; height: 140px; float: left; text-align: center;  margin: 0 6px; background: #fff; border: 1px solid #D8D3C6; display: inline; }
.ShopDetailView .ProductImage img
{ padding: 3px; margin: 6px; background: #fff; }
.ShopDetailView .Action, .ShopDetailView .SellOut, .ShopDetailView .New
{ padding-left: 2em; color: #FFFF00; }

/* Sposob zobrazenia - zoznam
---------------------------------------------------------- */
.ShopDivViewList table{ width: 100%; clear: both; border: none;}
.ShopDivViewList table th{ padding: 4px; background: #e87a21; color: #fff; }
.ShopDivViewList table td{ padding: 2px 2px 0 2px; margin: 0; border: none;}
.ShopDivViewList table tr.even{ background: #faf8f3; }

/* Sposob zobrazenia - ikony
---------------------------------------------------------- */
table.Obchod_Produkt_Ikony{ border-collapse: collapse; width: 100%; margin: 1em 0; text-align: center; clear: both; }
table.Obchod_Produkt_Ikony td{ border: 1px solid #d8d3c6; padding: 6px; width: 33%; background: #faf8f3; }
table .Obchod_Product_Name{ font-weight: bold; }
table.Obchod_Produkt_Ikony img{ margin: 0 auto; border: 1px solid #d8d3c6;}

/* Detail produktu
---------------------------------------------------------- */
.ShopProductView
{ clear: both; text-align: center;  }
.ShopProductView .Product
{ background: #FAF8F3; padding: 0; margin: 6px 0; overflow: auto; width: 728px; position: relative; text-align: left; border: 1px solid #D8D3C6; }
.ShopProductView .Product dl
{ font-weight: normal; width: 706px; overflow: auto; padding: 0; margin: 10px; border: 1px solid #D8D3C6; }
.ShopProductView .Product dt
{ float: left; width: 29%; padding: 3px 5px 3px 0; margin: 1px 1px 0 0; clear: both; font-weight: bold; text-align: right; }
.ShopProductView .Product dd
{ float: left; width: 70%; padding: 3px 0; margin: 1px 0 0 0; text-align: left; }
.ShopProductView .Product .ProductImage
{ text-align: center; margin: 10px; }
.ShopProductView h3
{ clear: both; }
.ShopProductView .DetailDescription
{ margin: 1em; clear: both; text-align: center; }
.ShopProductView .ProductButtons
{ border: 1px solid #D8D3C6; margin: 6px auto; width: 200px; overflow: auto; }
.ShopProductView .ProductButtons img 
{ margin: 8px 5px; float: left; }
.ShopProductView .ProductButtons form p
{ float: right;  padding-right: 1em; margin: 8px 0; }

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


/*Custom CSS*/

/*Custom CSS2*/
.base-modulebox
	{padding:0;margin:0;width:100%;}
.base-modulebox-title
	{padding:0;margin:.5em 0;color:#5C582D;font-size:2em;}
.base-modulebox-content
	{padding:0;margin:0;}