/* Reset de CSS */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	color: #bfbfbf;
    font-family: "Noto Sans",sans-serif;
    font-size: 13px;
    font-weight: lighter;
}

*{box-sizing:border-box;	}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html{height:100%;}
body {line-height: 1; overflow-x: hidden; height:100%; background-color: #000000;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
strong{font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
/* FIN Reset de CSS */

/* ----- GENERAL ----- */

a { text-decoration: none; color:#ffeab5 !important;}
#menu a{color: #fff !important}

h1, h2, h3, h4, h5, h6{ }
h1, h1 a{font-family: 'Alex Brush', cursive; color:#ffeab5;font-size:55px; margin:30px 0;}
h2, h2 a{font-family: 'Alex Brush', cursive; color:#ffeab5;font-size:45px}
h3, h3 a{font-family: 'Alex Brush', cursive; color:#ffeab5;font-size:25px}
h4, h4 a{font-family: 'Alex Brush', cursive; color:#ffeab5;font-size:20px}
h5, h5 a{font-family: 'Alex Brush', cursive; color:#ffeab5;font-size:18px}
h6, h6 a{font-family: 'Alex Brush', cursive; color:#ffeab5;font-size:16px}
p{line-height: 1.7em;}
.div_centrado > div{width:1280px; position:relative; margin: 0 auto; clear:both;}
.texto_destacado{color: #ffeab5; font-weight:600;}
.contenido_propio{position:relative; width:1280px; margin:0 auto; border: 1px solid #fff;}

/* ----- FIN ESTILOS GENERALES ------*/

/* MENU AÑADIDOS */

.WidgetMenu_1{float:left; position:relative; width: 100%}

/*** css para menu inicio****/

#widget_3094 .WidgetMenu_1, #widget_3248 .WidgetMenu_1, #widget_3262 .WidgetMenu_1 {padding:0; position:absolute; top:0; right:0; width:auto;}
.dropdown{width:100%}
.WidgetMenu_1 ul li{display: inline !important; height:50px;}
.WidgetMenu_1 ul {list-style: outside none none;margin: 0;padding: 0;}
#menu > ul > li.categories > div > .column a, #menu > ul > li > div > ul li a {font-size: 13px;padding: 7px;display: block;}

/*** ESTILOS INDEX ***/

#Cabecera{max-height:750px; overflow:hidden;}
#Wrapper{position:relative; float:left; width:100%}
#Pie{position:relative; float:left; width:100%; border-top:1px solid #3a3a3a; margin-top:40px; background: #0f0f0f }

.presentacion {float: left;position: relative; width: 100%; }
.presentacion h1{font-size: 90px;}
.presentacion h2{text-align: right; margin-top:10px;}
.presentacion img{float:right; width:30%}
.texto_presentacion {float: left; position: relative; width: 70%;}
.texto_presentacion_1 {float: left; position: relative; width: 50%;padding-right:40px;}
 .texto_presentacion_1 h2 a {font-size: 60px; margin-top: 45px; display:block;}
.texto_presentacion_2 {float: left; position: relative; width: 50%;padding-right:40px;}

/*----- Margin Widgets -----****/

.WidgetHTML_165, .WidgetHTML_166, .Widget_169, .Widget_171, .Widget_174, .Widget_48, .WidgetHTML_185{margin-bottom:40px;}



/*----- modulo webcamers 100% (general en todas páginas) ---*/
   
.WidgetHTML_165, .WidgetHTML_185{width:100%; float: left;padding: 0 40px;position: relative;}
.WidgetHTML_165 h2, .WidgetHTML_185 h2{text-align: center; margin-bottom:20px}
	.WidgetHTML_165 iframe, .WidgetHTML_185 iframe{width:100% !important;}
	
/*----- modulo Chica CUM ---*/

.Widget_169{position:relative; float:left; width:100%}
.chica_cum {float: left;position: relative; width: 30%; border: 1px solid #fff;}
.chica_cum img {width:100%}
.texto-chica-cum{float: left;position: relative; width: 70%; padding-right:20px}
video {width: 100%; }

/*------- Chicas WebCAM -------*/

.Widget_171{float:left; position:relative; width: 100%;}
.chica-webcam{position:relative; float:left; width:100%;  border:1px solid #fff;}
.img-chica-webcam{position:relative; float:left; width:100%}
.img-chica-webcam img{width:100% !important; height: auto !important;}
.chica-webcam + .chica-webcam + .chica-webcam + .chica-webcam{margin-right:0px;}
.clase-chica{position:relative; float:left; width:100%; padding:5px 10px;}
.clase-chica img{float: right}
.clase-chica div {display: block;float: left;position: relative;width: calc(100% - 60px); text-align:center; color:#fff;}
.clase-chica span{color: #f7d6c8;display: block;font-family: "Roboto Condensed",sans-serif;font-size: 19px;padding: 11px 0 4px;}
.clase-chica a {color: #ffeab5;font-family: Roboto Condensed;font-size: 17px;}

/****** logotipo ******/

.logo {position: absolute;top: 0;z-index: 1000; width:100%;}
.logo_img{position:relative; float:left; width:100%;}
.logo_cam {left: 0;position: absolute;bottom:0px; margin-bottom:-30px;}

/****** Módulo blog y módulo de fotos index *****/


.Widget_175 {float: left;position: relative;width: 100%;}
.post_index{position:relative; float:left; width:100%;}
.post_index .VerNoticia {border: 1px solid #fff; float: left; margin-right: 4%; position: relative; width: 22%; margin-top:15px;}
.VerNoticia + .VerNoticia + .VerNoticia + .VerNoticia{margin-right:0px}
.intro-post-index{position:relative; float:left; width:100%; padding:20px}
.tit-post-index{position:relative; float:left; width:100%;color: #ffeab5;
    font-family: "Architects Daughter",cursive;font-size: 18px;font-weight: normal;line-height: 26px;margin-bottom:5px}
.fecha-post-index{position:relative; float:left; width:100%; font-size: 10px;font-weight: normal;;margin-bottom:15px}
.intro-post-index p{display: block; position:relative; width:100%; min-height:135px; max-height:135px; overflow:hidden; margin-bottom:15px}
.intro-post-index a{float:right}
.intro-post-index > p > a {float: none;}

.cuadrado{position: relative; width:100%; overflow:hidden}
.cuadrado::before{content:""; display:block; padding-top:100%}
.cuadrado_contenido{position: absolute; top:0; bottom:0; left:0; right:0}
.cuadrado_contenido div{display:table; width:100%; height:100%}
.cuadrado_contenido div a{display: table-cell; text-align:center; vertical-align:middle;}

/***** ESTILO APARTADO WEBCAMERS ****/
.cabecera-webcam{position:relative; float:left; width:100%; background:url(../imagenes/webcam-page.jpg); height:350px; background-size:cover}

/**** ESTILOS GALERIAS *****/
.padding-galerias {float: left; padding: 0 40px; position: relative; width: 100%;}
.cabecera-galeria{position:relative; float:left; width:100%; background:url(../imagenes/foto.jpg); height:350px; background-size:cover}

/***** ESTILOS BLOG Y DETALLE NOTICIA BLOG ****/
.cabecera-blog{position:relative; float:left; width:100%; background:url(../imagenes/labiosboli.jpg); height:350px; background-size:cover}

.presentacion-blog{position:relative; float:left; width:100%;}
.presentacion-blog h1{font-size: 90px;}
.presentacion-blog p{margin-bottom:15px}
.Widget_26 {float: left;position: relative;width: 100%;}
.NoticiaListado {border: 1px solid #fff;float: left;position: relative;width: calc(50% - 30px);width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px);margin-bottom:30px; min-height:280px;}
.ContenidoListadoNoticias {float: left;position: relative;width: 100%;}
.ContenidoListadoNoticias > div:nth-child(odd){margin-right: 30px}
.img_lista_post{float: left;position: relative;width: 30%;}
.titular_lista_post, .fecha_lista_post, .texto_lista_post {float: left;position: relative;width: 100%;}
.titular_lista_post h2 {font-size: 36px;}
.fecha_lista_post {font-size: 11px;margin-bottom: 15px;}
.texto_lista_post {max-height: 70px;overflow: hidden;}
.leer_mas {float: right;margin-top: 10px;}
.cont_lista_post {float: left;padding: 10px 10px 10px 20px;position: relative;width: 65%;}
.Widget_48{position:relative; float:left; width:100%}
.detalle-blog h1 {margin-bottom:5px}
.detalle-blog img {float: left;width: 35%;}
.fecha-detalle-post{display: block;float: left;margin-bottom: 40px;position: relative;width: 100%;}
.detalle-blog p {display: block;float: left;padding-left: 50px;position: relative;width: 65%; margin-bottom:20px}

/* Widget Angel */

.angel_index, .img_angel{position:relative; float:left; width:100%}
.angel_index{margin:50px 0 0 0}
.img_angel img{width:100%}
.texto_angel{position:absolute; width:100%; -ms-display: flex; display: flex;align-items: center;justify-content: center; height:100%;}
.texto_angel div{font-size:29px; color: #fff; font-family: "Architects Daughter",cursive; font-style:italic; text-align:center; text-shadow:0 2px 2px rgba(0, 0, 0, 0.9);}
.texto_angel div span{font-size: 80px; color:#fff;font-family: "Architects Daughter",cursive; font-style:italic; text-align:center; text-shadow:0 2px 2px rgba(0, 0, 0, 0.9)}

 /* Paginador del Blog */
.Widget_26 ul{display:block; float:left; width:100%; text-align: center; margin-bottom:30px;}
.Widget_26 ul li{list-style: none; display: inline;border: 1px solid #ffeab5; border-radius: 15px;margin-right: 10px;padding: 5px 10px;text-align: center;transition: all 0.2s ease 0s;}
.Widget_26 ul li:hover{background: rgba(255, 234, 181, 0.5) none repeat scroll 0 0; cursor:pointer;}
.Widget_26 ul li:hover a{text-decoration:none;}
.activo{background: rgba(255, 234, 181, 0.5) none repeat scroll 0 0; cursor:pointer;}


/***** quien soy ***/

.cabecera-quien-soy {background: rgba(0, 0, 0, 0) url("../imagenes/quiensoy.jpg")no-repeat;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover; float: left; height: 350px; position: relative; width: 100%;}

/**** volver arriba ****/
.back-to-top a {
    background: rgba(250, 250, 250, 0.1) url("../imagenes/back-to-top.png") no-repeat scroll left top;
    border: 1px solid;
    bottom: 20px;
    display: block;
    height: 35px;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    width: 35px;
	z-index:2000;
}

/*FOOTER */

/* menu pie */

.menu_pie #menu {width:50% !important}
.menu_pie #menu > ul >li {right: auto; list-style:none;}
.menu_pie #menu > ul{left: auto; float:left}
.menu_pie #menu > ul > li a{font-size: 13px;}

/** Enlaces cookies y  legal ***/

.WidgetHTML_197{float:right; position:relative; padding-right:20px; padding-top: 1px; width:50%; text-align: right;}
.WidgetHTML_197 a{color:#fff !important; margin-left:20px; line-height:53px; font-family: Roboto condensed;}

/*** Newsletter ***/

.newsletter{position:relative; float:left; padding:20px}
.newsletter > p{font-family: "Roboto Condensed"; font-size: 30px}
#alta-newsletter > #form1 > p{diaplay: block; position:relative; float:left; line-height:30px}
#alta-newsletter > #form1 > p > #email{background: transparent; width:250px; border-radius:0px; margin-left: 10px}
#este {border: 1px solid white; padding: 8px 35px; text-transform: uppercase; margin:0}


/* aviso cookies */

.cookiesPanel { background: #fff none repeat scroll 0 0;bottom: 0;left: 50%;margin: 0 0 0 -50%;position: fixed;width: 100%;z-index: 999;}
.cookiesPanel .container {margin: 0 auto;width: 100%;}
.cookiesPanel .container .text {color: #000;float: left;font-size: 11px;line-height: 40px;padding: 0 10px;}
.cookiesPanel .container .control {display: block;float: right;font-size: 11px;padding: 0 2px;}
.cookiesPanel .container .control a {color: #000;font-size: 11px;font-weight: bold;line-height: 40px;}

/**** AVISO INICIO *****/
.aviso{position:relative; float:right; width:100%; padding:50px; background: #000}
.chica-aviso, .cont-aviso{position:relative; float:left; width:50%; }
.chica-aviso{padding: 0 40px}
.chica-aviso img{width:100%}
.atencion {border-bottom: 1px solid #fff;border-top: 1px solid #fff;color: #fff;float: left;font-family: arial;font-size: 29px;font-weight: bold;margin-bottom: 50px;padding: 15px 0;position: relative;text-align: center;width: 100%;}
.explica-cont {margin-bottom: 20px;position: relative;width: 100%; float:left;}
.explica-cont p {color:#fff;}
.explica-cont ul li{list-style:none; color: #fff; line-height:1.7em;}
.explica-cont > span {color: #fff;font-size: 21px;}
.logo-aviso{position:relative; float:left; width:100%; text-align:center;}
.btn_enter {position: relative;width: 100%; padding:0 auto; margin-bottom:20px; float:left;}
.btn_enter a {border-radius: 6px;display: block;float: left;font-family: Roboto condensed;font-size: 25px;padding: 16px 0;text-align: center;width: 50%;}
.btn_out {background: #282024 none repeat scroll 0 0;border: 1px solid #352b30;color: #fff;}
.btn_out:hover {background: #352b30 none repeat scroll 0 0; text-decoration:none; color: #fff;}
.btn_in{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0%, #d0c5cb 100%) repeat scroll 0 0; border: 1px solid #fff; color:#86094d; text-transform: uppercase;
-webkit-box-shadow: inset 0px 2px 5px rgba(255,255,255,1);-moz-box-shadow: inset 0px 2px 5px rgba(255,255,255,1);box-shadow: inset 0px 2px 5px rgba(255,255,255,1);
text-shadow:1px 1px 2px #fff;}
.btn_in a{color: #86094d !important}
.btn_in:hover{background: #fff;text-decoration:none; color:#86094d;}


/******* Login VIP ****/
.Widget_202{position:relative; width:350px; margin: 0 auto; margin-top: 40px;}
.Widget_201{position:relative; width:350px; margin: 0 auto; margin-top: 40px; padding: 0 15px}
.botonvip {
    display: block !important;
    position: relative;
    margin: 0 auto !important;
    padding: 10px 30px !important;
    text-transform: uppercase;
}
.Widget_201 .nom_campo_form{margin-bottom:5px; color: #fff;}
/******* media querys *******/



@media screen and (max-width: 1279px) 
{
.div_centrado > div{width:100%; padding:0 40px}
}

@media screen and (max-width: 1200px) 
{
.NoticiaListado{width:100%;}
}

@media screen and (max-width: 1080px) 
{
	.presentacion h1{font-size:70px;}
	.box-video{width:25% !important;}
	.logo{position: relative; z-index:1}
	.logo_img{text-align:center}
	.logo_cam{position:relative; float:left; margin-top: -225px;}
	
}

@media screen and (max-width: 860px) 
{
	.menu_pie #menu {    width: 100% !important;}
	.WidgetHTML_197 {  float: left;width: 100%;}
}

@media screen and (max-width: 799px) 
{
.post_index .VerNoticia{width:46%}
.tit-post-index{min-height:55px; max-height:55px;}
.post_index .VerNoticia{margin-bottom:25px;}
.img_pres{display:none;}
.texto_presentacion{width:100%}
.presentcion h2{text-align:center;}
.texto_presentacion_1{margin-bottom:30px; padding-right:0px;}
.texto_presentacion_1 h2 a {display: block;font-size: 40px;line-height: 95px;}
.cylce_element_content > div {font-size: 80px;}
.cylce_element_content > div > span {line-height: 15px;}
.Widget_163{float: left; margin-top:50px; position:relative; width:100%; z-index:-1;}
#widget_3094 .WidgetMenu_1{width:100%}
#widget_3094 #menu > ul > li{padding: 0; width:100%;}
.cylce_element_content > div > span {color: #fff;display: block;font-size: 30px;}
.cabecera-blog, .cabecera-webcam, .cabecera-galeria, .cabecera-quien-soy{display:none;}
.texto_angel div span {font-size: 45px;}
.texto_angel div {font-size: 25px;}
}

@media screen and (max-width: 680px)
{
.texto-chica-cum{width:100%; margin-bottom:20px; padding-right:0px;}
.chica_cum{width:100%}
.cabecera-quien-soy, .cabecera-blog, .cabecera-webcam, .padding-galerias, .cabecera-galeria{background-image: none; background-color: #000;}
.logo_cam{margin-top: -115px;}
} 

@media screen and (max-width: 500px)
{
.cylce_element_content > div {top:25%; font-size:50px;}
.texto_angel {
    position: relative;
    width: 100%;
	display:block;
}
.img_angel{display:none;}
}

@media screen and (max-width: 500px)
{
.detalle-blog img {width: 100%; margin-bottom:25px}
.tit-post-index{min-height:150px; max-height:150px;}
.box-video{width:50% !important;}
.detalle-blog p{padding-left: 0px; width:100%}
.logo_cam{width:100%; margin-bottom: 0;}
.logo_cam img{width:33.333%}
.presentacion-blog h1 {font-size: 60px;}
.img_lista_post{width:100%}
.cont_lista_post {width:100%}
}

@media screen and (max-width: 450px)
{
	.texto_presentacion_1 h2 a {line-height: 35px; text-align: left;}
	.post_index .VerNoticia{width:100%}
	.tit-post-index{min-height:auto; max-height:auto;}
.intro-post-index p { max-height: auto; min-height: auto;}
.texto_angel div{ font-size:17; text-shadow:2px 2px 1px rgba(0, 0, 0, 1)}
.WidgetHTML_185 {padding: 0 10px !important;}
.paginador, .paginadorS {margin-right: 5px;}
}