@charset "UTF-8";
/* Gesta Centro Cambiario - hoja de estilos general (quienes, donde, divisas, metales) */

*{ margin:0; padding:0; border:0; outline:none; }

body{ background-color:#3C2300; background-attachment:fixed; }

/* ---- Contenedores (uno por página) ---- */
#wrapper, #wrapper_donde, #wrapper_divisas, #wrapper_metales{
	width:955px; margin:auto; position:relative; top:10px; height:600px;
	background-repeat:no-repeat;
}
#wrapper{ background-image:url(../img/fondo_wraper_quienes.jpg); }
#wrapper_donde{ background-image:url(../img/fondo_wraper_donde_donde2.jpg); height:590px; }
#wrapper_divisas{ background-image:url(../img/fondo_wraper_divisas2.jpg); }
#wrapper_metales{ background-image:url(../img/fondo_wraper_metales.jpg); }

#header{ height:104px; position:relative; left:150px; top:-3px; }

/* ---- Menú (botones con sprite) ---- */
ol{ list-style:none; }
#menu li{ list-style:none; }
#menu li a{
	float:left; background-image:url(../img/botones_menu.png);
	margin:auto; position:relative; left:-3px; top:0px; height:30px;
}
#inicio{ background-position:0 0; width:60px; }
#inicio:visited{ background-position:0 -30px; }
#inicio:hover{ background-position:0 -60px; }
#inicio:active{ background-position:0 -90px; }
#quienes{ background-position:-60px 0; width:110px; }
#quienes:hover{ background-position:-60px -60px; }
#quienes:active{ background-position:-60px -90px; }
#donde{ background-position:-170px 0; width:120px; }
#donde:hover{ background-position:-170px -60px; }
#donde:active{ background-position:-170px -30px; }
#divisas{ background-position:-290px 0; width:70px; }
#divisas:hover{ background-position:-290px -60px; }
#divisas:active{ background-position:-290px -90px; }
#metales{ background-position:-360px 0; width:160px; }
#metales:hover{ background-position:-360px -60px; }
#metales:active{ background-position:-360px -90px; }
#aviso{ background-position:-520px 0; width:140px; }
#aviso:hover{ background-position:-520px -60px; }
#aviso:active{ background-position:-520px -90px; }

/* ---- Quiénes somos ---- */
#texto_quienes{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B2300;
	position:absolute;
	left:20px;
	top:173px;
	width:360px;
	text-align:justify;
}
#banner{ position:absolute; left:429px; top:169px; }

/* ---- Dónde estamos (dos recuadros: izquierdo x=8, derecho x=356) ---- */
#suc1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3B2300;
	position:absolute;
	left:8px;
	top:172px;
	width:295px;
	font-style:inherit;
}
#dir1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B2300;
	position:absolute;
	left:8px;
	top:203px;
	width:295px;
}
#email1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3B2300;
	position:absolute;
	left:8px;
	top:326px;
	width:295px;
}
#mailto1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#069;
	position:absolute;
	left:8px;
	top:340px;
	width:295px;
	text-decoration:none;
}
#horario1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3B2300;
	position:absolute;
	left:8px;
	top:370px;
	width:295px;
}
#suc3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3B2300;
	position:absolute;
	left:356px;
	top:172px;
	width:295px;
	font-style:inherit;
}
#dir3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B2300;
	position:absolute;
	left:356px;
	top:203px;
	width:295px;
}
#email3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3B2300;
	position:absolute;
	left:356px;
	top:326px;
	width:295px;
}
#mailto3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#069;
	position:absolute;
	left:356px;
	top:340px;
	width:295px;
	text-decoration:none;
}
#horario3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3B2300;
	position:absolute;
	left:356px;
	top:370px;
	width:295px;
}

/* ---- Divisas ---- */
#banner2{ position:absolute; left:187px; top:173px; }
#suc44{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3B2300;
	position:absolute;
	left:205px;
	top:350px;
	width:340px;
	font-style:inherit;
}
#dir44{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B2300;
	position:absolute;
	left:205px;
	top:385px;
	width:430px;
}

/* ---- Metales amonedados ---- */
#banner3{ position:absolute; left:192px; top:175px; }
#suc5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3B2300;
	position:absolute;
	left:200px;
	top:382px;
	width:340px;
	font-style:inherit;
}
#dir5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B2300;
	position:absolute;
	left:200px;
	top:412px;
	width:430px;
}
#suc6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B2300;
	position:absolute;
	left:200px;
	top:450px;
	width:340px;
	font-style:inherit;
}
#dir6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B2300;
	position:absolute;
	left:200px;
	top:475px;
	width:430px;
}
#suc7{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B2300;
	position:absolute;
	left:380px;
	top:450px;
	width:340px;
	font-style:inherit;
}
#dir7{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3B2300;
	position:absolute;
	left:380px;
	top:475px;
	width:430px;
}