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:256px; margin:0pt; padding:0pt; position:relative; text-indent:-9999px; top:84px; 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:#FB9B06;}


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

/* --- CONTENIDO CENTRO --- */
#contenido-centro{float:left; width:704px;padding:10px 6px 0pt 12px;}
#contenido-centro h3 {background: url('images/bg-cam-tit.gif') no-repeat scroll left top transparent; color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 19px; font-weight: bold; margin: 12px 0 2px 0px; padding: 0 0 0 25px;}

	.box-cams {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;float: left;margin: 5px 5px 0 0;padding: 4px 4px 6px;width: 160px;}
	.ribete-vip-cum {bottom: 61px;left: 105px;position: relative;height: 0;}
	.nombre-zorra {font-family: "trebuchet MS",Arial,Helvetica,sans-serif;font-size: 16px;line-height: 17px;margin: 0 0 3px;overflow: hidden;white-space: nowrap;}
	.nombre-zorra a {color: #000000;text-decoration: none;}
	.emite {background: url("http://www.wamcash.com/webcams-brands/designs/sin-diseno/css/images/bg-chica-conectada.png") no-repeat scroll left top transparent;font-family: "Tahoma",Arial,Helvetica,sans-serif;font-size: 12px;height: 15px;margin: 0;padding: 0 0 0 16px;}
	.emite span {display: block;float: left;margin: 1px 0 0;}
	.banderas-ideomas {height: 16px;margin: 0;}
	.banderas-ideomas img {border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;border-width: 0 1px 1px 0;margin: 0 3px 0 0;padding-bottom: 1px;padding-right: 1px;}

        .offline {background: url("http://www.camduty.com/css/images/cam-inactive.gif") no-repeat scroll left top transparent;font-family: "Tahoma",Arial,Helvetica,sans-serif;font-size: 12px;height: 15px;margin: 0;padding: 0 0 0 16px;}
        .offline span {display: block;float: left;margin: 1px 0 0;}


	/*---- 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:#FB9B06;}
	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:#FB9B06;}
	
	#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:#FB9B06;}
div.paginacion span.actual {color:#FB9B06; 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 2px 0px;padding:0 0 0 25px;}
#contenido-der h3 a{text-decoration:none;color:#000;}
#contenido-der h3 a:hover{color:#FB9B06;}

#link-lcj, #link-sextrellas{background:url(images/banner-jorge.jpg) top center no-repeat; width:190px; height:196px; margin:0 auto;}
#link-sextrellas{background:url(images/banner-sextrellas.jpg) top center no-repeat; height:182px;}
#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:182px;}

/* --- FOOTER --- */
#footer { background:url(images/bg-footer.gif) top left repeat-x; width:940px; height:180px; 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:#FB9B06; 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:#FB9B06; 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;}