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



/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	color: #000;
	font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	background: #000 url(img/bkg_body_02.jpg) repeat-x left top;

}

#legal { background: #fff; }


/* Class for clearing floats */
.clear { overflow: hidden; width: 100%; clear: both; }

/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important; }
.alignMiddle { vertical-align: middle !important; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }
.imgFloatRight { margin: 0 0 20px 20px; float: right; }
.imgFloatLeft { margin: 0 20px 20px 0; float: left; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }


.ml10px { margin-left:10px !important;}
.ml20px { margin-left:20px !important; }
.ml230px { margin-left:230px !important; }
.mr60px { margin-right: 60px !important;}
.mr140px { margin-right: 140px !important;}
.mr150px { margin-right: 150px !important;}
.mr160px { margin-right: 160px !important;}

.mt20px { margin-top: 20px !important;}
.mt30px { margin-top: 30px !important;}
.mt50px { margin-top: 50px !important;}
.mt100px { margin-top: 100px !important;}


.w10p { width: 10%; }
.w17p {width: 17%;}
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.winherit { width: inherit; }
.wauto { width: auto; }
.w10px { width: 10px; }
.w25px { width: 25px; }
.w30px { width: 30px; }
.w35px { width: 35px; }
.w40px { width: 40px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w80px { width: 80px; }
.w85px { width: 85px; }
.w90px { width: 90px; }
.w95px { width: 95px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w130px { width: 130px; }
.w140px { width: 140px; }
.w150px { width: 150px; }
.w160px { width: 160px; }
.w180px { width: 180px; }
.w190px { width: 190px; }
.w200px { width: 200px; }
.w210px { width: 210px; }
.w230px { width: 230px; }
.w250px { width: 250px; }
.w265px { width: 265px; }
.w270px { width: 270px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w360px { width: 360px; }
.w400px { width: 400px; }
.w420px { width: 420px; }
.w425px { width: 425px; }
.w430px { width: 430px; }
.w450px { width: 450px; }
.w460px { width: 460px; }
.w480px { width: 480px; }
.w453px { width: 453px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }

.h10px { height: 10px; }
.h40px { height: 40px; }
.h50px { height: 50px; }
.h90px { height: 90px; }
.h100px { height: 100px; }

strong { font-weight: bold; }

em {font-style: italic; }

ul {
	list-style: none;
	list-style-position: outside;
}

ol {
	list-style-position: inside;
	color: #777; font-size: 1.2em; margin: 1.5em;
}

.enlinea li {display: inline;}
.bloques li {display: block;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */



/* =Layout
-----------------------------------------------------------------------------*/

#wrapper{ width: 960px; margin: 0 auto; }

#header {
	width: inherit;
	color: #FFF;	
}
	#topMenu {
		height: 77px; /* 29 + 24 + 24*/
		font-size: 1.1em;
		/*
		padding: 20px 20px 0 0; 
		width: 290px;
		*/
	}
		#languages{
			padding: 7px 0 2px 0;
			line-height: 20px; 
			height: 20px;
			text-align: right;
		}
		#languages img{ vertical-align: middle;}
		
		#menuUsuario{height: 24px;}
		#menuUsuario div{
			padding: 0 0 0 5px;
			width: 320px;
			height: 24px;
			background: #000 url(img/bkg_user_menu.gif) no-repeat bottom right;
			float: right;
		}
		#menuUsuario div.idioma_ita{ width: 400px !important;}
		
			#menuUsuario ul li{ display: inline; line-height: 22px; padding: 0 6px;}
			#menuUsuario ul li a{ color: #fff !important;}
		
		#menuOpcioneseng, #menuOpcionesita{ height: 24px; background: #B9AA9A; padding: 0 0 0 5px;}
			#menuOpcioneseng ul li, #menuOpcionesita ul li{ float: left;}
			#menuOpcioneseng ul li a, #menuOpcionesita ul li a{ display: block; line-height: 24px; padding: 0 8px;}
			#menuOpcioneseng ul li a.joinemail{ border-right: 1px solid #8d7861; border-left: 1px solid #8d7861; padding: 0 20px;}
			#menuOpcionesita ul li a.joinemail{ border-right: 1px solid #8d7861; border-left: 1px solid #8d7861; padding: 0 8px;}
			#menuOpcioneseng ul li a.logout, #menuOpcionesita ul li a.logout{ width: 120px; text-align: right;}
		/*
		#topMenu ul li a {
			display: block;
			text-align: right;
		}   

		*/
		
	#mainMenu {
		padding: 0 6px 0 0;
		height: 41px;
		background: #000;
	}
	#mainMenu a{ position:relative}
	/*#mainMenu .floatRight{width:665px;}*/
	#mainMenu .floatRight{width:750px;}
		#mainMenu a.categories:link, #mainMenu a.categories:hover, #mainMenu a.categories:active, #mainMenu a.categories:visited{ font-weight:bold; color: #fea000 !important}
		#mainMenuRight ul{float: right}
		
		#mainMenuLeft, #mainMenuRight {
			margin: 14px 0;
			padding: 0
		}
		#mainMenu .floatLeft{
			/*background: url(../img/bkg_menu_categories.jpg) no-repeat left top;*/
			height: 41px;
			width: 146px;
		}
			#mainMenuLeft li, #mainMenuRight li{
				margin: 0 6px;	
				display: inline;
				float: left;
			}
			#mainMenuLeft .firstLevel{
				/*width: 73px;
				margin: 0;
				text-align: center;*/
				width: 50px;
				margin: 0;
				padding-left:15px;
				text-align: left;
			}
			#mainMenuLeft .clearfix{
				text-align: left; 
				padding: 15px 0;
			} 
			.newArrow{ overflow: hidden; height: 10px;}
			#cartInfo{position: absolute; top:auto; left:81px; margin: 41px 0 0 519px; width:146px; padding: 8px 5px; background: #957f67; color: #000; z-index: 5; text-align: center;}

#content {
	width: inherit;
	min-height: 466px;
}
	* html #content {height:466px}
	
	#contentHeader { width: inherit; height: 75px; background: #fff; }
	
	#contentWrapper { width: inherit; min-height: 396px; background: #fff; /*overflow: auto;*/ }
	#contentWrapper-products { width: inherit; min-height: 396px; background: #000; /*overflow: auto;*/ }
	

	* html #contentWrapper {height:396px}
	* html #contentWrapper-products {height:396px}
	
	
	/*
	#listed h1 {
		padding-bottom: 62px !important
	}
	*/
	#listed #contentWrapper .listWrapper{width: 960px; height: 320px; padding: 40px 0 0 0}
	#listed #contentWrapper-products .listWrapper{width: 960px; height: 320px; padding: 40px 0 0 0}
	
	
	#imagesWrapper{ width: 5000px}
	
	/*
	#listed #contentWrapper .listWrapper { overflow: auto !important; width: 960px; height: 270px; padding: 60px 0 0 0}
	
	* html #listed #contentWrapper .listWrapper{
		overflow-x:auto;
		overflow-y:hidden;
	}*/
		#contentLeft{
			/*width: 320px;*/
		}
			
		#contentRight{
			background: #fff;
			width: 562px;
			padding: 0 0 0 78px
		}
		#mainMenuLeft li{ position: relative; z-index: 50;}
		.submenu li{ position:inherit !important}
		.submenu{ margin: 0 0 0 -15px; position: absolute; z-index: 1500; width: 320px; top: 17px; left:15px}
		.submenu .clearfix{ background: #fff;}
		.submenu h2{color: #000; padding: 5px 20px}
		.submenu ul{ width: 120px; float:left}
		.submenu ul li{ float: none !important; margin: 0 !important; padding: 0 20px !important}
		.submenu ul li a{color: #000 !important}

		#listProd  #contentRight { background: #e5e5e5; }
		#conquestGallery #contentRight { background: #e5e5e5; }
		#register #contentRight { width: 480px; margin: 0; padding: 0;}
		#register #contentWrapperLeft, #register #contentWrapperRight { margin: 20px; }
		#buying #contentRight {width:auto; margin: 0; padding: 0;}	
		
		
			#contentRightTop {
					min-height: 70px;
					padding: 20px 0;
			}
			* html #contentRightTop {height:70px}
						
			#conquestGallery #contentRightTop { min-height: 180px; }

			#contentRightBottom {
					padding: 0 20px 10px 0;
			}			
				
			
		#contentGallery {
			width: 562px;
			padding: 15px 0 0 78px;
			/*margin: 10px 0;*/
		}
	
	.photoSmall{width: 80px; height: 99px}
	.photoMedium{width: 160px; height: 198px}
	.photoBig{width: 320px; height: 396px}
	
	.itemCarro { background: #e5e5e5; margin: 0 0 3px 10px; min-height:60px; }
		* html .itemCarro {height:60px}
		.itemCarroRight {margin: 5px 5px 5px 25px; /*width: 470px;*/}
	.itemCarro .color { width: 18px; height: 18px;}
	.itemWrapperInfo {margin: 10px 0 0 0}	
	.lineMargin { margin: 10px 115px; height: 2px !important;}
	/*--------------------------- FORM ------------------------------*/
	
	form { margin: 20px 0 0 0; }
	.formRow { padding: 0 0 5px 0; }
	label { font-size: 1.1em; color: #333; display: block; }
	input.textField, textarea { color: #333; font: inherit; font-size: 13px; padding: 2px 4px; border: 1px solid #eaeaea; display: block; }
	/*.btn {
		border: 0 solid #ccc;
		border-collapse: collapse;
		padding: 0 !important; 
		margin: 0 !important;
		line-height: 100%;
		background:#C1BEA9 url(img/bkg_button_article_01.gif) repeat-x bottom;
		color: #c00;
}*/
	#register form { margin: 0}

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

	/*-----------------------ORDERS TABLE-----------------------------*/
	
		#orders table{ 	
			width: 580px;
			margin: 0 0 0 20px;
		 }
		
		
		#orders .items th{ 
			background-color: #ddd6ce;
			color: #404040;
			border: 1px #ddd6ce solid;
			padding: 3px;
		}
		
		#orders .items td.date { 
			border-left: 1px #ddd6ce solid;
			border-top: 1px #ddd6ce solid;
			border-bottom: 1px #ddd6ce solid;
			padding: 3px;
		}
		
		#orders .items td.detail { 
			border-top: 1px #ddd6ce solid;
			border-bottom: 1px #ddd6ce solid;
			padding: 3px;
		}
		
		#orders .items td.price { 
			border-right: 1px #ddd6ce solid;
			border-top: 1px #ddd6ce solid;
			border-bottom: 1px #ddd6ce solid;
			padding: 3px;
		}
		
		#orders .items td.separator { 
			height: 2px;
			overflow: hidden;
		}
		
	
	
	/*----------------------------------------------------------------*/
	
	/*-----------------------SIZES TABLE-----------------------------*/
	
	#legalWrapper{width: 400px}
	
	#legalHeader { background: #957f67; }
	
		#legal table{ 	
			width: 300px;
			margin: 0 0 0 20px;
			font-weight: bold;
		 }
		
		
		#legal tr.orange td{ 
			background-color: #f6e3ce;
			color: #000;
		}
		
	
	/*----------------------------------------------------------------*/

#footer {
	width: inherit;
	min-height: 98px;
}
	#footerMenu {
		width: inherit;
		margin: 22px auto 0 auto;
	}

/* =Type
-----------------------------------------------------------------------------*/
#topMenu a:link, #topMenu a:visited { text-decoration: none; font-size: 0.9em; color: #000;}
#topMenu a:hover, #topMenu a:active, #topMenu a.selected { text-decoration: underline !important;}

.mainMenuLeft a { font-size: 1.15em; padding: 0 10px;}
.mainMenuRight a { font-size: 1em;}
#mainMenu a:link, #mainMenu a:visited{text-decoration: none; color: #FCFCFC;}
#mainMenu a:hover, #mainMenu a:active, #mainMenu li.selected a { color: #aaa !important;}

#contentHeader h1 {font-size: 3.7em; color: #ddd6ce; font-weight: normal; padding: 0 0 0 20px; line-height: 1em;}

#contentHeader .path {font-size: 1.15em; color: #000; padding: 20px 0 0 20px; line-height: 1em; }
#contentHeader span { font-weight: bold }
#listed p { font-size: 1.15em; color: #fff; line-height: 1.15em; }
#listed p span { color: #ccc; font-size: 1.2em;}

	.limitedEdition  { font-size: 0.9em !important; color:#FF0D13 !important; padding: 5px 0; font-weight: bold }

	#contentRight { min-height: 240px; }
	/*#contentRight*/ .title {margin: 6px 6px 0px 0;}
        .title h2{ font-size: 1.4em; font-weight: bold; line-height: 120%;  }
        
		#contentRightTop p { margin: 0 0 5px 0; line-height: 125%} 
		#contentRightBottom span { font-size: 1.1em; font-weight: bold; }
		
		a.button {
			width: 100px;
			display: block;
			text-decoration: none;
			background: #e4e2d4 url(img/bkg_button_article_01.gif) no-repeat;
			color: #000;
			border: 1px solid #d3cfb8;
			padding: 5px 13px;
			margin: 2px 0;
			}
		a.button2 {
			width: 145px;
			height: 22px;
			display: block;
			text-decoration: none;
			text-align: left;
			background: #e4e2d4 url(img/bkg_button_article_02.gif) no-repeat;
			color: #000;
			border: 0;
			padding: 6px 0 0 15px;
			margin: 5px 0 0 0;
			}
		#buying a.button { padding:5px 0; width:123px}
		#buying .chkFont { font-size: 8px;  }
		/*#conquestUpload a.button {padding: 5px; }*/
		/*#contentRight*/ .title2 { font-size: 1em; padding: 6px  20px 5px 0;}
		/*#contentRight*/ .title3 { font-size: 1.4em; font-weight: bold; padding: 6px 0 5px 0;}
		#buying th { font-size: 1em }
		#buying th span{ font-weight: bold}
		#buying td {font-size: 0.85em}
		#buying td span{font-weight: bold}
		
		.listItem{padding: 0 16px}
		
		.articleData{padding: 5px 10px; text-align: center}
		
		.articleSpec {text-align: center; margin: 5px 0 0 0 }
		.articleSpec table{margin: 0 auto}
		.articleSpec td a, .articleSpec2 a{display: block; margin: 0 5px 0 0; width: 18px; height: 18px; border: 1px solid #ccc }
		.articleSpec td a.selected, .articleSpec2 a.selected{border: 1px solid #000 !important}
		
		.articleSpec2{ margin: 5px 0 0 0}
		.articleSpec2 li{float: left}
		
		/*.listItemColors{ background:#e5e5e5; }*/
		
		#articleButton { padding: 0 0 20px 0; }
		
		.underline {border-bottom: 1px solid #d3cfb8;}
		
		.blackLink{background: #000; padding: 5px 3px;color: #fff !important;}
		.blackLink span{padding: 0 2px}
		.blackLink a:link, .blackLink a:visited, .blackLink a:hover, .blackLink a:active { 
			text-decoration: none;
			color: #fff !important;
		}

/*#register h2 { margin: 0 0 0  20px}*/
		
#contentGallery span { font-size: 1.1em; font-weight: bold; color: #fff; }
#contentGallery ul { margin: 10px 0 0 0; }
#content a:link, #content a:visited{ font-weight:lighter; text-decoration: none; color: #000;}
#content a:hover, #content a:active, #content li.selected a {font-weight: 500; }

#news #contentRight p, #news #contentRight h4 { margin: 0 0 5px 0; line-height: 140%; }
#news #contentRight h3 { font-size: 1.2em; font-weight: normal; margin: 0.2em 0; }
#news #contentRight ul li a { font-weight: bold; }

#ficha #contentRight{background: #e5e5e5}

#photographiesWrapper { margin: 10px 0;  }
#photographiesWrapper div { margin: 0 2px; display:inline }
/*#photographiesWrapper h4 { font-weight: bold; font-size: 1em; line-height: normal; }*/
#photographiesWrapper h4 a:link, #photographiesWrapper h4 a:visited{ font-weight: bold; font-size: 1em; line-height: normal; }
#photographiesWrapper p { line-height: normal; }

.itemCarro { font-size:12px; }

#faqMenu ul { font-size: 1.2em; margin: 6px  6px 5px 0; }
#faqMenu ul li a.selected { font-weight: bold ; }

#footer {color: #fff }
#footerMenu a:link, #footerMenu a:visited{font-size: 1em; text-decoration: none; color: #FCFCFC;}
#footerMenu a:hover, #footerMenu a:active, #footerMenu li.selected a { color: #aaa !important;}

small{font-size: 0.8em; font-weight: normal}

.error{clear: both; color: #f00}

div.info{margin: 35px 20px 20px 20px; padding: 20px;  background: #e5e5e5 }

#addedContent{font-size: 1.2em; padding: 10px 0}

.text p{margin: 0 0 10px 0}

#btnInicio{padding: 20px 0 0 15px; line-height: 15px !important}
#btnInicio a{color: #000; text-decoration: none;}

table.how_to_buy{width: 100%; margin: 20px 0}
table.how_to_buy th{padding: 5px; font-weight: bold; background: #f5f5f5; text-align: left}
table.how_to_buy td{padding: 5px; border-bottom: 1px solid #f5f5f5;}

a.blue{ color: #0c0; text-decoration: underline !important;}

#fichaLimitedEdition{
    position:absolute; margin: -20px 0 0 341px; text-align: right; width: 200px; font-size: 0.9em !important; color:#FF0D13 !important;font-weight: bold
}

table.userProfile{
    margin: 10px 20px;
    font-size: 1.1em;
}
    table.userProfile th, table.userProfile td{
       text-align: left;
       padding: 3px 0;
    }
    
span.out-of-stock{ color:#E80000; font-size: 0.9em;}
    span.out-of-stock a { color:#E80000 !important; text-decoration: underline !important;}
    
#sponsors{padding-top:10px}
    #sponsors li img{vertical-align: top}

a.productLink:link,a.productLink:visited{
    text-decoration: underline !important;
}
a.productLink:hover, a.productLink:active{
    font-weight: bold !important;    
}
#zoomAlt{position: absolute; margin: -32px 0 0 10px; background: #fff; padding: 4px 8px;}
    .zoomAltInvert{background: #000 !important; }
    .zoomAltInvert a{color: #fff !important} 
    
.message{padding: 10px 0; font-size: 1.2em; color: #796754;}

.loadingData{position: absolute; margin: -30px 0 0 10px; background: #000; color: #fff; padding: 2px 8px;}

.error-message{ display: block; clear: both; padding-left: 150px; color: #F00000}
