@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 Arial;} /* nada tendrá padding ni margen, y las fuentes serán 12px */
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;}
.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*/

/*
 * 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: #858585;}
#pagina {margin: 0 auto; width: 1000px; text-align: justify; background: #fff;}

#cabecera {position: relative; height: 125px;}
	h1 {float: left; margin-left: 7px; width: 171px; height: 113px; display: inline; text-indent: -9999px; cursor: pointer; background: url(/imagenes/comunes/h1-bg.gif) no-repeat ;}

#menu {float: right; margin: 68px 15px 0 0; display: inline;}
	#menu li {float: left;}
		#menu li a {height: 50px; width: 80px; display: block; text-indent: -9999px;}
		#grupo-on, #grupo-off:hover {background: url(/imagenes/comunes/grupo-on.gif) no-repeat;}
		#grupo-off {background: url(/imagenes/comunes/grupo-off.gif) no-repeat;}
		#tiendas-on, #tiendas-off:hover {background: url(/imagenes/comunes/tiendas-on.gif) no-repeat;}
		#tiendas-off {background: url(/imagenes/comunes/tiendas-off.gif) no-repeat;}
		#asociarse-on, #asociarse-off:hover {background: url(/imagenes/comunes/asociarse-on.gif) no-repeat;}
		#asociarse-off {background: url(/imagenes/comunes/asociarse-off.gif) no-repeat;}
		#servicios-on, #servicios-off:hover {background: url(/imagenes/comunes/servicios-on.gif) no-repeat;}
		#servicios-off {background: url(/imagenes/comunes/servicios-off.gif) no-repeat;}
		#noticias-on, #noticias-off:hover {background: url(/imagenes/comunes/noticias-on.gif) no-repeat;}
		#noticias-off {background: url(/imagenes/comunes/noticias-off.gif) no-repeat;}
		#contacto-on, #contacto-off:hover {background: url(/imagenes/comunes/contacto-on.gif) no-repeat;}
		#contacto-off {background: url(/imagenes/comunes/contacto-off.gif) no-repeat;}

#migas{margin: 3px 0 3px; height: 45px; border-top: 12px solid #b1b3b4;}
	#migas ul {float: left; margin-top: 10px;}
		#migas ul li {float: left; color: #6d6d6d;}
			#migas ul li a {color: #6d6d6d;}
	#migas div{float: right; margin: 6px 15px 0 0; padding: 10px 0 0 40px; display: inline; height: 30px; background: url(/imagenes/comunes/cesta.gif) no-repeat 2px 7px;}
		#migas div span{font: bold 12px Arial; color: #828283;}
		#migas div a{font: bold 12px Arial; color: #aa4e0e;}
	

		
#contenido {}

#pie {margin: 30px auto 10px;}


/*** TEXTOS  *****/



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


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

/* Lista menu utilidades */
#nav_utilidades {position: absolute; top: 10px; right: 5px;} 
#nav_utilidades li {float: left; margin-left: 7px; display: inline; border-right: 1px solid #6d6d6d}
li.ultimo {border-right: none !important;}
#nav_utilidades li a {padding: 5px 7px 3px 20px; color: #6d6d6d; font-size: 11px;}
#home {padding-left: 15px !important; background: url(/imagenes/comunes/home.gif) no-repeat;}
#amigos {background: url(/imagenes/comunes/amigo.gif) no-repeat;}
#news {background: url(/imagenes/comunes/news.gif) no-repeat;}
#rrhh {background: url(/imagenes/comunes/rrhh.gif) no-repeat;}
#mapa {padding-left: 25px !important; background: url(/imagenes/comunes/mapa.gif) no-repeat;}
#contacto {background: url(/imagenes/comunes/contacto.gif) no-repeat;}
#sigueFace {padding: 5px 0px 3px 0px !important;}
	#sigueFace img{margin-top:-5px !important;}