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:82px; left:378px; margin:0; padding:0; position:relative; text-indent:-9999px; top:76px; width:236px;}

/* --- NAVBAR --- */
#navbar{background:url(images/bg-menu.gif) top left no-repeat;	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:102px; height:49px; background:url(images/menu-home.gif) top;}
	#navbar_lista .menu-home a:hover{ background:url(images/menu-home.gif) bottom;}
	#navbar_lista .menu-home-actived  a{width:102px; height:49px; background:url(images/menu-home.gif) bottom;}
	
	/*---- Acceso instantaneo 		*/
	#navbar_lista .menu-acceso a{width:255px; height:49px; background:url(images/menu-acceso.gif) top;}
	#navbar_lista .menu-acceso a:hover{ background:url(images/menu-acceso.gif) bottom;}
	#navbar_lista .menu-acceso-actived  a{width:255px; height:49px; background:url(images/menu-acceso.gif) bottom;}
	
	/*---- Comprar minutos 		*/
	#navbar_lista .menu-comprar a{width:217px; height:49px; background:url(images/menu-compra.gif) top;}
	#navbar_lista .menu-comprar a:hover{ background:url(images/menu-compra.gif) bottom;}
	#navbar_lista .menu-comprar-actived  a{width:217px; height:49px; background:url(images/menu-compra.gif) bottom;}
	
	/*---- Acceso a miembros 		*/
	#navbar_lista .menu-miembros a{width:214px; height:49px; background:url(images/menu-miembros.gif) top;}
	#navbar_lista .menu-miembros a:hover{ background:url(images/menu-miembros.gif) bottom;}
	#navbar_lista .menu-miembros-actived  a{width:214px; height:49px; background:url(images/menu-miembros.gif) bottom;}

	/*---- Soporte 		*/
	#navbar_lista .menu-soporte a{width:119px; height:49px; background:url(images/menu-soporte.gif) top;}
	#navbar_lista .menu-soporte a:hover{ background:url(images/menu-soporte.gif) bottom;}
	#navbar_lista .menu-soporte-actived  a{width:119px; height:49px; background:url(images/menu-soporte.gif) bottom;}

/* --- BAJO-MENU --- */
#bajo-menu{ background:url(images/bg-bajo-menu.gif) top left no-repeat; width:940px; height:45px; margin:0 auto; position:relative;}
#bajo-menu p{font-size:11px;}
#bajo-menu .webcams{float:left; width:390px; padding:17px 0 0 12px;}
#bajo-menu .webcams span{font-weight:bold;}
#bajo-menu .salas-online{float:left; width:390px; padding:8px 0 0 22px; margin-left:60px;}
#bajo-menu .salas-online span{font-weight:bold; color:#FFF;}

/* --- BOTON ACCEDE AHORA --- */
#btn-accede-ahora{position:absolute; top:180px; left:790px; width:135px; height:135px;}
#btn-accede-ahora h1{display:none;}
#btn-accede-ahora a{display:block; width:135px; height:135px; z-index:1;}


/* --- BANDERAS CAMBIO DE IDEOMA --- */
#cambio-de-ideoma{left:335px; position:absolute; top:190px; width:140px; font-size:11px; color:#333;}
#cambio-de-ideoma img{border:1px solid #fff; margin:-1px 5px;}
#cambio-de-ideoma a{text-decoration:none; font-size:11px; color:#333;}
#cambio-de-ideoma a:hover{text-decoration:underline; color:#007dfd;}


/* --- CONTENIDO --- */
#contenido{width:940px; margin:0 auto;}

/* --- CONTENIDO CENTRO --- */
#contenido-centro{float:left; width:704px;padding:10px 6px 0pt 12px;}

	/*---- Muestra Cam 		*/
	#muestra-cam{float:left; width:173px; margin:0 3px 14px 0;}
	#muestra-cam-derecha{width:173px; margin:0 auto 5px;}
	
	/*---- 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:#007dfd;}
	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:#007dfd;}
	
	#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:#007dfd;}
div.paginacion span.actual {color:#007dfd; margin:0 3px;}
div.paginacion span.deshabilitado {color:#DDDDDD; margin:0 3px;}

/* --- CONTENIDO DERECHA --- */
#contenido-der{float:right; border-left:2px solid #000; width:196px; padding:12px 8px 12px;}
#contenido-der .bg-cuadradito{ background:url(images/bg-cuadradito.gif) top left repeat-x; height:3px; margin:8px 0;}
#contenido-der h1{ background:url(images/txt-disfruta.gif) top center no-repeat; text-indent:-9999px; width:191px; height:37px;}
#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:#007dfd;}

#link-lcj, #link-sextrellas{background:url(images/banner-gays.jpg) top center no-repeat; width:190px; height:196px; margin:0 auto;}
#link-sextrellas{background:url(images/banner-transexuales.jpg) top center no-repeat;}
#link-lcj h3, #link-sextrellas h3{display:none;}
#link-lcj a, #link-sextrellas a{display:block; height:196px; text-indent:-9999px;}
#link-sextrellas a{height:196px;}

/* --- FOOTER --- */
#footer { background:url(images/bg-footer.gif) top left repeat-x; width:940px; height:80px; text-align:center; margin:10px auto 0; padding:0; position:relative;}

#footer ul{ margin:0 0 20px; padding:10px 0 0; position:relative; width:842px;}
#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:#007dfd; 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:#007dfd; 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;}