@charset "utf-8";

* { margin: 0;	padding: 0; }

/* Estructura general de la página */ 
body { padding:0; font-family:Helvética, Arial; background:url(../img/background.jpg) top repeat-x; background-color:#fff; text-align:center; color:Black; }
#pagina{ margin:0 auto; width:998px; font-size:100%; text-align:left; }


/*** Algunas clases útiles: ***/
.float-left { float: left; }
.float-right { float: right; }
.clear { clear:both;margin:0;padding:0; }
.negrita { font-weight:bold; }
.centrado { text-align:center; vertical-align:middle; }
.justificado { text-align:justify; }
.alinear-derecha { text-align:right; }
.btnSubmit { width:60px; margin-top:2px; border:solid 1px black; font-size:11px; font-weight:bold; background:url(../img/btnSubmit.gif) repeat-x bottom; background-color:#fee302; }

/* Generales */
#cabecera { width:998px; height:309px; }
#col-1 { float:left; width:212px; margin-right:16px; }
#col-2 { float:left; width:542px; }
#col-3 { float:right; width:228px; height:76px; background:url(../img/col-3.jpg) no-repeat; }
#col-4 { float:right; width:212px; }

.titulo-seccion-lateral { padding:16px 0 0 70px; color:White; font-weight:bold; font-size:1em; }

/* Banners */
#banner-superior { margin:0 auto; width:468px; height:60px; text-align:center; }
#banner-lateral { width:212px; height:550px; }
#banner-webs { width:212px; height:212px; margin-top:20px; }
#banner-cf { width:212px; height:202px; margin-top:20px; }
#banner_info_directa { margin-top:20px; }

/* Recomendar página */
#recomendar-pagina { height:37px; margin-top:10px; text-align:center; }
#recomendar-pagina img { vertical-align:bottom }
#recomendar-pagina a { font-size:0.8em; color:Blue; vertical-align:top; }

/* Suscripción lista de correo */
#lista-correo { margin-top:16px; width:212px; height:203px; background:url(../img/lista-correo.jpg) no-repeat; }
#contenido-lista-correo { padding:28px 12px; font-size:0.8em; }
#contenido-lista-correo input.texto { color:#408e29; width:185px; border:solid 1px #000; }
#contenido-lista-correo label { font-size:0.85em; }
#condiciones_lista_correo { vertical-align:middle; }

/* Zona Privada */
#zona-privada { margin-bottom:15px; width:212px; height:180px; background:url(../img/zona-privada.jpg) no-repeat; }
#contenido-zona-privada { padding:28px 12px; font-size:0.8em; }
#contenido-zona-privada input.texto { color:#000; width:105px; border:solid 1px #000; }
#contenido-zona-privada span { float:left; display:block; width:80px; }
#contenido-zona-privada a { color:Blue; font-size:0.85em; }

/* Novedades fW */
#novedades-fW { width:212px; height:312px; background:url(../img/novedades-fW.jpg) no-repeat; }
#contenido-novedades-fW { padding:20px 5px; }
.novedad { margin:0 auto; width:175px; height:117px; padding:10px 10px 2px 10px; background:url(../img/novedad.gif) no-repeat; font-size:0.7em; }
.texto-novedad-fW { overflow:hidden; width:175px; height:70px; }
.texto-novedad-fW .titulo { font-weight:bold; }
.leer-mas-novedades-fW { width:175px; height:20px; margin-top:15px; text-align:center; }
.leer-mas-novedades-fW img { vertical-align:bottom; border:none; }
.leer-mas-novedades-fW a { color:Blue; }

/* Versión actual */
#version-actual { width:212px; height:217px; margin-top:14px; background:url(../img/version-actual.jpg) no-repeat; }
#contenido-version-actual { padding:30px 12px; font-size:0.8em; font-weight:bold; }
#contenido-version-actual .version { display:block; float:left; width:70px; color:#36546c; text-align:right; font-weight:normal; }

/* Pie */
#pie { margin-top:20px; width:100%; height:58px; background:url(../img/fondo-pie.gif) repeat-x; text-align:center; }
#contenido-pie { margin:0 auto; padding-top:5px; width:998px; height:53px; background:url(../img/pie.gif) no-repeat; }
#contenido-pie a { color:Blue; font-size:0.7em; }
#pie-viafisio { margin-top:14px; color:White; font-size:0.7em; }
#pie-viafisio a { color:White; font-size:1em; }

/* Recomendaciones */
#recomendaciones { clear:both; margin-top:30px; }
#titulo-recomendaciones { margin-bottom:10px; color:#a37505; font-size:1.2em; border-bottom:solid 1px #87abca; }
#recomendaciones a { margin-left:20px; font-size:0.8em; color:Blue; }