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

/* base */
	
	body, table, input, textarea, select, li, button{
		font:1em 'Trebuchet MS', Sans-Serif;
		line-height:1.5em;
		color:#999;
		}		
	body{
		font-size:11px;
		background:#000  url(images/layout/page-bgd.jpg) center top no-repeat;
		margin:0;
		padding:0;
		text-align:left;
		}
		
		.bodya{
		font-size:11px;
		background:#000;  /*url(images/back_shop.jpg) right top no-repeat;*/
		margin:0;
		padding:0;
		text-align:left;
		}
			
	a:link, a:visited{
		text-decoration:none;
		color: #BF9258;
		}
	a:hover, a:active{text-decoration:none; color:#FFF }
	
	h2 {}
	
/* end base */

/* common */		
	
	.left{float:left;margin-right:1em;}
	.right{float:right;margin-left:1em;}
	.center{text-align:center;}
	
	.clear{clear:both;}
	.first{margin-left:0 !important;}
	.last{margin-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	.hidden, .print{display:none;}
	.graphic{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}
		
	@font-face {font-family: "Bodoni";src: url(fonts/BodoniStd.otf) format("OpenType");}
	
	@font-face {font-family: "Trajan";src: url(fonts/TrajanPro-Regular.otf) format("OpenType");}
	
	/*h1 { font-family: "Kimberley", sans-serif }*/		
	
	.foreground {color: #BF9258; margin-bottom:50px;}
	
	p.foreground em {color: #FFF; margin-bottom:50px;}
	


/* end common */

/* Layout */	

div#header {height: 178px; position:relative}
div#container{text-align:left}
div#navigation{}
div#extra{}
div#footer{}

div#container{width:915px;margin:0 auto;}
div#container-home{width:895px;margin:0 auto; background:url(images/home.jpg) no-repeat}
div#content{float:left;width:400px}
div#navigation{float:right;width:335px}
div#contact{float:right;width:405px; margin: 50px 0 0 0}
div#extra{clear:both;width:100%}

/* end Layout */

/* Header */
#header .tooltip{background: #DDA967; width:120px; height:35px; z-index:100; display:none; margin: 10px 0 0 -160px; padding:5px 0; border-top:10px solid #000}
#header	.tooltip li{height:30px; display: inline-block; list-style: none; font: 11px 'Trajan', Times New Roman, serif; border-bottom: 1px dotted #666;  }

#header h1#logo { text-align: center;margin:0 auto ; width: 210px; padding-top: 40px }

#header #nav-menu {border: 1px dotted #666; border-left: none; border-right: none; padding: 8px 0 8px 0; top: 141px; width: 895px; margin: 30px 0 0 0}

#header #nav-menu li{ margin: 0 auto; margin: 0 3px;display: inline; list-style: none; font: 12px 'Trajan', Times New Roman, serif }

#header #nav-menu li a{color: #fff}

#header #nav-menu li a:hover{color: #BF9258}

#header .social {float: right; margin-top: 5px}

#header .social a{color: #999}

#header .social a:hover{color: #BF9258}

#header .social img{vertical-align: middle }

/* end Header */

/* Content */

div#content{padding: 90px 0 10px 60px;height: 300px; z-index:20}

div#content h2{margin-bottom: 10px;font: 56px 'Bodoni',Times New Roman, serif normal;}

div#content p{font: 12px 'Arial',Times New Roman, serif normal; color: #666; line-height:22px}


/* end content */

/* Navigation */

div#navigation{height: 400px; margin:0 0}

/*div#navigation img { bottom: 0; right: 90px; position: absolute; }*/

/* end navigation */



/* Extra */

div#extra {padding-top: 20px; border-top: 1px solid #ccc; margin-top: 20px;}

div#extra #catalog li {float: left; list-style: none; width: 89px; text-align: center}

/* end extra */

/* Footer */

div#footer{background: url(images/layout/footer-bg.png) no-repeat top center; margin: 10px 0; min-height: 33px; padding: 30px 0;width:930px;}

div#footer #address li{font: 10px 'Arial', sans-serif;list-style: none; width: 120px; float: left }

div#footer #address li h4{font-size: 11px}

div#footer #address li.logo-ft{margin-top:20px }

div#footer #newsletter {float: right; background: url(images/layout/line-ft.png) no-repeat left -5px; padding:10px 0 0 30px; height: 88px}

div#footer #newsletter form {margin-top:5px}

div#footer #newsletter input {border: none; width: 200px; height: 20px}

div#footer #newsletter button[type=submit]{width: 20px ; height: 20px; border: none; background: #000 url(images/layout/newsletter-bt.png) no-repeat center top; cursor: pointer }


div#footer #various {width:300px; margin:0 auto;}
div#footer #various li{font: 10px 'Arial', sans-serif;list-style: none; width: 100px; float: left; background:#000}
div#footer #various li h4{font-size: 11px}

div.footer-left { float:left; width:300px; }
div.footer-right {float:right; width:200px; }

	ul.footer-lists {margin:8px 35px 20px 0; list-style-type:none; float:left; }
	ul.footer-lists li {display: inline; color:#fff; font-size:11px; line-height:30px; text-align:left; padding:0 5px;}
	ul.footer-lists a:link, ul.footer-lists a:visited { color:#BF9258; text-decoration: none; }
	ul.footer-lists a:hover, ul.footer-lists a:active { color:#ccc; }

/* end Footer */

.bco{}

div#navigation.bco {}

div#navigation.bco img{ margin: 0 auto 0 auto
	
}

/*new background */

.bco1{background:#000;}

div#navigation.bco1 {position: relative}

div#navigation.bco1 img{bottom: 0px; right: 0; position: absolute}


/* Home */

.home div#header {height: 30px;}
.home div#content { padding: 0; margin: 0; height: 510px}

.home #navigation {position: relative; width: 315px}

.home #diamond {background: url(images/layout/logo-home.png) -118px 0px no-repeat; width: 11px; height: 11px; margin: 0 5px}

.home #intro {top:160px; right: 50px; position: absolute; text-align: center; font: 15px 'Times', Times New Roman, serif; }



/* end home */


/* section */

 .section #navigation {height: 370px}
 
  .section #content {height: 370px}

/* end section */


/* Portada */

.portada {background: black url(images/layout/portada-bg.jpg) center right no-repeat; position: relative;margin-bottom: -10px ;height: 400px; z-index:50}

div.portada div#navigation img{bottom: 0px; right: 90px; position: absolute}


/* end portada */

a.button {clear:both; display: block; background: transparent url(images/btn_view_collections.jpg) no-repeat; width: 156px; height:31px; text-indent: -20000px; margin:0 0 0 5px}
a.button:link, a.button:visited {background-position: 0 0;}
a.button:hover, a.button:active {background-position:  -157px 0;}


/* Forms */
#contact label{font-size:12px; color:#fff; margin:0 0 5px 0 }
#contact .box{width:250px; height:18px; border:none; border-bottom:1px dotted #BF9258; border-top:1px dotted #BF9258; background:#000; margin:0 0 5px 0}
#contact .bigbox{width:250px; height:38px; border:none; border-bottom:1px dotted #BF9258; border-top:1px dotted #BF9258; background:#000; margin:0 0 5px 0}

.IRa{ position:relative;  overflow:hidden;  font-size:10px;  color:#fff;  margin:0 0 0 -3px}
.IRa em{ float:right; display:block;  position:absolute;  top:0; left:0;  z-index:1}
button#IRabutton{ background:none;  border:none;  float:left;  display:inline;  padding:0 0 48px 0}	
#IRabutton:hover{cursor:pointer}
#IRabutton, #IRabutton em{width:61px; height:30px}
#IRabutton em{background:url(images/layout/btn_send.jpg) no-repeat}
#IRabutton:hover em, #IRabutton:focus em{background-position:-62px 0}

.IRe{ position:relative;  overflow:hidden;  font-size:10px;  color:#fff;  margin:0 0 0 -3px}
.IRe em{ float:right; display:block;  position:absolute;  top:0; left:0;  z-index:1}
button#IRebutton{ background:none;  border:none;  float:left;  display:inline;  padding:0 0 48px 0}	
#IRebutton:hover{cursor:pointer}
#IRebutton, #IRebutton em{width:133px; height:29px}
#IRebutton em{background:url(images/layout/btn_addtocart.jpg) no-repeat}
#IRebutton:hover em, #IRebutton:focus em{background-position: -134px 0}

.IRu{ position:relative;  overflow:hidden;  font-size:10px;  color:#fff;  margin:0 0 0 -3px}
.IRu em{ float:right; display:block;  position:absolute;  top:0; left:0;  z-index:1}
button#IRubutton{ background:none;  border:none;  float:left;  display:inline;  padding:0 0 48px 0}	
#IRubutton:hover{cursor:pointer}
#IRubutton, #IRubutton em{width:119px; height:30px}
#IRubutton em{background:url(images/layout/btn_view_cart.jpg) no-repeat}
#IRubutton:hover em, #IRubutton:focus em{background-position: -120px 0}

/*----------*/
.titles{margin-top: 10px}


.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 150px;	 
	width: 400px;
	border-top:1px solid #BF9258;	
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.item {
	border-bottom:1px solid #BF9258;
	margin:10px 0;
	padding:15px;
	font-size:12px;
	height:150px;
}

/* elements inside single item */
.item img {
	float:left;
	margin-right:20px;
	height:180px;
	width:240px;
}

.item h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

/* the action buttons above the scrollable */
#actions {
	width:400px;
	margin:30px 0 10px 0;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.next {
	float:right;
}	
.portada-contact {background: black url(images/layout/portada-bg.jpg) center right no-repeat; position: relative;margin-bottom: -10px ; z-index:50}
.contacth2 {color: #BF9258; }
div#content-contact {padding: 20px 0 10px 60px; display:inline-block; width: 340px }
div#contact{float:right;width:300px; margin: 150px 0 0 0}


/* Forms */
#contact label{font-size:12px; color:#999; margin:0 0 5px 0 }
#contact .box{width:250px; height:18px; border:none; background:#fff; margin:0 0 5px 0}
#contact .bigbox{width:250px; height:38px; border:none; background:#fff; margin:0 0 5px 0}

.IRa{ position:relative;  overflow:hidden;  font-size:10px;  color:#fff;  margin:0 0 0 -3px}
.IRa em{ float:right; display:block;  position:absolute;  top:0; left:0;  z-index:1}
button#IRabutton{ background:none;  border:none;  float:left;  display:inline;  padding:0 0 48px 0}	
#IRabutton:hover{cursor:pointer}
#IRabutton, #IRabutton em{width:62px; height:30px;}
#IRabutton em{background:url(images/layout/btn_send.jpg) no-repeat}
#IRabutton:hover em, #IRabutton:focus em{background-position:-62px 0}

.IRe{ position:relative;  overflow:hidden;  font-size:10px;  color:#fff;  margin:0 0 0 -3px}
.IRe em{ float:right; display:block;  position:absolute;  top:0; left:0;  z-index:1}
button#IRebutton{ background:none;  border:none;  float:left;  display:inline;  padding:0 0 48px 0}	
#IRebutton:hover{cursor:pointer}
#IRebutton, #IRebutton em{width:133px; height:29px}
#IRebutton em{background:url(images/layout/btn_addtocart.jpg) no-repeat}
#IRebutton:hover em, #IRebutton:focus em{background-position: -134px 0}

.IRu{ position:relative;  overflow:hidden;  font-size:10px;  color:#fff;  margin:0 0 0 -3px}
.IRu em{ float:right; display:block;  position:absolute;  top:0; left:0;  z-index:1}
button#IRubutton{ background:none;  border:none;  float:left;  display:inline;  padding:0 0 48px 0}	
#IRubutton:hover{cursor:pointer}
#IRubutton, #IRubutton em{width:119px; height:30px}
#IRubutton em{background:url(images/layout/btn_view_cart.jpg) no-repeat}
#IRubutton:hover em, #IRubutton:focus em{background-position: -120px 0}

div.footer-left { float:left; width:300px; }
div.footer-right {float:right; width:200px; }

	ul.footer-lists {margin:8px 35px 20px 0; list-style-type:none; float:left; }
	ul.footer-lists li {display: inline; color:#fff; font-size:11px; line-height:30px; text-align:left; padding:0 5px;}
	ul.footer-lists a:link, ul.footer-lists a:visited { color:#BF9258; text-decoration: none; }
	ul.footer-lists a:hover, ul.footer-lists a:active { color:#ccc; }
.titlecontact{ font-size: 14px; color:#fff}
em.whites{ font-style:normal; color:#fff}

select.form { width: 250px; }

.vertical1 {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 360px;	 
	width: 400px;
	border-top:1px solid #BF9258;
	border-bottom:1px solid #BF9258;
	padding: 10px 0	
}
.gold { color:#BF9258; font-size:14px; font-weight:bold; }
.gold1 { color:#BF9258; font-size:12px; }

div#navigation.bcoa { width: 300px; margin: 20px 120px 0 0}