/*

File: master style style sheet for wwww.artinvest.sk

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

Date: 20. 11. 2008

*/

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



h1,h2,h3,h4,h5,h6{font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin:0; padding:0 0 10px 0; line-height:normal; color:#691111;}
h1{font-size:24px; font-weight:normal;}
h2{font-size:22px; font-weight:normal;}
h3{font-size:18px; font-weight:normal; text-decoration:underline;}
h4{font-size:14px;}


ul, ol{margin:5px 0 5px 10px; padding: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:#691111; text-decoration:underline; outline:none;}
a:hover{color:#c01d1d; text-decoration:none;}

#left form{margin:0; padding:0;}

.cleaner{clear:both;}
option{padding-right:15px;}
.skry{display:none;}

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


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


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

#head h1{
	position:absolute;
	top:64px;
	left:35px;
	margin:0;
	padding:0;
	width:80px;
	height:80px;
	}

#head h1 a{
	display:block;
	width:80px;
	height:80px;
	text-indent:-9999px;
	overflow:hidden;
	}

#wrapper{padding:15px 12px; width:950px; overflow:hidden; background:url(images/bg_wrapper.jpg) no-repeat 0 0;}

#left{
	float:left;
	width:189px;
	margin-left:5px;
	overflow:hidden;
	background-color:#eadfdb;
	border:1px solid #a38585;
	}

#content{
	float:right;
	width:677px;
	padding:0 41px 0 36px;
	}
	
#footer{
	clear:both;
	height:92px;
	padding-top:8px;
	background:url(images/bg_footer.jpg) no-repeat 0 0;
	}

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

#main-login{position:absolute; top:183px; left:240px; color:#000; font-size:11px; font-weight:bold;}
#main-kosik{position:absolute; top:210px; left:236px; color:#000; font-size:11px; font-weight:bold;}
#main-login span{padding:0 4px;}

.XHTMLBeforeCategory, .XHTMLAfterCategory{clear:both; color:#792C2B;}


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

#menu{
	margin:0;
	padding:0;
	position:absolute;
	top: 208px;
	left: 12px;
}

#menu ul{ /* all lists */
	margin: 0;
	list-style-type: none;
	text-align: left;
	padding: 0;
}


#menu a {
	font-weight:bold;
	text-decoration:none;
	color: #000;		
	font-size:12px;
	float:left;
	text-transform:uppercase;
	display:block;
	padding:12px 15px 0 15px;
	height:26px;
	background:url(images/separator.jpg) no-repeat right top;
	text-align:center;
	line-height:normal;
}

#mi-smainmenu-9769 a{padding-top:4px; height:34px; width:70px;}
#mi-smainmenu-9770 a{padding-top:4px; height:34px; width:70px;}
#mi-smainmenu-9772 a{padding-top:4px; height:34px; width:80px;}
#mi-smainmenu-13145 a{padding-top:4px; height:34px; width:60px;}
#mi-smainmenu-9774 a{background:none;}
#menu li#mi-smainmenu-9774 a:hover{background-image:none;}


#menu li{ /* all list items */
	list-style:none;
	margin:0;
	float:left;
	padding:0;	
}

#menu li ul{ /* second-level lists */
	clear:both;
	position: absolute;
	left: -9999em;
	font-weight: normal;
	text-transform: none;
	padding: 0;
	z-index:60;
	border:1px solid #963314;
	border-bottom:none;
	top:38px;
}

#menu li ul li { /* second-level lists items */
	margin:0;
	padding: 0;
	background: #dac878;
	color:#FFFFFF;
	float: none;	
}

#menu li ul li a{
	display: block;
	padding: 2px 0 2px 10px;
	font-size:11px;
	width: 170px;
	font-weight:normal;
	color:#000;
	text-decoration: none;
	background:#dac877 none;
	height:auto;
	float:none;
	text-align:left;
	text-transform:none;
	border-bottom:1px solid #963314;
}

#menu li a:hover{
	background:#dac877 url(images/separator.jpg) no-repeat right top;
	color: #000;
}

#menu li ul li a:hover{
	color: #000;
	background:#c9ac45 none;
}

#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;	

}


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

/***************** sjm-s-kategorie **************************************/
#sjm-s-kategorie ul{
	margin:0;
	padding:0;	
	}
	
#sjm-s-kategorie ul li{
	list-style:none;
	margin:0;
	padding:4px 10px;
	background:url(images/sipka.jpg) no-repeat 0 9px;
	}

#sjm-s-kategorie ul li a{
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	}

#sjm-s-kategorie ul li a:hover{
	
	}

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

.zoznam-umelcov-left{float:left; width:320px;}
.zoznam-umelcov-right{float:right; width:320px;}

.zoznam-umelcov-left th, .zoznam-umelcov-right th{text-align:left; vertical-align:top; width:180px;}

.zoznam-umelcov-left td, .zoznam-umelcov-right td{text-align:right; vertical-align:top;}

.zoznam-umelcov-left th, .zoznam-umelcov-right th, .zoznam-umelcov-left td, .zoznam-umelcov-right td{border-bottom:1px solid #f6f6f6;}

/**** basix 0002 ****/
.basic002{width:auto; margin:0; position:static;}

#left .basic002 .title h2{
	text-align:center;
	text-transform:uppercase;
	color:#ecda83;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:6px 0 0 0;
	height:21px;
	background:url(images/bg_head_box.jpg) no-repeat 0 0;
	font-family:Arial, Helvetica, sans-serif;
	}

#left .basic002 .content{padding:10px;}

/**** koniec basic 002 *****/
.search{margin:0; padding:0;}
.search select, .search input, .NewsLetterInput{font-size:11px; border:1px solid #89cce5; width:150px; background-color:#f1f8e0;
	border-left:1px solid #696969;
	border-top:1px solid #696969;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-bottom:5px;
	}
	
.search input.SearchSubmit, .NewsLetterSubmit {margin:0; font-size:11px; color:#000; padding:1px 5px; cursor:pointer; width:auto; background-color:#f1f8e0;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #696969;
	border-bottom:1px solid #696969;
	}
.search .advance{ font-weight: bold; }
.search p{margin:0; padding:0; text-align:center;}
#sjm-s-newsletter div{text-align:center; font-size:11px;}
	
/* 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 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0 0 10px 0; line-height:normal; color:#691111; font-size:18px;}
.ShopProductParentCategories ul{ margin:0; padding:0;}
.ShopProductParentCategories ul li{ display: inline; padding-right:5px; list-style:none;}
.ShopProductParentCategories ul li a{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; float:left;}
.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{border:1px solid #a38585; text-decoration:none;  padding: 0 3px;}
.ShopCategoryPages ul li a:hover{ background:#a38585; color:#FFFFFF; text-decoration:none;}

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

/* Sposob zobrazenia

---------------------------------------------------------- */
.ViewType{padding: 1px 0px; text-align: right; font-size:11px; float:right;}
.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{display:none;}

/* ShopIntro - uvod

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

.ShopIntro{ margin: 0; clear: both; }
.ShopIntro h2{
	text-align:center;
	color:#ECDA83;
	font-size:18px;
	margin:0 0 5px 0;
	padding:2px 0;
	font-weight:normal;
	border:1px solid #a38585;
	background:#480908;
	}
	
.ShopIntro h3{margin:0; text-align:center; padding:5px;}
.ShopIntro h3 a{font-size: 12px; text-decoration:none;}
.ShopIntro h3 a:hover{text-decoration:none;}


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

.SellOuts .Row, .Actions .Row, .News .Row, .MostSaleable .Row
{
text-align: center;
clear: both;
padding:10px 0 1px 0;
width: 100%;
}

.SellOuts .RowContent, .Actions .RowContent, .News .RowContent, .MostSaleable .RowContent
{
	background: transparent;
	width: 100%;
	text-align: center;
	overflow:hidden;

}

.SellOuts .Product, .Actions .Product, .News .Product, .MostSaleable .Product
{
	margin: 0 5px;
	float: left;
	display: inline;
	width:150px;
	text-align: center;
	overflow:hidden;
	background-color:#ece5e3;
	border:1px solid #a38585;
	color:#691111;
}

.ShopIntro .Product .ProductImage{text-align:center; padding:5px 0;}
.ShopIntro .Product .ProductImage img{margin:0 auto; padding:1px; border:1px solid #a38585;}
.ShopIntro .Product .ProductPrice {margin:0; padding:0;}
.ShopIntro .Product .ProductPrice dt{font-size:11px; margin:0; padding:0;}
.ShopIntro .Product .ProductPrice dd{font-size:11px; clear:both; padding:0; margin:0; padding:2px 0 0 10px;}

.Product strike{padding-left:5px;}

/* ShopProductViewProduct - detail produktu

---------------------------------------------------------- */
.ShopProductView{width: 100% font-size: 11px; text-align: center; clear: both; }
.ShopProductView  h2{
	text-align:center;
	color:#ECDA83;
	font-size:18px;
	margin:0 0 5px 0;
	padding:2px 0;
	font-weight:normal;
	border:1px solid #a38585;
	background:#480908;
	}

.ShopProductView .Product{ padding: 10px; text-align:center; margin: 6px auto; position: relative;}
.ShopProductView .ProductImage{padding: 6px 0; margin:0 auto; }
.ShopProductView .ProductImage img{margin: 0 auto;  padding:1px; border:1px solid #a38585;}

/* 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 #a38585; background:#ece5e3;}
table.Obchod_Produkt_Ikony td{ padding: 8px 0; font-size: 11px; text-align: center; border:1px solid #a38585;}
table td.Obchod_Product_Name{ width: 24%; padding: 2px 5px; border-top:none;  color:#fff;}
table .Obchod_Product_Name a{} 
table .Obchod_Product_Name a:hover{}
table.Obchod_Produkt_Ikony img{ margin: 0 auto;  padding:1px; border:1px solid #a38585;}



/* 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:#a38585; color:#fff;}
.ShopDivViewList table td{ padding: 1px 4px; vertical-align:middle; }
.ShopDivViewList table tr.even td{background-color:#ece5e3;}

.ShopDivViewList table td a{}
.ShopDivViewList table td a:hover{}



/* Sposob zobrazenia - podrobny pohlad

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

.ShopDetailView { padding: 3px 0 12px 0; clear: both;}
.ShopDetailView .Product{ margin: 6px 0 10px 0; text-align: left; clear: both; padding:10px; width:655px; overflow: hidden; position:relative; background-color:#fff; border:1px solid #a38585; color:#792c2b;}
.ShopDetailView .Product h3{margin:0; padding:5px 10px; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.ShopDetailView .Product h3 .cislo{color:#000;}
.ShopDetailView .Product h3 a{font-size:12px; font-weight:bold;}
.ShopDetailView .Product h3 a:hover{}

.ShopDetailView .ProductDescription{ float: right; width: 500px; margin:0; display: inline; font-size: 11px; overflow:hidden;}
.ShopDetailView dl{font-weight: normal; width: 500px; padding: 0; margin:0; overflow:hidden;}
.ShopDetailView dt{float: left; width: 100px; padding: 1px 10px; margin: 0; font-size:11px; clear: both;}
.ShopDetailView dd{float: left; width: 360px; padding: 1px 10px; margin: 0; font-size:11px;}

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

.ShopDetailView .ProductImage { width: 124px;  float: left; text-align: center;  margin:0;  display: inline; overflow: hidden; }
.ShopDetailView .ProductImage img{ margin: 0 auto; width: auto;  padding:1px; border:1px solid #a38585;}

.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 solid #a3a3a3; width:40px; padding:1px;}

.Action, .SellOut, .New{ text-transform:lowercase; padding-left:5px;}

/**********************************/
.leftfoto{float:left; width:300px;}
.kat_ref{padding-top:5px; float:left; clear:both;}

.kat_ref #sjm-s-kategorie .Cat, .kat_ref #sjm-s-kategorie-v .Cat{
	margin:0;
	padding:0;
	width:300px;
	}

.kat_ref #sjm-s-kategorie .Cat li, .kat_ref #sjm-s-kategorie-v .Cat li{
	list-style:none;
	margin:0;
	padding:10px 20px;
	height:20px;
	background:url(images/bg_cat.jpg) no-repeat 0 0;
	font-weight:bold;
	}

.kat_ref #sjm-s-kategorie .Cat li a, .kat_ref #sjm-s-kategorie-v .Cat li a{text-decoration:none;}



/*********************************   REFERENCIE ****************************************/
.nahlady{
	width:300px;
	float:left;
	padding-bottom:40px;
	
	}

.nahlady .Description{display:none;}

.foto{
	float:right;
	width:320px;
	padding:0;
	margin-right:10px;
	}

.foto .Photo{
	padding:9px;
	background-color:#eadfdb;
	width:300px;
	overflow:hidden;
	text-align:center;
	border:1px solid #a38585;
	
	}
.foto .Photo img{padding:1px; border:1px solid #a38585;}
.foto .Name, .foto .Description{
	padding:5px 10px;
	background-color:#eadfdb;
	border:1px solid #a38585;
	margin:3px 0;
	font-style:italic;
	color:#691111;
	
	}

.foto .Name{font-weight:bold; font-style:normal;}
.foto .Description{padding:10px;}

.NextPhoto{position:absolute; right:40px;}
.NextPhoto a{text-decoration:none; font-weight:bold; color:#ecda83;}
.PreviousPhoto{position:absolute; left:40px;}
.PreviousPhoto a{text-decoration:none; font-weight:bold; color:#ecda83;}

.NextPhoto a:hover, .PreviousPhoto a:hover{text-decoration:underline; color:#ecda83;}
.pager{ position:relative; padding:5px 10px; height:16px; background-color:#591811; color:#ecda83; font-size:11px;}

/* FOTOGALERIA - thumbnails
-------------------------------------------------------*/

.Thumbnails .Photo{text-align:center; margin:0; padding:0;}
.Thumbnails .Row{padding-left:10px;}
.Thumbnails{
	font-weight: normal;
}

.CategoryName{list-style:none;
	margin:0;
	padding:10px 20px;
	height:20px;
	background:url(images/bg_cat.jpg) no-repeat 0 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#691111;}

.Thmb{
	float:left;
	width:92px;
	display:inline;	
}

.Thmb img{padding:1px;
	border:1px solid #a38585;}

.Thumbnails .Row .Thmb .Name {
	display:none;
}

.Thumbnails .Row{clear:both; margin-top:5px;}
.NoProducts{display:none;}

/* CLANKY
-------------------------------------------------------*/
.articleSummary{
	border-bottom:1px solid #dddddd;
	margin-bottom:10px;
	width: 100%;
	overflow:hidden;
	padding-bottom:10px;
	text-align:justify;
	}
	
.articleSummary h3{clear:both; margin:0; padding:0 0 4px 0;}
.articleSummary h3 a{
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
}
.sumarry{padding-bottom:10px;}
.articleSummary p{margin:0; display:inline;}

.articleSummaryMore{
	clear:both;
	text-align:right;
	padding:0; 
	}

img.articleSummaryImg, img.articleArticleImg{
	float:left;
	margin:0 10px 5px 0;
	padding:2px;
	border:1px solid #dddddd;
	}
	
.articleSummaryContent p{
	margin:0;
	padding:0;
	}

.article-sumarry-content{float:right; width:590px;}

.NextPages{
	margin:5px 0;
	}
	
.articleAuthor{
	font-style:italic;
	margin:5px;
	clear:both;
	}

.articleBack{
	text-align:left;
	clear:both;
	padding-bottom:5px;
	}

.articles{text-align:justify;}
.articles .left-col{width:48%; float:left; clear:left;}
.articles .right-col{width:48%; float:right; clear:right;}
.articles .articleSummaryMore{
	clear:both;
	text-align:right;
	padding:0; 
	}
	
.articles img.articleSummaryImg, .articles img.articleArticleImg{
	float:left;
	margin:0 10px 0 0;
	padding:2px;
	border:1px solid #dddddd;
	}

#sjm-d-42093, #sjm-d-42094{clear:both; width:100%;}