@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: 12px Tahoma;} /* nada tendrá padding ni margen, y las fuentes serán 11px */
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;}
a:link, a:visited, a:active {outline: none;}
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;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.float-left {display: inline; float: left;}
.float-right {display: inline; float: right;}
.clear {clear: both; margin: 0; padding: 0;}
.clear_2 {clear: both; margin: 0; padding: 0; height: 0;}
.clear_position {position: relative;}
.manolink {cursor: pointer;}
.ocultar {display: none}
.bloque {height: 1em; display: block; margin: 4px 0;}
.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/*
 * cómo hacer png trasnparentes 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 {background: #fff url(/imagenes/comunes/bg.png) repeat-x; text-align: center; color: #757575;}
#pagina {margin: 0 auto; width: 1001px; text-align: left;}

#cabecera {height: 264px; position: relative; background: url(/imagenes/comunes/cabecera-bg.png) no-repeat bottom;}
	#cabecera h1 {float: left; margin-left: 26px; width: 204px; height: 131px; display: inline; text-indent: -9999px; cursor: pointer; background: url(/imagenes/comunes/h1-bg.png) no-repeat ;}
	#cabecera h2 {text-indent: -9999px;}

#menu {height: 40px}
	#menu li {float: left; text-indent: -99999px;}
		#menu li a {height: 40px; display: block;}
		#menuCorpOff, #menuCorp:hover {width: 137px; background: url(/imagenes/comunes/menu_off/menu_over_03.jpg) no-repeat;}
		#menuCorp {width: 137px; background: url(/imagenes/comunes/menu_on/menu_03.jpg) no-repeat;}
		#menuServiciosOff, #menuServicios:hover {width: 101px; background: url(/imagenes/comunes/menu_off/menu_over_04.jpg) no-repeat;}
		#menuServicios {width: 101px; background: url(/imagenes/comunes/menu_on/menu_04.jpg) no-repeat;}
		#menuCalidadOff, #menuCalidad:hover {width: 82px; background: url(/imagenes/comunes/menu_off/menu_over_05.jpg) no-repeat;}
		#menuCalidad {width: 82px; background: url(/imagenes/comunes/menu_on/menu_05.jpg) no-repeat;}
		#menuInstaOff, #menuInsta:hover {width: 137px; background: url(/imagenes/comunes/menu_off/menu_over_06.jpg) no-repeat;}
		#menuInsta {width: 137px; background: url(/imagenes/comunes/menu_on/menu_06.jpg) no-repeat;}
		#menuInfraOff, #menuInfra:hover {width: 160px; background: url(/imagenes/comunes/menu_off/menu_over_07.jpg) no-repeat;}
		#menuInfra {width: 160px; background: url(/imagenes/comunes/menu_on/menu_07.jpg) no-repeat;}
		#menuAreaOff, #menuArea:hover {width: 160px; background: url(/imagenes/comunes/menu_off/menu_over_08.jpg) no-repeat;}
		#menuArea {width: 160px; background: url(/imagenes/comunes/menu_on/menu_08.jpg) no-repeat;}
		#menuCatalogoOff, #menuCatalogo:hover {width: 99px; background: url(/imagenes/comunes/menu_off/menu_over_09.jpg) no-repeat;}
		#menuCatalogo {width: 99px; background: url(/imagenes/comunes/menu_on/menu_09.jpg) no-repeat;}
		#menuContactoOff, #menuContacto:hover {width: 103px; background: url(/imagenes/comunes/menu_off/menu_over_10.jpg) no-repeat;}
		#menuContacto {width: 103px; background: url(/imagenes/comunes/menu_on/menu_10.jpg) no-repeat;}

#migas {margin-left: 25px; width: 700px; height: 45px;}

	#migas li {float: left; margin-top: 15px; font-size: 11px; color: #757575;}
		#migas li a {text-decoration: none; font-size: 11px; color: #757575;}

/* #contenido */

	#column_1 {float:left; padding-bottom: 30px; width: 750px;}
		#column_1 h3.h3 {text-indent: -99999px;}
	#column_2{float:left; width: 245px; display: inline;}	
		a.flechas {padding-left: 25px; margin-top: 5px; height: 13px; display: block; background: url(/imagenes/comunes/raquo.gif) no-repeat;}
		
		
		#contacto {margin-left: 15px; padding-top: 55px; width: 228px; height: 210px; background: url(/imagenes/comunes/contacto.jpg) top no-repeat; color: #000;}		
			#contacto h3.h3 {text-indent: -99999px;}
			#contacto p {margin-left: 38px;}
			#contacto a {margin: 120px 0 0 25px;}
		
		#column_2 dl {margin: 10px 0 0 25px; padding-top: 20px; width: 220px; height: 190px; background: url(/imagenes/comunes/bg-calidad.png) no-repeat;}	
			#column_2 dl dt {margin-left: 20px; width: 170px; height: 45px; background: url(/imagenes/comunes/h3-calidad.gif) no-repeat; text-indent: -99999px;}
				#column_2 dl dd img {float: left; margin-left: 10px;}
				#column_2 dl dd p {margin: 10px 0 10px 100px; width: 100px;}
				#column_2 dl dd a {margin-left: 100px}
			
		p.errores {background: #fbb; color: #f00; padding: 10px 0 10px 10px;}	

#pie {background: #000; height: 51px; color: #afafaf;} /*sin altura no toca el borde!*/
	#pie p {float: right; margin: 5px 150px 0 0; display: inline;}


/*** TEXTOS  *****/



/********************************************
				ENLACES 
**********************************************/
a:link, a:visited {color: #0962db; text-decoration: underline;}
a:hover {text-decoration: none;}


/*************/

/* Lista menu utilidades */
#nav_utilidades {position:absolute; top:2px; right:0px;} 
	#nav_utilidades li {float: left; margin: 0; padding-right: 3px; line-height: 18px;}
	#nav_utilidades li a:link, #nav_utilidades li a:visited {color: #dcdcdc; text-decoration: none;  font-size: 11px;}
	#nav_utilidades li img {margin-top: 3px; padding-left: 3px;}