/* CSS Document */
@import url(sinhtml.css);
body{background-color:#eee; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#up { width:100%;float:left; height:200px; background:url(fondo.jpg) repeat-x;}
#up #bloque{width:950px; margin:0px auto;}
#up #bloque #mascota{ width:200px; height:200px; float:left;}
#up #bloque #cabecera{width:750px; height:200px; float:left;}
#up #bloque #cabecera #frase{width:750px; height:30px; float:left;}
#up #bloque #cabecera #frase p{color:#fff; padding-top:7px;}
#up #bloque #cabecera #logo{width:400px; height:125px; float:left;}
#up #bloque #cabecera #baner{width:350px; height:100px; float:left; margin-top:25px;}
#up #bloque #cabecera #baner p{width:250px; float:left; margin-left:100px; margin-top:5px;}
#up #bloque #cabecera #baner p a{color:#fff; font-weight:bold;}
#up #bloque #cabecera #destacado{width:750px; height:45px; float:left;}
#up #bloque #cabecera #destacado p{ text-align:right; font-size:11px; color:#FFF; padding-top:8px;}
#up #bloque #cabecera #destacado p a{ font-weight:bold; color:#fff;}
#up #bloque #cabecera #destacado p a:hover{ font-weight:bold; color:#fc0;}
#mid{ width:100%;float:left; background-color:#eee;}
#mid #cuerpo{ width:950px;margin:0px auto;}
#mid #cuerpo #col10{ width:950px;float:left; margin-top:5px;}
#mid #cuerpo #col10 h1{ width:950px; float:left; font-weight:bold; background:url(h1fotos.jpg) no-repeat; height:25px; padding-top:25px; font-size:16px; color:#fff; padding-left:10px;}
#mid #cuerpo #col10 h2{ width:950px; float:left; font-weight:bold; background:url(h2fotos.jpg) no-repeat; height:25px; padding-top:25px; font-size:16px; color:#fff; padding-left:10px;}
#mid #cuerpo #col10 p.pgfotos{ width:950px; float:left; text-align:center; margin:15px 0px 0px 0px;}
#mid #cuerpo #col10 p.pgfotos .pgf{ font-family:"trebuchet MS"; font-size:22px; font-weight:bold; padding:0px 15px 0px 15px;}
#mid #cuerpo #col10 p.foto{ width:950px; float:left; text-align:center; margin:15px 0px 15px 0px;}
#mid #cuerpo #col10 .publicidad {width:950px; float:left; margin-top:5px; margin-bottom:5px;}
#mid #cuerpo #col10 .publicidad .col1{ width:240px; float:left;}
#mid #cuerpo #col10 .publicidad .col2{ width:660px; float:left; margin-left:10px;}
#mid #cuerpo #col10 .publicidad .col2 p.cabecera{font-family:"trebuchet MS"; font-size:18px; font-weight:bold; margin-bottom:5px; color:#fff; background-color:#000; padding:3px 0px 3px 10px;}
#mid #cuerpo #col10 .publicidad .col2 .wcam{ width:80px; height:60px; float:left; margin:5px 5px 5px 9px;}
#mid #cuerpo #col10 .publicidad .col2 .wcam img{ border:2px solid #fff;}
#mid #cuerpo #col10 .publicidad .col2 .wcam img:hover{ border:2px solid #f00;}
#mid #cuerpo #col1{ width:200px; float:left; }
#mid #cuerpo #col1 #menu{ width:200px; float:left; }
#mid #cuerpo #col1 #menu ul{ list-style:none;}
#mid #cuerpo #col1 #menu ul li{ float:left;}
#mid #cuerpo #col1 #menu ul li a{ float:left; font-size:13px; font-weight:bold; width:180px; display:block; background:url(menu.jpg) 0px -25px no-repeat; height:20px; padding:5px 10px 0px 10px; margin-top:2px; color:#fff;}
#mid #cuerpo #col1 #menu ul li a:hover{ float:left; font-size:13px; font-weight:bold; width:200px; display:block; background:url(menu.jpg) no-repeat; color:#000;}
#mid #cuerpo #col1 #webcams {width:200px; float:left; margin-top:5px;}
#mid #cuerpo #col1 #webcams .wcams{ width:200px; float:left; height:180px; background:url(wcams.jpg) no-repeat; margin-top:10px;}
#mid #cuerpo #col1 #webcams .wcams p.foto{width:200px; text-align:center; margin-top:20px;}
#mid #cuerpo #col1 #webcams .wcams p.nombre{width:200px; text-align:center; margin-top:15px; font-size:11px; font-weight:bold; color:#fff;}
#mid #cuerpo #col2{ width:730px; float:left; margin-left:20px;}
#mid #cuerpo #col2 .iframe1 {width:730px; float:left; height:93px;}
#mid #cuerpo #col2 .iframe2 {width:730px; float:left; height:98px; text-align:center;}
#mid #cuerpo #col2 #fotosgal{ width:730px; float:left; margin-left:20px;}
#mid #cuerpo #col2 #asdgal{ width:730px; float:left; text-align:center;}
#mid #cuerpo #col2 #fotosgal .foto{ float:left; width:120px; height:160px; padding:5px 5px 5px 5px; margin:5px 20px 10px 20px; border:2px solid #CCC;}
#mid #cuerpo #col2 #fotosgal .foto:hover{ border:2px solid #09f;}
#mid #cuerpo #col2 h1{ width:720px; float:left; font-weight:bold; background:url(h1.jpg) no-repeat; height:25px; padding-top:25px; font-size:16px; color:#fff; padding-left:10px;}
#mid #cuerpo #col2 h2{ width:720px; float:left; font-weight:bold; background:url(h2.jpg) no-repeat; height:25px; padding-top:25px; font-size:16px; color:#fff; padding-left:10px;}
#mid #cuerpo #col2 p.texto{ width:710px; font-size:13px; float:left; padding:5px 5px 5px 5px;}
#mid #cuerpo #col2 .textod p{ width:720px; font-size:13px; float:left; padding:5px 5px 5px 5px; font-size:14px;}
#mid #cuerpo #col2 .textod p a{ font-weight:bold; color:#000;}
#mid #cuerpo #col2 .textod p a:hover{ font-weight:bold; color:#09f;}
#mid #cuerpo #col2 .galeriasportada{ width:730px; float:left; margin-top:10px;}
#mid #cuerpo #col2 .galeriasportada .galeriaportada{width:720px; float:left; padding-left:5px; padding-right:5px;}
#mid #cuerpo #col2 .galeriasportada .galeriaportada p.titulo{ font-size:13px; font-weight:bold; margin:5px 0px 5px 0px;padding:4px 0px 2px 5px; color:#fff; background:url(fondogaleriatit.jpg) no-repeat; height:25px;}
#mid #cuerpo #col2 .galeriasportada .galeriaportada p.titulo a{color:#FFF;}
#mid #cuerpo #col2 .galeriasportada .galeriaportada p.titulo a:hover{color:#fc0;}
#mid #cuerpo #col2 .galeriasportada .galeriaportada p.imagen{ width:350px; float:left; font-size:13px; text-align:center;}
#mid #cuerpo #col2 .galeriasportada .galeriaportada .descripcion{width:360px; float:left;font-size:13px; }
#mid #cuerpo #col2 .galeriasportada .galeriaportada .descripcion p{ margin-left:10px;}
#mid #cuerpo #col2 .galeriasportada .galeriaportada .descripcion p a{color:#333; font-weight:bold;}
#mid #cuerpo #col2 .galeriasportada .galeriaportada .descripcion p a:hover{color:#f00; font-weight:bold;}
#mid #cuerpo #col2 .galeriasportada .galeriaportada .opciones{width:720px; float:left; margin-top:3px; padding-top:3px; color:#333;}
#mid #cuerpo #col2 .videosportada .videoportada{width:720px; float:left; padding-left:5px; padding-right:5px;}
#mid #cuerpo #col2 .videosportada .videoportada p.titulo{ font-size:13px; font-weight:bold; margin:5px 0px 5px 0px;padding:4px 0px 2px 5px; color:#000; background:url(titvideo.jpg) no-repeat; height:25px;}
#mid #cuerpo #col2 .videosportada .videoportada p.titulo a{color:#000;}
#mid #cuerpo #col2 .videosportada .videoportada p.titulo a:hover{color:#fff;}
#mid #cuerpo #col2 .videosportada .videoportada p.imagen{ width:310px; float:left; font-size:13px; text-align:center;}
#mid #cuerpo #col2 .videosportada .videoportada .descripcion{width:400px; float:left;font-size:13px; }
#mid #cuerpo #col2 .videosportada .videoportada .descripcion p{ margin-left:10px;}
#mid #cuerpo #col2 .videosportada .videoportada .descripcion p a{color:#333; font-weight:bold;}
#mid #cuerpo #col2 .videosportada .videoportada .descripcion p a:hover{color:#f00; font-weight:bold;}
#mid #cuerpo #col2 .videosportada .videoportada .opciones{width:720px; float:left; margin-top:3px; padding-top:3px; color:#333;}
#mid #cuerpo #col2 .videosportada .videoportada .opciones p{ text-align:right;}
#mid #cuerpo #col2 #herramientasvideo{width:720px; float:left; margin-top:3px; padding-top:3px; color:#333; margin-top:10px; margin-bottom:10px;}
#mid #cuerpo #col2 #herramientasvideo p{ text-align:center;}
#mid #cuerpo #col2 #otrosvideos{width:710px; float:left; margin-top:3px; padding-top:3px; color:#333; margin-top:10px; margin-bottom:10px; margin-left:10px;}
#mid #cuerpo #col2 #otrosvideos .vid{ width:80px; height:60px; float:left; margin:5px 2px 5px 5px;}
#mid #cuerpo #col2 #otrosvideos .vid img{ border:2px solid #fff;}
#mid #cuerpo #col2 #otrosvideos .vid img:hover{ border:2px solid #f00;}
#mid #cuerpo #col2 .descripcionvideo{width:700px; float:left;font-size:13px; padding:5px 10px 5px 10px;}
#mid #cuerpo #col2 #vervideo {width:720px; float:left;}
#mid #cuerpo #col2 #vervideo p{text-align:center;}
#mid #cuerpo #col2 #webcams {width:660px; float:left; margin-top:5px; margin-left:33px;}
#mid #cuerpo #col2 #webcams .wcams{ width:200px; float:left; height:180px; margin-left:10px; margin-right:10px; background:url(wcams.jpg) no-repeat; margin-top:10px;}
#mid #cuerpo #col2 #webcams .wcams p.foto{width:200px; text-align:center; margin-top:20px;}
#mid #cuerpo #col2 #webcams .wcams p.nombre{width:200px; text-align:center; margin-top:15px; font-size:11px; font-weight:bold; color:#fff;}
#mid #cuerpo #col2 .publicidad {width:730px; float:left; margin-top:5px; margin-bottom:5px;}
#mid #cuerpo #col2 .publicidad .col1{ width:240px; float:left;}
#mid #cuerpo #col2 .publicidad .col2{ width:480px; float:left; margin-left:10px;}
#mid #cuerpo #col2 .publicidad .col2 p.cabecera{font-family:"trebuchet MS"; font-size:18px; font-weight:bold; margin-bottom:5px; color:#fff; background-color:#000; padding:3px 0px 3px 10px;}
#mid #cuerpo #col2 .publicidad .col2 .wcam{ width:80px; height:60px; float:left; margin:5px 5px 5px 9px;}
#mid #cuerpo #col2 .publicidad .col2 .wcam img{ border:2px solid #fff;}
#mid #cuerpo #col2 .publicidad .col2 .wcam img:hover{ border:2px solid #f00;}
#mid #cuerpo #col2 .galeriasportada .galeriaportada .opciones p{ text-align:right;}
#mid #cuerpo #col2 #webcamsdestacadas{ width:710px; float:left; height:70px;}
#mid #cuerpo #col2 #webcamsdestacadas .webcam{ width:80px; float:left; margin-left:5px;}
#mid #cuerpo #col2 #accesowcam {width:660px; float:left; margin-top:5px; margin-left:33px;}
#mid #cuerpo #col2 #accesowcam #foto{ width:180px; float:left; height:120px;}
#mid #cuerpo #col2 #accesowcam #acceso{ width:480px; float:left; text-align:center;}
#mid #cuerpo #col2 .paginacion {width:730px; float:left; font-size:12px;}
#mid #cuerpo #col2 .paginacion p.paginador{width:730px; float:left; margin:5px 0px 5px 0px;}
#mid #cuerpo #col2 .paginacion p.paginador .act{ font-weight:bold; border:1px solid #fff; padding:3px 5px 2px 5px; background:#333;color:#fff; margin-left:2px;}
#mid #cuerpo #col2 .paginacion p.paginador .act:hover{ font-weight:bold; border:1px solid #fff; padding:3px 5px 2px 5px; background:url(fndpaginadorsel.jpg) repeat-x;color:#fff; margin-left:2px;}
#mid #cuerpo #col2 .paginacion p.paginador .sel{border:1px solid #fff; padding:3px 5px 2px 5px; background:url(fndpaginador.jpg) repeat-x; color:#fff; margin-left:2px;}
#down{ width:100%;float:left; height:155px; background:url(pie.jpg) repeat-x;}
#down #pie{ width:950px;margin:0px auto;}
#down #pie #burbujas{ width:160px; float:left; height:155px;}
#down #pie #links { width:790px; float:left; margin-top:65px; text-align:center;}
#down #pie #links a{ color:#fff;}
#down #pie #links a:hover{ color:#fc0;}
#down #pie #copyright { width:790px; float:left; margin-top:10px; text-align:center; }
#down #pie #copyright p{ text-align:center; color:#ffe}
#down #pie #copyright p a{ color:#fff; font-weight:bold;}
#down #pie #copyright p a:hover{ color:#fc0;}