/* CSS Document */


/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

a img, iframe {
	border: none;
	
}

ol, ul {
	list-style: none;
}

input, textarea, select, button {
	font-family: inherit;
}

select {
	margin: inherit;
}

a {
	text-decoration:none;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }



/* LAYOUT TOOLS */

.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.layoutCenter		{ margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }
.fix				{ overflow:hidden; }
/*


/* INDEX */


body {
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	background-color:#fff;

}

div#wrapper{
	width:1000px;
	margin: 0 auto;	
	padding-bottom:24px;
}

/* HEADER */

div#fondo-cabecera{
	width:100%;
	height:100px;
	background-color:#313032;
	margin-bottom:10px;
} 

#header {
	background: #313032;
	width: 960px;
	height: 100px;
	margin: 0px auto 0px ;
	padding: 0px;
	overflow: hidden;
	}
	
.headerleft {
	background: #313032;
	color: #FFFFFF;
	width: 420px;
	height: 70px;
	float: left;
	margin: 0px;
	padding: 30px 0px 0px 0px;
	font-size:12px;
	}
	
.headerleft a, .headerleft a:visited {
	font-family: arial, verdana, times new roman;
	font-size: 20px;
	color: #C0C0C0;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	}

.headerleft a:hover {
	color: #BE0C0C;
	text-decoration: none;
	}
	
.headerright {
	width: 530px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	}
	
.headerright li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
.headerright ul {
	margin: 0px;
	padding: 60px 0px 10px 0px;
	}
		
.headerright a, .headerright a:visited {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	}
		
.headerright a:hover {
	background: #BE0C0C;
	color: #FFFFFF;
	font-weight: bold;
        text-decoration: none;
	}

/* end HEADER */

div#content{
	overflow:hidden;
	padding-top:10px;
}

div.nav {
	text-align:center;
	margin-bottom:10px;
}

div.nav a{
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#c21a1a;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;
}

div.nav a:hover{
	color:#FFCC00;
}

/* MAIN */

div.main {
	width:985px;
	overflow:hidden;
	margin: 0 auto;
	padding-bottom:20px;
}

div.text {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0 auto 20px;
    text-align: justify;
    width: 985px;
}

/* Cams */

.cam_gr {
	position:relative;
	overflow:hidden;
	width:491px;
	height:368px;
	background-image:url(../imagenes/loading_cam_gr.jpg);
}

.cam_gr div.capa {
	background-image:url(../imagenes/transparente.png);
	width:491px;
	height:368px;
	position:absolute;
	z-index:10; 
	cursor:pointer;
}

.cam_gr  p.nombre {
	position:absolute;
	bottom: 5px;
	left: 10px;;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	z-index:10;
	padding-left:18px;
}

.cam_gr  p.online {
	background-image:url(../imagenes/online_gr.png);
	background-repeat:no-repeat;
	background-position: 0 6px;
}

.cam_gr  p.offline {
	background-image:url(../imagenes/offline_gr.png);
	background-repeat:no-repeat;
	background-position: 0 6px;
}

.cam_gr .bg_nombre {
	position:absolute;
	bottom: 0;
	left: 0;
	width:100%;
	height:30px;
	background-color:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}


ul.cams1 {
	overflow:hidden;
	padding:0;
	margin: 0;
	list-style:none;
	width:492px;
	margin-bottom:20px;	
}

ul.cams1 li {
	float:left;
	display:inline;
	width:160px;
	margin-bottom:4px;
	margin-right:2px;
	margin-left:2px;
	height: 120px;
	overflow:hidden;
	text-align:center;
	position:relative;
	background-image:url(../imagenes/loading_cams1.jpg);
}

ul.cams1 li div.capa {
	background-image:url(../imagenes/transparente.png);
	width:160px;
	height: 120px;
	position:absolute;
	z-index:10; 
	cursor:pointer;
}

ul.cams1 li p.nombre {
	position:absolute;
	bottom: 2px;
	left: 10px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	z-index:10;
	padding-left:14px;
}

ul.cams1 li p.online {
	background-image:url(../imagenes/online_pq.png);
	background-repeat:no-repeat;
	background-position: 0 3px;
}

ul.cams1 li p.offline {
	background-image:url(../imagenes/offline_pq.png);
	background-repeat:no-repeat;
	background-position: 0 3px;
}

ul.cams1 li .bg_nombre {
	position:absolute;
	bottom: 0;
	left: 0;
	width:100%;
	height:20px;
	background-color:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}


ul.cams2 {
	overflow:hidden;
	padding:0;
	margin: 0;
	list-style:none;
	width:985px;
	margin-bottom:20px;	
}

ul.cams2 li{
	float:left;
	display:inline;
	margin-bottom:4px;
	margin-right:2px;
	margin-left:2px;
	display:inline;
	overflow:hidden;
	text-align:center;
	position:relative;
	width:193px;
	height:145px;
	background-image:url(../imagenes/loading_cams2.jpg);
}

ul.cams2 li div.capa {
	background-image:url(../imagenes/transparente.png);
	width:193px;
	height:145px;
	position:absolute;
	z-index:10; 
	cursor:pointer;
}

ul.cams2 li p.nombre {
	position:absolute;
	bottom: 1px;
	left: 10px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	z-index:10;
	padding-left:14px;
}

ul.cams2 li p.online {
	background-image:url(../imagenes/online_pq.png);
	background-repeat:no-repeat;
	background-position: 0 2px;
}

ul.cams2 li p.offline {
	background-image:url(../imagenes/offline_pq.png);
	background-repeat:no-repeat;
	background-position: 0 2px;
}

ul.cams2 li .bg_nombre {
	position:absolute;
	bottom: 0;
	left: 0;
	width:100%;
	height:20px;
	background-color:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}


/* end Cams */

.col_freechat {
	overflow:hidden;
	margin-bottom:20px;
}

.freechat {
	float:right;
}

.cam_destacada {
	float:left;
	width:238px;
}

.cam_destacada  p.nombre {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	padding-top:8px;
	padding-left:18px;
	margin-left:10px;
	background-image:url(../imagenes/online_gr.png);
	background-repeat:no-repeat;
	background-position: 0 12px;
}

.cam_destacada  .bg_nombre {
	width:100%;
	height:39px;
	background-color:#000000;
	margin-top:2px;
}

.cam_destacada  p.online {
	background-image:url(../imagenes/online_gr.png);
}

.cam_destacada  p.offline {
	background-image:url(../imagenes/offline_gr.png);
}

/*---------------------------------
FOOTER
----------------------------------*/


div#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#000;
	width:1000px;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	border-top: 1px solid #000;
	padding-top:10px;
	margin-bottom:20px;
}

div#footer a{
	color:#000;
}

div#footer a:hover {
	text-decoration:underline;
}

/* end FOOTER */


/*---------------------------------
PAGO
----------------------------------*/

/* PAGO */

a.bt_accede {
	display:block;
	width:400px;
	margin: 0 auto;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#c21a1a;
}

div#ficha {
	width:810px;
	margin: 0 auto;
}

div#ficha #tit_pago{
	background-color:#000;
	color:#FFF;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin-top:20px;	
}

div#pago {
	width:739px;
	height:370px;
	margin: 0 auto;
	overflow:hidden;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../imagenes/tit_actriz_online_pago.jpg);
}

div#pago #img_actriz{
	float:left;
	overflow:hidden;
	margin-top:36px;
}

div#pago #img_actriz img {
	background-color:#FFF;
	border:1px solid #000;
}

div#pago div#iframe-pago {
	float:right;
	display:inline;

}

div#pago  div#iframe-pago h1{
	text-align:center;
	font-size:20px;
	margin-top:36px;
	background-color:#000;
	color:#FFF;
	padding:3px;
}

div#pago  div#iframe-pago h1 span{
	color:#c21a1a;
	font-weight:bold;
}

div#pago  div#iframe-pago .marco_iframe {
	padding:14px;
	padding-bottom:15px;
	background-color:#FFF;
	border-bottom:2px solid #c60000;
	border-left:2px solid #c60000;
	border-right:2px solid #c60000;
	
}


#twitter {
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}

#twitter span  {
	font-size:12px;
	float:left;
	margin-right:5px;
	display:block;
	margin-top:9px;
	font-weight:bold;

}

#twitter a{
	float:left;
	display:block;
}

#twitter #valoracion {
	display:block;
	margin-top:6px;
	float:left;
	border-left: 1px solid #000;
	padding-left:10px;
	margin-left:10px;
	line-height:12px;	
	height:16px;
	padding-top:4px;
}

#twitter #fans {
	display:block;
	margin-top:6px;
	float:left;
	border-left: 1px solid #000;
	padding-left:10px;
	margin-left:10px;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	height:16px;
	padding-top:4px;	
}

#ficha {
	margin-bottom:20px;
	overflow:hidden;
	padding-bottom:20px;
}

#ficha p{
	font-size:13px;
	margin-bottom:4px;
}

#ficha h3{
	text-transform:uppercase;
	color:#c60000;
	font-weight:bold;
	margin-bottom:10px;
	font-size:14px;
}

#ficha ul#preferencias {
	list-style:none;
	font-size:12px;
	overflow:hidden;
	width:798px;
	margin: 0 auto 10px;
}

#ficha ul#preferencias li{
	float:left;
	width:50%;
	border-bottom: 1px dotted #000;
	padding-bottom:3px;
	margin-bottom:3px;
	overflow:hidden;
}

#ficha ul#preferencias li span.referencia {
	float:left;
	width:70%;
	display:inline;
	font-weight:bold;
}

#ficha ul#preferencias li span.sino {
	float:right;
	width:30%;
	display:inline;
}

.ft_gr {
	display:block;
	width:800px;
	margin: 0 auto;
	margin-bottom:8px;
}

.ft_gr_izq {
	float:left;
	display:inline;
	margin-left:5px;
	margin-bottom:5px;
}

.ft_gr_der {
	float:right;
	display:inline;
	margin-right:5px;
	margin-bottom:8px;
}

#iframe-miembro {
	width:470px;
	margin: 0 auto;
	margin-bottom:40px;
	border:2px solid #54280A;	
}

#pago_suscripcion {
	width:900px;
	margin: 0 auto;
}