/* 

Hoja de estilo - Aristos Market

Alquimia Comunicación - Noviembre 2007 

*/


/* general
   -------------- */
   
body {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	margin: 0px;
	height: 100%;
	width: 100%;
	background: url(images/bg.png) repeat-x 1px 0px;
}
p, ul, form, h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}
a {
	text-decoration:none;
	color:#666;
}

a:hover {
	text-decoration:none;
	color:#999;
}

a img {
	border:none;
}
hr.breaker {
	clear: both;
	visibility:hidden;
}

.titularesg {
	color: #999;
	font-size:10pt;
	font-weight:bold;
}
.titulares {
	color: #999;
}
#flash {
	width:550px;
	height:600px;
	margin:auto;
}
#madein {
	position: absolute;
	right: 2px;
	bottom: 2px;
	height: 138px;
	width: 7px;
}


/* contenedor
   -------------- */

#contenedor {
	width: 800px;
	margin: auto;
}
#contenedor #cabecera {
	width: 800px;
	height: 201px;
	background-repeat: no-repeat;
	background-position:center top;
}
#contenedor #contenido {
	width: 800px;
	padding-top: 15px;
}
#contenedor #contenido #cajagris{
	width: 800px;
	height: 114px;
	background:url(images/cuadro_gris.gif) no-repeat;
}
#contenedor #contenido #cajagris #texto{
	width: 542px;
	height: 51px;
	padding-top: 22px;
	padding-left:50px;
}
	
#contenedor #contenido #idioma {
	width:800px;
	height:45px; 
	padding-top: 0px;
	font: 9 "Myriad Pro";
	margin-right:15px;
	list-style: none;
	text-align:right;
}	
#contenedor #contenido #idioma ul{ 
	margin:0px; 
	padding-top:12px; 
	padding-right:17px; 
	list-style:none; 
	text-align:right;
}
#contenedor #contenido #idioma ul li {
	display: inline;
}
#contenedor #contenido #idioma ul li a { 
	text-decoration:none; color:#999; 
}
#contenedor #contenido #idioma ul li a:hover { 
	text-decoration:underline; color:#666;
}
#contenedor #contenido #content {
	width: 590px;
	float: left;
}
#contenedor #contenido #content #secciones{
	width: 590px;
	height: 30px;
}
#contenedor #contenido #content #texto{ 
	padding-top: 25px;
	font: 9pt "Myriad Pro";
	margin-right:35px;
	text-align:justify;
	color:#666;
}
* html #contenedor #contenido #content #texto{ 
	padding-top: 25px;
	font: 9pt "Myriad Pro";
	margin-right:35px;
	text-align:justify;
	color:#666;
	height: 300px;
}
#contenedor #contenido #banner {
	width: 210px;
	float: right;
}
#contenedor #contenido #banner #acceso{
	width: 210px;
	height:160px;
}
#contenedor #contenido #banner #acceso h3 span {
	display: none;
}
#contenedor #contenido #banner #acceso h3 a {
	width: 210px;
	height:160px;
	display: block;
	text-decoration: none;
	background: url(images/acceso.gif) no-repeat;
}
#contenedor #contenido #banner #acceso h3 a:hover {
	background: url(images/acceso_b.gif) no-repeat;
}
#contenedor #contenido #banneren {
	width: 210px;
	float: right;
}
#contenedor #contenido #banneren #acceso{
	width: 210px;
	height:160px;
}
#contenedor #contenido #banneren #acceso h3 span {
	display: none;
}
#contenedor #contenido #banneren #acceso h3 a {
	width: 210px;
	height:160px;
	display: block;
	text-decoration: none;
	background: url(images/access_a.gif) no-repeat;
}
#contenedor #contenido #banneren #acceso h3 a:hover {
	background: url(images/access_b.gif) no-repeat;
}
#contenedor #contenido #bannerchn {
	width: 210px;
	float: right;
}
#contenedor #contenido #bannerchn #acceso{
	width: 210px;
	height:160px;
}
#contenedor #contenido #bannerchn #acceso h3 span {
	display: none;
}
#contenedor #contenido #bannerchn #acceso h3 a {
	width: 210px;
	height:160px;
	display: block;
	text-decoration: none;
	background: url(images/accesschn_a.gif) no-repeat;
}
#contenedor #contenido #bannerchn #acceso h3 a:hover {
	background: url(images/accesschn_b.gif) no-repeat;
}
#contenedor #contenido #banner #telefono{
	width: 210px;
	height: 262px;
}
	

/*  Menus personalizados
	----------------------- */
	
#contenedor #menu {height:47px; padding-top: 0px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
#contenedor #menu { width:800px; margin:0px auto; }
#contenedor #menu ul{ margin:0px; padding:0px; list-style:none; text-align:center; text-indent: -10000px; }
#contenedor #menu ul li {float:left; }
#contenedor #menu ul li a span {display: none; }
#contenedor #menu ul li a { display:block; margin: 0px 0px; background-repeat: no-repeat; background-position:left top; height: 47px; }
#contenedor #menu ul li a:hover { background-position:left bottom; }

/* Imagenes de los distintos menús */
#contenedor #menu ul li a#empresa { background-image: url(images/bot_empresa.gif); width: 200px; }
#contenedor #menu ul li a#servicios	{ background-image: url(images/bot_servicios.gif); width: 200px; }
#contenedor #menu ul li a#localizacion { background-image: url(images/bot_localizacion.gif); width: 200px; }
#contenedor #menu ul li a#contacto { background-image: url(images/bot_contacto.gif); width: 200px; }
/* fin menu
   -------------- */

/*  Menus ingles
	----------------------- */
	
#contenedor #menuen {height:47px; padding-top: 0px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
#contenedor #menuen { width:800px; margin:0px auto; }
#contenedor #menuen ul{ margin:0px; padding:0px; list-style:none; text-align:center; text-indent: -10000px; }
#contenedor #menuen ul li {float:left; }
#contenedor #menuen ul li a span {display: none; }
#contenedor #menuen ul li a { display:block; margin: 0px 0px; background-repeat: no-repeat; background-position:left top; height: 47px; }
#contenedor #menuen ul li a:hover { background-position:left bottom; }

/* Imagenes de los distintos menús */
#contenedor #menuen ul li a#company { background-image: url(images/bot_company.gif); width: 200px; }
#contenedor #menuen ul li a#services	{ background-image: url(images/bot_services.gif); width: 200px; }
#contenedor #menuen ul li a#location { background-image: url(images/bot_location.gif); width: 200px; }
#contenedor #menuen ul li a#contact { background-image: url(images/bot_contact.gif); width: 200px; }
/* fin menu ingles
   -------------- */  
    
/*  Menus chino
	----------------------- */
	
#contenedor #menuchn {height:47px; padding-top: 0px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
#contenedor #menuchn { width:800px; margin:0px auto; }
#contenedor #menuchn ul{ margin:0px; padding:0px; list-style:none; text-align:center; text-indent: -10000px; }
#contenedor #menuchn ul li {float:left; }
#contenedor #menuchn ul li a span {display: none; }
#contenedor #menuchn ul li a { display:block; margin: 0px 0px; background-repeat: no-repeat; background-position:left top; height: 47px; }
#contenedor #menuchn ul li a:hover { background-position:left bottom; }

/* Imagenes de los distintos menús */
#contenedor #menuchn ul li a#company { background-image: url(images/bot_comp_chn.gif); width: 200px; }
#contenedor #menuchn ul li a#services	{ background-image: url(images/bot_serv_chn.gif); width: 200px; }
#contenedor #menuchn ul li a#location { background-image: url(images/bot_loca_chn.gif); width: 200px; }
#contenedor #menuchn ul li a#contact { background-image: url(images/bot_cont_chn.gif); width: 200px; }
/* fin menu chino
   -------------- */ 

/* footer
   -------------- */
   
#contenedor #footer {
	clear:both;
	width: 800px;
	height:100px;
	padding-top: 10px;
	background:url(images/footer.gif) no-repeat;
	background-position:bottom;
}
#contenedor #footer #top{
	width: 69px;
	height: 100px;
	float:right;
	background-position:bottom;
}
#contenedor #footer #top h3 span {
	display: none;
}
#contenedor #footer #top h3 a {
	width: 69px;
	height:100px;
	display: block;
	text-decoration: none;
	background: url(images/flecha_a.gif) no-repeat;
	background-position:bottom;
}
#contenedor #footer #top h3 a:hover {
	background: url(images/flecha_b.gif) no-repeat;
	background-position:bottom;
}

#contenedor #footeren {
	clear:both;
	width: 800px;
	height:100px;
	background:url(images/footer_en.gif) no-repeat;
	background-position:bottom;
	padding-top: 10px;
}
#contenedor #footeren #top{
	width: 69px;
	height: 100px;
	float:right;
	background-position:bottom;
}
#contenedor #footeren #top h3 span {
	display: none;
}
#contenedor #footeren #top h3 a {
	width: 69px;
	height:100px;
	display: block;
	text-decoration: none;
	background: url(images/flecha_a.gif) no-repeat;
	background-position:bottom;
}
#contenedor #footeren #top h3 a:hover {
	background: url(images/flecha_b.gif) no-repeat;
	background-position:bottom;
}