@charset "utf-8";
/* CMO HACER APLICAR UN CAMBIO SLO 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 mrgenes ni paddings
 * -sin fondos ni estilo para listas
*/

* {margin: 0; padding: 0; font: 100% Tahoma,Arial,Helvetica,sans-serif;}
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;} 
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 rpido para destacar los bordes de un bloque*/

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

body { background:url(/imagenes/comunes/fnd_inf.jpg) repeat-x bottom; width:100%;}
#subpagina { background:url(/imagenes/comunes/fnd_sup.jpg) repeat-x top; width:100%;}
#pagina { margin:auto; width:1005px;}

/**********************************************
				CABECERA
***********************************************/

#cabecera { float:left; width:1005px; margin-top:19px; }
	#cabecera h1 { float:left;  }
	#cabecera h1 a { display:block; background:url(/imagenes/comunes/logo_cuatrocanos.jpg) no-repeat; width:303px; height:85px; text-indent:-9999px; }
	
#cabecera #nav_util { float:right; display:inline; margin-right:10px;}
	#cabecera #nav_util ul { float:left;}
	#cabecera #nav_util ul li { display: inline;}
	#cabecera #nav_util ul li span.linea-naranja { color:#ea6522; font-family:Tahoma; font-size:11px;}
	#cabecera #nav_util ul li a { font-family:Tahoma; color:#707173; font-size:11px; text-decoration: none; height: 11px;}
	#cabecera #nav_util ul li a:hover { text-decoration:underline; }
	


#cabecera #menu { display:inline; float:left; width:1005px; height:41px;}
	#menu ul {float:left;}
	#menu li {display:inline; float:left; }
	#menu li a {display:block; height:41px; text-indent:-9999px;}
	
		#menu li .index { background:url(/imagenes/comunes/menu.jpg) no-repeat 0px 0px; width:128px;}
		#menu li .index-selec { background: url(/imagenes/comunes/menu.jpg) no-repeat 0px -41px; width: 128px;}
		#menu li .index:hover { background: url(/imagenes/comunes/menu.jpg) no-repeat 0px -41px; width: 128px;}		
		
		#menu li .index-esquina { background:url(/imagenes/comunes/inicio-esquina.jpg) no-repeat 0px 0px; width:128px;}		
		#menu li .index-esquina:hover { background: url(/imagenes/comunes/inicio-esquina.jpg) no-repeat 0px -41px; width: 128px;}
	
		#menu li .grupo { background:url(/imagenes/comunes/menu.jpg) no-repeat -128px 0px; width:209px;}
		#menu li .grupo-selec { background:url(/imagenes/comunes/menu.jpg) no-repeat -128px -41px; width:209px;}
		#menu li .grupo:hover { background:url(/imagenes/comunes/menu.jpg) no-repeat -128px -41px; width:209px;}
		
		#menu li .proyectos-venta { background:url(/imagenes/comunes/menu.jpg) no-repeat -337px 0px; width:186px;}
		#menu li .proyectos-venta-selec { background:url(/imagenes/comunes/menu.jpg) no-repeat -337px -41px; width:186px;}
		#menu li .proyectos-venta:hover { background:url(/imagenes/comunes/menu.jpg) no-repeat -337px -41px; width:186px;}
		
		#menu li .ventajas-diferenciales { background:url(/imagenes/comunes/menu.jpg) no-repeat -523px 0px; width:205px;}
		#menu li .ventajas-diferenciales-selec { background:url(/imagenes/comunes/menu.jpg) no-repeat -523px -41px; width:205px;}
		#menu li .ventajas-diferenciales:hover { background:url(/imagenes/comunes/menu.jpg) no-repeat -523px -41px; width:205px;}
		
		#menu li .gana-dinero { background:url(/imagenes/comunes/menu.jpg) no-repeat -728px 0px; width:141px;}
		#menu li .gana-dinero-selec { background:url(/imagenes/comunes/menu.jpg) no-repeat -728px -41px; width:141px;}
		#menu li .gana-dinero:hover { background:url(/imagenes/comunes/menu.jpg) no-repeat -728px -41px; width:141px;}
		
		#menu li .contacto { background:url(/imagenes/comunes/menu.jpg) no-repeat -869px 0px; width:136px;}
		#menu li .contacto-selec { background:url(/imagenes/comunes/menu.jpg) no-repeat -869px -41px; width:136px;}
		#menu li .contacto:hover { background:url(/imagenes/comunes/menu.jpg) no-repeat -869px -41px; width:136px;}
		
		#menu li .contacto-esquina { background:url(/imagenes/comunes/menu.jpg) no-repeat -869px 0px; width:136px;}
		#menu li .contacto-esquina:hover { background:url(/imagenes/comunes/menu.jpg) no-repeat -869px -41px; width:136px;}
	

/**********************************************
				MIGAS
***********************************************/

.migas { float:left; margin-top:-18px; margin-left:32px; height:20px; display:inline;}
.migas span { float:left; font-family:Tahoma; font-size:11px; color:#000; margin-right:3px;}
.migas a { float:left; font-family:Tahoma; font-size:11px; color:#000; margin-right:3px;}
.migas a.actual { float:left; font-family:Tahoma; font-size:11px; color:#EA6522; margin-right:3px; font-weight:bold;}
	
/**********************************************
				PIE
***********************************************/

#pie { float:left; background:url(/imagenes/comunes/fnd-pie.gif) no-repeat; width:1005px; height:80px; margin-top:17px;}
	#pie p { display:inline; float:right; font-family:Tahoma; font-size:10px; color:#fff; margin-right:20px; margin-top:10px; text-align:right; text-transform:uppercase;}
	#pie p a {font-family:Tahoma; font-size:10px; color:#fff; }

	.pie-grupo{float:left;background:url(/imagenes/grupo/pie-grupo2.jpg) no-repeat;height:174px;width:996px;}
	.pie-grupo h5{margin-bottom:8px;}
	.pie-grupo div{float:left;display:block;width:245px;text-align:center;height:174px;}
    .pie-grupo #redes ul{width:230px;}
	.pie-grupo #redes li{display:inline; float:right;}
	
	.pie-grupo #gana a{display:block;}
	.pie-grupo #redes li{line-height:45px;}
	.pie-grupo #redes li img{vertical-align:middle;}
	
	.pie-grupo #promociones li{float:left;margin-top:15px; margin-left:20px;height:30px;}
	.pie-grupo #promociones h5{margin-bottom:15px;}