@charset "utf-8"; /* CSS Document */ @import url(sinhtml.css); body { font-family:Tahoma, Geneva, sans-serif; font-size:11px;} /* BLOQUE ADS SUPERIOR */ #up {width:940px; margin:5px auto; background-color:#333; height:90px; padding:5px 5px 5px 5px;} #up #publiup { width:13px; float:left; height:90px;} #up #ban728 { width:728px; float:left; height:90px;margin:0px 4px 0px 5px;} #up #ban190 { width:190px; float:left; height:90px;} /* FORMATO DEL WEB */ #web {width:940px; margin:5px auto; background-color:#FFF; overflow:auto; padding:5px 5px 5px 5px;} #cabecera {width:940px; float:left; height:80px; } #cabecera #logo{width:250px; float:left; height:80px;} #cabecera #menu{width:690px; float:left; height:80px;} #cabecera #menu h1{ text-align:right; height:20px; color:#666; font-weight:normal;} #cabecera #menu p.men{ text-align:right; height:20px; margin-top:40px;} #cabecera #menu p.men a{ font-weight:bold; color:#666;} #cabecera #menu p.men a:hover{ color:#06F;} #men {width:940px; float:left; margin-top:15px;} #men ul{list-style:none;} #men ul li{ float:left;} #men ul li.sel a{ float:left; display:block; font-size:12px; padding:10px; 20px; 5px; 20px; background-color:#eee; color:#000;margin-right:5px; font-weight:bold;} #men ul li.sel a:hover{ background-color:#eee; color:#000;} #men ul li a{ float:left; display:block; font-size:12px; padding:10px; 20px; 5px; 20px; background-color:#ccc; color:#000; margin-right:5px;} #men ul li a:hover{ float:left; display:block; font-size:12px; padding:10px; 20px; 5px; 20px; background-color:#333; color:#fff;} #bloque1 {width:940px; float:left; background-color:#eee;} #bloque1 #buscador{width:920px; float:left; padding:5px 5px 5px 5px; margin:5px 5px 5px 5px; background-color:#fff; height:120px;} #bloque1 #frmbuscador{width:400px; float:left; height:100px; padding:10px 10px 10px 10px;} #bloque1 #frmbuscador .titulo{ font-size:12px; font-weight:bold; color:#06F;} #bloque1 #frmbuscador .txt{ border:1px solid #ccc; margin:5px 0px 3px 0px;} #bloque1 #imgbuscador{ float:left; width:500px; height:120px;} #bloque1 #col1registro{width:520px; float:left; padding:5px 5px 5px 5px; margin:5px 5px 5px 5px; background-color:#FFF;} #bloque1 #col1registro #formulario{ width:400px; left:left; padding:50px 50px 50px 50px; border:none;} #bloque1 #col1registro #formulario .textbox{ float:left; margin:5px 5px 5px 0px; border:1px solid #CCC; font-size:11px; padding:3px 0px 3px 3px; color:#666;} #bloque1 #col1registro #formulario label{ float:right; font-size:12px; font-weight:bold; text-align:right; padding-right:10px; color:#06F; } #bloque1 #col1registro #formulario .condi { float:left;margin:5px 5px 5px 5px; color:#666;} #bloque1 #col1registro #formulario .btn_aceptar { width:100px; height:20px; background:url(../img/btn_aceptar.jpg) no-repeat; border:none;} #bloque1 #col1registro #formulario .btn_cancelar {width:100px; height:20px; background:url(../img/btn_cancelar.jpg) no-repeat; border:none;} #bloque1 #col2registro{width:380px; float:left; padding:5px 5px 5px 5px; margin:5px 5px 5px 5px;} #bloque1 #col2registro h2{width:380px; float:left; font-weight:bold; font-size:14px; color:#06F;} #bloque1 #col2registro p{width:380px; float:left; color:#333; padding:5px 0px 3px 0px; text-align:justify;} #bloque2 {width:940px; float:left;} #bloque2 #col1 { width:250px; float:left;} #bloque2 #col1 #categorias{ width:240px; float:left; padding:5px 5px 5px 5px; background-color:#eee;} #bloque2 #col1 #categorias ul{ list-style:none;} #bloque2 #col1 #categorias ul li{float:left;} #bloque2 #col1 #categorias ul li.titulo{ float:left; display:block; width:230px; padding:3px 5px 2px 5px; color:#06F; font-size:12px; font-weight:bold;} #bloque2 #col1 #categorias ul li a{ float:left; display:block; width:230px; padding:3px 5px 2px 5px; color:#333; font-size:12px; border-top:1px solid #eee; border-bottom:1px solid #eee;} #bloque2 #col1 #categorias ul li a:hover{ float:left; display:block; width:230px; padding:3px 5px 2px 5px; color:#333; font-size:12px; border-top:1px solid #999; border-bottom:1px solid #999; background-color:#fff;} #bloque2 #col1 #publi{ width:250px; float:left; height:250px; margin:10px 0px 10px 0px;} #bloque2 #col1 #masvistos{ width:240px; float:left; } #bloque2 #col1 #masvistos ul{ list-style:none;} #bloque2 #col1 #masvistos ul li{float:left;} #bloque2 #col1 #masvistos ul li.titulo{ float:left; display:block; width:230px; padding:3px 5px 2px 5px; color:#06F; font-size:12px; font-weight:bold;background-color:#eee; margin-bottom:5px;} #bloque2 #col1 #masvistos ul li a{ float:left; display:block; width:230px; padding:3px 0px 3px 0px; color:#666; border-bottom:1px solid #eee; margin-bottom:3px; padding-left:10px;} #bloque2 #col1 #masvistos ul li a:hover{ background-color:#06F; color:#FFF;} #bloque2 #col2 { width:680px; float:left; margin-left:10px;} #bloque2 #col2 h2{ font-size:14px; font-weight:bold; color:#06f; margin:10px 0px 5px 0px;} #bloque2 #col2 p{ color:#666; margin:5px; 0px 5px 0px; font-size:12px;} #bloque2 #col2 .ads336 { width:680px; float:left; margin-left:10px; height:280px;} #bloque2 #col2 p.ads468x15{width:680px; float:left; margin-top:10px; font-size:12px;} #bloque2 #col2 p.buscar{ width:680px; float:left; margin-top:10px; font-size:12px;} #bloque2 #col2 p.sinregistros{ width:680px; float:left; margin-top:10px; font-size:12px; padding:50px 0px 50px 0px; color:#F00; font-size:14px;} #bloque2 #col2 .pg{ width:680px; float:left; margin-top:10px;} #bloque2 #col2 .pg p.paginador{ width:680px; float:left; font-size:12px;} #bloque2 #col2 .pg p.paginador .texto{ color:#666; float:left; padding:3px 5px 3px 5px; display:block;} #bloque2 #col2 .pg p.paginador .sel { color:#06f; padding:3px 5px 3px 5px; float:left; display:block; border:1px solid #eee; margin-left:2px;} #bloque2 #col2 .pg p.paginador .act { color:#999; padding:3px 5px 3px 5px; float:left; display:block;border:1px solid #eee; margin-left:2px; } #bloque2 #col2 .pg p.paginador .act:hover { border-color:#333; color:#333;} #bloque2 #col2 #listado{ width:680px; float:left; margin-top:10px;} #bloque2 #col2 #listado h3{ width:680px; float:left; margin-top:10px; font-size:14px; font-weight:bold; color:#333;} #bloque2 #col2 #listado p{ width:680px; float:left; margin-top:10px; font-size:12px; color:#333; padding:0px 0px 10px 0px;} #bloque2 #col2 #listado ul.cabecera{ width:680px; float:left; background-color:#666; font-weight:bold;} #bloque2 #col2 #listado ul.cabecera li{ float:left; padding:5px 0px 3px 0px;} #bloque2 #col2 #listado ul.cabecera li.icono { float:left; display:block; width:20px; height:20px;} #bloque2 #col2 #listado ul.cabecera li.nombre { float:left; display:block; width:270px; margin-left:12px; color:#fff; font-size:14px; padding-top:5px;} #bloque2 #col2 #listado ul.cabecera li.cp { float:left; display:block; width:50px; margin-left:12px; color:#fff; font-size:14px; padding-top:5px;} #bloque2 #col2 #listado ul.cabecera li.poblacion { float:left; display:block; width:270px; margin-left:12px; color:#fff; font-size:14px; padding-top:5px;} #bloque2 #col2 #listado ul.cabecera li.provincia { float:left; display:block; width:270px; margin-left:12px; color:#fff; font-size:14px; padding-top:5px; text-align:right;} #bloque2 #col2 #listado ul.datos{ width:680px; float:left; border-bottom:1px solid #eee;} #bloque2 #col2 #listado ul.datos:hover{ background-color:#CCE0FF;} #bloque2 #col2 #listado ul.datos li{ float:left; padding:5px 0px 5px 0px;} #bloque2 #col2 #listado ul.datos li.icono a{ float:left; display:block; width:20px; height:20px;} #bloque2 #col2 #listado ul.datos li.nombre a{ float:left; display:block; width:270px; margin-left:12px; color:#06F; font-size:12px; padding-top:5px;} #bloque2 #col2 #listado ul.datos li.cp a{ float:left; display:block; width:50px; margin-left:12px; color:#06F; font-size:12px; padding-top:5px;} #bloque2 #col2 #listado ul.datos li.poblacion a{ float:left; display:block; width:270px; margin-left:12px; color:#06F; font-size:12px; padding-top:5px; } #bloque2 #col2 #listado ul.datos li.provincia a{ float:left; display:block; width:270px; margin-left:12px; color:#06F; font-size:12px; padding-top:5px; text-align:right;} #bloque2 #col2 #ficha{ width:350px; float:left; margin-top:10px; padding:9px 9px 9px 9px; border:1px solid #999;} #bloque2 #col2 #ficha p.fic{ width:350px; float:left; text-align:right; margin-bottom:10px;} #bloque2 #col2 #ficha h2{ width:350px; float:left; font-size:18px; color:#333; font-weight:normal;} #bloque2 #col2 #ficha p.direccion,p.poblacion,p.telefono{ width:350px; float:left; font-size:14px; color:#555; padding:3px 0px 3px 0px;} #bloque2 #col2 #ads300{ width:300px; float:left; margin-top:10px; margin-left:10px; height:250px;} #bloque2 #col2 #formulario{ width:680px; float:left; margin-top:10px; margin-bottom:10px;} #bloque2 #col2 #formulario fieldset{ border:none;} #bloque2 #col2 #formulario p{width:660px; float:left; margin-top:10px;} #bloque2 #col2 #formulario p label{ width:180px; float:left; font-weight:bold; color:#333; padding-right:20px; text-align:right; font-size:14px; height:18px; } #bloque2 #col2 #formulario p input{ border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:2px solid #ccc; border-right:2px solid #ccc; font-size:14px; font-family:"trebuchet MS"; height:20px; padding-top:4px;} #bloque2 #col2 #formulario p textarea,select{ border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:2px solid #ccc; border-right:2px solid #ccc; font-size:14px; font-family:"trebuchet MS"; padding-top:4px;} #bloque2 #col2 #formulario fieldset .enviaform{ text-align:center; font-size:15px; height:30px; padding-bottom:15px; width:250px;} #bloque2 #col2 #mapa{ width:680px; float:left; margin-top:10px; margin-bottom:10px;} #bloque2 #col2 #mapa p.mapaprovincia{width:680px; float:left; font-size:12px; font-weight:bold; padding-bottom:5px; margin-bottom:5px; border-bottom:2px solid #eee;} #bloque2 #col2 #mapa p.mapaprovincia a{color:#333;} #bloque2 #col2 #mapa p.mapaprovincia a:hover{color:#06f;} #bloque2 #col2 #mapa p.mapapoblacion{width:680px; float:left; font-size:11px; padding-bottom:5px; margin-bottom:5px; } #bloque2 #col2 #mapa p.mapapoblacion a{color:#333;} #bloque2 #col2 #mapa p.mapapoblacion a:hover{color:#06f;} /* FORMATO DEL PIE */ #pie {width:940px; float:left; margin-top:20px;} #pie #zona1{ width:940px; float:left; background-color:#eee; border-top:3px solid #ccc; height:18px; padding:10px 0px 10px 0px;} #pie #zona1 p{ width:940px; float:left; text-align:center;} #pie #zona1 p a{ color:#666;} #pie #zona1 p a:hover{ text-decoration:underline; color:#333;} #pie #zona2{ width:940px; float:left;padding:10px 0px 10px 0px;} #pie #zona2 a{ color:#666; font-size:10px;} #pie #zona2 a:hover{ color:#06f;}