@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: 0px 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
***********************************************/
.limpiar {clear: both; font-size: 0px; height: 0px;}
#pagina { width:1014px; margin:auto;}

#colizq { display:inline; float:left; background:url(/imagenes/comunes/fnd-izq.jpg) no-repeat; width:11px; height:698px; }
#colcentro { float:left; width:907px;}
#colder { float:left; background:url(/imagenes/comunes/fnd-der.jpg) no-repeat; width:11px;}


/**********************************************
				CABECERA
***********************************************/
#mapa-web a {color:#1a698e;}
#mapa-web {text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#1a698e; margin:5px 12px 5px 0px;}

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

#cabecera {float:left; display:inline; margin:0px 10px; text-indent:-999999px; width:907px;}
	#cabecera  h1{float:left;display:inline;background: url(/imagenes/comunes/h1-ig.jpg) no-repeat; text-indent:-999999px; width:140px; height:139px;}
	#cabecera  #texto-cabecera{float:left;display:inline;background: url(/imagenes/comunes/cabecera-texto.jpg) no-repeat; text-indent:-999999px; width:740px; height:72px;}
	
#borde-menu{background: url(/imagenes/comunes/borde-cabecera.gif) no-repeat; float:left; display:inline; width:907px; height:21px;}

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

#menu ul li { margin-left:3px;}
#menu ul li.home { float: left; background:url(/imagenes/comunes/btn-homeOFF.gif) no-repeat; height: 35px; width: 162px; text-indent:-9999px;}
#menu ul li.home:hover { float: left; background:url(/imagenes/comunes/btn-homeON.gif) no-repeat; height: 35px; width: 162px; text-indent:-9999px;}
#menu ul li.home-selec { float: left; background:url(/imagenes/comunes/btn-homeON.gif) no-repeat; height: 35px; width: 162px; text-indent:-9999px;}

#menu ul li.servicios { float: left; background:url(/imagenes/comunes/btn-nuestros-serviciosOFF.gif) no-repeat; height: 35px; width: 162px; text-indent:-9999px;}
#menu ul li.servicios:hover { float: left; background:url(/imagenes/comunes/btn-nuestros-serviciosON.gif) no-repeat; height: 35px; width: 162px; text-indent:-9999px;}
#menu ul li.servicios-selec { float: left; background:url(/imagenes/comunes/btn-nuestros-serviciosON.gif) no-repeat; height: 35px; width: 162px; text-indent:-9999px;}

#menu ul li.presupuestos { float: left; background:url(/imagenes/comunes/btn-presupuestosOFF.gif) no-repeat; height: 35px; width: 162px; text-indent:-9999px;}
#menu ul li.presupuestos:hover { float: left; background:url(/imagenes/comunes/btn-presupuestosON.gif) no-repeat; height: 35px; width: 162px; text-indent:-9999px;}
#menu ul li.presupuestos-selec { float: left; background:url(/imagenes/comunes/btn-presupuestosON.gif) no-repeat; height: 35px; width: 162px; text-indent:-9999px;}

#menu ul li.contacto { float: left; background:url(/imagenes/comunes/btn-contactoOFF.gif) no-repeat; height: 35px; width: 162px; text-indent:-9999px;}
#menu ul li.contacto:hover { float: left; background:url(/imagenes/comunes/btn-contactoON.gif) no-repeat; height: 35px; width: 162px; text-indent:-9999px;}
#menu ul li.contacto-selec { float: left; background:url(/imagenes/comunes/btn-contactoON.gif) no-repeat; height: 35px; width: 162px; text-indent:-9999px;}


#menu { float:right; display:inline; margin:-35px 10px; }
#menu ul li a { display: block; height: 35px; }

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

#migas{float:left; width:850px; margin-left:20px; margin-top:5px; font-family:Verdana; font-size:9px; color:#989898;}
	#migas strong{font-family:Verdana; font-size:9px; color:#989898; font-weight:bold;}
	#migas a{font-family:Verdana; font-size:9px; color:#989898; font-weight:normal;}
	

/**********************************************
				FORMULARIO
***********************************************/

#formulario {float:left; display:inline; background:url(/imagenes/comunes/fnd-formulario.jpg) no-repeat; width:168px; height:361px; margin-top:15px; padding-top:30px; }
	#formulario form { width:161px; }	
			
			#formulario #form input { width:147px; height:22px; border:0px solid #162981; background:#fff; font-size:10px; color:#555; margin-left:8px; }
			#formulario #form label { font-family: Verdana, Arial, Helvetica, sans-serif ; color: #1a698e; font-size: 9px; margin-top:20px; margin-left:8px; } 
			#formulario #form dt { }
			#formulario #form textarea { width:147px; height:60px; border:0px solid #162981; background:#fff; margin-left:8px; font-size:10px; color:#555; }
			#formulario #form select { width:147px; height:22px; border:0px solid #162981; background:#fff; margin-left:8px; font-size:10px; color:#555; }
			
				
			#formulario #form button { background:url(/imagenes/comunes/btn-enviarOFF.gif) no-repeat; width:74px; height:19px; border:0; cursor:pointer; margin-top:10px;*margin-top:4px; margin-left:80px; }
			#formulario #form button:hover { background:url(/imagenes/comunes/btn-enviarON.gif) no-repeat; width:74px; height:19px; border:0; cursor:pointer; }


/**********************************************
				CONTENIDO
***********************************************/

#contenido { display:inline; float:left; width:725px; margin-left:10px; padding-top:15px;}

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

#pie { float:left; width:907px; height:160px;background:#fff;color:#a9a9a9;}
	#logos {float:right; display:inline; width:600px;}
	#logos ul{float:right; display:inline; margin:10px 0px auto auto; }
		#logos ul li{float: left; display: inline;margin-left:23px;}
	#derechos {float:right; width:auto; text-align: right;display:inline; margin-top:10px; margin-right:70px;}
		#derechos span{color:#000000;}
		#derechos a{color:#848484;}
	#datos{float:left; text-align:left;display:inline; margin:10px 0px auto 10px;width: 220px;font-size: 10px;}
		#nombre_empresa{font-size:11px; color: #4f4f4f;}
		#tlfn{/*background:url(/imagenes/comunes/telefono.jpg) 0px 0 no-repeat;*/color: #4f4f4f; font-size:12px;font-weight:bold;padding-left:5px;/*padding-right:35px;*/}
		
	#separador{background:#e95e27;height:5px;}