@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 { background: #ffffff; width: 946px; margin: auto; border: 0px solid red; margin-top:20px;}



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


#contenido { float: left; width: 620px;_width:621px;}
#contenido #menu {}
#contenido #menu ul {}
#contenido #menu ul li {text-transform: uppercase; display: block;}



/* INFORMACION */

#contenido #portada { float: left; background: url(/imagenes/fnd-portada.jpg) no-repeat; width: 620px; height: 297px; margin-top: 10px;}
#contenido #informacion #infoizq { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #636363; height: 219px; width: 310px; float: left; margin-top: 20px;}
#contenido #informacion #infoizq p.tit-infoizq { margin-top: 10px; float: left; background: url(/imagenes/index/tit-infoizq.jpg) no-repeat; width: 310px; height: 35px; text-indent:-9999px;}
#contenido #informacion #infoizq p.infoizq {float: left; width: 200px; margin-top: 15px;}
#contenido #informacion #infoizq #img-izq { float: right; background:url(/imagenes/index/img_izq.jpg) no-repeat; width: 77px; height: 114px; /*margin-left: 25px;*/margin-top: 15px;margin-right:13px;_margin-right:10px;}

#contenido #informacion #infoseparador { float: left; background: url(/imagenes/index/tit-infoseparador.jpg) no-repeat; width: 1px; height: 219px; margin-top: 35px;}

#contenido #informacion #infoder { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #636363; float: left; height: 219px; width: 308px;  margin-top: 20px;}
#contenido #informacion #infoder p.tit-infoder { margin-top: 10px; float: left; background: url(/imagenes/index/tit-infoder.jpg) no-repeat 12px 0; width: 308px; height: 35px; text-indent:-9999px;}
#contenido #informacion #infoder p.infoder { float: left; width: 200px; margin-top: 15px; margin-left: 18px; _margin-left: 10px;}
#contenido #informacion #infoder #img-der { float: right; background:url(/imagenes/index/img_der.jpg) no-repeat; width: 77px; height: 114px; margin-top: 15px; margin-left:13px;_margin-left:10px;}
/**********************************************
				COLUMNA DERECHA
***********************************************/

/* FORMULARIO */

#colderecha { width: 296px; float: left; margin-left: 28px; _margin-left: 25px; margin-bottom: 15px; display: inline;}
#colderecha form { width: 263px; padding-top: 60px; margin-left: 13px; _margin-left:5px;}


.checkbox { float:left; width: auto !important; margin-right: 10px;}
#formulario { background: url(/imagenes/colderecha/fnd_formulario.jpg) no-repeat; height: 350px;}
#colderecha #form button { width: 77px; height: 23px; border: none; background: none; cursor: pointer; float: right;}


#colderecha #form input { width: 263px; height: 16px; border: 0; background: #ffffff; border: 1px solid #b1b3b4;padding-left:2px;}
#colderecha #form label { font-family:Arial, Helvetica, sans-serif ; color: #636363; font-size: 11px;} 
#colderecha #form dt { margin-top: 2px;clear:both;}
#colderecha #form  .corto{float:left;width:118px;clear:none;}
#colderecha #form  .corto2{float:left;width:118px;_width:115px;clear:none;padding-left:26px;}
#colderecha #form  .corto input{width:118px;margin-bottom:2px;}
#colderecha #form  .corto2 input{width:118px;_width:117px;margin-bottom:2px;_margin-left:-6px;} 




/*#colderecha #form dd.corto input, #colderecha #form .cortos dt, #colderecha #form .cortos dd{ width: 126px; }
#colderecha #form .cortos { float: left;}
#colderecha #form .telefono {margin-left: 10px; }*/


#colderecha #form dt.condiciones { width: 175px; margin-top:10px;  }
#colderecha #form dt a.condiciones { color: #636363;} 
#colderecha #form #condiciones {border:0;background:none;} 




/* LOGOTIPOS */


#logotipos { clear: both; width: 296px; }
#logotipos h3 { margin: 25px 0px;}
#logotipos h3.facebook { display: block; float: right; background:url(/imagenes/colderecha/h3_logo-facebook.jpg) no-repeat; height: 22px; width: 53px;text-indent:-9999px; margin-left: 10px;}
#logotipos h3.flickr {display: block; float: right; background:url(/imagenes/colderecha/h3_logo-flickr.jpg) no-repeat; height: 22px; width: 53px; text-indent:-9999px; margin-left: 10px;}
#logotipos h3.youtube {display: block; float: right; background:url(/imagenes/colderecha/h3_logo-youtube.jpg) no-repeat; height: 22px; width: 57px; text-indent:-9999px; }
#logotipos h3 a { display: block; height: 22px; text-indent:-9999px;}

/* CONTACTO */

#contacto h3.contacto { float: right; background:url(../imagenes/colderecha/h3_contacto.jpg) no-repeat; height: 122px; width: 300px; text-indent:-9999px;}


/* PLANNING */

#planning { float:right; background:url(/imagenes/index/fnd_planning.jpg) no-repeat; width: 300px; height: 52px; margin-top: 5px;}

#planning ul { text-align:right;}
#planning ul li { margin-right: 210px; margin-top:3px;  }
#planning ul li.ver a { font-family:Verdana, Arial, Helvetica, sans-serif; color: #636363;}
#planning ul li.ver a:hover { text-decoration:underline; color: #636363; }

#planning ul li.descargar a { font-family:Verdana, Arial, Helvetica, sans-serif; color: #636363;}
#planning ul li.descargar a:hover { text-decoration:underline; color: #636363;  }

#dias{margin-right:174px;margin-top:240px;text-align:right;width:auto;float:right;display:inline;text-align:center;color:#fff;background:#85bf62;border-bottom:1px solid #fff;}
#dias td{vertical-align:text-bottom;;font-weight:bold;padding:0 20px 3px 0;}
#dias td.padding{vertical-align:text-bottom;font-weight:bold;padding-bottom:0;padding-top:3px;}
	#dias span{font-size:24px;font-weight:normal;letter-spacing:-2px;}
	#dias #quedan{color:#fff;font-size:12px;padding-left:25px;*padding-bottom:6px;}