@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: 10px Arial, Helvetica, sans-serif;} /*nada tendrá padding ni margen, y las fuentes serán 11px*/
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; 	/*Si añades un background 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;}

table {margin:0 auto; width:100%;}

/** Propociona altura a divs sin anchura con contenido flotado */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;} .clearfix {display: block;} * html .clearfix {height: 1px;}

.float-left {display: inline; float: left;}
.float-right {display: inline; float: right;}
.clear {clear: both; margin: 0; padding: 0;}
.clear_2 {clear: both; margin: 0; padding: 0; height: 0;}
.clear_position {position: relative;}
.manolink {cursor: pointer;}
.ocultar {display: none}
.bloque {height: 1em; display: block; margin: 4px 0;}
.b {border: 1px solid Yellow;} /*clase de uso rápido para destacar los bordes de un bloque*/

/*
 * cómo hacer png trasnparentes 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{}
	#pagina{margin: 0 auto; width: 987px;}

/******************** COLUMNA-IZQ ********************/
	#izq{float: left; width: 681px; margin-right: 8px;}
	* html #izq{margin-right: 4px;}
	/******************** CABECERA ********************/
	#cabecera{position: relative; margin-bottom: 12px; width: 681px; height: 69px;}
		#cabecera h1{display: block; width: 205px; height: 69px; cursor: pointer; text-indent: -99999px; background: url(/promocion-escalante/imagenes/comunes/fnd_h1.jpg) no-repeat;}
		#cabecera ul{position: absolute; bottom: 7px; right: 0px; width: 380px; background: url(/promocion-escalante/imagenes/comunes/fnd_ul.jpg) no-repeat 88px 0;}
			#cabecera ul li{float: left; display: inline; margin-left: 19px;}
				#cabecera ul li a{display: block; height: 12px; text-indent: -99999px;}
					#cabecera ul li a.descripcion{width: 69px; background: url(/promocion-escalante/imagenes/comunes/fnd_li_descripcion-OFF.jpg) no-repeat;}
						#cabecera ul li a.descripcion:hover, #cabecera ul li a.descripcionON{width: 69px; background: url(/promocion-escalante/imagenes/comunes/fnd_li_descripcion-ON.jpg) no-repeat;}
					#cabecera ul li a.plano{width: 126px; background: url(/promocion-escalante/imagenes/comunes/fnd_li_plano-OFF.gif) no-repeat 0 -1px;}
						#cabecera ul li a.plano:hover, #cabecera ul li a.planoON{width: 126px; background: url(/promocion-escalante/imagenes/comunes/fnd_li_plano-ON.gif) no-repeat 0 -1px;}
					#cabecera ul li a.situacion{width: 57px; background: url(/promocion-escalante/imagenes/comunes/fnd_li_situacion-OFF.jpg) no-repeat;}
						#cabecera ul li a.situacion:hover, #cabecera ul li a.situacionON{width: 57px; background: url(/promocion-escalante/imagenes/comunes/fnd_li_situacion-ON.jpg) no-repeat;}
					#cabecera ul li a.entorno{width: 50px; background: url(/promocion-escalante/imagenes/comunes/fnd_li_entorno-OFF.jpg) no-repeat;}
						#cabecera ul li a.entorno:hover, #cabecera ul li a.entornoON{width: 50px; background: url(/promocion-escalante/imagenes/comunes/fnd_li_entorno-ON.jpg) no-repeat;}
						
	/******************** CONTENIDO ********************/
	#contenido{position: relative; width: 681px;}
		#contenido p{margin-top: 12px; font: 11px Arial; color: #707173;}
			#contenido p strong{font: bold 11px Arial; color: #707173;}
			#contenido p strong i{font: bold italic 11px Arial; color: #707173;}

/******************** COLUMNA-DER ********************/
	#der{float: left; padding-top: 30px; width: 298px;}
	
	#der h3, #der h4{text-indent: -99999px; display: inline;}
	#der h3{float: left; width: 298px; height: 41px; background: url(/promocion-escalante/imagenes/comunes/fnd_h3.jpg) no-repeat;}
	#der h4{float: right; margin-top: 20px; width: 207px; height: 31px; background: url(/promocion-escalante/imagenes/comunes/fnd_h4.jpg) no-repeat; cursor: pointer;}
	/******************** FORM ********************/
	#der form div{float: left; display: inline; padding: 13px 17px 45px; width: 268px; background: url(/promocion-escalante/imagenes/comunes/fnd_form.jpg) no-repeat;}
		#der form div p{float: left; margin-bottom: 10px; width: 268px;}
			#der form div p p{}
			#der form div p, #der form div p label, #der form div p span{font: 11px Arial; color: #87888a;}
			#der form div p a{font: 11px Arial; color: #87888a; text-decoration: underline;}
			#der form div p a:hover{font: 11px Arial; color: #87888a; text-decoration: none;}
			#der form div p.label-display label, #der form div p span{display: block;}
			#der form div p.label-display input{padding: 2px; width: 259px; height: 12px;}
			
			#der form div p.terminos{margin: 3px 0;}
				#der form div p.terminos input{float: left; margin-right: 3px;}
				#der form div p.terminos span{float: left;}
			#der form div p.contacto label{margin-right: 50px;}
			#der form div p.finalidad input{margin-top: 3px;}
			#der form div p.finalidad label{margin-right: 15px;}
			
			#der form div p input#enviar{float: right; margin-top: 10px; width: 123px; height: 21px; background: url(/promocion-escalante/imagenes/comunes/fnd_btn_enviar.jpg) no-repeat; color: #fff; font: bold 11px Arial; text-decoration: underline; cursor: pointer; border: 0;}

			#der form div p.telefono span{float: right; width: 194px; height: 33px; background: url(/promocion-escalante/imagenes/comunes/fnd_form_tel.jpg) no-repeat; text-indent: -99999px;}

	a#request{display: none;}