/* CSS Document */
@import url(undohtml.css);
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
#web {width:950px; margin:0px auto;}
#cabecera{width:950px; height:125px; float:left;}
#cabecera #aviso{width:948px; height:24px; float:left; background-color:#eee; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#cabecera #aviso p{ text-align:center; font-size:12px; margin-top:5px;}
#cabecera #logo{width:200px; height:100px; float:left;}
#cabecera #pl1{width:750px; height:90px; float:left; margin-top:10px;}
#menu {width:950px; height:30px; background: url(menu.jpg) no-repeat; float:left; margin-bottom:5px;}
#menu ul{ list-style:none; margin-left:10px;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; float:left; padding:5px 10px 0px 10px; height:25px; color:#FFF; font-size:14px; font-weight:bold;}
#menu ul li a:hover{ background:url(menusel.jpg) repeat-x;}
#contenido {width:950px; float:left;}
#contenido #col1{ width:740px; float:left;}
#contenido #col1 h1{ width:730px; padding-left:10px; float:left; background:url(h2.jpg) no-repeat; padding-top:7px; height:23px; font-size:16px; color:#fff; margin-bottom:5px;}
#contenido #col1 #masenlaces{ width:740px; float:left;}
#contenido #col1 #masenlaces ul{ list-style:none;}
#contenido #col1 #masenlaces ul li{ float:left;}
#contenido #col1 #masenlaces ul li a{ float:left; display:block; width:200px; margin-left:10px; font-family:"trebuchet MS"; font-size:14px; color:#333;}
#contenido #col1 #masenlaces ul li a:hover{ color:#9C0;}
#contenido #col1 h1 a{color:#FFF;}
#contenido #col1 h1 a:hover{color:#FF0;}
#contenido #col1 #contactosportada{width:730px; float:left; text-align:center; margin-left:5px;}
#contenido #col1 h2{ width:730px; padding-left:10px; float:left; background:url(h1.jpg) no-repeat; padding-top:7px; height:23px; font-size:16px; color:#fff; margin-bottom:5px;}
#contenido #col1 .galeria{ width:740px; float:left; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #eee;}
#contenido #col1 #galimg{ width:740px; float:left; margin-bottom:5px; padding-bottom:5px;}
#contenido #col1 #galimg .foto{ width:120px; float:left; margin-left:10px; margin-right:10px; margin-top:12px; margin-bottom:12px; height:190px;}
#contenido #col1 #galimg .adsgal a{ width:720px; float:left; margin:5px 20px 5px 0px; padding-bottom:5px; border:4px solid #ccc; background-color:#eee; text-align:center; padding:10px 0px 5px 0px; height:30px; font-size:17px; color:#F00; font-weight:bold;}
#contenido #col1 .webcamads {width:730px; float:left; border:4px solid #666; margin-bottom:5px; padding-bottom:10px; background-color:#eee;}
#contenido #col1 .webcamads .previo {width:700px; float:left; padding:5px 15px 5px 15px;}
#contenido #col1 .webcamads .previo h3{font-size:18px; font-family:"trebuchet MS"; font-weight:bold; color:#F00;}
#contenido #col1 .webcamads .previo p{font-size:11px; color:#666;}
#contenido #col1 .webcamads .wcam{ width:160px; float:left; margin-top:5px; margin-left:16px;}
#contenido #col1 .galeria .image{ width:350px; float:left; height:120px;}
#contenido #col1 .galeria .content{ width:380px; float:left; margin-left:10px;}
#contenido #col1 .galeria .content p.titulo a{font-size:14px; color:#000; font-weight:bold; height:20px;}
#contenido #col1 .galeria .content p.titulo a:hover{ color:#09c;}
#contenido #col1 .galeria .content p.descripcion { color:#555; height:75px; margin-top:5px;}
#contenido #col1 .galeria .content p.fecha { color:#555; height:13px; padding-top:7px; font-size:11px;}
#contenido #col1 .ads{ width:738px; float:left; margin-bottom:5px; padding-bottom:5px; border:1px solid #900; height:15px; background-color:#fcc;}
#contenido #col1 .ads p{ width:100%; text-align:center; padding-top:3px; padding-bottom:3px; font-size:11px;}
#contenido #col1 .ads p a{ color:#900;}
#contenido #col1 .ads p a:hover{ color:#000;}
#contenido #col1{ width:740px; float:left;}
#contenido #col1 #contactosfotos{width:730px; float:left; margin-left:5px;}
#contenido #col1 #contactosfotos p{ text-align:center;}
#contenido #col1 #fotoview{ width:740px; float:left;}
#contenido #col1 #fotoview p{ width:740px; text-align:center; padding-top:15px; padding-bottom:15px;}
#contenido #col1 #fotoview p img a{border:2px solid #fff;}
#contenido #col1 #fotoview p img a:hover{border:2px solid #f00;}
#contenido #col1 .adsfoto { width:470px; float:left;padding:10px 135px 10px 135px;}
#contenido #col1 #fotocontrol{ width:740px; float:left; margin-top:5px; padding-top:10px; background:url(barra.jpg) no-repeat; height:25px; text-align:center;}
#contenido #col1 #fotocontrol a{ padding:5px 3px 5px 3px; margin-top:5px; color:#000; font-weight:bold; font-size:12px;}
#contenido #col1 #fotocontrol a:hover{ color:#fff; font-weight:bold;}
#contenido #col1 .webcamrecom {width:730px; float:left; margin-bottom:5px; padding-bottom:10px; }
#contenido #col1 .webcamrecom .wcam{ width:160px; float:left; margin-top:5px; margin-left:16px;}
#contenido #col1 .webcamrecom .wcam p{ width:160px; font-size:11px; font-weight:bold; text-align:left; margin-bottom:5px;}
#contenido #col1 #videos { width:740px; float:left;}
#contenido #col1 #videos .vid{ width:726px; float:left; border:2px solid #ffe; padding:5px 5px 5px 5px; margin-bottom:5px;}
#contenido #col1 #videos .vid .img { position:relative; width:300px; height:125px; top:-25px; left:-1px; float:left;
}
#contenido #col1 #videos .vid .img .thumb{ position:absolute; clip:rect(75px 300px 225px 0px); top:-50px; left:0px;}
#contenido #col1 #videos .vid .datos{ width:416px; float:left; height:150px; margin-left:10px;}
#contenido #col1 #videos .vid .datos p.titulo{ width:416px; float:left; }
#contenido #col1 #videos .vid .datos p.titulo a{font-weight:bold; font-size:14px; color:#000;}
#contenido #col1 #videos .vid .datos p.titulo a:hover{color:#06F;}
#contenido #col1 #videos .vid .datos p.descripcion{ width:416px; float:left; font-size:11px; color:#666; margin-top:5px;}
#contenido #col1 #videos .vid .datos p.tiempo{ width:416px; float:left; font-size:11px; color:#666; margin-top:5px;}
#contenido #col1 #videos .vid .datos p.fecha{ width:416px; float:left; font-size:11px; color:#666; margin-top:5px;}
#contenido #col1 #banplayer {width:140px; height:450px;padding:25px 0px 25px 0px; float:left;}
#contenido #col1 #banplayer p{width:120px; padding:0px 10px 0px 10px; float:left; margin-bottom:15px;}
#contenido #col1 #player { width:600px; padding-top:25px; float:left; }
#contenido #col1 #player #utils{ width:600px; float:left; margin-top:5px;}
#contenido #col1 #player #compartelo{ width:600px; float:left; margin-top:5px;}
#contenido #col1 #player #compartelo p{ width:600px; float:left; margin-top:5px;}
#contenido #col1 #player #compartelo p textarea{ width:600px; float:left; border:1px solid #eee; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#contenido #col1 .bloque{ width:740px; float:left; padding:5px 0px 5px 0px;}
#contenido #col1 .bloque .sel { display:block; float:left; padding:2px 5px 2px 5px; border:1px solid #060; margin-right:3px; margin-top:3px; background-color:#9C0; color:#fff;}
#contenido #col1 .bloque .act { display:block; float:left; padding:2px 5px 2px 5px; border:1px solid #ccc; background-color:#eee; color:#999; margin-top:3px; margin-right:3px;}
#contenido #col1 .bloque .act:hover { display:block; float:left; padding:2px 5px 2px 5px; border:1px solid #9C0; background-color:#fff; color:#09c; margin-right:3px;}
#contenido #col1 #formulario{ width:740px; float:left;}
#contenido #col1 #formulario fieldset{ width:600px; border:0px; margin-left:60px; float:left;}
#contenido #col1 #formulario fieldset label{ width:200px; height:18px; float:left; margin-top:5px; margin-right:10px; text-align:right; font-weight:bold; font-size:11px;}
#contenido #col1 #formulario fieldset p{width:600px; float:left;}
#contenido #col1 #formulario fieldset input,select{ float:left; margin-top:5px; height:18px; font-size:12px;}
#contenido #col1 #formulario fieldset input.enviar {width:200px; height:30px; font-family:"trebuchet MS"; font-size:14px;}
/* FORMATO ENLACES DIRECTORIO */
#contenido #col1 .publidir{ width:630px; float:left; margin:10px 55px 10px 55px;}
#contenido #col1 .dirlink{ width:740px; float:left;}
#contenido #col1 .dirlink p.titulo a{ font-size:18px; font-family:"trebuchet MS"; color:#9C0; font-weight:bold;}
#contenido #col1 .dirlink p.titulo a:hover{ color:#09f;}
#contenido #col1 .dirlink p.descripcion{ font-size:14px; font-family:"trebuchet MS"; color:#999; }
#contenido #col1 .dirlink p.info{ font-size:12px; font-family:"trebuchet MS"; color:#000; margin-top:5px; padding-bottom:10px; margin-bottom:5px; border-bottom:1px dotted #eee; }
#contenido #col1 #directorio{ width:740px; float:left;}
#contenido #col1 #contactosbuscador{ width:740px; float:left;}
#contenido #col1 #contactos{ width:740px; float:left;}
#contenido #col1 #contactos .ficha{ width:740px; float:left; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #666;}
#contenido #col1 #contactos .ficha .col1{ width:110px; float:left;}
#contenido #col1 #contactos .ficha .col2{ width:630px; float:left;}
#contenido #col1 #contactos .ficha .col2 p.nombre{ font-size:12px; color:#000;}
#contenido #col1 #contactos .ficha .col2 p.nombre a{ font-size:15px; color:#000; font-weight:bold;}
#contenido #col1 #contactos .ficha .col2 p.nombre a:hover{ font-size:15px; color:#fc0;}
#contenido #col1 #contactos .ficha .col2 p.descripcion{ font-size:11px; color:#666;}
#contenido #col1 #contactos .ficha .col2 p.ubicacion{ font-size:10px; color:#999; margin-top:5px;}
#contenido #col1 .textos{width:730px; float:left; text-align:justify; margin-left:5px;}
#contenido #col1 .textos p{ float:left; width:730px; margin:5px 0px 3px 0px;}
#contenido #col1 .textos p a{ color:#000; }
#contenido #col1 .textos p a:hover{ color:#F00; text-decoration:underline;}
#contenido #col1 .textos ul{list-style:square;}
#contenido #col1 .textos ul li{float:left; margin-left:50px; margin-top:4px; text-align:justify; color:#666; width:680px;}
#contenido #col1 .textos ul li a{ color:#000; }
#contenido #col1 .textos ul li a:hover{ color:#F00; text-decoration:underline;}
#contenido #col4 {width:950px;float:left;}
#contenido #col4 h1{ width:940px; padding-left:10px; float:left; background-color:#9C0; padding-top:7px; height:23px; font-size:16px; color:#fff; margin-bottom:5px;}
#contenido #col4 h1 a{color:#FFF;}
#contenido #col4 h1 a:hover{color:#FF0;}
#contenido #col4 #directorio ul{list-style:none;}
#contenido #col4 #directorio ul li{float:left; width:310px; margin-left:5px;}
#contenido #col4 #directorio ul li a{float:left; width:290px; padding-left:10px; margin-left:5px; display:block; font-size:14px; font-weight:bold; color:#000; background:url(btn_directorio.jpg) no-repeat; padding-top:4px; height:21px;}
#contenido #col4 #directorio ul li a:hover{ color:#FFF;background:url(btn_directorio.jpg) 0px -25px no-repeat;}
#contenido #col4 #directorio ul li ul{float:left; width:290px; margin-bottom:5px; margin-left:10px; margin-top:3px;}
#contenido #col4 #directorio ul li ul li{float:left; width:290px; margin-left:5px; color:#888; font-size:11px; height:50px;}
#contenido #col2 {width: 200px; margin-left:10px; float:left;}
#contenido #col2 #destacado{ width:200px; float:left; background:url(../images/fnd_banner.jpg) no-repeat; height:650px; margin-bottom:10px;}
#contenido #col2 #destacado p{ margin:40px 20px 10px 20px;}
#contenido #col2 #destacado2{ width:200px; float:left; background:url(../images/fnd_banner2.jpg) no-repeat; height:650px; margin-bottom:10px;}
#contenido #col2 #destacado2 p{ margin:40px 20px 10px 20px;}
#contenido #col2 #publi{ width:200px; float:left;}
#contenido #col2 #publi p{ width:200px; float:left; margin-bottom:5px;}
#pie {width:950px; float:left; margin-top:5px;}
#pie #publi{ width:950px; float:left;}
#pie #enlaces{ width:950px; float:left;}
#pie #enlaces #col1{ width:310px; float:left;}
#pie #enlaces #col1 .titulo{ width:300px; float:left; height:25px; padding-top:5px; color:#fff; font-size:14px; font-weight:bold; padding-left:10px; background:url(fndpie_tit.jpg) no-repeat;}
#pie #enlaces #col1 ul{ list-style:none;}
#pie #enlaces #col1 ul li{ float:left;}
#pie #enlaces #col1 ul li a{display:block; float:left; width:90px; color:#444;margin-left:10px; padding-top:3px; font-size:10px;}
#pie #enlaces #col1 ul li a:hover{color:#000; text-decoration:underline; }
#pie #enlaces #col2 { width:310px; float:left; margin-left:10px;}
#pie #enlaces #col2 .titulo{ width:300px; float:left; height:25px; padding-top:5px; color:#fff; font-size:14px; font-weight:bold; padding-left:10px; background:url(fndpie_tit2.jpg) no-repeat;}
#pie #enlaces #col2 ul{ list-style:none;}
#pie #enlaces #col2 ul li{ float:left;}
#pie #enlaces #col2 ul li a{display:block; float:left; width:300px; color:#444;margin-left:10px; padding-top:3px; font-size:10px;}
#pie #enlaces #col2 ul li a:hover{color:#000; text-decoration:underline; }
#pie #enlaces #col3{ width:310px; float:left; margin-left:10px;}
#pie #enlaces #col3 .titulo{ width:300px; float:left; height:25px; padding-top:5px; color:#fff; font-size:14px; font-weight:bold; padding-left:10px; background:url(fndpie_tit3.jpg) no-repeat;}
#pie #enlaces #col3 ul{ list-style:none;}
#pie #enlaces #col3 ul li{ float:left;}
#pie #enlaces #col3 ul li a{display:block; float:left; width:90px; color:#444;margin-left:10px; padding-top:3px; font-size:10px;}
#pie #enlaces #col3 ul li a:hover{color:#000; text-decoration:underline; }
#pie #copy{ width:950px; height:30px; background: url(menu.jpg) no-repeat; float:left; margin-bottom:5px; margin-top:10px;}
#pie #copy p{ text-align:center; margin-top:5px;color:#fff;}
#pie #copy p a{color:#fff; font-size:13px; font-weight:bold;}
#pie #copy p a:hover{color:#fc0;}
#pie #masenlaces {width:950px; float:left; margin-top:10px; padding-bottom:20px;}
#pie #masenlaces p{ text-align:center; font-size:10px;}
#pie #masenlaces p a{color:#999;}
#pie #masenlaces p a:hover{color:#333;}