/*********************************************** * * * * * Programacion: www.emdbwebprojects.com * * info@emdbwebprojects.com * * * ***********************************************/ @import url(reset.css); /************************************************* * COMUN * **************************************************/ *{} body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;} .clear{clear:both; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px;} /************************************************* * ESTILOS COMUNES * **************************************************/ h2 {height:40px; line-height:40px; padding:0px 0px 0px 10px; font-size:15px; border-bottom:#aaa dotted 2px;} a:link{text-decoration:none;color:#999;} a:visited{text-decoration:none;color:#999; } a:active{text-decoration:none;color:#999;} a:hover{text-decoration:underline;color:#666;} /************************************************* * CABECERA * **************************************************/ #cabecera{position:relative;width:980px;height:115px; margin:20px auto 20px auto; padding:0px 0px 0px 0px; color:#000022;} #cabecera-logo{position:absolute; top:30px; left:0px; width:233px; height:28px; background-image:url(../imagenes/logo.png);} #cabecera-beta{position:absolute; top:0px; left:850px; width:117px; height:68px; background-image:url(../imagenes/beta_sombra.png);} #cabecera-menu{position:absolute; top:90px; left:0px; width:980px; height:20px; border-bottom:#999 solid 2px;} .cabecera-menu-botom{display:inline; margin:0px 15px 0px 0px;} .cabecera-menu-botom a:link{text-decoration:none;color:#666;} .cabecera-menu-botom a:visited{text-decoration:none;color:#666; } .cabecera-menu-botom a:active{text-decoration:none;color:#666;} .cabecera-menu-botom a:hover{text-decoration:underline;color:#666;} #cabecera-banner{position:absolute; top:4px; left:480px; width:500px; height:70px; text-align:right} #cabecera-menu-sociales{position:absolute; top:90px; left:680px; width:300px; height:20px; text-align:right;} .cabecera-menu-sociales-icono{display:inline; margin:0px 0px 0px 5px;} /************************************************* * CUERPO * **************************************************/ #cuerpo{position:relative; width:980px; height:auto; margin:0px auto 0px auto;} #cuerpo-columna1{float:left; width:190px; height:auto; margin:0px;} #cuerpo-columna1-banner1{width:190px; height:145px; margin:0px 0px 10px 0px; background-color:#F2F2F2; color:#999; line-height:120px; text-align:center; font-size:16px;} #cuerpo-columna1-banner2{width:190px; height:319px; margin:0px 0px 10px 0px; background-color:#F2F2F2;} #cuerpo-columna1-menu-prevision{position:relative; width:180px; height:520px; margin:27px 0px; padding:0px 5px 0px 5px; border:#CCC 1px solid;} #loader{position:absolute; top:12px; left:165px; width:16px; height:16px; background-color:#FFF;} #menu-prevision-acordeon{margin:20px 10px;} .menu-prevision-ficha{width:170px; font-size:14px; padding:0px 0px 5px 0px;} .menu-prevision-ficha-texto{float:left; width:150px;} .menu-prevision-ficha-icono{float:left; width:15px; cursor:pointer;} .menu-prevision-ficha-contenido{margin:0px 0px 15px 0px;} .menu-prevision-ficha-contenido li{padding-left:10px; font-size:14px; margin:5px 0px 5px 0px;} #cuerpo-columna2{float:left; width:580px; height:auto; margin:0px 0px 0px 10px;} #cuerpo-columna2-banner1{width:580px; height:145px; margin:0px 0px 10px 0px; background-color:#F2F2F2; color:#999; line-height:150px; text-align:center; font-size:16px;} #cuerpo-columna2-webcam{width:580px; height:319px; margin:0px 0px 0px 0px; background-color:#F2F2F2;} #cuerpo-columna2-meteo{position:relative; width:580px; height:520px; margin:27px 0px 10px 0px; border:#CCC 1px solid;} #cargando{position:relative; width:580px; height:350px; margin:0px 0px 10px 0px; text-align:center; line-height:350px;} /*#mapas-contenedor{position:relative; width:580px; height:auto; margin:0px 0px 10px 0px; }*/ #mapas-menu-time{position:relative; width:570px; height:40px; line-height:40px; margin:0px 5px 10px 5px; font-size:14px; text-align:center; border-bottom:#aaa dotted 2px; cursor:pointer;} .mapas-menu-time-botom{float:left; width:80px; margin:10px 0px; height:20px; line-height:20px; border-right:#CCC 1px solid;} .mapas-menu-time-botom:hover{border-bottom:#F00 2px solid; color:#F00;} .mapas-menu-time-botom-activo{float:left; width:80px; margin:10px 0px; height:20px; line-height:20px; color:#F00; border-bottom:#F00 2px solid; border-right:#CCC 1px solid;} .mapas-menu-time-botom2{float:left; width:80px; margin:10px 0px; height:20px; line-height:20px;} .mapas-menu-time-botom2:hover{border-bottom:#F00 2px solid; color:#F00;} .mapas-menu-time-botom2-activo{float:left; width:80px; margin:10px 0px; height:20px; line-height:20px; color:#F00; border-bottom:#F00 2px solid;} #mapas-imagenes{position:relative; width:580px; height:380px; margin:0px 0px 10px 0px;} .mapas-imagenes-mapa-iniactivo{position:absolute; top:10px; left:10px; width:560px; height:auto; opacity: 0; border:#CCC 2px solid;} .mapas-imagenes-mapa-activo{position:absolute; top:10px; left:10px; width:560px; height:auto; opacity: 1; border:#CCC 2px solid;} #mapas-menu-webcam{position:relative; width:570px; height:40px; line-height:40px; margin:0px 5px 10px 5px; font-size:14px; border-bottom:#aaa dotted 2px;} #mapas-imagen-webcam{position:relative; width:560px; height:auto; margin:0px 0px 10px 10px; border:#CCC 2px solid;} #mapas-pie{position:relative; width:580px; height:auto; margin:0px 0px 10px 0px; color:#666; font-size:11px; text-align:center;} #mapas-pie-imagen{position:relative; margin:0px auto 0px auto;} #mapas-pie-fuente{position:relative; margin:10px auto 0px auto;} #cuerpo-columna3{float:left; width:190px; height:auto; margin:0px 0px 0px 10px; } #cuerpo-columna3-banner1{width:190px; height:474px; margin:0px 0px 0px 0px; background-color:#F2F2F2; color:#999; line-height:120px; text-align:center; font-size:16px;} #cuerpo-columna3-tablas{width:178px; height:520px; margin:27px 0px 10px 0px; padding:0px 5px 0px 5px; border:#CCC 1px solid;} #cuerpo-pie{position:relative; width:980px; height:30px; margin:0px auto 20px auto; border-top:#999 solid 2px; line-height:30px; color:#666;} #cuerpo-pie a:link{text-decoration:none;color:#666;} #cuerpo-pie a:visited{text-decoration:none;color:#666; } #cuerpo-pie a:active{text-decoration:none;color:#666;} #cuerpo-pie a:hover{text-decoration:underline;color:#666;} /*---------------------------------*/ #pruebas{position:relative; width:980px;; height:500px; margin:30px auto 20px auto; border:#999 solid 1px;}