/* CSS Document */

/* Identificadores */

#container {
	margin:0 auto;
	width:1200px;
	background: url(images/fondo_mujer19_nuevo.jpg) top center no-repeat fixed;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
}

#header{
	margin:0 auto;
}

#idioma {
	float:left;
	padding:5px;
	position:fixed;
	left:50%;
	margin-left:-480px;
	top:10px;
}
	

#logo {
	padding:20px;
	position:fixed;
	left:50%;
	margin-left:-425px;
	top:20px;
	width:450px;
	height:100px;
}

#tienda {
	float:right
	padding:20px;
	position:fixed;
	right:10%;
	margin-right:20px;
	top:30px;
}


#content {
	margin:0 auto;
	overflow:hidden;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:150%;
	color:#000;
}



#index #column1, #index_en #column1 {
	float:left;
	width:700px;
	margin:30px 10px 10px 10px;
}

#index #column2, #index_en #column2 {
	float:left;
	width:350px;
	height:450px;
	margin:50px 10px 10px 10px;
}

#index #column2 h2, #index_en #column2 h2 {
	float:left;
	padding: 20px 0 20px 0;
	width: 350px;
	height:80px;
}

#contacto #center p, #contact #center p {
	margin: auto 20px auto 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;
	color:#000;
}

#contacto #center p a:hover, #contact #center p a:hover {
	color:#00F;
	font-weight:bold;
}


#empresa #center, #piedras #center, #contacto #center, #company #center, #stones #center, #contact #center {
	float:left;
	width:750px;
	margin:170px auto 10px 225px;
	background:#fff;
	border:#8C5063 5px solid;
	opacity: 0.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90);
}

 #aros #center, #earrings #center,  #accesorios #center, #accessories #center  {
	float:left;
	width:790px;
	margin:170px auto 5px 200px;
	background:#fff;
	border:#8C5063 5px solid;
	opacity: 0.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90);
}

#productos #center, #products #center, #pulseras #center, #bracelets #center, #anillos #center, #rings #center, #collares #center, #necklaces #center
{
	float:left;
	width:830px;
	margin:170px auto 5px 185px;
	background:#fff;
	border:#8C5063 5px solid;
	opacity: 0.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90);
}


#empresa #center p, #company #center p {
	margin:5px 15px 5px 15px;
	font-size:0.9em;
	
}

#piedras #center #column1, #piedras #center #column2, #piedras #center #column3, #stones #center #column1, #stones #center #column2, #stones #center #column3   {
	margin:5px;
	float:left;
	width:240px;
}

#piedras #center #column1 p, #piedras #center #column2 p, #piedras #center #column3 p, #stones #center #column1 p, #stones #center #column2 p, #stones #center #column3 p {
	padding:5px;
	font-size:0.9em;
	text-align:center;
}

#piedras #center p, #contacto #center p, #stones #center p, #contact #center p {
	font-size:0.9em;
	text-align:center;
}

p
{
	clear: both;
	padding: 10px 0;
	text-align: center;
}

p a
{
	background: inherit;
	color: #000;
}

p a:hover
{
	background: inherit;
	color: #0000FF;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
	padding:0 10px 0 15px;
}

#aros .hoverbox, #earrings .hoverbox
{
	cursor: default;
	list-style: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 25px;
}  

.hoverbox a
{
	cursor: pointer;
	
}

.hoverbox a .preview
{
	display: none;
}

#collares .hoverbox a:hover .preview, #necklaces .hoverbox a:hover .preview, #anillos .hoverbox a:hover .preview, #rings .hoverbox a:hover .preview, #pulseras .hoverbox a:hover .preview, #bracelets .hoverbox a:hover .preview 
 {
	display: block;
	position: absolute;
	top: -120px;
	left: -90px;
	z-index: 1;
}
#productos .hoverbox a:hover .preview, #products .hoverbox a:hover .preview, #aros .hoverbox a:hover .preview, #earrings .hoverbox a:hover .preview  {
	display: block;
	position: absolute;
	top: -120px;
	left: -60px;
	z-index: 1;
}

#accesorios .hoverbox a:hover .preview, #accessories .hoverbox a:hover .preview 
{
	display: block;
	position: absolute;
	top: -120px;
	left: -60px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 10px;
	vertical-align: top;
	width: 156px;
	height: 160px;
}
#aros .hoverbox img, #earrings .hoverbox img, #accesorios .hoverbox img, #accessories .hoverbox img 
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 10px;
	vertical-align: top;
	width: 120px;
	height: 148px;
}
#productos .hoverbox img, #products .hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 8px;
	vertical-align: top;
	width: 120px;
	height: 148px;
} 


.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	padding: 5px;
	position: relative;
	margin-top: 10px;
	margin-right: 3px;
	margin-bottom: 40px;
	margin-left: 5px;
}

#aros .hoverbox li, #earrings .hoverbox li  
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	padding: 5px;
	position: relative;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 25px;
}

#accesorios .hoverbox li, #accessories .hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	padding: 5px;
	position: relative;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 30px;
} 

#pulseras .hoverbox .preview, #bracelets .hoverbox .preview 
{
	border-color: #000;
	width: 366px;
	height: 376px;
}

#aros .hoverbox .preview, #earrings .hoverbox .preview, #accesorios .hoverbox .preview, #accessories .hoverbox .preview, #productos .hoverbox .preview, #products .hoverbox .preview
{
	border-color: #000;
	width: 243px;
	height: 300px;
}

#collares .hoverbox .preview, #necklaces .hoverbox .preview
{
	border-color: #000;
	width: 376px;
	height: 376px;
}

#anillos .hoverbox .preview, #rings .hoverbox .preview
{
	border-color: #000;
	width: 360px;
	height: 360px;
}

#footer {
	margin:0 auto;
	width:960px;
	
}

#menu {
	float:left;
	margin:0 auto 0 60px;
	width:850px;
	height:93px;
	background: url(images/menu_022_bg_InPixio9_nuevo.jpg) no-repeat top center;
	
	}

#index #menu ul, #accesorios #menu ul, #pulseras #menu ul, #empresa #menu ul, #contacto #menu ul, #aros #menu ul, #collares #menu ul, #productos #menu ul, #anillos #menu ul, #piedras #menu ul{
	list-style:none ;
	width:700px;
	margin:0 auto auto 100px;
	
		}
		
#index_en #menu ul, #accessories #menu ul, #bracelets #menu ul, #company #menu ul, #contact #menu ul, #earrings #menu ul, #necklaces #menu ul, #products #menu ul, #rings #menu ul, #stones #menu ul{
	list-style:none ;
	width:680px;
	margin:0 auto auto 120px;
	
		}		

#menu li{
	list-style:none;
	display:block;
	float:left;
	height:93px;
	line-height:93px;
	margin:0 3px;		
	}

#menu li a{
	display:block;
	float:left;
	color: #000000;
	text-transform:uppercase;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:93px;
	text-decoration:none;
	padding:0 5px;	
	height:93px;
	}

#menu li a:hover{
	color:#5A2339;
	background: url(images/menu_022_h.jpg) repeat-x;
	}

#menu li a.current{
	display:block;
	float:left;
	background: url(images/menu_022_h.jpg) repeat-x;			
	color: #000000;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	line-height:93px;
	text-decoration:none;
	padding:0 20px;	
	height:93px;
	}

#menu li a:hover.current{
	color: #5A2339;
	}

#info {
	float:left;
	margin: 10px 0 10px auto;
	padding:5px 5px;
	text-align:center;
	font-size:0.95em;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	color: #fff;
}

#above p a {
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	}
#above p:hover {
	background-color:#FCC;
	color:#000;
	}
	

#above p a:hover {
	color:#0000ff;
}
	
#index_en #column2 h2, #index #column2 h2 {
	margin: 40px 0 0 30px;
}

#empresa #center h2, #company #center h2 {
	margin:10px 0 0 245px;
}

#piedras #center h3, #stones #center h3 {
	padding:10px 0 0 0;
	font-weight:bold;
	text-align:center;
	color:#600;
}

.resaltado {
	font-size:1.1em;
	font-weight:bold;
	font-variant:small-caps;
	color:#600;
}

#productos #center h2, #products #center h2, #anillos #center h2, #bracelets #center h2,  #pulseras #center h2, #rings #center h2, #necklaces #center h2, #collares #center h2 {
	margin:20px 0 0 315px;
}

#aros #center h2, #accesorios #center h2, #accessories #center h2, #earrings #center h2 
{
	margin:10px 0 0 295px;
}

#contacto #center h2, #contact #center h2, #piedras #center h2, #stones #center h2   {
	margin:10px 0 0 275px;
}

#abajo p {
	margin: auto;
	background-position:center;
}
	
/*
#form #column2, #form_en #column2 {
	float:left;
	margin:150px auto 20px 210px;
	background:#eee;
	border:#8C5063 5px solid;
	width:410px;
	height:525px;
}

.form-consulta {
	max-width: 410px; 
	background: #eee;
	padding: 15px; 
	font-family: Verdana, Geneva, sans-serif;
}

.campo-form {
	width:100%; 
	height:36px; 
	margin:2px 0 8px; 
	padding-left:6px; 
	box-sizing: border-box;
	border-radius:3px; 
	border:0; 
	font-family: 'Source Sans Pro', sans-serif; font-size:1em;
}
label span {
	color: #f00;
}

textarea {
	min-height:200px!important;
}

.btn-form {
	display: inline-block; 
	border:0; 
	background: #8C5063; 
	height: 46px; 
	line-height: 46px; 
	padding: 0 20px; border-radius:6px;
	color:#fff; 
	text-decoration: none;
	text-transform: uppercase; 
	letter-spacing: 1px;
}

.btn-form:hover {
	background: #444;
}
*/

