/*
	Descripción: RESPONSIVE
	Versión: 4.0
*/


/*
	Estructura del HTML:
	____________________

	DIV .fon-contenedor
		DIV .contenedor
			DIV .fila
				DIV .col
*/



/*_________Google_Fonts__________*/

@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');


/*________Import____________*/

@import url('flexible.css');
@import url('textos.css');
@import url('formularios.css');



/*_____________WEBSITE__________*/

a{
	text-decoration: none;
	/*o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;*/
	color: #4b4b4b;
}

a:hover,
a:focus {
	text-decoration: none;
	/*o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;*/
	color: #000000;
}


div, h1, h2, h3, h4, p, form, input, textarea, img, span, td{margin:0; padding:0;}/*label,*/

h1,h2,h3{font:inherit}

img{border:none;}

video {width:100%; height:auto; border:0;}

ul, li{margin:0; padding:0; list-style-type:none; list-style: none;}

html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-osx-font-smoothing: grayscale;

	-webkit-font-smoothing: antialiased;/* texto renderizado safari y chrome*/

}


/*________Resolución_______*/

#dimensions {
  position: fixed;
  left: 10px;
  bottom: 0px;
  background:#000\9; background-color:rgba(0, 0, 0, 0.8);
  font-size: 13px;
  color: #fff;
  padding: 5px 10px;
  z-index:1000
}

/*________SCROLLTOP APARECE_______*/

.scrolltop{
	width:50px;
	height:40px;
	text-indent:-9999px;
	opacity:0.8;
	position:fixed;
	bottom:40px;
	right:20px;
	display:none;
	background:#000 url('../images/top.png') no-repeat center center;
	z-index:1000;
	border-radius:1px;

}

/*_________________selecciones___________________*/

/* webkit, opera, IE9 */
::selection { background:#0098aa;  color:#fff;}
/* mozilla firefox */
::-moz-selection { background:#0098aa; color:#fff;}


/*__________PÁGINA_WEB_____________*/

.limpiar{clear:both; font-size:0; line-height:0; float:none;}

acronym, abbr {border-bottom:1px dotted #333; cursor:help; font-style:normal;}

.separa{width:100%;	height:10px; font-size:0; clear:both;}
.separa-med{width:100%;	height:22px; font-size:0; clear:both;}
.separa-min{width:100%;height:5px; font-size:0; clear:both;}

.separa1{width:100%; height:35px; font-size:0; clear:both;}
.separa2{width:100%; height:45px; font-size:0; clear:both;}
.separa3{width:100%; height:60px; font-size:0; clear:both;}

.izq{float:left;}
.der{float:right;}

.italic{font-style:italic}

.septop{margin-top:20px;}
.sepbot{margin-bottom:20px;}
.separabajo{padding-bottom:15px}
.separaderecha{margin-right:5px}
.septopbot{padding:30px 0 20px 0;}
.septopbotder{padding:5px 10px 5px 0;}

.center{text-align:center;}
.right{text-align:right;}
.justificado{text-align:justify;}
.enlinea{display:inline-block;}
.enbloque{display:block}
.centrado{margin:0 auto; display:block; text-align:center}
.full{width:100%}

.relative{position:relative}
.absolute{position:absolute}
.pointer{cursor:pointer}

.tachado{text-decoration:line-through;}


.linea {display:block; margin:30px 0 30px 0; width: 100%; height:1px; background:#e6e6e6;}
.linea-min {display:block; margin:8px auto; width: 100%; height:1px; background:#e6e6e6;}
.linea-fina {display:block; margin:0; width: 100%; height:1px; background:#e6e6e6;}

.linea2 {display:inline-block; margin:25px 0 25px 0; width: 100%; height:1px; background:#363636;}

.linea-cent {display:block; margin:8px auto 15px auto; width: 150px; height:2px; background:#e6007e;}
.linea-izqu {display:block; margin:8px 0px; width: 50px; height:2px; background:#e6007e;}

.linea-dere {display:block; margin:0px 0px; width: 70px; height:4px; background:#c71908;}

.redondo{border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

.redondo-min{border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.redondo-top{border-radius:8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px;-webkit-border-radius: 8px 8px 0px 0px;}
.redondo-bottom{border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px;-webkit-border-radius: 0px 0px 8px 8px;}

.redondo-right{border-radius: 0px 8px 8px 0px; -moz-border-radius: 0px 8px 8px 0px;-webkit-border-radius: 0px 8px 8px 0px;}
.redondo-left{border-radius: 8px 0px 0px 8px; -moz-border-radius: 8px 0px 0px 8px;-webkit-border-radius: 8px 0px 0px 8px;}

.visible_en_movil, .visible{visibility:hidden; display:none}

.wrapper{background:#fff; display:table; margin:0 auto;}/*caja contenedora (envoltura)*/

.mayusculas{text-transform:uppercase}

.underline { text-decoration: underline }



@media (max-width:1200px) {
	.visible-max{visibility:hidden; display:none}
}

@media (max-width: 991px) {
	.centradomovil{margin:0 auto; display:block; text-align:center; float:none}
	.invisible{visibility:hidden; display:none}
	.visible{visibility:visible; display:inline-block;}
}

@media (max-width: 767px) {
		.invisible_en_movil{visibility:hidden; display:none}
		.visible_en_movil{visibility:visible; display:inline-block;}
		.wrapper{display:block;}
}

.capa1{z-index:1;/*importante*/}

.fon-contenedor { width: 100%; background-color: #ffffff } /* Caja para cubrir .contenedor al 100% */


/*________Reset para Framework__________*/
.r-frame{ margin: 0 ; padding: 0 ; margin-right: 0 ; margin-left: 0  }


/*_____________COLORES__________________*/

.c-menu-h { background-color: #131313 }
.c-menu-v { background-color: #dddddd }
.c-menu-v-der { background-color: #64749c }
.c-contenido { background-color: #F1F3F6 }
.c-logo { background-color: #131313 }
.c-sticker1 { background-color: #7266ba }
.c-sticker2 { background-color: #42A5F6 }
.c-sticker3 { background-color: #7ED320 }
.c-sticker4 { background-color: #F75D81 }
.c-menumovil1 { background-color: #e5f4ff }
.c-blancoroto { background-color: #eeeeee }
.azul { color: #2f91dc; }
.gris { color: #8f8f8f }
.grisclaro { color: #afafaf }
.f-grisclaro { background-color: #f7f7f7 }
.c-titulo { color: #292929; }




/*_____________DISEÑO WEB EN CAJA_______________*/




/*_____________FONDOS_______________*/



/*___________________TOP_________________*/






/*_____________ZONAS_Y_CAJAS___________*/


/*Esqueleto    */

	.box-logo {  display: inline-block; margin-left: 15px}

	.box-logo img { max-width: 200px }
	@media (max-width: 768px) { .box-logo img { max-width: 113px } }




	/*Zona Menú Horizontal publica*/
		.menupublico { height: 100%;  display: flex; flex-direction: row; align-items: center; line-height: 100%; margin-left: 15px }
		@media (max-width: 991px) { .menupublico{ display: none; visibility: hidden; } }

		.menupublico li { display: inline-block; margin: 0 1px; height: 20%; margin-top: 0px; padding: 0px 10px; align-self: center}


		.cajaopcionesder {  height: 54px;  }
		/*@media (max-width: 991px) { .cajaopcionesder { display: none; visibility: hidden; } } */

		.opcderecha { margin-right: 15px; vertical-align: middle; }

		/* Zona opciones derecha desktop */
			.opcderecha { visibility: visible; }
			@media (max-width: 991px) { .opcderecha { /*display: none; visibility: hidden;*/ } }

		/* Zona opciones derecha menu visible en movil*/
		.opcderecha-movil{ margin-top: 15px; margin-right: 15px; display: none; visibility: hidden; }
		@media (max-width: 991px) { .opcderecha-movil{ display: block; visibility: visible;  } }

		.opcderecha-movil li { display: inline-block; }
		.opcderecha-movil a:nth-child(1) { margin-right: 5px }


		.cajaidiomas { height: 50px; padding-top: 11px }
		.idiomas {margin-top: 15px;  display: inline-block;  }


		.idiomatxt { background-color: #2f91dc; border-radius: 5px; line-height: 2.7em; color: #fff; padding: 0 5px 0 5px; font-family: arial; font-size: .8em; /*vertical-align: middle;*/ }
		.idiomatxt span { margin-left: 5px }
		.caja-idiomatxt { position: absolute; top: 30px; left: 0px; z-index: 4; display: none; }
		.opcs-idiomatxt { width: 43px; background-color: #2572ad; border-radius: 3px; line-height: 2.7em; color: #fff; padding: 0 5px 0 5px; font-family: arial; font-size: 1em; vertical-align: middle; text-align: center; cursor: pointer; }


		.creditosdesktop { margin-right: 15px; border-radius: 5px; line-height: 3.2em}

		/*Menu desplegable en movil*/
		.idiomatxtmovil { background-color: #2f91dc; border-radius: 5px; line-height: 2.7em; color: #fff; padding: 0 5px 0 5px; font-family: arial; font-size: .8em; vertical-align: middle; }
		.idiomatxtmovil span { margin-left: 5px }
		.idiomatxtmovil ul { position: absolute; top: 42px; left: 3px; z-index: 4; display: none; }
		.idiomatxtmovil ul li { width: 63px; background-color: #2572ad; border-radius: 3px; line-height: 2.2em; color: #fff; padding: 0 5px 0 5px; font-family: arial; font-size: 1em; vertical-align: middle; text-align: center; cursor: pointer; }




	/*Fin Zona Menú Horizontal publica*/







	.linea-publica { position: fixed; top: 54px ; width: 100%; height: 5px; background-color: #2f91dc }
	.linea-fina { width: 100%; height: 1px; background-color: #eee }


	/* .Zona Menu horizontal......................................................*/
	.menu-h { position: fixed; width: 100%; height: 54px; border-bottom: 4px solid #2f91dc;  z-index: 2}

	.secciones-menu-h { float: right; }
	@media (max-width: 991px) { .secciones-menu-h { display: none; visibility: hidden; } }

		/*Zona Caja buscador*/
		.caja-buscador { height: 54px; vertical-align: middle; line-height: 3.587em; position: relative;  }
		.input-buscar { vertical-align: middle; border: 0px solid #ccc; border-radius: 0px; height: 30px; box-shadow: 0 2px 6px rgba(0,0,0,.15); padding: 0 10px 0 10px; font-size: 1em; background: #fff; border-radius: 5px}
		.contenedor-bot { position: absolute; top: 0px; right: 0px; border-radius: 0 20px 20px 0; }

		.bot-submit { height: 29px; width: 30px; cursor: pointer; padding: 0; margin: 0; border-radius: 0 20px 20px 0 }
		.bot-submit span:hover { color:red; }
		/*Fin Zona Caja buscador*/

		/*Zona Caja buscador movil*/
		.caja-buscador-movil { vertical-align: middle; width: 100%; display: none }
		.input-buscar-movil { width: 90%; vertical-align: middle; border: 0px solid #ccc; border-radius: 0px; height: 30px; padding: 0 10px 0 10px; font-size: 1em;
							 background: #fff; border-radius: 5px}

		.bot-submit-movil { color: #fff; font-size: 1.8em; cursor: pointer; padding: 0 0 0 10px; margin: 0; vertical-align: middle; }
		.bot-submit-movil { padding-top: 5px; }

		/*Fin Zona Caja buscador movil*/


	/* .fin Zona Menu horizontal..................................................*/



	/* Zona Menu Usuario EN MOVIL.................................................*/
	.caja-menu-movil { position: fixed; top: 54px; right: 0; z-index: 2; background-color: #fff; width:350px; padding: 0 0px; display: none; box-shadow: -2px 0px 3px grey; border-bottom: 2px solid #2f91dc  }
	@media (max-width: 991px) { .caja-menu-movil { width: 100% } }

	.caja-menu-movil .seccion-menu { border-bottom: 1px solid #e5f4ff }
	.caja-menu-movil .seccion-menu a span { margin-right: 10px }

	.caja-reglogin  {width: 100%; background-color: #2f91dc; }
	.caja-reglogin li { display: inline-block; width: 48.6% }

	@media (max-width: 600px) { .caja-reglogin li { display: inline-block; width: 49.3% } }


	/*Seccion avatar*/
	.espacio-avatar { padding: 5px 0 }
	.espacio-avatar .avatar-foto { width: 50px; height: 50px; float: left; margin-right: 10px }
	.text-avatar .nombre { line-height: 1.5em; font-size: .9em }
	.text-avatar .describ { line-height: 1.5em; font-size: .6em }



	/* Fin Zona Menu Usuario EN MOVIL.............................................*/


	/* .Zona contenido............................................................*/
	.fon-contenedor { top: 54px; padding-left: 0px; /*padding-left: 255px*/ transition: padding-left 0.3s; -webkit-transition: padding-left 0.3s; -moz-transition: padding-left 0.3s; -o-transition: padding-left 0.3s; }
	@media (max-width: 991px) { .fon-contenedor { padding-left: 0px } }
	/* .fin Zona contenido........................................................*/

	/*Pie de página*/
	.caja-pie { width: 100%; padding-left: 0px; transition: padding-left 0.3s; -webkit-transition: padding-left 0.3s; -moz-transition: padding-left 0.3s; -o-transition: padding-left 0.3s; }
	.pie-aviso { display: flex; flex-direction: row; justify-content: space-between; align-items: center;
				background-color: #1E1E1E; padding: 30px}
	.pie-pagina { background-color: #131313; padding: 30px }
	/*Fin Pie de página*/
	}

/* fin Esqueleto*/



/*Cajas pertenecientes a "Zona contenido"  NO NECESARIAS PARA EL ESQUELETO   */
.caja { padding: 30px; background-color: #ffffff; border: 1px solid #ebebeb; }
@media (max-width: 991px) { .caja { margin-bottom: 10px } }

.sticker { border-radius: 5px }
.sticker > div:nth-child(1) { background-color: rgba(0, 0, 0, 0.1); height: 86px; width: 80px; display: inline-block;float: left; text-align: center }
.sticker > div:nth-child(2) { display: inline-block; height: 86px;  padding: 15px 0 0 15px }
/* fin Cajas pertenecientes a "Zona contenido"  NO NECESARIAS PARA EL ESQUELETO  */


/*Zona Menú vertical izq   */
ul.menu-lat-izq { margin: 5px 0 5px 25px ; }
.menu-lat-izq li a { padding-left: 0px }
.sublista { padding-left: 15px; background-color: #dddddd }
.sublista li { line-height: 2.5em }

.activo { background-color: #dddddd }
.activo > span:nth-child(1) { opacity: 1; filter: grayscale(100%); -webkit-filter: grayscale(100%); } /*Dudoso*/

.menu-lat-izq li a span:nth-child(2) { 	 margin-right: 30px; float: right; }

.menu-lat-izq li span { margin-right: 10px}
/*fin Zona Menú vertical izq*/



/*Listado Zona chicas*/
.caja-foto-chica { border-radius: 50px; overflow: hidden; max-width: 200px;  border: 5px solid rgba(47, 145, 220, 0.1); }
.caja-chica { max-width: 200px; margin-bottom: 25px }
.caja-chica p { margin-top: 10px }
.chicaonline { position: absolute; top: 3px; left: 5px; z-index: 1; font-size: 2em; text-align: left;color: #38ff54; text-shadow:  2px 2px 8px #131313; }
.chicaonline .texto-online { font-size: .5em; font-family: 'Fjalla One', sans-serif; color: #38ff54;  }


/*Listado en carrusel*/
.zonaimagencar { margin-top: 26px }
.minichica { top: -26px; right: 10px; width: 53px; height: 53px; max-width:60px; border-radius: 25px; overflow: hidden; z-index: 1 }
.nombrepersona { top: -20px; left: 0; font-family: 'Roboto', sans-serif; font-size: .9em; font-weight: bold; color: #2f91dc  }
.ico-premium { top: -26px; right: 65px;  font-size: 2em}
.ico-premium span {  color: #04bc00; }
.caja-datos { background-color: #e2e2e2; line-height: 29px; text-align: center }
.dato-video { display: inline-block; margin-right: 10px; font-size: 0.9em; font-family: 'Roboto', sans-serif; vertical-align: middle; }
.dato-video span { vertical-align: middle; font-size: 1em; margin-right: 3px }
.titulo-video { font-size: 1.1em; ; color: #222222; height: 2.2em; letter-spacing: -1px; padding: 10px 0 10px 0; }



/*Zona Listado Imagenes*/
.listado {max-width: 600px; margin: 0 auto; margin-bottom: 25px}

.caja-webcams { border-radius: 7px; overflow: hidden; border: 1px solid #acc7dc; max-width: 240px}
.caja-ico { top:5px; left: 5px; border-radius: 5px; background-color: #00e505; overflow: hidden; }
.caja-ico .demo-icon { font-size: 4em }

.zonaimagen { margin-bottom: 10px  }
.zonaimagenwebcam { margin-bottom: 0px }
.banderita img { margin-left: 3px }

.caja-txt { margin: 0 5px 5px 5px }
.ico-new { position: absolute; top: 0px; right: -17px;  }
.ico-hd { position: absolute; bottom: 5px; left: 5px;  }
/*Fin Zona Listado Imagenes*/


/*Zona Listado Webcams*/
.caja-txt-webcam { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
/*Fin Zona Listado Webcams*/




/*Zona video*/
.video-container { padding-bottom:56.25%; height:0; overflow: hidden; position: relative; }
.video-container iframe { position: absolute; height:100%; width:100% top:0; left:0; }
.caja-datos-video-grande { background-color: #e2e2e2; line-height: 29px; padding: 0 5px }
.dato-video-grande { display: inline-block; margin-right: 10px; font-size: 1.1em; font-family: 'Roboto', sans-serif; vertical-align: middle; }
.dato-video-grande span { vertical-align: middle; font-size: 1em; margin-right: 3px }
.caja-bajovideo { margin: 0px 0px; }
.list-vertical-videos { overflow-y: scroll; }
.boton-like { border-radius: 3px; border: 1px solid #ffb1fa; padding: 0 5px;}



/*Boton like*/
.btmas { border-radius: 3px; padding: 0 5px; background-color: grey; color: white; }
.btmas a {
	background: grey;
	padding:2px 20px;
	text-decoration: none;
	text-align:center;
	margin:0 6px 6px 0;
	min-width:43px;
	display:inline-block;
	border-radius:inherit;
}
.btmas span,.btmas span:hover { color:white; }
.btmas a:hover  {color: white; text-decoration: none; border-radius:inherit;}
.btmas:hover { background-color: #f119ff }

.btmas a { background-color: #999; margin: 0 0px 6px 6px }
.btmas a.active {  background-color: #f119ff ;
}
/*Boton like FIN*/



.zona-feedback {  }
.zona-feedback-opc { background-color: #99b5c5; border-bottom: 2px solid #708490; padding: 0 10px; color: #fff; display: inline-block; margin-right: 5px }
.zona-feedback-opc:hover { cursor: pointer; color: #ededed }
.zona-feedback-opc.on { border-bottom: 2px solid #007dc5; background-color: #39A7F0 }
.avatar-usuario { width: 40px; height: 40px; margin: 0 25px 3px 25px }
.caja-input-comentario {  }
.caja-input-comentario input { line-height: 3em; border: 0px; background-color: #fafafa; padding: 0 10px; width: 40% }
.bot-enviar{ border-radius: 5px; background-color: #39a7f0; line-height: 3em; margin-left: 15px; padding: 12px 10px; color: #fff }
.bot-enviar:hover{ background-color: #b5d4e8; color: #708490 }

.caja-respuesta-comentario .titulo-respuesta { margin-left: 70px  }

.azulito { background-color: #2BA9E0 }

.caja-compartir { padding: 15px 0 15px 25px }
.but-rrss { cursor: pointer; border-radius: 6px;  display: inline-block; color: #fff; font-size: 14px;font-weight: normal; padding: 5px; padding-right: 15px; line-height: 1.3em; vertical-align: middle; margin-bottom: 5px}
.but-rrss span { margin: 3px 10px; padding: 5px 0px; font-size: 22px; line-height: 1em; vertical-align: middle; font-weight: normal;}
.but-rrss span:hover { color: #000 }
/*Fin Zona video*/








/*Zona Mensajeria mensaje-nuevo.html mensajeria.html */
.caja-mensajeria { background-color: #fff; margin: 15px 0; padding: 15px; }
.caja-mensajeria > ul > li { display: inline-block }

.cerrar-ventana { top: 20px; right: 20px }
.cerrar-ventana span { font-size: 26px }

.btn-msg { background-color: #99b5c5; border-bottom: 2px solid #708490; display: inline-block; color: #fff; padding: 5px 10px; font-size: 1.3em  }
.btn-msg:hover { border-bottom: 2px solid #99b5c5; background-color: #708490; cursor: pointer; color: #9EC1CD; }
.submenu { border: 1px solid grey; background-color: #fff;  color: #99b5c5; border-radius: 0 0 5px 5px; min-width: 180px; z-index: 2}
.submenu .opc { padding: 10px 10px }
.submenu .opc input { border-radius: 5px; border: 1px solid #cacaca; padding: 8px 10px; width: 100% }
.submenu .opc .opcion { color: grey }
.submenu .opc .opcion:hover { color: black }
.submenu .opc .opcion span:hover { color: black }
.submenu .opc span { margin-right: 4px }
.subtit-mensajeria span { margin-right: 5px }

.caja-msg-entrante { padding: 15px 0; border-bottom: 1px solid #cacaca }


.select-user__icon{font-size: 2em; top:10px; right: 5px; color: grey}
.select-user__boxresult { top: 41px; left: 0; border: 1px solid grey; background-color: #fff; max-height: 250px; overflow-y: scroll; z-index: 100}
.select-user__imagen { max-width: 60px; padding: 10px 5px; vertical-align: top }
.select-user__boxtext { margin-top: 5px; }
.select-user__nombre { font-size: 1em; }
.select-user__datos { font-size: 0.8em }

.select-user__boxresult--bloqueo { text-align: left }
.select-user__buscar { width: 48% }
.select-user__bot-bloquea { height: 50px; margin: 25px 10px 0 0 }






/*.caja-msg-entrante:hover { background-color: #fff; cursor: pointer; }*/
.mensaje-abierto { background-color: #fff  }

.papelera { top:5px; right:5px; }

.avatar { width: 130px; /*margin-left: 20px*/  }
.opcs { width: 20px; margin-left: 10px  }
.fot-user { width: 80px; border-radius: 3px; margin: 0 10px }
.caja-msg-entrante .fecha { font-size: .9em; color: #4b4b4b }
.caja-msg-entrante .fecha:hover { color: #4b4b4b}
.caja-msg-entrante .nombre { font-size: 1.2em }
.caja-msg-entrante .nombre span:hover { color: #2f91dc  }

.msg-info { margin: 15px 0; padding:2px 10px;  border-radius: 6px; background-color: #bad5e5; color: #007dc5 }
.msg-info span { margin-right: 5px }

.box-datos { margin-left: 40px; cursor: pointer; cursor: pointer;}


	/*Mensaje abierto*/

h1 { font-size: 1.5em }
h1 span { padding-right: 5px }
.caja-mensaje-abierto { background-color: #fff; padding: 15px }
.avatar { width: auto }
.caja-mensaje { overflow-y: hidden; }
.caja-mensaje .nombre { font-size: 1.2em }
.caja-mensaje .nombre span { padding-right: 5px }
.sinborde, .sinborde:hover { border-bottom: 0; margin-bottom: 5px }


	/*Responder mensaje*/

.text-msg { font-size: 1em; color: #728894; font-weight: normal; }
.caja-bot-adjunto { margin: 0 10px 10px 0; display: inline-block; }
.bot-adjunto { border-radius: 4px; border: 1px solid grey; padding: 3px 5px; font-size: .8em; background-color: #ebebeb }
.cerrar-adjunto { top: -8px; right: -5px; font-size: 16px; }
.cerrar-adjunto span { color: red; background-color: white; border-radius: 15px }

	/*Mensaje nuevo*/
.fon-contenedor-emailnuevo {  }

/*fin Zona Mensajeria*/





/*Zona ABCbotones*/
.abcbotones { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.abcbotones div { width: 30px; height: 30px; margin: 0 3px 3px 0 }
.abcbotones div a { display: block; font-size: 1em; color: #fff; padding: 10px; text-decoration: none; text-align: center; line-height: 0.8em; width: 30px; background-color: grey;
					o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.abcbotones div a:hover { background-color: #2f91dc }

.botorden { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }

.botorden a { margin: 0 5px 5px 0 }
/*Fin Zona ABCbotones*/

/*Zona Listado Chicoscas*/
.caja-chicoscas { overflow: hidden; max-width: 171px; background-color: #fff; margin-bottom: 25px }
.caja-chic-txt { margin: 3px 5px }
.caja-num { background-color: #2f91dc; padding: 3px; color: #fff; border-radius: 5px; }
/*Fin Zona Listado Chicoscas*/

/* Zona Verificacion */

.cajaupload {  display: flex; flex-direction: row;     justify-content: space-around; }
.caja-ejemplo { border-radius: 25px; overflow: hidden; width: 100%; border: 5px solid rgba(47, 145, 220, 0.1); /*margin-bottom: 35px*/ max-width: 400px }
.caja-ejemplo .piefoto { left: 0; bottom: 0px; width: 100%; background-color: rgba(255, 255, 255, 0.3);text-shadow: 0px 2px 3px #000; ; padding: 5px}
.caja-form-valida { width: 50% }
@media (max-width: 991px) { .caja-form-valida { width: 100% } }


@media (max-width: 991px) { .botupload { float: none } }
/* Fin Zona Verificacion */


/* Zona legal */
.titulo-legal { border-radius: 3px; background-color: #def1ff; border: 1px solid #d2d2d2; margin-bottom: 10px; padding: 3px 10px; font-weight: bold; color: #2779b7; cursor:pointer;text-transform: uppercase; }


/*Login Clientes*/

.fondo-trans {  position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.6); transition: opacity 500ms; visibility: hidden; opacity: 1; z-index: 11000; overflow-y: auto; }
.fondo-trans { visibility: visible; opacity: 1; }

.popup { margin: 50px auto; padding: 20px; background: #fff; width: 40%; position: relative; z-index: 12000; }
.popup.login { width: 350px; }
.popup.login.cliente { background: #ffffff; }

.cerrar { font-size: 2.1428em; float: right; margin: 5px 0 10px 0; color: #333; font-weight: bold; vertical-align: middle; }

.popup .contenido { margin-top: 10px; }

.contenidomovil { padding: 70px 10px 10px 10px; width: 50%; text-align: left }
.contenidomovil p span:first-child { margin-right: 5px; font-size: 1em }
.contenidomovil p span:last-child { margin-right: 5px; font-size: 1em }

@media (max-width: 991px) { .contenidomovil { width: 100% } }
/*Fin Login Clientes*/



/* Zona Registro */
.contenidoregistro, .contenidobondades { margin: 25px 10px 10px 25px; width: 70% }
.contenidobondades p { text-indent: -30px; 	padding-left: 40px }

@media (max-width: 991px) { .contenidoregistro, .contenidobondades { margin: 10px 10px 10px 10px; width: 100% } }

/* Fin Zona Registro */



/* Zona Ficha Chica */
.fon-contenedor-ficha { top: 54px; background-color: #fff }

.titulo-chica span { margin-right: 15px; }
.parrafo-chica { margin: 15px 0 }

.caja-datos2-chica { border-radius: 15px; overflow: hidden; background-color: #d8d8d8; width: 200px; margin: 0 auto; display: block;  }
.caja-datos2-chica .datos-chica {  border-bottom: 1px solid #fff; width: 100%}
.caja-datos2-chica .datos-chica div { padding:  15px }
.caja-datos2-chica .datos-chica:last-child { border-bottom: 0px solid #fff;  }

@media (max-width: 991px) {
	.caja-datos2-chica { width: auto; margin-bottom: 15px; margin-top: 10px; text-align: center; }
	.caja-datos2-chica .datos-chica { width: 170px; display: inline-block; border-bottom: 0px solid #fff; border-right: 1px solid #fff; }
	.caja-datos2-chica .datos-chica:last-child { border-right: 0px solid #fff; }
	.caja-datos2-chica .datos-chica div {  padding: 6px}
}

@media (max-width: 414px) {
	.caja-datos2-chica { width: auto; margin-bottom: 15px; margin-top: 10px; text-align: center; }
	.caja-datos2-chica .datos-chica { width: 100%; display: inline-block; border-bottom: 1px solid #fff; border-right: 0px solid #fff; }
	.caja-datos2-chica .datos-chica:last-child { border-right: 0px solid #fff; }
	.caja-datos2-chica .datos-chica div {  padding: 6px}
}

/* Fin Zona Ficha Chica */





/*Zona Subir Video*/
.caja-captura { max-width: 180px; margin-bottom: 20px;  }
.caja-captura input { top: 10px; left: 10px; position: absolute; }

/*Zona Listado Videos Usuario*/
.caja-listado {  padding: 15px 0; border-bottom: 1px solid #cacaca; }
.caja-listado:hover {  background-color: #fff; cursor: pointer; }
.caja-img-list { max-width: 160px; margin: 0 15px }
@media (max-width: 500px) { .caja-img-list { max-width: 100px; margin: 0 15px } }



/*_________________CAJAS-GENÉRICAS________________*/

.caja-switch {
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    display: inline-block;
    width: auto;
    padding: 3px;
    width: auto;
    overflow-x: auto;
}

.pop-abajo {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 4000;
}
@media (max-width: 991px) { .pop-abajo{ width: 100% } }

.cajablanca { width: 100%; display: block; margin: 0 auto; border: 1px solid #dbdbdb; background: #fff; padding: 40px 15px;  position: relative; }
.cajablanca2 { width: 100%; display: block; margin: 0 auto; border: 1px solid #dbdbdb; background: #fff; padding: 15px 15px;  position: relative; }
.cajagris { width: 100%; display: block; margin: 0 auto; background: #f9f9f9; padding: 15px 15px;  position: relative; }

.sombra { -webkit-box-shadow: 0px 0px 28px -2px rgba(0,0,0,0.28); -moz-box-shadow: 0px 0px 28px -2px rgba(0,0,0,0.28); box-shadow: 0px 0px 28px -2px rgba(0,0,0,0.28); }


.centrar-v { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
			-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

/*_____________BOTONES______________*/

.bot01 { border-radius: 7px; background-color: #f7cf31; padding: 3px 10px }
.bot01:hover { background-color: #ffbb2a }

.bot02 { border-radius: 4px; background-color: #7db3dc; padding: 3px 10px }
.bot02:hover { background-color:  }

.btn5 {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 6px 20px 6px 20px;  /*alto y ancho*/
  border: solid #1f628d 0px;
  text-decoration: none;
}

.btn5:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btn6 {
  background: #8adb34;
  background-image: -webkit-linear-gradient(top, #8adb34, #4bb929);
  background-image: -moz-linear-gradient(top, #8adb34, #4bb929);
  background-image: -ms-linear-gradient(top, #8adb34, #4bb929);
  background-image: -o-linear-gradient(top, #8adb34, #4bb929);
  background-image: linear-gradient(to bottom, #8adb34, #4bb929);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 6px 10px 6px 10px;  /*alto y ancho*/
  border: solid #2f8d1f 0px;
  text-decoration: none;
}

.btn6:hover {
  background: #80fd3c;
  background-image: -webkit-linear-gradient(top, #80fd3c, #53db34);
  background-image: -moz-linear-gradient(top, #80fd3c, #53db34);
  background-image: -ms-linear-gradient(top, #80fd3c, #53db34);
  background-image: -o-linear-gradient(top, #80fd3c, #53db34);
  background-image: linear-gradient(to bottom, #80fd3c, #53db34);
  text-decoration: none;
}

.btn7 {
  background: #db3434;
  background-image: -webkit-linear-gradient(top, #db3434, #b92929);
  background-image: -moz-linear-gradient(top, #db3434, #b92929);
  background-image: -ms-linear-gradient(top, #db3434, #b92929);
  background-image: -o-linear-gradient(top, #db3434, #b92929);
  background-image: linear-gradient(to bottom, #db3434, #b92929);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 6px 10px 6px 10px;  /*alto y ancho*/
  border: solid #8d1f1f 0px;
  text-decoration: none;
}

.btn7:hover {
  background: #fd3c3c;
  background-image: -webkit-linear-gradient(top, #fd3c3c, #db3434);
  background-image: -moz-linear-gradient(top, #fd3c3c, #db3434);
  background-image: -ms-linear-gradient(top, #fd3c3c, #db3434);
  background-image: -o-linear-gradient(top, #fd3c3c, #db3434);
  background-image: linear-gradient(to bottom, #fd3c3c, #db3434);
  text-decoration: none;
}


.btn8 {
  background: #2f91dc;
  background-image: -webkit-linear-gradient(top, #2f91dc, #297ab9);
  background-image: -moz-linear-gradient(top, #2f91dc, #297ab9);
  background-image: -ms-linear-gradient(top, #2f91dc, #297ab9);
  background-image: -o-linear-gradient(top, #2f91dc, #297ab9);
  background-image: linear-gradient(to bottom, #2f91dc, #297ab9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 6px 20px 6px 20px;  /*alto y ancho*/
  border: solid #1f5b8d 0px;
  text-decoration: none;
}

.btn8:hover {
  background: #3ca9fd;
  background-image: -webkit-linear-gradient(top, #3ca9fd, #3492db);
  background-image: -moz-linear-gradient(top, #3ca9fd, #3492db);
  background-image: -ms-linear-gradient(top, #3ca9fd, #3492db);
  background-image: -o-linear-gradient(top, #3ca9fd, #3492db);
  background-image: linear-gradient(to bottom, #3ca9fd, #3492db);
  text-decoration: none;
}


.btn9 {
  background: #c9c9c9;
  background-image: -webkit-linear-gradient(top, #c9c9c9, #c9c9c9);
  background-image: -moz-linear-gradient(top, #c9c9c9, #c9c9c9);
  background-image: -ms-linear-gradient(top, #c9c9c9, #c9c9c9);
  background-image: -o-linear-gradient(top, #c9c9c9, #c9c9c9);
  background-image: linear-gradient(to bottom, #c9c9c9, #c9c9c9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #292929;
  font-size: 13px;
  padding: 6px 20px 6px 20px;  /*alto y ancho*/
  border: solid #1f628d 0px;
  text-decoration: none;
}

.btn9:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btn10 {
  background: #2f91dc;
  background-image: -webkit-linear-gradient(top, #2f91dc, #297ab9);
  background-image: -moz-linear-gradient(top, #2f91dc, #297ab9);
  background-image: -ms-linear-gradient(top, #2f91dc, #297ab9);
  background-image: -o-linear-gradient(top, #2f91dc, #297ab9);
  background-image: linear-gradient(to bottom, #2f91dc, #297ab9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 6px 20px 6px 20px;  /*alto y ancho*/
  border: solid #1f5b8d 0px;
  text-decoration: none;
  display: table;
  width: 100%
}

.btn10:hover {
  background: #3ca9fd;
  background-image: -webkit-linear-gradient(top, #3ca9fd, #3492db);
  background-image: -moz-linear-gradient(top, #3ca9fd, #3492db);
  background-image: -ms-linear-gradient(top, #3ca9fd, #3492db);
  background-image: -o-linear-gradient(top, #3ca9fd, #3492db);
  background-image: linear-gradient(to bottom, #3ca9fd, #3492db);
  text-decoration: none;
}

.botlogin {
  background: #2f91dc;
  line-height: 4em;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 0px;
  font-family: Arial;
  color: #fff;
  font-size: 13px;
  padding: 6px 15px 6px 15px;  /*alto y ancho*/
  border: 1px solid #2f91dc;
  text-decoration: none;
  border-radius: 5px
}

.botlogin:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.botupload {
  background: #2f91dc;
  line-height: 1em;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 0px;
  font-family: Arial;
  color: #fff;
  font-size: 1em;
  padding: 6px 15px 6px 15px;  /*alto y ancho*/
  /*border: 1px solid #2f91dc;*/
  text-decoration: none;
  border-radius: 5px;
  margin-bottom: 5px
}

.botupload:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.botupload { margin-bottom: 15px }


.botregis {
  border: 1px solid #fff;
  line-height: 4em;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 0px;
  font-family: Arial;
  color: #fff;
  font-size: 13px;
  padding: 6px 15px 6px 15px;  /*alto y ancho*/
  text-decoration: none;
  margin-right: 5px;
  border-radius: 5px;
}

.botregis:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.activo { background-color: #3cb0fd; color: #fff;  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); }

.btnmas a {
    color: #fff;
    background: #0ad400;
    padding: 13px 20px;
    text-decoration: none;
    text-align: center;
    /* min-width: 43px; */
    width: auto;
    min-width: 30px;
    width: 100%;
    display: block;
    border-radius: 3px;
    font-size: 1.5em;
}

.btnmas2 a {
    color: #fff;
    background: #0ad400;
    padding: 13px 20px;
    text-decoration: none;
    text-align: center;
    /* min-width: 43px; */
    width: auto;
    min-width: 30px;
    width: 100%;
    display: block;
    border-radius: 3px;
    font-size: 1.5em;
	background: rgba(138,138,138,1);
	background: -moz-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(99,99,99,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(138,138,138,1)), color-stop(100%, rgba(99,99,99,1)));
	background: -webkit-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(99,99,99,1) 100%);
	background: -o-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(99,99,99,1) 100%);
	background: -ms-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(99,99,99,1) 100%);
	background: linear-gradient(to bottom, rgba(138,138,138,1) 0%, rgba(99,99,99,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#636363', GradientType=0 );
}


.resalta:hover { color: #9ec1dc }


/*__________TABLAS___________*/




/*__________RESPONSIVE__VIDEO_____________*/




/*_____GOOGLE MAPS_____*/



/*__________IMÁGENES_______________*/



/*______________REDES_SOCIALES_______________*/




/*_________FORMS___________*/



/*_____________MENSAJES____________*/





/*_____________MENSAJES_ADMIN___________*/



/*_colores_*/
.color-bot-email1 { background-color: #2f91dc }
.color-bot-email2 { background-color: grey }
.advertencia { color: #a40000; font-size: .8em }
.f-rojo { background-color: #a30000 }
.c-rojo { color: #a30000 }
.c-verde { color: green; }
.f-verde { background-color: green }
.f-blanco { background-color: #fff; }
.f-azul { background-color: #2f91dc; }



/*Clases visualizar ocultar opciones menu*/
.desktop { display: inline-block; visibility: visible }
.movil { visibility: hidden; display: none; }

@media (max-width: 991px) {
						.desktop { visibility: hidden; display: none;  }
						.movil {   visibility: visible; display: inline-block;  }
}


/*-----FLEX-------*/
.todoespacio { display: flex; flex-direction: row; justify-content: space-between; }