@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:#D9DADB; margin:0; padding:0; overflow-x:hidden;} 
#pagina { margin:auto; width:1018px;}
	#pagina .fondo{ float:left; width:1018px;background:url(/imagenes/comunes/fondo.jpg); overflow:hidden;}
	#pagina .fondo_pie{ float:left; width:1018px;background:url(/imagenes/comunes/fondo-pie.jpg) no-repeat;}

strong { font-family:Arial;}

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

#cabecera{float:left; position:relative; display:inline; width:1035px; height:102px;}
	#cabecera h1 a{float:left; width:179px; height:40px; text-indent:-9999px; margin-top:19px; margin-left:39px; background:url(/imagenes/comunes/logo.jpg) no-repeat; cursor:pointer;}
	
	#cabecera .toplinks{float:right; position:relative; display:inline; margin-right:44px; margin-top:11px;}
		#cabecera .toplinks ul.top{float:left; display:inline;}
			#cabecera .toplinks ul.top li{float:left; margin-left:5px; display:inline;}
				#cabecera .toplinks ul.top li a{float:left; font-family:Verdana; font-size:10px; color:#000000; margin-right:5px;}
					#cabecera .toplinks ul.top li img{float:left; margin-top:-2px;}
	
	#cabecera .menu{float:left; width:1000px; height:28px; margin-top:16px; margin-left:9px; display:inline; background-color:#000;}
		#cabecera .menu ul.principal{float:left; width:1000px; height:28px; display:inline;}
			#cabecera .menu ul.principal li{float:left;}
				#cabecera .menu ul.principal li a{float:left;display:block; text-indent:-9999px;}
				
				#cabecera .menu ul.principal li a.empresa{width:132px; height:28px; background:url(/imagenes/comunes/menuES.gif) 0 0 no-repeat;}
				#cabecera .menu ul.principal li a:hover.empresa, #cabecera .menu ul.principal li a.empresa_actual{width:132px; height:28px; background:url(/imagenes/comunes/menuES.gif) 0 -28px no-repeat;}
				
				#cabecera .menu ul.principal li a.infraestructura{width:184px; height:28px; background:url(/imagenes/comunes/menuES.gif) -132px 0 no-repeat;}
				#cabecera .menu ul.principal li a:hover.infraestructura, #cabecera .menu ul.principal li a.infraestructura_actual{width:184px; height:28px; background:url(/imagenes/comunes/menuES.gif) -132px -28px no-repeat;}
				
				#cabecera .menu ul.principal li a.servicios{width:134px; height:28px; background:url(/imagenes/comunes/menuES.gif) -316px 0 no-repeat;}
				#cabecera .menu ul.principal li a:hover.servicios, #cabecera .menu ul.principal li a.servicios_actual{width:134px; height:28px; background:url(/imagenes/comunes/menuES.gif) -316px -28px no-repeat;}
				
				#cabecera .menu ul.principal li a.soluciones{width:150px; height:28px; background:url(/imagenes/comunes/menuES.gif) -450px 0 no-repeat;}
				#cabecera .menu ul.principal li a:hover.soluciones, #cabecera .menu ul.principal li a.soluciones_actual{width:150px; height:28px; background:url(/imagenes/comunes/menuES.gif) -450px -28px no-repeat;}
				
				#cabecera .menu ul.principal li a.noticias{width:130px; height:28px; background:url(/imagenes/comunes/menuES.gif) -600px 0 no-repeat;}
				#cabecera .menu ul.principal li a:hover.noticias, #cabecera .menu ul.principal li a.noticias_actual{width:130px; height:28px; background:url(/imagenes/comunes/menuES.gif) -600px -28px no-repeat;}
				
				#cabecera .menu ul.principal li a.clientes{width:130px; height:28px; background:url(/imagenes/comunes/menuES.gif) -730px 0 no-repeat;}
				#cabecera .menu ul.principal li a:hover.clientes, #cabecera .menu ul.principal li a.clientes_actual{width:130px; height:28px; background:url(/imagenes/comunes/menuES.gif) -730px -28px no-repeat;}
				
				#cabecera .menu ul.principal li a.contacto{width:140px; height:28px; background:url(/imagenes/comunes/menuES.gif) -860px 0 no-repeat;}
				#cabecera .menu ul.principal li a:hover.contacto, #cabecera .menu ul.principal li a.contacto_actual{width:140px; height:28px; background:url(/imagenes/comunes/menuES.gif) -860px -28px no-repeat;}

	#flash{margin-top:2px;}
	
/**********************************************
		TOOLTIP DE LA CABECERA (RSS)
***********************************************/

	#tooltip_de{background-color:#FFFFFF; background-image:url(/imagenes/comunes/rss_top.gif); background-position:top center; background-repeat:no-repeat; width:188px; position:absolute; left:765px; top:25px; z-index:9; display:none;}
#tooltip_de .texto{width:186px; float:left; display:inline; border-right:1px solid #1A1A1A; border-left:1px solid #1A1A1A; border-bottom:1px solid #1A1A1A; margin-top:12px; color:#747577; text-align:center; padding-top:10px; padding-bottom:10px; }
	#tooltip_de .texto .titulo{font-family:Arial; font-size:10px; width:166px; float:left; display:inline; text-align:left; color:#000000; margin-left:10px;}
	#tooltip_de .texto .desc{font-family:Arial; font-size:10px;  width:166px; float:left; display:inline; text-align:left; color:#747577; margin-left:10px; margin-top:5px;}
	#tooltip_de .texto a{font-family:Arial; font-size:11px; float:right; margin-right:10px; margin-top:5px; color:#000000; text-decoration:underline; display:block;}
	
/**********************************************
				CONTENIDO
***********************************************/
	#contenido{float:left; display:inline; width:1000px; margin-left:9px;}

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

					  

/**********************************************
				MIGAS
***********************************************/
#migas{float:left; width:100%; margin-left:16px; display:inline;}
	#migas .estas{float:left; font-family:Arial;font-size:11px; color:#58585A;}
	
	#migas a.normal{float:left; margin-left:5px;font-family:Arial; font-size:11px; color:#58585A; display:inline; margin-right:5px;}
	#migas a.ultima{float:left; margin-left:5px;font-family:Arial; font-size:11px; color:#000000; font-weight:bold; display:inline;}

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

#pie { float:left; display:inline; width:991px; margin-left:9px; display:inline;}
	#pie .col_empresa{float:left; margin-left:46px; margin-top:21px; width:158px; display:inline;}
	#pie .col_servicios{float:left; margin-top:21px; width:178px; display:inline;}
	#pie .col_soluciones{float:left; margin-top:21px; width:152px; display:inline;}
	#pie .col_contacto{float:left; margin-top:21px; width:179px; display:inline;}
	#pie .col_situacion{float:left; margin-top:21px; width:245px; text-align:right; display:inline;}
	
	#pie .titulo{float:left; width:100%; font-family:Arial; font-weight:bold; font-size:16px; color:#C6C7C8; height:33px; margin-left:1px; display:inline;}
	#pie ul.ul_pie{float:left; width:100%;}
		#pie ul.ul_pie li{float:left; width:100%; line-height:15px; font-family:Arial; font-size:11px; color:#FFFFFF;}
			#pie ul.ul_pie li a{float:left; width:90%; font-family:Arial; font-size:11px; color:#FFFFFF;}
			#pie ul.ul_pie li .lista{float:left; width:9px; font-family:Arial; font-size:11px; color:#C6C7C8;}
			#pie ul.ul_pie li input.mailing{float:left; width:173px; height:20x; font-family:Arial; font-size:11px; color:#9C9E9F;}
			#pie ul.ul_pie li .send{float:right; width:auto; font-family:Arial; font-size:11px; color:#C6C7C8;background:none; border:none;cursor:pointer;}
		
	#pie .col_situacion .dir{float:right; width:245px; font-family:Arial; font-size:11px; color:#C6C7C8; margin-bottom:14px;}
	#pie .col_situacion .contacto{float:right; width:245px; margin-top:5px; font-family:Arial; font-size:15px; color:#C6C7C8; font-weight:bold;}
		#pie .col_situacion .contacto .telefono{font-family:Arial; font-size:15px; color:#C6C7C8; font-weight:bold;}
		#pie .col_situacion .contacto  a{font-family:Arial; font-size:15px; color:#C6C7C8; font-weight:bold; text-decoration:underline;}

#pie .derechos{float:left; width:500px; margin-top:33px; margin-left:45px; font-family:Arial; font-size:11px; color:#000000; display:inline;}
	#pie .derechos .gris{font-family:Arial;font-family:Arial; font-size:11px; color:#707173;}
	
#pie .grupo{float:right; width:186px; margin-top:23px; text-align:right; display:inline;}
	#pie .grupo span{float:left; font-family:Arial; font-size:11px; color:#707173; margin-right:5px; margin-top:3px;}
	#pie .grupo a{float:left; width:74px; height:31px; display:block; background:url(/imagenes/comunes/prisma.gif) no-repeat;}
			
/************************************************
			CONDICIONES
************************************************/