@charset "utf-8";
/* CÓMO HACER APLICAR UN CAMBIO SÓLO A UN EXPLORADOR (HACK) 
IE6 --->	* html propiedad
IE7 --->	*+html propiedad
Opera 9 y anteriores --->	html:first-child propiedad
*/

/* COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS:
 * -sin bordes
 * -sin márgenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 11px Arial;}
q:before,q:after {content: "";}
sup {font-size: 0.8em;}
sub {font-size: 0.8em;}
ul {list-style-type: none;}
a {border: none; text-decoration: none; color: #52006e;}
a:link, a:visited, a:active {outline: none;}
a:hover {text-decoration: underline;}
img {border: none; text-decoration: none;} /* background: url(); aparecerá como fondo de la imagen, útil para imágenes de carga */
acronym {border: 0;}

/* igualar las fuentes a todos los elementos */
h1, h2, h3, h4, h5, strong {font-size: 100%; font-weight: bold;}

/* tablas */
table {width: 100%; border-collapse: collapse; border-spacing: 0;}

/* propociona altura a divs sin altura con contenido flotado */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/* Loading de clueTip */
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/imagenes/comunes/loading.gif);
}
/*
 * cómo hacer png transparentes en IE6
 * dado un div...:
 * #bloque {background: url(/imagenes/index/abcd.png); behavior: url(/estilos/ie6pngfix/iepngfix.php);
 * 
 * si abcd.png está guardado con canal alfa, dejará ver el fondo. behavior sólo lo interpreta IE6.
 * 
 */

/* FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS */

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/

body {text-align: center; color: #999; background: url(/imagenes/comunes/bg2.gif) no-repeat /*#f5f5f5*/#fff center top;}
* html body {background-image: url(/imagenes/comunes/bg2-ie.gif);}
*+html body {background-image: url(/imagenes/comunes/bg2-ie.gif);}
#pagina {margin: 0 auto; width: 1000px; text-align: left;}

#wrap_cabecera {width: 100%; min-height: 162px; height: auto !important; height: 162px; background: url(/imagenes/comunes/bg-arriba.gif) no-repeat #f7f7f7 center top; text-align: left;}
* html #wrap_cabecera {background-image: url(/imagenes/comunes/bg-arriba-ie.gif);}
*+html #wrap_cabecera {background-image: url(/imagenes/comunes/bg-arriba-ie.gif);}
#cabecera {margin: 0 auto; width: 1000px; background: #fff;}
	#cabecera h1 {float: left; margin: 11px 0 0 11px; width: 300px; height: 65px; display: inline; background: url(/imagenes/comunes/h1-bg.gif) no-repeat; text-indent: -9999px; cursor: pointer;}
	#cabecera h2 {text-indent: -9999px;}

	#nav {float: left; margin: 19px 0 0 230px; display: inline;} 
		#nav li {float: left; padding-top: 6px; display: inline;}
		#nav-1 {padding-left: 15px; background: url(/imagenes/comunes/nav-1.gif) no-repeat 0 6px;}
		#nav-2 {padding-left: 30px; background: url(/imagenes/comunes/nav-2.gif) no-repeat 0 6px;}
		#nav-3 {padding-left: 27px; background: url(/imagenes/comunes/nav-3.gif) no-repeat 0 7px;}
		#nav-4 {padding-left: 35px; background: url(/imagenes/comunes/nav-4.gif) no-repeat 0 6px;}
		#nav-5 {padding-left: 8px; background: url(/imagenes/comunes/nav-5.gif) no-repeat 0 5px;}	
			#nav li a {height: 14px; color: #8f8e8c; font-size: 11px;}
		#nav li.buscar {padding-top: 0 !important;}		
			#nav li.buscar div {margin-left: 10px;}
				#buscar {padding: 6px 2px 0 25px; width: 140px; height: 20px; border: none; background: url(/imagenes/comunes/buscar.gif) no-repeat; color: #8f8e8c;}
				#submitbuscar {padding-top:6px; margin-left: -3px; width: 16px; height: 24px; background: url(/imagenes/comunes/submitbuscardisable.gif) no-repeat; border: none; cursor: pointer;}
				* html #submitbuscar {margin-left: -3px; width: 16px; height: 26px; background: url(/imagenes/comunes/submitbuscardisable.gif) no-repeat; border: none; cursor: pointer;}
				*+html #submitbuscar {margin-left: -3px; width: 16px; height: 26px; background: url(/imagenes/comunes/submitbuscardisable.gif) no-repeat; border: none; cursor: pointer;}
	
	#menu {}
		#menu li {float: left; display: inline;}
			#menu li a {display: block; height: 67px; text-indent: -9999px;}
			#menu li a:hover, #menu li a.hover {}
			#conocenos {width: 123px; background: url(/imagenes/comunes/conocenos-off.gif) no-repeat}
			#conocenos:hover, #conocenos.hover {background: url(/imagenes/comunes/conocenos-on.gif) no-repeat}	
				#submenu {width: 1000px; background: url(/imagenes/comunes/submenu-bg.gif) repeat-x;}
					#submenu li {float: left; display: inline;}
						#submenu li a {display: block; height: 41px; text-indent: -9999px;}
						#estrategia {width: 163px; background: url(/imagenes/comunes/estrategia-off.gif) no-repeat;}
						#estrategia:hover, #estrategia.hover {background: url(/imagenes/comunes/estrategia-on.gif) no-repeat;}
						#localizacion {width: 102px; background: url(/imagenes/comunes/localizacion-off.gif) no-repeat;}
						#localizacion:hover, #localizacion.hover {background: url(/imagenes/comunes/localizacion-on.gif) no-repeat;}
						#video {width: 151px; background: url(/imagenes/comunes/video-off.jpg) no-repeat;}
						#video:hover, #localizacion.hover {background: url(/imagenes/comunes/video-on.jpg) no-repeat;}
						
			#instalaciones {width: 132px; background: url(/imagenes/comunes/instalaciones-off.gif) no-repeat;}
			#instalaciones:hover, #instalaciones.hover {background: url(/imagenes/comunes/instalaciones-on.gif) no-repeat 0 1px;}
			#logistica {width: 101px; background: url(/imagenes/comunes/logistica-off.gif) no-repeat;}
			#logistica:hover, #logistica.hover {background: url(/imagenes/comunes/logistica-on.gif) no-repeat 0 -1px;}
			#calidad {width: 96px; background: url(/imagenes/comunes/calidad-off.gif) no-repeat;}
			#calidad:hover, #calidad.hover {background: url(/imagenes/comunes/calidad-on.gif) no-repeat 0 -1px;}
			#catalogo {width: 99px; background: url(/imagenes/comunes/catalogo-off.gif) no-repeat;}
			#catalogo:hover, #catalogo.hover{background: url(/imagenes/comunes/catalogo-on.gif) no-repeat;}
			#saladeprensa {width: 142px; background: url(/imagenes/comunes/saladeprensa-off.gif) no-repeat;}
			#saladeprensa:hover, #saladeprensa.hover {background: url(/imagenes/comunes/saladeprensa-on.gif) no-repeat 0 -3px;}
			#proveedores {width: 123px; background: url(/imagenes/comunes/proovedores-off.gif) no-repeat;}
			#proveedores:hover, #proveedores.hover {background: url(/imagenes/comunes/proovedores-on.gif) no-repeat 0 -2px;}
			#faqs {width: 78px; background: url(/imagenes/comunes/faq-off.gif) no-repeat;}
			#faqs:hover, #faqs.hover {background: url(/imagenes/comunes/faq-on.gif) no-repeat 0 -9px;}
			#contacto {width: 106px; background: url(/imagenes/comunes/contacto-off.gif) no-repeat;}
			#contacto:hover, #contacto.hover {background: url(/imagenes/comunes/contacto-on.gif) no-repeat 0 1px;}
			
	#migas {padding-left: 5px; background: url(/imagenes/comunes/migas-bg.gif) no-repeat -1px -4px; color: #868686;}
		#migas li {float: left; padding: 0 10px 0 5px; height: 19px; display: inline; font-size: 10px; line-height: 17px;}
		#home {width: 20px; background: url(/imagenes/comunes/li-bg.gif) no-repeat right bottom;}	
			#migas li a {color: #96414f; font-size: 10px; line-height: 17px;}
			#home a {display: block; background: url(/imagenes/comunes/home.gif) no-repeat; text-indent: -9999px;}
			#migas li ul {float: left;}
	
#contenido {min-height: 837px; height: auto !important; height: 837px;}
	#flash {height: 180px;}
#wrap_pie {width: 100%; height: 152px; background: url(/imagenes/comunes/bg-abajo.gif) no-repeat #f7f7f7 center -1px; text-align: left;}
* html #wrap_pie {background-image: url(/imagenes/comunes/bg-abajo-ie.gif);}
*+html #wrap_pie {background-image: url(/imagenes/comunes/bg-abajo-ie.gif);}
#pie {margin: 0 auto; width: 1000px; height: 138px; background: url(/imagenes/comunes/pie-bg.gif) no-repeat;}
	#pie p {float: left; display: inline;}
	#madrid {margin: 38px 0 0 18px; width: 200px; color: #fff;}
	#barcelona {margin: 38px 0 0 85px; width: 220px; color: #fff;}
	#derechos {margin: 17px 0 0 75px; color: #a7a090;}
		#derechos a {font-weight: bold; color: #a7a090; text-decoration: underline;}
		#derechos a:hover {text-decoration: none;}