body{background:url(images/bg-page.gif) top left repeat; font-family:"Tahoma", Arial, Helvetica, sans-serif; color:#000;} .clear{clear:both;} /* --- Wrapper --- */ #wrapper{background:url(images/bg-wrapper.gif) top center repeat-y; width:972px; margin:0 auto;} /* --- HEADER --- */ #contiene-top{width:940px; margin:0 auto; position:relative;} #header{background:url(images/bg-header.jpg) top center no-repeat; width:940px; height:220px; margin:0 auto; padding:0; position:relative;} #header h1{display:none;} #header a{display:block; height:111px; left:179px; margin:0; padding:0; position:relative; text-indent:-9999px; top:80px; width:369px;} /* --- NAVBAR --- */ #navbar{background:#fff url(images/bg-menu.gif) center left no-repeat; padding:1px 0; width:940px; height:49px;margin:0 auto; position:relative;} #navbar_lista{margin:0; padding:0; list-style:none; float:left; position:relative;} #navbar_lista li{display: inline; float:left; margin:0;} #navbar_lista a{display:block; text-indent:-9000px; background-repeat:no-repeat;} /*---- Home */ #navbar_lista .menu-home a{width:381px; height:49px; background:url(images/accede-chat.gif) top;} #navbar_lista .menu-home a:hover{ background:url(images/accede-chat.gif) bottom;} #navbar_lista .menu-home-actived a{width:381px; height:49px; background:url(images/accede-chat.gif) bottom;} /*---- Acceso instantaneo */ #navbar_lista .menu-acceso a{width:559px; height:49px; background:url(images/accede-webcams.gif) top;} #navbar_lista .menu-acceso a:hover{ background:url(images/accede-webcams.gif) bottom;} #navbar_lista .menu-acceso-actived a{width:559px; height:49px; background:url(images/accede-webcams.gif) bottom;} /* -- -- */ .sombra-separador{ background:url(images/bg-contenido.gif) left top repeat-x; width:940px; height:31px; overflow:hidden; margin:0 auto;} /* --- CONTENIDO --- */ #contenido{width:940px; margin:0 auto;} /* --- CONTENIDO CENTRO --- */ #contenido-centro{float:left; width:704px; padding:2px 6px 0 12px;} /*---- Muestra Cam */ #muestra-cam{float:left; width:173px; margin:0 3px 14px 0;} #muestra-cam-derecha{width:173px; margin:0 auto 14px;} /*---- Muestra Cam TOP */ #muestra-cam-top{background:url(images/muestra-cam-top.gif) top left no-repeat; height:19px; padding:11px 0 0;} #muestra-cam-top small{display:block; font-size:11px; font-weight:bold; margin:0pt 0pt 0pt 7px; padding:1px 0pt 3px 18px; width:137px; overflow:hidden; white-space:nowrap;} #muestra-cam-top small a{font-size:11px; font-weight:bold; text-decoration:none; color:#000000;} #muestra-cam-top small a:hover{color:#C301ED;} small.active{background:url(images/cam-active.gif) top left no-repeat;} small.inactive{background:url(images/cam-inactive.gif) top left no-repeat;} /*---- Muestra Cam IMAGEN */ #muestra-cam-content{background:url(images/muestra-cam-content.gif) top left no-repeat;padding:2px 0 1px 6px; height:121px;} /*---- Muestra Cam BOTTOM */ #muestra-cam-bottom{background:url(images/muestra-cam-bottom.gif) bottom left no-repeat;padding:1px 0pt 8px 8px;} #emite-o-no{background:url(images/bg-cam-emite.gif) bottom left no-repeat; height:20px; padding:0 0 0 21px;} #emite-o-no span.emite{color:#494949; font-size:10px; width:93px; float:left; margin:5px 0 0;} #emite-o-no span.entrar{color:#494949; font-size:10px; font-weight:bold; float:right; margin:5px 8px 0 0;} #emite-o-no span.entrar a{color:#494949; font-size:10px; font-weight:bold; text-decoration:none;} #emite-o-no span.entrar a:hover{color:#C301ED;} #banderas-ideomas{float:right;height:15px; margin:-2px 8px 0 0} #banderas-ideomas img{border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-width:0px 1px 1px 0px; margin:0 0 0 3px; padding-bottom:1px; padding-right:1px} /*---- accede ahora content */ #accede-ahora-content{background:url(images/bg-accede-ahora.gif) top left no-repeat; width:584px; height:48px; margin:0 auto;} #accede-ahora-content h1{display:none;} #accede-ahora-content a{display:block; height:48px; text-indent:-9999px;} /*---- paginacion */ div.paginacion {font-size:14px; font-weight:bold; margin:30px 0 55px; padding:3px; text-align:center;} div.paginacion a {color:#000; margin:0px; text-decoration:none; margin:0 3px;} div.paginacion a:hover{color:#C301ED;} div.paginacion span.actual {color:#C301ED; margin:0 3px;} div.paginacion span.deshabilitado {color:#DDDDDD; margin:0 3px;} /* --- CONTENIDO DERECHA --- */ #contenido-der{float:right; width:212px; padding:2px 0 12px;} #contenido-der .bg-cuadradito{ background:url(images/bg-cuadradito.gif) top left repeat-x; height:3px; margin:8px auto; width:192px; } #contenido-der h1{ background:url(images/txt-disfruta.gif) top center no-repeat; text-indent:-9999px; width:191px; height:26px; margin:0 auto;} #contenido-der h2{ background:url(images/txt-forma-acceso.gif) top center no-repeat; text-indent:-9999px; width:191px; height:26px; margin:10px auto 0;} #contenido-der h3{ background:url(images/txt-forma-top.gif) top center no-repeat; text-indent:-9999px; width:191px; height:26px; margin:10px auto 0;} #contenido-der p{font-size:11px; line-height:13px;} #contenido-der h3{background:url(images/bg-cam-tit.gif) left top no-repeat;font-size:19px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#000;font-weight:bold;margin:12px 0 12px 14px;padding:0 0 0 25px;} #contenido-der h3 a{text-decoration:none;color:#000;} #contenido-der h3 a:hover{color:#C301ED;} /* --- FOOTER --- */ #footer{background:#fff url(images/bg-footer.gif) top left repeat-x; width:940px; height:120px; text-align:center; margin:10px auto 0; padding:0; position:relative;} #footer ul{ margin:0 0 20px; padding:10px 0 0; position:relative; } #footer ul li{font-weight:bold; color:#fff; font-size:12px; display:inline;} #footer ul li a{ font-weight:bold; color:#fff; text-decoration:none;} #footer ul li a:hover{ color:#C301ED; text-decoration:underline;} #footer p{ font-size:11px; margin:0; padding:0; position:relative;} #footer p a{ color:#000; font-size:11px; font-weight:bold; text-decoration:none;} #footer p a:hover{ color:#C301ED; text-decoration:underline;} #footer p small{ font-size:9px;} /* --- BOTON ACCEDE AHORA --- */ #btn-camduty-footer{background:url(images/logo-footer.gif) top left no-repeat; position:absolute; top:0px; left:754px; width:172px; height:64px;} #btn-camduty-footer h1{display:none;} #btn-camduty-footer a{display:block; width:172px; height:64px; text-indent:-9999px;} /* - BTN - */ .btns-accede{ display:block; width:204px; height:86px; margin:0 auto;} /* CONTENIDO GALERIA */ .galeria-titulo{background:url(images/bg-cam-tit.gif) left 1px no-repeat; font-size:20px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:0 0 0 14px; padding:0 0 0 25px;} .galeria-titulo a{text-decoration:none;color:#000;} .galeria-titulo a:hover{color:#C301ED;} .galeria-descripcion{font-size:11px; font-family:"tahoma"; color:#000; margin:14px 10px 0 14px; } .galeria-descripcion a{text-decoration:none; color:#000;} .galeria-descripcion a:hover{color:#C301ED;} .muestra-fotos-galeria{ width:677px; margin:15px auto 0;} .box-foto-galeria{ float:left; width:213px; height:251px; margin:0 10px 17px 0;} .box-foto-galeria-last{ margin:0 0 17px 0;} .box-foto-galeria a{} .box-foto-galeria img{ border:1px solid #000;} .box-foto-galeria-portada{ float:left; width:211px; height:317px; margin:0 10px 17px 0;} .box-foto-galeria-portada a{} .box-foto-galeria-portada img{ border:1px solid #000;} #toplist p{ font-size:11px; margin:0; padding:0; position:relative;} #toplist p a{ color:#000; font-size:11px; font-weight:bold; text-decoration:none;} #toplist p a:hover{ color:#C301ED; text-decoration:underline;} #toplist p small{ font-size:9px;}