@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 Tahoma;}
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 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(/recursos/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:#b1b3b4;}
#pagina { margin:auto; width:1001px; border-left:1px solid #999; border-right:1px solid #999; background:#fff; }

strong { font-family:Arial;}

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

#cabecera { float:left; width:960px; height:100px; margin-left:21px;}
	#cabecera h1 { float:left;}
	#cabecera h1 a { background:url(/imagenes/comunes/h1-logo.gif) no-repeat; width:196px; height:99px; display:block;}	
	#cabecera #accesoclientes { float:left; background:url(/imagenes/comunes/fnd-accesoclientes.gif) no-repeat; width:310px; height:34px; }	
		#cabecera #accesoclientes span{ float:left; display:inline; color:#ffffff; font-family:Arial; font-size:11px; margin-left:5px; margin-top:9px;}	
		#cabecera #accesoclientes #usuario, #cabecera #accesoclientes #clave{ float:left; display:inline; color:#87888a; font-family:Arial; font-size:11px; border:1px solid #c6c7c8; width:97px; height:18px; margin-left:2px; margin-top:9px;}	
		#cabecera #accesoclientes button{ float:left; display:inline; color:#ffffff; font-family:Arial; font-size:11px; width:15px; background:none; border:none; margin-top:11px; cursor:pointer;}	
	#cabecera img { margin-top:10px;}
	
	
/**********************************************
				NAV_UTIL
***********************************************/
#nav_util { display:inline; float:left; text-align:right; width:300px; color: #8f8e8c; margin-left:110px; margin-right:42px;}	 
#nav_util ul { margin-top:10px; }
#nav_util li {color: #8f8e8c; display: inline; }
#nav_util li a { color: #8f8e8c; font-size: 11px; text-decoration: none; font-family:Arial;}
#nav_util li a:hover {text-decoration: underline;}
#nav_util li a img.nav_util { margin-top:10px; margin-left:0px; }

/**********************************************
				MENU
***********************************************/

#cabecera #menu { display:inline; float:left; width:711px; margin-left: 53px; margin-top:29px;}
		  #menu li {float: left;}
		  #menu li a {display: block; height:34px; text-indent: -9999px;}
			
				  #menu ul a.la-red { width:102px; background:url(/imagenes/comunes/menu.gif) no-repeat 0px 0px;}
				  #menu ul a.la-red:hover { background: url(/imagenes/comunes/menu.gif) no-repeat 0px -37px;}
				  #menu ul a.la-red-selec { width:102px; background: url(/imagenes/comunes/menu.gif) no-repeat 0px -37px;}
				  
				  #menu ul a.rse { width:81px; background:url(/imagenes/comunes/menu.gif) no-repeat -102px 0px;}
				  #menu ul a.rse:hover { background: url(/imagenes/comunes/menu.gif) no-repeat -102px -37px;}
				  #menu ul a.rse-selec { width:81px; background: url(/imagenes/comunes/menu.gif) no-repeat -102px -37px;}					  
				  
				  #menu ul a.pacto { width:155px; background:url(/imagenes/comunes/menu.gif) no-repeat -183px 0px;}
				  #menu ul a.pacto:hover { background: url(/imagenes/comunes/menu.gif) no-repeat -183px -37px;}
				  #menu ul a.pacto-selec {  width:155px; background: url(/imagenes/comunes/menu.gif) no-repeat -183px -37px;}
				  
				  #menu ul a.actividades { width:120px; background:url(/imagenes/comunes/menu.gif) no-repeat -338px 0px;}
				  #menu ul a.actividades:hover { background: url(/imagenes/comunes/menu.gif) no-repeat -338px -37px;}
				  #menu ul a.actividades-selec {  width:120px; background: url(/imagenes/comunes/menu.gif) no-repeat -338px -37px;}				  
				  
				  #menu ul a.comunicacion { width:141px; background:url(/imagenes/comunes/menu.gif) no-repeat -458px 0px;}
				  #menu ul a.comunicacion:hover { background: url(/imagenes/comunes/menu.gif) no-repeat -458px -37px;}
				  #menu ul a.comunicacion-selec { width:141px; background: url(/imagenes/comunes/menu.gif) no-repeat -458px -37px;}
				  
				  #menu ul a.contacto { width:112px; background:url(/imagenes/comunes/menu.gif) no-repeat -599px 0px;}
				  #menu ul a.contacto:hover { background: url(/imagenes/comunes/menu.gif) no-repeat -599px -37px;}
				  #menu ul a.contacto-selec { width:112px; background: url(/imagenes/comunes/menu.gif) no-repeat -599px -37px;}
					  

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

#migas { float:left; width:961px; height:24px; padding-top:10px;  margin-left:21px;}

/**********************************************
				PIE
***********************************************/

#pie { width:960px; height:102px; background:#9b9b9d; margin-left:21px; margin-top:12px;clear:both;}
	#pie p.links { display:inline; float:left; font-family:Arial; font-size:11px; color:#d9dadb; margin-left:40px; margin-top:8px; text-align:center;}
	#pie a.links { font-family:Arial; font-size:11px; color:#d9dadb;}
	#pie p.firma { display:inline; float:left; font-family:Arial; font-size:10px; color:#d9dadb; margin-left:350px; margin-top:40px; }
	#pie p.firma a { font-family:Arial; color:#d9dadb;}

	
/************************************************
			CONDICIONES
************************************************/