/*
 * Descripción: DATING
 * Copyright (c) 2018
 * Versión: 6.0
 */

/* ------------------------------

01. Importación
02. Global
03. Generales
04. Genéricas
05. Popups / modals
06. Diseño estructura web
07. Header
08. Footer
09. Zonas y cajas
10. Links y botones
11. Listas
12. Forms
13. Paginación
14. Animaciones
15. Multimedia
16. Tablas y Progress bars
17. Masonry
18. Media Queries
19. Mensajes Admin

------------------------------*/


/*=========================
	01. Importación
=========================*/
@import url("../fuentes/flaticon.css");

/*=========================
	02. Glogal
=========================*/

/*Scrollbar*/
.mini-scrollbar::-webkit-scrollbar {width:10px; height:10px;}
.mini-scrollbar::-webkit-scrollbar-track {background: transparent; border-radius:0px; margin-top:1px; margin-bottom:1px;}
.mini-scrollbar::-webkit-scrollbar-thumb {background-color:#cdcdcd; border-radius:0px;}
.mini-scrollbar::-webkit-scrollbar-thumb:hover {background-color:#606060}

.mini-scrollbar {scrollbar-width: thin; scrollbar-color: #cdd2d6 transparent;}/*firefox*/
.mini-scrollbar * {scrollbar-width: thin; scrollbar-color: #606060 transparent;}/*firefox*/

a{text-decoration: none;color: #000000;}
a:hover, a:focus {text-decoration: none; color: #000000;}/*cambia color*/
footer, header, article, section, div, h1, h2, h3, h4, p, form, input, textarea, img, span, td{margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
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;}


/*=========================
	03. Generales
=========================*/

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

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

.separa{width:100%;	height:30px; font-size:0; clear:both;}
.separa-med{width:100%;height:50px; font-size:0; clear:both;}
.separa-min{width:100%;height:20px; font-size:0; clear:both;}
.separa-peq{width:100%;height:10px; font-size:0; clear:both;}

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

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

.italic{font-style:italic}

.septop{margin-top:50px;}
.sepbot{margin-bottom:20px;}
.septopbot{margin:25px 0;}

.sepizq{margin-left:10px;}
.sepder{margin-right:10px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.justificado{text-align:justify;}
.enlinea{display:inline-block;}
.enbloque{display:block}

.centrado{margin:0 auto; display:block; text-align:center; float:none}
.centable{margin:0 auto; display:table;}
.centradovertical {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.full{width:100%}

.relative{position:relative}
.absolute{position:absolute}

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

.noheigh{height:auto; overflow:inherit}
.nobold{font-weight:normal;}
.nomargin{margin:0;}

.linea {display:block; margin:20px 0 20px 0; width: 100%; height:1px; background:rgba(0,0,0,0.12);}
.linea-min {display:block; margin:10px auto; width: 100%; height:1px; background:rgba(0,0,0,0.12);}
.linea-min-blanca {display:block; margin:10px auto; width: 100%; height:1px; background:rgba(255,255,255,0.15);}
.linea-med {display:block; margin:30px auto; width: 100%; height:1px; background:rgba(0,0,0,0.12);}


/*Linea con texto centrado*/
.linea-texto{line-height:1.2857em; color:#303030;overflow: hidden; text-align: center;}
.linea-texto:before, .linea-texto:after {
	background:rgba(0,0,0,0.12);
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}
.linea-texto:before {right: 0.5em; margin-left: -50%;}
.linea-texto:after {left: 0.5em; margin-right: -50%;}




.redondo{border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.redondo-min{border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.redondo-big{border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

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

.oscurecer {position: fixed; width: 100%; height: 100%; top: 0; z-index: 1000; background: #222\9; background-color: rgba(0, 0, 0, 0.6);display:none;}

.mayusculas{text-transform:uppercase}

.capa1{z-index:2;}

.post-imagen{float:left; margin-bottom:0px;}
.post-texto{display:block; overflow: hidden; padding: 0px 0px 2px 10px;margin-bottom:0px;}

.imgbor{border:1px solid #adadad;}
.elipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*color:inherit;*/ font-weight:inherit;}
.help{cursor:help;}

.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);}
.sombra-texto{text-shadow: 3px 3px 3px rgba(0,0,0,0.3);}

.trans-black{background: rgba(0,0,0,0.6) !important;}
.trans-white{background: rgba(255,255,255,0.3) !important;}


/*=========================
	04. Genéricas
=========================*/

/*Scroll aparece*/
.scrolltop{
	opacity:0.8;
	position:fixed;
	bottom:90px;
	padding: 10px 14px;
	right:20px;
	display:none;
	background-color:#ec0c4e;
	z-index:1000;
	border-radius:2px;
	text-align:center;
}/*cambia color*/

/*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}

/*selecciones*/
::selection { background:#ec0c4e;  color:#fff;}
::-moz-selection { background:#ec0c4e; color:#fff;}

/*Scrollbar*/
::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-track {background: transparent; border-radius:0px; margin-top:1px; margin-bottom:1px;}
::-webkit-scrollbar-thumb {background-color:#cdcdcd; border-radius:0px;}
[hover] ::-webkit-scrollbar-thumb:hover {background-color:#606060}
* {scrollbar-width: thin; scrollbar-color: #606060 transparent;}/*firefox*/




/*=========================
	05. PopUps / modals
=========================*/


/*--MODAL--*/
.modalcenter{
	position: fixed;
	max-width:90%;
	max-height:90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:10000;
}



/*--MODAL--*/
.contenedor-modal{display:none;}

.zona-modal {height: 100%; width:100%; text-align: center; position:absolute; z-index:200; padding-top:10px;}
.zona-modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}

.modal {
  display: inline-block;
  vertical-align: middle;
  /*width: 50%;*/
  text-align:center;
  /*padding: 10px 15px;*/
  background: #fff;

  /*max-height:90%;*/
  z-index:200;

  text-align:left;
  border-radius:inherit;

  min-width:300px; max-width:800px; width:100%;

  -webkit-box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.55);	-moz-box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.55); box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.55);
}


.icono-top-pop{position:absolute; left:0; right:0; top:-25px; z-index:2}
.icono-top-pop i{text-shadow: -3px 0 white, 0 3px white, 3px 0 white, 0 -3px white;}

.modal .modal-header{
	position:relative; padding:15px 40px 15px 15px;background:inherit; border-bottom:1px solid #ccc; border-radius:inherit;
	-webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
}
/*.modal .modal-header:after{border-top: 9px solid inherit; border-top-color:inherit; border-left: 9px solid transparent; border-right: 9px solid transparent; content: ""; display: inline-block; right: 50%; position: absolute; top: 50px;}*/

.modal .modal-cerrar a{ background:url("../../images/miembros.parejas.net/transblack.png") repeat; color:white; position:absolute; top:10px; right:10px; z-index:2; text-align:center; font-size:1.1428em; line-height:1.8571em; width:30px; height:30px; border-radius:inherit;}
[hover] .modal .modal-cerrar a:hover{background:url("../../images/miembros.parejas.net/trans.png") repeat;}

.modal .modal-content div[class^="modal-cerrar"] a{background:none; color:gray; font-weight:bold}/*Establece un color de fondo en todos los elementos <div> que tengan un valor de atributo de clase que empiece por "modal-cerrar"*/
[hover] .modal .modal-content div[class^="modal-cerrar"] a:hover{background:none; color:black;}

.modal .modal-content{width:100%;padding:20px; position:relative;}
.modal .modal-content.scroll{max-height:300px; overflow-y:scroll;}
.modal .modal-content.scrollbig{max-height:400px; overflow-y:auto;}



.modal .modal-header.fondo-rojo{background:#ec0c4e; color:white;}
.modal .modal-header.fondo-rosa{background:#d7147e; color:white;}

.modal .modal-header.fondo-img-rojo{background:#ec0c4e url("../../images/miembros.parejas.net/fondo-modal-rojo.jpg") no-repeat; color:white;padding-top:60px; padding-bottom:60px; background-position:left}
.modal .modal-header.fondo-img-rosa{background:#d7147e url("../../images/miembros.parejas.net/fondo-modal-rosa.jpg") no-repeat; color:white;padding-top:60px; padding-bottom:60px; background-position:left}
.modal .modal-header.fondo-img-verde{background:#8dc73f url("../../images/miembros.parejas.net/fondo-modal-verde.jpg") no-repeat; color:white;padding-top:60px; padding-bottom:60px; background-position:left}
.modal .modal-header.fondo-img-verdoso{background:#5a958c url("../../images/miembros.parejas.net/fondo-modal-verdoso.jpg") no-repeat; color:white;padding-top:60px; padding-bottom:60px; background-position:left}
.modal .modal-header.fondo-img-azul{background:#258aab url("../../images/miembros.parejas.net/fondo-modal-azul.jpg") no-repeat; color:white;padding-top:60px; padding-bottom:60px; background-position:left}
.modal .modal-header.fondo-img-morado{background:#62549a url("../../images/miembros.parejas.net/fondo-modal-morado.jpg") no-repeat; color:white;padding-top:60px; padding-bottom:60px; background-position:left}

.modal .modal-header.fondo-img-rojo.minuspadding,
.modal .modal-header.fondo-img-rosa.minuspadding,
.modal .modal-header.fondo-img-verde.minuspadding,
.modal .modal-header.fondo-img-verdoso.minuspadding,
.modal .modal-header.fondo-img-azul.minuspadding,
.modal .modal-header.fondo-img-morado.minuspadding {padding-top:30px; padding-bottom:30px;}

/*.modal .modal-header.fondo-rojo:after{border-top: 9px solid #ec0c4e;}*/

.modal .modal-cerrar a{background:url('../images/transblack.png') repeat; color:white; position:absolute; top:10px; right:10px; z-index:2; text-align:center; font-size:1.1428em; line-height:1.8571em; width:30px; height:30px; border-radius:inherit;}
.modal .modal-cerrar a:hover{background:url('../images/trans.png') repeat;}

.modal .modal-content div[class^="modal-cerrar"] a{background:none; color:gray; font-weight:bold}/*Establece un color de fondo en todos los elementos <div> que tengan un valor de atributo de clase que empiece por 'modal-cerrar'*/
.modal .modal-content div[class^="modal-cerrar"] a:hover{background:none; color:black;}

.modal .modal-content{width:100%; padding:20px; position:relative;}
.modal .modal-content.scroll{max-height:300px; overflow-y:scroll;}
.modal .modal-content.scrollbig{max-height:400px; overflow-y:auto;}


.zona-menu-escritorio-modal{position:fixed; margin-top:-21px; margin-left:-20px; z-index:1; height:401px; background:#393e46/*e6e6e6*/; width:190px;}
.contenido-escritorio-modal{margin-left:190px; min-height:360px;}

.modal .modal-footer{
	position:relative; padding:20px; background:#f0f0f0; border-top:1px solid #ccc;  border-radius:inherit;
	-webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px;
}


.overlay {background-color: #000; background: rgba(0,0,0,.6); height: 100%;  position: fixed; max-width:100%; top: 0; left: 0; width: 100%; z-index: 199;}

.modal-full{max-width:90%;}
.modal-big{max-width:1000px;}
.modal-med{max-width:600px;}
.modal-min{max-width:400px;}


/*modals notificaciones*/
.fondo-notificacion{background:transparent;color:white;}
.modal .modal-header.fondo-notificacion{padding:20px 0px; }

.modal .modal-cerrar.notificacion a{background:none; color:white; position:absolute; top:10px; right:10px; z-index:2; text-align:center; font-size:1.5em; line-height:1.8571em; width:30px; height:30px;}
[hover] .modal .modal-cerrar.notificacion a:hover{background:none;}

.fondo-notificacion i{font-size:6em; text-align:center;}
.modal .modal-content.notificacion{padding:60px 20px 20px 20px;}
.fondo-notificacion.verde{background:#5cb85c url("../../images/miembros.parejas.net/transcir.png") no-repeat;}
.fondo-notificacion.naranja{background:#f49100 url("../../images/miembros.parejas.net/transcir.png") no-repeat;}
.fondo-notificacion.rojo{background:#d13563 url("../../images/miembros.parejas.net/transcir.png") no-repeat;}


@media (max-width: 991px) {
	.modal-max, .modal{max-width:90%;}
}

@media (max-width: 767px) {
	.modal-med{max-width:90%;}
	.modal-min{max-width:90%;}
	.modal .modal-content {padding:20px 15px;}
}






/*===============================
	06. Diseño estructura web
=================================*/

.zona-izquierda {
  width: 100%;
  overflow-x: hidden;
  overflow-y:auto;
  /*display:none;*/
  max-width:250px;
  /*position:absolute;*/
  background:#27333e; color:#a7b1c2; height:100%; position:fixed; z-index:1001;/*cambiado*/
  /*background-color: #070a0c;*/
 }/*NUEVO MENÚ*/


.zona-derecha {
  padding: 0 0px;
  min-height: 568px;
  position: relative !important;

  /*-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;*/
}

@media (min-width: 992px) {
  .zona-derecha {position: inherit;  margin: 0 0 0 250px; /*mas de: 1000px; */}
}
@media (max-width: 992px) {
  .zona-derecha {position: inherit; margin: 0 0 0 0px; /*menos de: 1000px;*/}
  .zona-izquierda{left: -250px;}
  .zona-izquierda.active{left: 0;}
}



/*=========================
	07. Header
=========================*/

/*--BARRA HORIZONTAL MENU--*/
.menu-top-fixed{background:#ec0c4e; color:white; width:100%; height:80px; z-index:1000; position:fixed; left:0; top:0; padding-left: 250px;}/*cambiado*/
.barra-top-info{background:#141b20; color:white; width:100%; height:40px; z-index:50; position:fixed; line-height:40px; left:0; top:80px; padding:0 15px 0 250px; font-family:'Poppins', sans-serif;}
.barra-top-info a, .barra-top-info a:hover, .barra-top-info a:focus{color:#fff;}

.top-menu {height:80px;}
.top-menu > li {list-style: none; float: left; border-right: 1px solid rgba(0, 0, 0, .25); position: relative; color:white; height:80px; position:relative;}


/*--MENU VERTICAL DERECHO DROPDOWN--*/
.top-menu > li div.dropdown-menu{
	background:white; color:#4b4b4b; position:absolute; top:80px; right:0px; z-index:101; padding:10px; box-shadow: 0 5px 12px 2px rgba(0,0,0,0.25); min-width: 270px;
	/*height:100%; min-height: 100vh; overflow-x: hidden; overflow-y:auto; CONVERTIR EN ASIDE (menú a la derecha 100% alto)*/
}
.dropdown-menu ul li {position:relative; font-size:1em; font-family:'Poppins', sans-serif; color:#373A3C}
.dropdown-menu ul li i{font-size:1.25em; padding-right:5px;}
.dropdown-menu ul li div{z-index:200;}
.dropdown-menu ul li {border-bottom:1px solid #e0e0e0;}
.dropdown-menu ul li:last-child {border-bottom:0px;}

.dropdown-menu ul > li > a {display: block; padding:10px; clear: both; white-space: nowrap; position:relative;}
.dropdown-menu ul > li > a:hover,
.dropdown-menu ul > li > a:focus {text-decoration: none; color: #ec0c4e; background-color: #f5f5f5;}
.dropdown-menu ul > .active > a,
.dropdown-menu ul > .active > a:hover,
.dropdown-menu ul > .active > a:focus {color: #ffffff; text-decoration: none; outline: 0; background-color: #ec0c4e; border-radius:2px}

/*triángulo top dropdown menu*/
.top-menu > li div.dropdown-menu:after{border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; display: inline-block; right: 22px; position: absolute; top: -7px;}
/*fin triángulo top*/

.top-menu.der > li {border-left: 1px solid rgba(0, 0, 0, .25); border-right:0px;}

.top-menu > li i{vertical-align:middle; font-size:1.5em/*21px*/}

.top-menu > li > a { cursor: pointer; color:white; height:80px; padding:0 20px; vertical-align:middle; display:table-cell;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;

}
.top-menu > li > a:hover { background-color: rgba(0, 0, 0, .05);}

@media (max-width: 992px) {
  .menu-top-fixed, .barra-top-info{padding-left:0px;}
}
@media (max-width: 768px) {
  .top-menu > li > a {padding:0 10px;}
}

/*=========================
	08. Footer
=========================*/

footer{}

/*=========================
	09. Zonas y cajas
=========================*/


/*  =========================


	By lostrego multiskin multiproducto


========================= */
.box{
	background-color: transparent;
	padding: 10px;
	margin: 5px;
}

.box-title{
	background-color: transparent;
	padding: 10px;
}

.box-form{
	padding: 10px;
}
.box-form-full {
	padding: 60px;
	max-width: 1024px;
	margin: 40px auto;
	background: rgba(255,255,255,0.7);
	border: 1px solid rgba(0,0,0,0.2);
}

/*  =========================


	By lostrego multiskin multiproducto


  =========================*/




.contenido{padding:0 15px;}
.separacion-top{margin-top:140px;}

@media (max-width: 480px) {
	.sepcol-movil{padding:0 2px; margin-right:0px;margin-left:0px}
	.contenido .fila > div[class*="listado-movil"] {padding:0 2px; margin-right:0px;margin-left:0px}/*Selecciona los elementos cuyo atributo class tenga un valor que contenga "listado-movil".*/
}

.imagen-redonda{position: relative; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}

/*--ZONA USUARIO LADO IZQUIERDO TOP Y MENU USUARIO DROPDOWN--*/
.zona-usertop {padding:8px 10px; background-color: #070a0c; width:250px; vertical-align:middle; display:table-cell;}
.zona-usertop .zonaimgprofile {position:relative; display:block; max-width:67px;}
.zona-usertop .zonaimgprofile img{width: 64px; height: 64px; border:3px solid rgba(255, 255, 255, .15);}
.circulouser{width:17px; height:17px; position:absolute; z-index:2; top:3px; right:2px; border:3px solid rgba(0, 0, 0, .80);}

.zona-usertop .dropdowninfouser{display:block; width:100%; margin-top:12px; }
.zona-usertop .dropdowninfouser a{display:block; line-height:130%; color:#ec0c4e}
.zona-usertop .dropdowninfouser a span {display:block; font-family: 'Roboto Condensed', sans-serif; color:#fcb900; font-size:1.3571em; margin-bottom:5px}
.zona-usertop .dropdowninfouser a span i{font-size:0.5em;}

.dropdown-infouser{margin-top:10px;}
.dropdown-infouser ul li {position:relative; font-size:0.9285em; font-family:'Poppins', sans-serif;}
.dropdown-infouser ul li i{font-size:1.25em; padding-right:5px;}
.dropdown-infouser ul li div{z-index:2;}
.dropdown-infouser ul li {border-top:0px solid rgba(255,255,255,0.15);}
.dropdown-infouser ul li:last-child {border-bottom:0px;}

.dropdown-infouser ul > li > a {display: block; padding:8px; clear: both; white-space: nowrap; position:relative; color:#abb1b7;}
.dropdown-infouser ul > li > a:hover,
.dropdown-infouser ul > li > a:focus {text-decoration: none; color: #fff; background-color: rgba(255,255,255,0.15);}
.dropdown-infouser ul > .active > a,
.dropdown-infouser ul > .active > a:hover,
.dropdown-infouser ul > .active > a:focus {color: #ffffff; text-decoration: none;}

.logo-texto{max-width:140px; margin-top:10px}/*NUEVO MENÚ*/


/*--MENU PRINCIPAL VERTICAL LADO IZQUIERDO--*/
.mainnav {margin:10px 0 20px 0;}
.mainnav ul li {position:relative; font-size:1.1428em;  font-size:1.0714em; /*font-family:'Poppins', sans-serif;*/ margin-bottom:8px;}/*NUEVO MENÚ*/
.mainnav ul li i {padding-right:5px; /*font-size:1.3571em;*/}
.mainnav ul li div {z-index:2; font-size:0.6428em}

.mainnav ul > li > a {display: block; padding:5px 8px; clear: both; /*white-space: nowrap;*/ position:relative; color:#b0bfcd; /*border-left:3px solid rgba(255,255,255,0.35);*/}/*NUEVO MENÚ*/
.mainnav ul > li > a:hover,
.mainnavul > li > a:focus {text-decoration: none; color: #fff;}
.mainnav ul > .active > a,
.mainnav ul > .active > a:hover,
.mainnav ul > .active > a:focus {color: #fff; text-decoration: none; /*border-left:3px solid #ec0c4e*/}/*NUEVO MENÚ*/

.mainnav ul > li > ul > li {font-size:0.9285em; padding:4px 15px 10px 15px; border-bottom:1px solid rgba(255,255,255,0.15)}
.mainnav ul > li > ul > li:first-child{margin-top:10px}
.mainnav ul > li > ul > li:last-child {border-bottom:0px solid rgba(255,255,255,0.15)}
.mainnav ul > li > ul > li > a {border:none; padding:0px}
.mainnav ul > li > ul > .active > a,
.mainnav ul > li > ul > .active > a:hover,
.mainnav ul > li > ul > .active > a:focus {color: #fff; text-decoration: none; border-left:0px solid #ec0c4e}/*NUEVO MENÚ*/


/*--MENU VERTICAL 100% HEIGHT LADO DERECHO--*/
.rightnav{
	background:white; color:#4b4b4b; position:fixed; top:80px; right:0px; z-index:200; box-shadow: 0 5px 12px 2px rgba(0,0,0,0.25); min-width: 270px;
	height:100%; min-height: 100vh; overflow-x: hidden; overflow-y:auto;
}
.rightnav .header{background:#eee; border-bottom:1px solid #ccc; padding:15px 10px 10px 10px;}
.rightnav .content{padding:15px; padding-bottom:90px;}


/*--MENU MEJORAR ACCESO--*/
/*.modalnav{margin-top:60px;}*/
.modalnav ul li {position:relative; font-size:1.1428em; font-family:'Poppins', sans-serif; border-bottom:1px solid rgba(255,255,255,0.20);}
.modalnav ul li:first-child {border-top:1px solid rgba(255,255,255,0.20);}
.modalnav ul li i {padding-right:3px; /*font-size:1.3571em;*/}
.modalnav ul li div {z-index:2; font-size:0.6428em}

.modalnav ul > li > a {display: block; padding:15px 10px; clear: both; position:relative; color:#8a919a/*999*/; border-left:8px solid rgba(255,255,255,0.35);
	background:#343941;
	background-image: linear-gradient(to bottom, #343941 30%, #141618 100%);

}
.modalnav ul > li.oro > a {border-left:8px solid #fcd500;}
.modalnav ul > li.plata > a {border-left:8px solid #a8a8a8;}
.modalnav ul > li.bronce > a {border-left:8px solid #c37846;}

.modalnav ul > li > a:hover,
.modalnav > li > a:focus {text-decoration: none; color: #8a919a; background: rgba(0,0,0,0.65);}
.modalnav ul > .active.oro > a, .modalnav ul > .active.oro > a:hover, .modalnav ul > .active.oro > a:focus {color: #000; text-decoration: none; border-left:8px solid #fcd500; background:white;}
.modalnav ul > .active.plata > a, .modalnav ul > .active.plata > a:hover, .modalnav ul > .active.plata > a:focus {color: #000; text-decoration: none; border-left:8px solid #a8a8a8; background:white;}
.modalnav ul > .active.bronce > a, .modalnav ul > .active.bronce > a:hover, .modalnav ul > .active.bronce > a:focus {color: #000; text-decoration: none; border-left:8px solid #c37846; background:white;}



/*--BARRA TOP ACTIVIDADES ONLINE--*/
.barra-ahoramismo{width:100%; height:75px; position:relative; overflow:hidden; overflow-x:auto; margin-bottom:15px; padding:0px 0; /*background:rgba(255,255,255,0.40);*/ text-align:center;}

.caja-top{display: inline-block; width:auto; min-width:30px; margin:0px 10px 20px 0; padding:5px 10px 5px 5px; background:white; border:1px solid rgba(0,0,0,0.12); height:62px; text-align:left;}
a:hover .caja-top {border:1px solid rgba(0,0,0,0.42);}
.caja-top div > i{font-size:2.8571em; line-height:120%;}
.caja-top img{width:50px; height:50px;}


/*--CAJAS CONTENIDOS MI MURO...--*/

.widget {margin:0 auto 20px auto; border-radius:2px;  border-radius:inherit;}
.widget.full{width:100%; max-width:100%;}
.widget .widget-titulo{background-color:transparent;padding:10px 15px; border-radius:2px 2px 0px 0px;

	-webkit-box-shadow:inset 0px 1px 2px 0px rgba(255,255,255,0.3),0px 2px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0px 1px 2px 0px rgba(255,255,255,0.3),0px 2px 2px 0px rgba(0,0,0,0.2);
	box-shadow:inset 0px 1px 2px 1px rgba(255,255,255,0.4),0px 1px 2px 0px rgba(0,0,0,0.3);
	position:relative;
}
.widget .widget-titulo p, .widget .widget-titulo h2 {font-family:"Poppins", Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0px; font-size:1.1428em; text-shadow:-1px -1px 1px rgba(0,0,0,0.2);}
.widget .widget-titulo i{float:right; padding-right:2px;}
.widget .widget-contenido{background-color:white; padding:20px 15px; border-left: 1px solid rgba(0,0,0, 0.20);	border-right: 1px solid rgba(0,0,0, 0.20); border-bottom: 1px solid rgba(0,0,0, 0.20); border-radius: 0px 0px 2px 2px; background-repeat: repeat-x; border-top-style: none; border-top-color: inherit; border-top-width: medium;}


.widget-contenido .imgprofile{display:block; position:relative; width:240px;  float:left; margin-bottom:10px}
.widget-contenido .imgprofile img{width:240px;border:4px solid #fff;}


.widget-gris .widget-titulo{color:#fff; border-left: 1px solid #424242; border-right: 1px solid #424242; border-top: 1px solid #424242; border-bottom:1px solid #222222;
	background-repeat: repeat-x; background-color:#6d5bb0; background-image: linear-gradient(to bottom, #616161 0%, #525252 100%);
}

.widget-marino .widget-titulo{color:#fff; border-left: 1px solid #3d5265; border-right: 1px solid #3d5265; border-top: 1px solid #3d5265; border-bottom:1px solid #2b3946;
	background-repeat: repeat-x; background-color:#506b84; background-image: linear-gradient(to bottom, #506b84 0%, #486077 100%);
}
.widget-marino .widget-contenido-marino {color:#aac1d5; border: 1px solid #506b84; border-radius:inherit; background:#425d76 url('../images/transesquina.png') no-repeat top right;}


.widget-turquesa .widget-titulo{color:#fff; border-left: 1px solid #25667e; border-right: 1px solid #25667e; border-top: 1px solid #25667e; border-bottom:1px solid #1a4757;
	background-repeat: repeat-x; background-color:#3085a4; background-image: linear-gradient(to bottom, #3085a4 0%, #2b7793 100%);
}
.widget-turquesa .widget-contenido-turquesa {color:#d9f6ff; border: 1px solid #258aab; border-radius:inherit; background:#258aab url('../images/transesquina.png') no-repeat top right;}

.widget-burdeos .widget-titulo{color:#fff; border-left: 1px solid #b12b56; border-right: 1px solid #b12b56; border-top: 1px solid #b12b56; border-bottom:1px solid #872142;
	background-repeat: repeat-x; background-color:#d03d6c; background-image: linear-gradient(to bottom, #d03d6c 0%, #c63060 100%);
}
.widget-burdeos .widget-contenido-burdeos {color:#fadde5; border: 1px solid #d13563; border-radius:inherit; background:#d13563 url('../images/transesquina.png') no-repeat top right;}

.widget-morado .widget-titulo{color:#fff; border-left: 1px solid #584895; border-right: 1px solid #584895; border-top: 1px solid #584895; border-bottom:1px solid #433771;
	background-repeat: repeat-x; background-color:#6d5bb0; background-image: linear-gradient(to bottom, #6d5bb0 0%, #6351a7 100%);
}
.widget-morado .widget-contenido-morado {color:#e3def9; border: 1px solid #62549a; border-radius:inherit; background:#62549a url('../images/transesquina.png') no-repeat top right;}


.widget-degradado .widget-contenido-degradado{
	border-radius:inherit; color:white;
	background: rgba(98,84,154,1);
	background: -moz-linear-gradient(top, rgba(98,84,154,1) 0%, rgba(98,84,154,1) 7%, rgba(37,137,171,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98,84,154,1)), color-stop(7%, rgba(98,84,154,1)), color-stop(100%, rgba(37,137,171,1)));
	background: -webkit-linear-gradient(top, rgba(98,84,154,1) 0%, rgba(98,84,154,1) 7%, rgba(37,137,171,1) 100%);
	background: -o-linear-gradient(top, rgba(98,84,154,1) 0%, rgba(98,84,154,1) 7%, rgba(37,137,171,1) 100%);
	background: -ms-linear-gradient(top, rgba(98,84,154,1) 0%, rgba(98,84,154,1) 7%, rgba(37,137,171,1) 100%);
	background: linear-gradient(to bottom, rgba(98,84,154,1) 0%, rgba(98,84,154,1) 7%, rgba(37,137,171,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62549a', endColorstr='#2589ab', GradientType=0 );
}



.widget-burdeos .widget-contenido-burdeos p, .widget-turquesa .widget-contenido-turquesa p, .widget-morado .widget-contenido-morado p{
	font-family:"Poppins", Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0px; font-size:1.2857em; text-shadow:-1px -1px 1px rgba(0,0,0,0.2); color:white; margin-bottom:5px;
}
.widget-burdeos .widget-contenido-burdeos p i, .widget-turquesa .widget-contenido-turquesa p i, .widget-morado .widget-contenido-morado p i{float:right; font-size:0.8571em; line-height:1.1428em; padding-right:5px;}





/*--MENSAJES--*/

.zona-mensajes{display:block;}
.zona-mensajes > div > p{font-size:1.1428em; font-family:'Poppins', Arial, Helvetica, sans-serif;}

.mensaje-user{background-color:#e1f5fe;padding:10px;border-radius:5px;-webkit-border-radius:5px;position:relative;margin-top:5px; font-style:italic;}
.mensaje-user::after{bottom:100%;left:20px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#e1f5fe;border-width:6px;margin-left:-6px}
.mensaje-user.info{background-color:#fff8e1}
.mensaje-user.info:after{border-bottom-color:#fff8e1}

.mini-opciones{float:right; margin-bottom:5px;}
.mini-opciones > a{color:#c1c4c6;font-size:0.8571em!important;margin-left:10px}
.mini-opciones i {color:#c1c4c6;font-size:0.8571em!important}
.mini-opciones > a:hover{color:#969a9c}


/*--PERFIL--*/

.zona-imagen{position:relative; margin:0 auto 7px auto; vertical-align:middle;}
.zona-trans-black{position:absolute; top:0; left:0; background:url('../images/trans.png') repeat; width:100%; height:100%; z-index:1;}
.zona-trans-white{position:absolute; top:0; left:0; background:url('../images/transwhite.png') repeat; width:100%; height:100%;}
.position-top-left{position:absolute; top:5px; left:5px; z-index:2}
.position-top-right{position:absolute; top:5px; right:5px; z-index:2}
.position-bottom-left{position:absolute; bottom:5px; left:5px; z-index:2}
.position-bottom{position:absolute; bottom:5px; left:5px; right:5px; text-align:center; z-index:2}
.position-bottom-right{position:absolute; bottom:5px; right:5px; z-index:2}
.position-middle{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:2}
.position-middle-left{position: absolute; top: 50%; left: 10%; transform: translate(-50%, -50%); z-index:2}
.position-middle-right{position: absolute; top: 50%; left: 90%; transform: translate(-50%, -50%); z-index:2}

.info-icono{display:inline-block; cursor:help; border:1px solid rgba(255,255,255,0.55); background:url('../images/transoscuro.png') repeat; border-radius:4px; padding:2px 4px 0px 4px; color:white;}
.info-icono i{font-size:1.2857em; }

.info-icono-transwhite{display:inline-block; cursor:help; background:url('../images/transwhite.png') repeat; border:0px; border-radius:4px; padding:1px 4px 0px 4px;}

.info-estado{display:inline-block; cursor:help; border-radius:3px; color:white; padding:2px 4px 2px 4px; opacity:0.85; max-height:20px;line-height:1em;}
.info-estado span{font-size:1.1428em; padding:0 2px;}
.info-estado span.txt{font-size:0.7857em;}
.info-estado i{font-size:0.7142em; vertical-align:top;}

/*--DETALLE--*/
.widget-profile{background:white; border:1px solid rgba(0,0,0,0.20); border-radius:6px;}

.widget-profile-header {padding:35px 15px; position:relative; background:#62549a; border-bottom:1px solid rgba(0,0,0,0.15); color:white;
	background: rgba(98,84,154,1);
	background: -moz-linear-gradient(top, rgba(98,84,154,1) 0%, rgba(98,84,154,1) 7%, rgba(37,137,171,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(98,84,154,1)), color-stop(7%, rgba(98,84,154,1)), color-stop(100%, rgba(37,137,171,1)));
	background: -webkit-linear-gradient(top, rgba(98,84,154,1) 0%, rgba(98,84,154,1) 7%, rgba(37,137,171,1) 100%);
	background: -o-linear-gradient(top, rgba(98,84,154,1) 0%, rgba(98,84,154,1) 7%, rgba(37,137,171,1) 100%);
	background: -ms-linear-gradient(top, rgba(98,84,154,1) 0%, rgba(98,84,154,1) 7%, rgba(37,137,171,1) 100%);
	background: linear-gradient(to bottom, rgba(98,84,154,1) 0%, rgba(98,84,154,1) 7%, rgba(37,137,171,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62549a', endColorstr='#2589ab', GradientType=0 );
}
.widget-profile-header.seccion{background:#f0f0f0; padding:20px 15px;}

.widget-profile-header.mobile{padding:20px 15px 0 15px; position:relative; height:200px;}

.widget-profile-header .cerrar-profile{position:absolute; top:20px; right:15px; z-index:2}

.widget-profile-header .imgprofile{display:block; position:relative; width:250px;  float:left;}
.widget-profile-header .imgprofile img{width:250px;border:4px solid #fff;}

.widget-profile-header .imgprofile.mobile{display:block; position:relative; width:200px; margin:0px auto;}
.widget-profile-header .imgprofile.mobile img{width:200px;border:4px solid #fff;}

.widget-profile-header .txtprofile{display:block; overflow: hidden; padding: 0px 0px 2px 50px;margin-bottom:0px;}
.widget-profile-header .botones-enlinea > div{margin-bottom:15px;}

.widget-profile-body{padding:20px 15px; padding-top:30px;}
.widget-profile-body .botones-enlinea > div{margin-bottom:25px;}

.position-top-left-circle{position:absolute; top:20px; left:6px; padding:2px 8px 2px 8px; border:3px solid #fff; background:black; z-index:2;}
.position-top-left-circle i{font-size:2.1428em; line-height:140%}

.position-top-left-circle.mobile{top:15px; left:0px;}

.position-top-center-circleimg{position:absolute; z-index:2; top:10%; right:0%; left:0%; width:250px;text-align:center}
.position-bottom-center-circleimg{position:absolute; z-index:2; position:absolute; top:80%; right:0%; left:0%; width:250px;text-align:center}

.position-top-center-circleimg.mobile{top:10%; width:200px;}
.position-bottom-center-circleimg.mobile{top:75%; width:200px;}


/*--MENU ABAJO--*/

.zona-menuabajo{
	position:fixed;width:100%;left:0px; bottom:0px; z-index:10; background:url('../images/transclaro.png') repeat; border-top:1px solid rgba(0,0,0,0.3); padding:16px 5px 25px 5px; text-align:center;
}



/*--ME PONE--*/

.widget-game{max-width:640px; margin:0 auto;}
.zona-nombre-game{background:url('../images/transclaro.png') repeat; color:#000; padding:10px 5px 5px 5px; width:100%;}
a:hover .zona-nombre-game{background:white;}

/*--LISTADO--*/

.widget-listado{background:none; display:block; margin:0px auto 20px auto; max-width:400px;}
.widget-listado-contenidos{background:white; display:block; margin:0px auto 20px auto; max-width:320px;}
.widget-listado.videofakings{max-width:352px;}

.widget-detalle{background:none; display:block; max-width:640px;}

.widget-listado .zona-imagen, .widget-listado-contenidos .zona-imagen{margin:0;}
.widget-listado .widget-content, .widget-listado-contenidos .widget-content{padding:15px 10px; border:1px solid rgba(0,0,0,0.15);}

.widget-listado-contenidos .relatos{height:180px; overflow:hidden;}/*antes 104*/

.widget-listado .widget-footer{
	background:#f7f7f7; padding:15px 5px 5px 5px; border:1px solid rgba(0,0,0,0.12); border-bottom:4px solid rgba(0,0,0,0.12); border-top:none;
	height:68px; overflow:hidden;
}
.widget-listado .widget-footer .btn-icono{margin-bottom:30px;}/*hace que si pasa el botón para abajo no se vea*/

/*listado cajas pequeñas*/
.listado-peq{max-width:320px; width:100%; overflow:hidden; margin:5px auto; display:block; padding:8px 10px 5px 5px; background:white; border:1px solid rgba(0,0,0,0.20);}
a:hover .listado-peq {border:1px solid rgba(0,0,0,0.42);}
.listado-peq.mini{height:62px;}
.listado-peq.mini img{width:50px; height:50px;}

.listado-peq.full{max-width:100%;}
.listado-medio{max-width:400px; width:100%; min-height:99px; margin:5px auto; display:block; padding:10px 10px 5px 5px; background:white; border:1px solid rgba(0,0,0,0.20);}
/*.listado-peq.full img{width:50px; height:50px;}*/

.listado-peq.regalos{display:inline-block; width:auto; max-width:auto; cursor:help; margin:5px; position:relative; padding:10px}
.listado-peq.regalos.active{border:1px solid rgba(0,0,0,0.40)}

/*REGALOS*/
.zona-regalos{width:100%; height:120px; overflow-x:auto; margin-bottom:10px; padding:0px 5px; border:1px solid rgba(0,0,0,0.30);}
.zona-regalos > .listado-peq.regalos{padding:0px; margin:5px 5px 5px 0px}


/*-----Efecto Hover Widget Content-----*/

.hvrbox * {box-sizing: border-box;}
.hvrbox {position: relative; display: inline-block;	overflow: hidden; width: 100%; height: auto; display:block;}
.hvrbox .hvrbox-capa_top {
	opacity: 0;
	position: absolute;
	top: 1px;
	left: 1px;
	right: 0;
	bottom: 0;
	width: 99%;
	height: 99%;
	background: rgba(255, 255, 255, 0.6);
	background:#f7f7f7;
	color: black;
	padding: 0px;
	z-index:10;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-capa_top,
.hvrbox.active .hvrbox-capa_top {opacity: 1;}

.hvrbox .hvrbox-text {text-align: left; font-size: 0.8571em; line-height:145%; font-style:italic; display: inline-block; position: absolute; padding:5px; overflow:hidden; cursor:default;}

.hvrbox .hvrbox-capa_slideup {-moz-transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}
.hvrbox:hover .hvrbox-capa_slideup, .hvrbox.active .hvrbox-layer_slideup {-moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}

/*-----/Efecto Hover Widget Content----*/


/*--BUSCADOR--*/

/*buscador*/
.zona-buscador{display:table;  overflow: hidden; width: 600px; vertical-align: middle; white-space: nowrap; border:1px solid rgba(0,0,0,0.20); border-radius:3px; margin-top:-1px; position:relative; margin:0 auto;}
.zona-buscador input#search{width: 600px; height: 44px; background: #fff; border: none; font-size: 1em; font-style:normal; float: left; color: #3a3a3a; padding-left: 70px;}

.zona-buscador input#search::-webkit-input-placeholder {color: #3a3a3a;}
.zona-buscador input#search:-moz-placeholder {color: #3a3a3a;}/* Firefox 18- */
.zona-buscador input#search::-moz-placeholder {color: #3a3a3a;}/* Firefox 19+ */
.zona-buscador input#search:-ms-input-placeholder {color: #3a3a3a;}

.zona-buscador button.icon{
	border: none; background: #ec0c4e; height: 44px; width: 54px; color: #4f5b66; opacity: 1; font-size: 1.5714em;
	/*-webkit-transition: all .55s ease;
	-moz-transition: all .55s ease;
	-ms-transition: all .55s ease;
	-o-transition: all .55s ease;
	transition: all .55s ease;*/
	margin-left: -54px; /*borrar para animación*/
}

.zona-buscador:hover button.icon, .zona-buscador:active button.icon, .zona-buscador:focus button.icon{outline: none; opacity: 1; margin-left: -54px;}
.zona-buscador:hover button.icon:hover{background: #222; cursor:pointer;}

.buscadoravanzado{
	display:table-cell; position:absolute; top:1px; left:1px; z-index:2; background:#f6f6f6; height: 43px; width: 54px; font-size: 1.5714em; border-right:1px solid rgba(0,0,0,0.20); vertical-align:middle; border-radius:inherit; text-align:center;
}
a .buscadoravanzado {line-height:195%;}
a:hover .buscadoravanzado, a:focus .buscadoravanzado{color:#ec0c4e;}

/*filtros*/
.zona-busqueda-filtros{margin:0 auto; text-align:center;  display:table; vertical-align:top;}
.zona-filtros, .zona-busqueda{display:inline-block; width:auto;  vertical-align:middle; margin-top:15px; position:relative;}

.zona-centrado-flex{display: flex; align-items: center; justify-content: center;}



.zona-busqueda-filtros .zona-filtros .btn:last-child {margin-right:10px;}
.infofiltros{position:absolute; top:-25px; left:5px; z-index:1}


/*--TAMAÑOS--*/

.icono-enorme{font-size:6.4285em; line-height:130%;}
.icono-grande{font-size:4.2857em; line-height:130%;}
.icono-mediano{font-size:2.8571em; line-height:130%;}

.icono18{font-size:1.2857em; line-height:130%;}
.icono20{font-size:1.4285em; line-height:130%;}
.icono25{font-size:1.7857em; line-height:130%;}

/*--TABS--*/

/*Menu izquierda*/
.tabs-nav li { display: table; float: left; text-align: center; /*background: rgba(0,0,0,0.35);*/ background-color: #070a0c; border-right: 1px solid #202b33; border-bottom: 1px solid #202b33; vertical-align:middle;}/*NUEVO MENÚ*/
.tabs-nav li:last-child { border-right: 0;}
.tabs-nav li a {display: block; padding: 0; height: 39px; display: table-cell; vertical-align:middle;}
.tabs-nav li i { font-size: 1.4285em; margin: 0; padding: 9px 0; color: #fff; color:#999}
.tabs-nav li.active a i {color: #fff;}
.tabs-nav li a:hover i{color:#fff;}
.tabs-nav li.active{background: inherit;}
.tabs-nav li.active { cursor: default; border-bottom: 0px; border-top: 1px solid #202b33;}/*NUEVO MENÚ*/
.dos-tabs li { width: 50%; }

/*Contenido derecha*/
.nav-tabs{border-bottom:1px solid rgba(0,0,0,0.22); font-size:1em; border-radius:inherit;}
.nav-tabs::after{content:""; display:table; clear:both;}
.nav-tabs .nav-item{float:left; margin-bottom:-1px; }
.nav-tabs .nav-item+.nav-item{margin-left:.2rem}
.nav-tabs .nav-item i{font-size:1.2142em}
.nav-tabs .nav-item a{color:#999; }
.nav-tabs .nav-item a:hover, .nav-tabs .nav-item a:focus{color:#4b4b4b}
.nav-tabs .nav-link{display:block;padding:.5em 1em;border:1px solid transparent; /*border-top-right-radius:.25rem; border-top-left-radius:.25rem*/ background:rgba(0,0,0,0.03);}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color: transparent; background:rgba(0,0,0,0.05)}
.nav-tabs .nav-link.disabled,.nav-tabs .nav-link.disabled:focus,.nav-tabs .nav-link.disabled:hover{color:#818a91;background-color:transparent;border-color:transparent}
.nav-tabs .nav-item.open .nav-link,.nav-tabs .nav-item.open .nav-link:focus,.nav-tabs .nav-item.open .nav-link:hover,.nav-tabs .nav-link.active,.nav-tabs .nav-link.active:focus,.nav-tabs .nav-link.active:hover{color:#d13563;background-color:transparent;border-color:rgba(0,0,0,0.22) rgba(0,0,0,0.22) #fff/*mismo color que fondo (raya abajo)*/}

/*estilo 2 - linea destacada*/
.nav-tabs-2 {border-bottom-color: rgba(0,0,0,0.22);}
.nav-tabs-2 .nav-item + .nav-item {margin-left: 0;}
.nav-tabs-2 .nav-link {border: none; border-bottom: 2px solid transparent; background:none}
.nav-tabs-2 .nav-link:hover{background:none}
.nav-tabs-2 .nav-link.active, .nav-tabs-2 .nav-link.active:focus, .nav-tabs-2 .nav-link.active:hover {color: #d13563; border-color: #d13563;}

/*estilo3 - pestaña destacada*/
.nav-tabs-3 .nav-link {border: none;}
.nav-tabs-3 .nav-link:focus, .nav-tabs-3 .nav-link:hover {background-color: rgba(0,0,0,0.04);}
.nav-tabs-3 .nav-link.active, .nav-tabs-3 .nav-link.active:focus, .nav-tabs-3 .nav-link.active:hover {color: #fff; background-color: #d13563;}

/*estilo 4 - linea destacada*/
.nav-tabs-4 {border-bottom-color: rgba(0,0,0,0.22); margin-bottom:15px;}
.nav-tabs-4 .nav-item + .nav-item {margin-left: 0;}
.nav-tabs-4 .nav-link {background:none; padding-left:8px; padding-right:8px;}
.nav-tabs-4 .nav-link:hover{background:none}
.nav-tabs-4 .nav-link.active, .nav-tabs-4 .nav-link.active:focus, .nav-tabs-4 .nav-link.active:hover {color: #000; /*background-color: #87cbc5;*/ border:1px solid rgba(0,0,0,0.22); border-bottom:1px solid #fff;}

.nav-tabs.bigsize{font-size:1.1428em;}

/*estilo full*/
.nav-tabs.full{width:100%;}
.nav-tabs.full .nav-item {display: table-cell; float: none;  width: 1%; text-align: center; margin-left:3px;}

/*NUEVOS TABS*/
.linea-navtabs{position:absolute; bottom:0px; width:100%; height:1px; background:rgba(0,0,0,0.10);}

.tabs {display:-ms-flexbox; display:flex; -ms-flex-wrap:nwrap; flex-wrap:wrap; padding-left:0; margin-bottom:0; list-style:none; font-size:1em;}
.tabs li {margin: 0 .5em 0 0;}
.tabs li i{font-size:1.2142em;}
.tabs li img{width:16px;}
.tabs a {position: relative; background: #f7f7f7; padding: 6px 10px; text-decoration: none; color: #999; border-radius: 5px 0 0 0; border: 1px solid rgba(0,0,0,0.10); border-bottom:0px; display:inline-block}

.tabs a { border: 1px solid rgba(0,0,0,0.10);}/*añadido*/
.tabs a.active{border-bottom:1px solid #f2f2f2; top:1px}/*añadido*/

.tabs a:hover, .tabs a:hover::after, .tabs a:focus, .tabs a:focus::after {background: #f2f2f2; color:#4b4b4b;}
.tabs a:focus {outline: 0;}

.tabs a:after {content:''; position:absolute; z-index: 1; top: -1px; bottom: 0; right: -.3em; width: 1em; background: #f7f7f7; border: 1px solid rgba(0,0,0,0.10); border-left: 0px; border-bottom:0px; border-radius: 0 5px 0 0px;}

.tabs a.active, .tabs a.active::after {border-bottom:0px; background:#fff; color:#d13563;}

.zona-full-navtabs{overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border-bottom:0px solid #dee2e6;}
.zona-full-navtabs > .tabs, .zona-full-navtabs > .tabs li {flex-wrap: nowrap; }
.zona-full-navtabs > .tabs li a{white-space: nowrap; }

.navtabs-centrado{align-items: center; justify-content: center;}

/*estilo2 - pestaña destacada*/
.tabs.nav-tabs-2 a, .tabs.nav-tabs-2 a:after{border:0px;}
.tabs.nav-tabs-2 a, .tabs.nav-tabs-2 a:after{background:none;}
.tabs.nav-tabs-2 a.active{border-bottom: 2px solid #d13563;}
.tabs.nav-tabs-2 a.active, .tabs.nav-tabs-2 a.active::after {color: #d13563; border-color:#d13563;}

/*estilo3 - pestaña destacada*/
.tabs.nav-tabs-3 a, .tabs.nav-tabs-3 a:after{border:1px;}
.tabs.nav-tabs-3 a.active{border: 1px solid #d13563; background:#d13563; color:white}
.tabs.nav-tabs-3 a.active, .tabs.nav-tabs-3 a.active::after {color: white; background:#d13563;}

/*FIN NUEVOS TABS*/


/*--TAGS--*/
.tag{top:6px; right:6px; font-size:0.7857em; line-height:0.7857em; padding:4px 5px; color:#141b20; cursor:help; width:auto; display:inline-block; font-family:Arial, Helvetica, sans-serif; /*outline: 1px solid rgba(0, 0, 0, .20);*/}
.tag.big{padding:6px; font-size:0.9375em}
.tag-amarilla{background:#fcd500;}
.tag-turquesa{background:#13fae1;}
.tag-azul{background:#12d0ff;}
.tag-verde{background:#13fa8a;}
.tag-morada{background:#62549a; color:white;}
.tag-roja{background:#d13563; color:white;}
.tag-transparente{background:rgba(255,255,255,0.45);}

.tag-info{top:-12px; right:2px; background:#fff7de; border-radius:4px; border:1px solid #d9d9d9; font-size:0.8571em;}
.tag-info.minibt{top:-14px; right:4px; font-size:0.7142em; padding:3px 4px;}

/*--TABLÓN DE CITAS--*/

.corcho-tablon-anuncios{
	background:#666666 url('../images/corcho.jpg') repeat; width:100%; padding:20px 5px 20px 5px; border:1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 8px -2px 44px -2px rgba(0,0,0,0.41); -moz-box-shadow: inset 8px -2px 44px -2px rgba(0,0,0,0.41); box-shadow: inset 8px -2px 44px -2px rgba(0,0,0,0.41);
}

.postit {
    margin:10px auto 20px auto; border-radius:4px; max-width:320px;
    box-shadow: 10px 10px 10px rgba(0,0,0,.25);
    -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.25);
    -moz-box-shadow: 10px 10px 10px rgba(0,0,0,.25);
    border:1px solid rgba(0,0,0,0.5);
    position:relative;
    background:#fff8e1;

}

/*a:hover .postit {
     -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}*/


.postit.fondo-amarillo-claro {background-color: #ffffcb;}
.postit.fondo-verde-claro {background-color: #ccfecb;}
.postit.fondo-azul-claro {background-color: #bce2f3;}/*bed3ff*/


.chincheta{position:absolute; top:-11px; left:0px; right:0px; z-index:1; text-align:center}

.postit-header{padding:0 10px;}
.postit-content{padding:10px;}
.postit-content .zonatexto{font-style:italic; font-size:0.9285em; height:100px; overflow-y:auto}
.postit-footer{padding:5px 10px; background:url('../images/transwhite.png') repeat; border-top:1px solid rgba(0,0,0,0.2);}

.rotar0 {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
.rotar1 {transform: rotate(-1.5deg); -webkit-transform: rotate(-1.5deg); -moz-transform: rotate(-1.5deg);}
.rotar2 {transform: rotate(1deg); -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg);}
.rotar3 {transform: rotate(-2.2deg); -webkit-transform: rotate(-2.2deg); -moz-transform: rotate(-2.2deg);}

/*--ZONA PERFIL--*/

.fongristabla{background:#f2f2f2; padding:10px 0px; width:100%; display:table; border-top:1px solid rgba(0,0,0,0.10); border-bottom:1px solid rgba(0,0,0,0.10)}


/*--MENU BOX--*/

.caja-absolute{position:absolute; z-index:2; border:1px solid #d9d9d9; top:38px; left:0px; padding:10px; background:white; display:block; min-width: 150px;}
.caja-absolute.form{border:1px solid #adadad; top:51px; min-width:250px}

ul.menu-box li {display: block; text-align: left; background: #fff; color:#666; width:auto; min-width: 170px; font-size:1em; }
ul.menu-box li i{font-size:1.1428em;}
ul.menu-box li a{position:relative; display:block; background: #fff; color:#666; padding:6px;list-style-type: none;  text-align: left; vertical-align:middle;}
ul.menu-box li a:hover{background: #f2f2f2; color:#333; list-style-type: none;}


.tooltip-aba-izq, .tooltip-aba-der, .tooltip-arr-izq, .tooltip-arr-der{position: absolute; background-color: #d9d9d9; border: 1px solid #d9d9d9; width: auto; padding: 5px; z-index:10;}

/*triángulo arriba izquierda*/
.tooltip-arr-izq:after {content: ''; position: absolute; border-style: solid; border-width: 0 7px 6px; border-color: #d9d9d9 transparent; display: block; width: 0; z-index: 1; top: -6px; left: 10px;}
.tooltip-arr-izq:before {content: ''; position: absolute; border-style: solid; border-width: 0 7px 6px; border-color: #d9d9d9 transparent; display: block; width: 0;	z-index: 0; top: -7px; left: 10px;}

/*triángulo arriba izquierda derecha*/
.tooltip-arr-der:after {content: ''; position: absolute; border-style: solid; border-width: 0 7px 6px; border-color: #d9d9d9 transparent; display: block; width: 0; z-index: 1; top: -6px; right: 10px;}
.tooltip-arr-der:before {content: ''; position: absolute; border-style: solid; border-width: 0 7px 6px; border-color: #d9d9d9 transparent; display: block; width: 0; z-index: 0; top: -7px; right: 10px;}

/*color de fondo y de triángulo interior*/
.tooltip-blanco{background:#fff;}
.tooltip-blanco:after{border-color: #fff transparent;}
.tooltip-blanco:before{border-color: #d9d9d9 transparent;}

.caja-absolute.form.tooltip-blanco:before{border-color: #adadad transparent;}


/* Items list */
.items-list .msg-item {position: relative; overflow: hidden; padding: 1rem 1.25rem; border-bottom: 1px solid rgba(0, 0, 0, 0.125);}

.items-list .msg-item a{float:left}
.items-list .msg-item:last-child{border:none;}
.items-list .msg-item:hover, .items-list .msg-item.leido {background-color: #f5f5f5; color:#4b4b4b;}

/*.items-list .msg-item:hover {background-color: #ffffff; color:#4b4b4b;}
.items-list .msg-item.leido {background-color: #f5f5f5; color:#4b4b4b;}*/

.msg-item.noleido {
    background-color: #ffd5d5;
    color: #4b4b4b;
    border-bottom:1px solid white;
}

.msg-item:hover.noleido {
    background-color: #ffd5d5;
    color: #4b4b4b;
}


.msg-item a:hover {color:#4b4b4b;}
.msg-item div > a:hover i{color:#d13563;}

.items-list .msg-item .msg-icono {position: absolute; top: 53px; right: -30px; font-size: 20px; color: #999; font-size:1em; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.items-list .msg-item:hover .msg-icono {right: 15px;}

.img-options{width:110px;}
.img-options i{cursor:help;}

.ckboxmsg{margin-left:5px;}

.media-left {padding-right: 10px;}
.media-right {padding-left: 10px;}

.media-body, .media-left, .media-right {display: table-cell; vertical-align: top;overflow: hidden;}
.media, .media-body {overflow: hidden;}

.media-body {width: 10000px;}

/*--CALENDARIO--*/

/*fechas calendario*/
.mes {padding: 15px 5px; width: 100%; background: #62549a;}
.mes ul {margin: 0; padding: 0;}
.mes ul li {color: #fff; font-size: 1.0714em; text-transform: uppercase; letter-spacing: 3px; text-align:center}
.mes ul li span{font-size:1em}
.mes .ant {float: left; padding-top: 8px; font-size:1.2857em; color:#fff;}
.mes .sig {float: right; padding-top: 8px; font-size:1.2857em;}
.mes .ant a, .mes .sig a{color:#fff;}


.calendar-title{line-height:18px;margin:0 0 25px;font-weight:400; font-size:1.3em}
.calendar-title:after{display:block;width:40px;height:2px;margin:10px 0 0;background-color:#da3636;content:'\0020'}

.calendar .tablecal{
	width:100%; font-size:1em;line-height:22px; border:1px solid #ccc; border-top:none; border-radius:inherit;
	background: white;
    border-spacing: 0px;
    border-collapse: separate;
    border-bottom-left-radius: 8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px;
	border-bottom-right-radius: 8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px;

}


.calendar .tablecal th{font-weight:400;color:#333;border-bottom:1px solid #ccc;padding:8px 0;text-align:center;}
.calendar .tablecal tr{background:white;}

.calendar .tablecal th{color:#333;border-bottom-color:#ccc}
.calendar .tablecal td{color:#ccc;line-height:30px;text-align:center; font-size:0.9285em; padding:2px}

.calendar .tablecal td a{border-radius:2px;display:block;margin:auto; font-weight:normal; color:#222/*a64da9*/; background-color:#f2f2f2;}
.calendar .tablecal td a:hover{background-color:#62549a;color:#fff!important}
.calendar .tablecal #today {border-radius:2px; display:block;line-height:25px;background-color:#62549a;color:#fff; margin:auto; height:30px;cursor:help;}
.calendar .tablecal #today a{color:#fff}

.calendar .tablecal tbody{border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px;-webkit-border-radius: 0px 0px 8px 8px;}

.calendar .tablecal tbody tr:first-child td{padding-top:5px; }
.calendar .tablecal tbody tr:last-child td{padding-bottom:10px; }

.calendar .tablecal tr:last-child td:first-child {
	border-bottom-left-radius: 8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px;
}
.calendar .tablecal tr:last-child td:last-child {
	border-bottom-right-radius: 8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px;
}

/*--ANUNCIOS--*/
.zona-foto-anuncio{max-width:502px; margin:0 auto;}
.zona-foto-anuncio i{font-size:1.7857em;}

/*--TARIFAS--*/
.zona-tarifa{background:#fffde9; border-radius:10px; margin:8px 0; padding:20px 15px; border:1px solid #eeebcd;}
.zona-tarifa span.precio{font-size:3.5714em;}

/*--RIBBON--*/
.ribbon {height:110px; overflow:hidden;	width:110px;}
.ribbon.derecha{position:absolute; z-index:1; top:0; right:0;}
.ribbon.izquierda{position:absolute; z-index:1; top:0; left:0;}
.ribbon span {display: inline-block; line-height:26px; text-align:center; text-shadow:none; width:100%;}
.ribbon.rotar-izq span {-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform-origin:55% 200%; -o-transform-origin:55% 200%; -webkit-transform-origin:55% 200%; transform-origin:55% 200%;}
.ribbon.rotar-der span {-moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); -moz-transform-origin:45% 200%; -o-transform-origin:45% 200%; -webkit-transform-origin:45% 200%; transform-origin:45% 200%;}


/*PAGOS*/
.list-group {padding-left: 0; margin-bottom: 10px;}

.list-group-item {
	position: relative;
	display: block;
	/*padding:16px 10px 11px 10px;*/ padding:12px 8px 14px 8px; border:1px solid #cecece;
	border-radius:inherit;
	margin:0 auto;
	max-width:400px;
  	border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius:3px;
	background: #fffddd;/*fffef5*/

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fffddd), color-stop(1, #f6f3bb));
	background-image: -o-linear-gradient(bottom, #fffddd 0%, #f6f3bb 100%);
	background-image: -moz-linear-gradient(bottom, #fffddd 0%, #f6f3bb 100%);
	background-image: -webkit-linear-gradient(bottom, #f6f3bb 0%, #fffddd 100%);
	background-image: -ms-linear-gradient(bottom, #fffddd 0%, #f6f3bb 100%);
	background-image: linear-gradient(to bottom, #fffddd 0%, #f6f3bb 100%);
}

.list-group-item > div > p{font-size:2em; line-height:115%}
.list-group-item > div > p span{font-size:0.8em;}

.list-group-item.full{max-width:100%;}

a.list-group-item {color: #555;}
a.list-group-item:hover {text-decoration: none; background: #f2ffc0;}

a.list-group-item.active,
a.list-group-item.active:hover{border:2px solid #333333;  border-radius:3px; -moz-border-radius: 3px;-webkit-border-radius:3px;}

.list-group-item.recomendado{background:#ffe776 ;/*aaffaa url("../images/bombilla.png") no-repeat center right*/

	/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffe776), color-stop(1, #ffcf3d));
	background-image: -o-linear-gradient(bottom, #ffe776 0%, #ffcf3d 100%);
	background-image: -moz-linear-gradient(bottom, #ffe776 0%, #ffcf3d 100%);
	background-image: -webkit-linear-gradient(bottom, #ffcf3d 0%, #ffe776 100%);
	background-image: -ms-linear-gradient(bottom, #ffe776 0%, #ffcf3d 100%);
	background-image: linear-gradient(to bottom, #ffe776 0%, #ffcf3d 100%);*/
}

.list-group-item.recomendado:hover{background:#8dff8d; /*url("../images/bombilla.png") no-repeat center right*/}



@media (max-width: 991px) {
	.widget-profile-body.mobile{padding-top:100px;}
	.widget-profile-header .imgprofile.mobile{float:none; margin:0 auto;}
}

@media (max-width: 768px) {
	.widget {max-width:380px;}
	.widget-profile-header .imgprofile{float:none; margin:0 auto;}
	.widget-profile-header .txtprofile{padding: 10px 0px 2px 0px;margin-bottom:0px; text-align:center}

}


/*=========================
	10. Links y botones
=========================*/


/*botones*/
.btn {
	text-align:center; display:inline-block; font-size:inherit; position:relative; margin:2px 0;
	border:1px solid;border-color:#8c8c8c;
	background:#cccccc; color:#000000;
}
.btn i {vertical-align:middle; font-size:0.8571em}
.btn > a{
	padding:6px 8px; color:#4b4b4b; border:1px solid transparent; background-color:#fff; border-color:#d9d9d9; border-radius:inherit;
	background-repeat: repeat-x; background-color:#fff; background-image: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);

	-webkit-transition: all ease .3s;
	   -moz-transition: all ease .3s;
	    -ms-transition: all ease .3s;
	     -o-transition: all ease .3s;
	        transition: all ease .3s;
}
.btn > a:hover, .btn > a:focus{background:#f6f6f6; color:#4b4b4b; color:#d13563; border:1px solid #d13563; background:white;

	background-repeat: repeat-x; background-color:#fff; background-image: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);

	-webkit-transition: all ease .3s;
	   -moz-transition: all ease .3s;
	    -ms-transition: all ease .3s;
	     -o-transition: all ease .3s;
	        transition: all ease .3s;
}

.btn.sepbot{margin-bottom:20px}

.btn.sepall{margin:4px 4px 4px 0px}

.btn.full > a{width:100%; display:table}
.btn-big > a, .btn-big > a:focus {padding:10px 15px;}
.btn.btn-big > a > i{ font-size:1.2857em;}
.btn-small > a{padding:4px 8px; font-size:inherit; font-size:0.9285em;}


.btn-med > a{
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #ccc;
    background: #fff;
    text-align: center;
    margin:2px 1px 0px 1px;
    color:#d13563;
    padding:10px 10px 8px 10px;
    font-size:0.7857em;
    line-height:140%;
    cursor:help;

    background-repeat: repeat-x; background-color:#fff; background-image: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);
}

.btn-med i{font-size:1.4285em;}



.check{background: url("../images/check.png") no-repeat; height:19px; width:19px; display:block;}
.uncheck{background: url("../images/uncheck.png") no-repeat; height:19px; width:19px; display:block}

.btn-small .borrar a{padding:2px 2px; position:absolute;right:0px; top:-12px; font-size:0.9285em; line-height:0.9285em; color:white; background:#ec0c4e; border:1px solid #ec0c4e;}


.btn-colordest {background:#EC0C4E; color:#ffffff; border-color:#d13563;}
.btn-colordest a{background:#EC0C4E; color:#ffffff; border-color:#d13563;}
.btn-colordest a:hover, .btn-burdeos a:focus{background:#d13563; color:#fff; border-color:#d13563;}


.btn-rosa {background:#fe9dd2; color:#fff; border-color:#f93d66; }
.btn-rosa a{background:#fe9dd2; color:#fff; border-color:#f93d66;}
.btn-rosa a:hover, .btn-rosa a:focus{background:#fe9dd2; color:#fff; border-color:#f93d66;}


.btn-burdeos a{background:#d13563; color:#fff; border-color:#d13563;}
.btn-burdeos a:hover, .btn-burdeos a:focus{background:#d13563; color:#fff; border-color:#d13563;}

.btn-rojo a {background:#ec0c4e; color:#fff; border-color:#ec0c4e;}
.btn-rojo a:hover, .btn-rojo a:focus{background:#ec0c4e; color:#fff; border-color:#ec0c4e;}


.btn-azul a{background:#258aab; color:#fff; border-color:#258aab;}
.btn-azul a:hover, .btn-azul a:focus{background:#258aab; color:#fff; border-color:#258aab;}

.btn-azul-claro a{background:#00aeed; color:#fff; border-color:#00aeed;}
.btn-azul-claro a:hover, .btn-azul-claro a:focus{background:#00aeed; color:#fff; border-color:#00aeed;}

.btn-morado a{background:#62549a; color:#fff; border-color:#62549a;}
.btn-morado a:hover, .btn-morado a:focus{background:#62549a; color:#fff; border-color:#62549a;}


.btn-verde a{background:#5cb85c; color:#fff; border-color:#5cb85c;}
.btn-verde a:hover, .btn-verde a:focus{background:#5cb85c; color:#fff; border-color:#5cb85c;}

.btn-naranja a{background:#ff8201; color:#fff; border-color:#ff8201;}
.btn-naranja a:hover, .btn-naranja a:focus{background:#ff8201; color:#fff; border-color:#ff8201;}

.btn-naranja-claro a{background:#f8e4d6; color:#4b4b4b; border-color:#f4b17d;}
.btn-naranja-claro a:hover, .btn-naranja-claro a:focus{background:#ff8201; color:#fff; border-color:#ff8201}



.btn-rosa-chicle a{background:#d7147e; color:#fff; border-color:#d7147e;}
.btn-rosa-chicle a:hover, .btn-rosa-chicle a:focus{background:#d7147e; color:#fff; border-color:#d7147e;}

.btn-gris-claro a{background:#cacaca; border-color:#cacaca;}
.btn-gris-claro a:hover, .btn-gris-claro a:focus{background:#cacaca; color:#4b4b4b; border-color:#cacaca;}

.btn a.active{background:#ec0c4e; border:1px solid #ec0c4e; color:#fff;}

/*botón cerrar*/
.btn-aspa a {padding:8px; color:#fff; background:#d13563; border:1px solid #d13563;}
.btn-aspa i {font-size:1.2857em}
.btn-aspa a:hover, .btn-aspa a:focus {background:#4b4b4b; border:1px solid #4b4b4b; color:#fff;}

/*botones filtros*/
.zona-filtros-busqueda{width:100%; text-align:center; margin:0 auto; margin:10px 0;}
.btn-filtro a, .btn-filtro a:focus{padding:8px 10px; color:#ccc}
.btn-filtro a:hover{color:#d13563; border-color:#d13563;}
.btn-filtro.active a{color:#5cb85c; border-color:#5cb85c;}
.btn-filtro a > i{ font-size:1.2857em;}

/*btn-seleccionar*/
.btn-select{text-align:center; display:inline-block; position:relative; line-height:130%; vertical-align:middle}
.btn-select i {vertical-align:middle; font-size:1.2857em;}
.btn-select {padding:6px 10px; color:#ccc; border:1px solid transparent; background-color:#fff; border-color:#d9d9d9; border-radius:6px !important; margin-bottom:1px;

	background-repeat: repeat-x; background-color:#fff; background-image: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);

	-webkit-transition: all ease .3s;
	   -moz-transition: all ease .3s;
	    -ms-transition: all ease .3s;
	     -o-transition: all ease .3s;
	        transition: all ease .3s;
}
.btn-select:hover, .btn-select:focus{background:#d13563; color:#d13563; color:#d13563; border:1px solid #d13563; background:white;

	background-repeat: repeat-x; background-color:#fff; background-image: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);

	-webkit-transition: all ease .3s;
	   -moz-transition: all ease .3s;
	    -ms-transition: all ease .3s;
	     -o-transition: all ease .3s;
	        transition: all ease .3s;
}
.btn-select.active {color:#5cb85c; border-color:#5cb85c;}

.btn-select a, .btn-select a:focus{color:#ccc}
.zona-busqueda-filtros .zona-filtros .btn-select:last-child {margin-right:10px;}


/*botones círculo*/
.btn-circulo {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    border: 0px solid transparent;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    background: #ccc;
    cursor: pointer;
    text-align: center;
    color: #fff;
    margin:0 5px;
}

.btn-circulo i{font-size:2em; color:white; line-height:2.2142em;}
.btn-circulo-ko {background:#ec0c4e; color: #fff;}
.btn-circulo-ok {background:#5cb85c; color: #fff;}

/*botón 150x113*/
a .btn-bigbt {position: relative; display: inline-block; border-radius: 6px; width: 152px; height: 115px; background: #d13563; cursor: pointer; text-align: center; color: #fff; margin:0px 8px 8px 0px;}
a:hover .btn-bigbt {background:#333}
a .btn-bigbt i{font-size:2em; color:white; line-height:1.2142em; display:block}

a .btn-bigbt.full{width:100%;}

/*botones icono*/
.btn-icono {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #ccc;
    background: #fff;
    text-align: center;
    margin:2px 1px 0px 1px;
    color:#d13563;
    padding:10px 10px 8px 10px;
    font-size:0.7857em;
    line-height:140%;
    cursor:help;

    background-repeat: repeat-x; background-color:#fff; background-image: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);
}

.btn-icono i{font-size:1.4285em;}

.btn-icono.morado{color:#62549a;}
a:hover div.btn-icono.morado{color:#fff; background: #62549a; border-color:#62549a; cursor:pointer}
a div.btn-icono.morado.active{color:#fff; background: #62549a; border-color:#62549a; cursor:pointer}

.btn-icono.rojo{color:#fff; background:#d13563; border-color:#d13563;}
a:hover div.btn-icono.rojo{color:#fff; background: #d13563; border-color:#d13563; cursor:pointer}
a div.btn-icono.rojo.active{color:#fff; background: #d13563; border-color:#d13563; cursor:pointer}

.btn-icono.verde{color:#fff; background:#5cb85c; border-color:#5cb85c;}
a:hover div.btn-icono.verde{color:#fff; background: #5cb85c; border-color:#5cb85c; cursor:pointer}
a div.btn-icono.verde.active{color:#fff; background: #5cb85c; border-color:#5cb85c; cursor:pointer}

.btn-icono.azul{color:#fff; background:#258aab; border-color:#258aab;}
a:hover div.btn-icono.azul{color:#fff; background: #258aab; border-color:#258aab; cursor:pointer}
a div.btn-icono.azul.active{color:#fff; background: #258aab; border-color:#258aab; cursor:pointer}


.btn-icono.disabled{color:#ccc;}
a:hover div.btn-icono.disabled{color:#479b50; background: #fff; border-color:#ccc;}

a:hover div.btn-icono{background:#d13563; color:white; border-color:#d13563; cursor:pointer}

/*Botones Compra*/
.btn.btn-oferta {font-size: 1.1428em; white-space:nowrap; padding:12px; color: #4b4b4b; text-align: center; position:relative; background-color:#f8ce3c; margin-bottom:8px; border:1px solid #d9b536; border-top:0px; border-left:0px;}
a.btn.btn-oferta{color:#4b4b4b; }
a:hover.btn.btn-oferta, a:focus.btn.btn-oferta {color:#4b4b4b; background-color:#ffdc62; border:1px solid #d9b536; border-top:0px; border-left:0px;}

a.btn.btn-oferta.active{background-color:#3ed381;}
a:hover.btn.btn-oferta.active{background-color:#45e28c;}

a:hover.btn.btn-oferta.verde, a:focus.btn.btn-oferta.verde, a.btn.btn-oferta.verde.active{color:#4b4b4b; background-color:#5ae461; border:1px solid #197919; border-top:0px; border-left:0px;}

.btn.btn-oferta i{font-size:1.7857em;}
.btn.btn-oferta i.der{position:absolute; top:12px; right:10px;}
.btn.btn-oferta.active{background-color:#27fbb7; border:1px solid #07bf84; border-top:0px; border-left:0px;}


.btn.btn-comprar{
	border-radius:10px; font-size:2.5714em;font-family:'Roboto Condensed', sans-serif; white-space:nowrap; padding:20px 15px; color: #fff; text-align: center; position:relative; background-color:#73b3ad; margin-bottom:8px; border-bottom:5px solid #3f746f; border-top:0px; border-left:0px;
	background-image: linear-gradient(to bottom, #73b3ad 20%, #509b94 100%);
	text-shadow: 0 0 1px #3f746f, 0 0 1px #3f746f, 0 0 1px #3f746f, 0 0 4px #3f746f, 0 0 4px #3f746f;
}
a.btn.btn-comprar{color:#fff; }
a:hover.btn.btn-comprar, a:focus.btn.btn-comprar, a.btn.btn-comprar.active{color:#ffffe5; background-color:#73b3ad; border-bottom:5px solid #3f746f; border-top:0px; border-left:0px;}



/*=========================
	11. Listas
=========================*/

/*.post-imagen{float:left; margin-bottom:0px;}
.post-texto{display:block; overflow: hidden; padding: 0px 0px 2px 10px;margin-bottom:0px;}*/

.lista-box{list-style:none;margin-left:0px;padding-left:0px;}
.lista-box li{display:block;border:1px solid #ccd6dd; padding:10px; background:#ecf4f9; margin-bottom:8px; position:relative; border-radius:inherit;}
.lista-box i{float:left; margin-bottom:5px;}

.lista-check {font-family: 'Poppins', sans-serif; font-size:1.0714em;}
.lista-check li{display:block; background:url('../images/check-morado.png') no-repeat 0px 1px; margin:6px 0; padding-left:25px; /*padding-top:3px; padding-bottom:3px; border-bottom:1px solid #ccc;*/}
.lista-check li.si{background:url('../images/check-si.png') no-repeat 0px 1px;}
.lista-check li.no{background:url('../images/check-no.png') no-repeat 0px 1px;}
.lista-check li.creditos{background:url('../images/check-creditos.png') no-repeat 0px 1px;}

/*@media (min-width:1200px){
	.lista-box li.enlinea{display:inline-block; width:49.5%;}
}

@media (min-width:1500px){
	.lista-box li.enlinea{display:inline-block; width:33%;}
}*/


/*.lista-linea-debajo li:last-child{border-bottom:1px solid #ddd;  padding:6px;}*/
.lista-box li i{font-size:1.5em; float:left;margin-right:10px; padding-right:10px; border-right:1px solid #ccc;}
.lista-box li .icomini i{position:absolute; top:3px; right:-12px; font-size:0.9285em; border-right:none;}



/*lista simple*/
ul.simplelist{margin:15px 0px;}
ul.simplelist.nomargin{ margin-bottom:0px;}
ul.simplelist li {margin:0 20px 0 35px; padding:7px 0 7px 0px;}
ul.simplelist li.enlinea{display:inline-block; text-align:center; background:#ededed; padding:10px; margin:5px 0;}
ul.simplelist li a{text-decoration:underline;}

ul.simplelist li.num {list-style-type: decimal}/*números*/
ul.simplelist li.nu0 {list-style-type: decimal-leading-zero}/*números con 0 antes*/
ul.simplelist li.min {list-style-type: lower-latin}/*minúsculas*/
ul.simplelist li.may {list-style-type: upper-latin}/*mayúsculas*/
ul.simplelist li.cua {list-style-type: square;}/*cuadrado*/
ul.simplelist li.pun {list-style-type: disc;}/*círculo relleno*/
ul.simplelist li.cir {list-style-type: circle;}/*círculo vacio*/



/*=========================
        12. Forms
=========================*/

.control-groups {margin-bottom:20px;}
.control-groups input, .control-groups textarea, .control-groups select{margin-bottom:3px;}

.btnformizq{
	display:table-cell; position:absolute; top:1px; left:1px; z-index:2; background:#f6f6f6; height: 40px; width: 45px; font-size: 1.5714em; border-right:1px solid rgba(0,0,0,0.20); vertical-align:middle; border-radius:inherit; text-align:center;
}
a .btnformizq{line-height:195%;}
a:hover .btnformizq, a:focus .btnformizq{color:#ec0c4e;}

.btnformder{
	display:table-cell; position:absolute; top:1px; right:1px; z-index:2; background:#f6f6f6; height: 40px; width: 45px; font-size: 1.5714em; border-left:1px solid rgba(0,0,0,0.20); vertical-align:middle; border-radius:inherit; text-align:center;
}
a .btnformder{line-height:195%;}
a:hover .btnformder, a:focus .btnformder{color:#ec0c4e;}


.mini-form {font: italic 1em Arial, Helvetica, sans-serif; color: #999; background: #ffffff; border: 1px solid #cdcdcd; padding: 10px 8px;}

span.requerido {color: #f00; font-size: 1.2857em; line-height: 10px; font-weight:normal;}

.chkbut_ok{display:table; margin:2px 5px 0 0}

.checkbox label {display: block; float: left; padding-right: 10px; }
.checkbox input {vertical-align: middle;}
.checkbox label span {vertical-align: middle;}

.miniform{
	display: inline-block;
	border: 1px solid #adadad;
	background: #fff;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #666;
	padding: 12px 5px;
	width:40px;
	margin-right:1px;
	text-align:center;
	min-width:35px;
	min-width:35px\9;/*Hack IE6, IE7, IE8, IE9 */
}

.miniform::-moz-placeholder {color: #666666; opacity: 1;}
.miniform:-ms-input-placeholder {color: #666666;}
.miniform::-webkit-input-placeholder {color: #666666;}

/*select fondo flechi*/

.desplegable-der{background: #ffffff url(../images/icon-select.png) no-repeat right 15px bottom 50%;}


/*select style*/
.select-style {border: 1px solid #737373; width: 220px; border-radius: 0px; overflow: hidden; background: #161616 url(../images/icon-select.png) no-repeat right 15px bottom 50%; display:block; position:relative; margin-bottom:15px;}
.select-style.centrado{margin:0 auto 15px auto;}
.select-style select {padding: 15px 10px; width: 100%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; font-size:1em; color:#ccc; line-height: 26px;}
.select-style select.min{padding:5px 10px;}
.select-style select:focus {outline: none; background: #161616 url(../images/icon-select.png) no-repeat right 15px bottom 50%;}
.select-style.full{width:100%;}



/*=========================
	13. Paginación
=========================*/

/*siguiente anterior*/
.pager{padding-left:0; /*margin-bottom:10px;*/text-align:center;list-style:none; border-radius:inherit; }
.pager li{display:inline; font-family:Arial, Helvetica, sans-serif}
.pager li>a,.pager li>span{display:inline-block;padding:5px 10px;background-color:#fff;border:1px solid #ddd;border-radius:inherit; background-repeat: repeat-x; background-color:#fff; background-image: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%);}
.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}
.pager .siguiente>a,.pager .siguiente>span{float:right}
.pager .anterior>a,.pager .anterior>span{float:left}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#ddd;cursor:not-allowed;background-color:#fff}



/*paginación*/
.paginacion li{display:inline; font-weight:normal; border-radius:inherit; line-height:45px; border-radius:0%; }

.paginacion li a {color: #4b4b4b; background: #f0f0f0; text-decoration: none;  padding: 10px 16px;/**/ border-radius:inherit; margin:5px 6px 0 0;}
.paginacion li a:hover {background: #e1e1e1; color: #000;}
.paginacion li.disabled{padding: 10px 16px; margin:5px 6px 0 0; background:#f5f5f5; color: #999; cursor: default;}
.paginacion li.active {padding: 10px 16px; margin:5px 6px 0 0; background: #d13563; color:#fff; cursor: default;}/*cambiar color*/



/*=========================
	14. Animaciones
=========================*/

/*a hover*/
.ahover{
	-webkit-transition: all ease .3s;
	   -moz-transition: all ease .3s;
	    -ms-transition: all ease .3s;
	     -o-transition: all ease .3s;
	        transition: all ease .3s;
}

/*amplia*/

.animacion-zoominout{

    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s, -webkit-transform .1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.animacion-zoominout:hover{-webkit-transform: scale(1.08); transform: scale(1.08);}
.animacion-zoominout.sombreado:hover{
	-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);
}



/*ANIMACIONES CSS http://www.cssanimate.com */

.animacion-tada{
  animation: animationFrames linear 1s;
  animation-iteration-count: 5;
  transform-origin: ;
  -webkit-animation: animationFrames linear 1s;
  -webkit-animation-iteration-count: 5;
  -webkit-transform-origin: ;
  -moz-animation: animationFrames linear 1s;
  -moz-animation-iteration-count: 5;
  -moz-transform-origin: ;
  -o-animation: animationFrames linear 1s;
  -o-animation-iteration-count: 5;
  -o-transform-origin: ;
  -ms-animation: animationFrames linear 1s;
  -ms-animation-iteration-count: 5;
  -ms-transform-origin: ;
}

@keyframes animationFrames{
  0% {left:0px; top:0px; opacity:1; transform:  rotate(0deg) scaleX(1) scaleY(1) ;}
  10% {transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;}
  20% {transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;}
  30% { transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  40% {transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  50% {transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  60% {transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  70% {transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  80% {transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  90% {transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  100% {left:0px; top:0px; opacity:1; transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;}
}

@-moz-keyframes animationFrames{
  0% {left:0px; top:0px; opacity:1; -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) ;}
  10% {-moz-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;}
  20% {-moz-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;}
  30% {-moz-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  40% {-moz-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  50% {-moz-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  60% {-moz-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  70% {-moz-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  80% {-moz-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  90% {-moz-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  100% {left:0px; top:0px; opacity:1; -moz-transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;}
}

@-webkit-keyframes animationFrames {
  0% {left:0px; top:0px; opacity:1; -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) ;}
  10% {-webkit-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;}
  20% {-webkit-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;}
  30% {-webkit-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  40% {-webkit-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  50% {-webkit-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  60% {-webkit-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  70% {-webkit-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  80% {-webkit-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  90% {-webkit-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  100% {left:0px; top:0px; opacity:1; -webkit-transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;}
}

@-o-keyframes animationFrames {
  0% {left:0px; top:0px; opacity:1; -o-transform:  rotate(0deg) scaleX(1) scaleY(1) ;}
  10% {-o-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;}
  20% {-o-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;}
  30% {-o-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  40% {-o-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  50% {-o-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  60% {-o-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  70% {-o-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  80% {-o-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  90% {-o-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  100% {left:0px; top:0px; opacity:1; -o-transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;}
}

@-ms-keyframes animationFrames {
  0% {left:0px; top:0px; opacity:1; -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) ;}
  10% {-ms-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;}
  20% {-ms-transform:  rotate(-3deg) scaleX(0.8) scaleY(0.8) ;}
  30% {-ms-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  40% {-ms-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  50% {-ms-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  60% {-ms-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  70% {-ms-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  80% {-ms-transform:  rotate(-3deg) scaleX(1.2) scaleY(1.2) ;}
  90% {-ms-transform:  rotate(3deg) scaleX(1.2) scaleY(1.2) ;}
  100% {left:0px; top:0px; opacity:1; -ms-transform:  rotate(0deg) scaleX(1.2) scaleY(1.2) ;}
}



/*=========================
	15. Multimedia
=========================*/

/*fondos*/
.fondo-oro, .fondo-amarillo{background:#fcd500;}
.fondo-plata, .fondo-gris{background:#a8a8a8;}
.fondo-bronce, .fondo-marron{background:#c37846;}

.fondo-morado{background:#62549a;}
.fondo-burdeos{background:#d13563;}
.fondo-blanco{background:#ffffff}
.fondo-negro{background:#000000}
.fondo-gris{background:#666;}
.fondo-gris-oscuro{background:#333;}
.fondo-amarillo-claro{background:#fff8e1;}
.fondo-rojo-claro{background:#ffe9e9;}

.fondo-verde-claro{background:#e2f5da;}
.fondo-verde-oscuro{background:#26770e;}

.fondo-azul{background:#258aab;}
.fondo-azul-claro{background:#e1f5fe;}
.fondo-azul-brillante{background:#00aeed;}

.transparencia{opacity: 0.8; filter: alpha(opacity=80);}
.transparencia-txt-blanco{color: rgba(255, 255, 255, 0.3);}

/*imágenes*/
.img50x50{width:50px; height:50px;}
.img50{width:50px;}
.img80{width:80px;}
.img105{width:105px;}
.img110{width:110px;}
.img150{width:150px;}

.imgborde{border:1px solid rgba(0,0,0,0.20);}
.listgal{display:inline-block; margin:0px 8px 8px 0px; border-radius:inherit; vertical-align:top; position:relative}
.zonagaleria{margin:0 auto; width:auto; display:table; border-radius:inherit;}
.galeria{width:auto; max-width: 100%; width: auto\9; display:inline-block; margin:5px 10px 5px 0;}

.img-izq{width:auto; max-width: 100%; width: auto\9; float:left; margin:0px 15px 2px 0;	max-width:452px;}
.img-der{width:auto; max-width: 100%; width: auto\9; float:right; margin:0px 0px 2px 15px; max-width:452px;}

/*google maps*/
.gmap{position:relative}
.gmap iframe{width:100%; margin-bottom:0px;	border:1px solid rgba(0,0,0,0.20);}
#map {width:100%; height:350px; border:1px solid #e7e7e7;}

/*responsive video*/
@media (min-width: 1400px) {
	.zona_video{margin:0 auto; width:70%; display:table; background:blue}
}

.video-container {position: relative; padding-bottom: 56.25%; /*padding-top: 30px;*/ height: 0;	overflow: hidden; margin:0px auto;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}

/* vídeo ajustado al centro con un tamaño máximo */
.video-wrapper {width: 1024px; max-width: 100%; margin: 0 auto;}
.video-wrapper2 {width: 500px; max-width: 100%;	margin: 0 auto;}




/*========================================
	    16. Tablas y Progress Bars
=========================================*/

/*Tablas*/
table {max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; color:#696c74;}

.table {width: 100%; margin-bottom: 20px; border:0px solid #ddd; border:1px solid #e7e9ec;}

.table th, .table td {padding: 11px; line-height: 160%; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; vertical-align:middle;}

.table th {background:#516577; color: #fff; font-weight:normal; /*font-size:1.1428em;*/}

.thead-inverse th {color: #fff; background-color: #373a3c;}
.thead-white th {color: #4b4b4b; background-color: #fff;}

.table td.center, .table th.center{text-align:center;}
/*.table td i{cursor:help;}*/

.table thead th {vertical-align: bottom;}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {border-top: 0;}

.table tbody + tbody {border-top: 2px solid #dddddd;}

.table .table {background-color: #fcfcfd;}

.table-condensed th,
.table-condensed td {padding: 4px 5px;}

.table-bordered, .table-rounded {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.table-rounded {border-left: 1px solid #dddddd;}


.table-bordered th,
.table-bordered td {border-left: 1px solid #dddddd;}




.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td,
.table-rounded thead:first-child tr:first-child th,
.table-rounded tbody:first-child tr:first-child th,
.table-rounded tbody:first-child tr:first-child td {border-top: 0; }

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-rounded thead:first-child tr:first-child > th:first-child,
.table-rounded tbody:first-child tr:first-child > td:first-child {-webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-rounded thead:first-child tr:first-child > th:last-child,
.table-rounded tbody:first-child tr:first-child > td:last-child {-webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px;}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-rounded thead:last-child tr:last-child > th:first-child,
.table-rounded tbody:last-child tr:last-child > td:first-child,
.table-rounded tfoot:last-child tr:last-child > td:first-child {-webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px;}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-rounded thead:last-child tr:last-child > th:last-child,
.table-rounded tbody:last-child tr:last-child > td:last-child,
.table-rounded tfoot:last-child tr:last-child > td:last-child {-webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px;}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child,
.table-rounded tfoot + tbody:last-child tr:last-child td:first-child {-webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child,
.table-rounded tfoot + tbody:last-child tr:last-child td:last-child {-webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {-webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {-webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px;}

.table-striped tbody td, .table-striped thead th {border-top:none;}
.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr:nth-child(even) > th {background-color: #ecf1f5; border-top:none;}


/*Progress bars*/

 @-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
 @-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
 @keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}


.progress{height:20px;margin:10px 0;overflow:hidden;background-color:#e0e3e6; border-radius:3px; /*-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);*/}
.progress.big{height:20px; line-height:20px; border-radius:3px}
.progress.medium{height:14px; border-radius:3px; cursor:help}
.progress.small{height:5px; border-radius:1px}

.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#0c8dcc; /*-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);*/-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;}

.progress-bar p{text-align:left; padding:3px 15px 0px 15px}

.progress-bar.big{line-height:20px;}
.progress-bar.medium{line-height:14px; border-radius:3px}
.progress-bar.small{line-height:5px; border-radius:2px}

.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}

.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}

.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"]{min-width:30px}
.progress-bar[aria-valuenow="0"]{min-width:30px;color:#777;background-color:transparent;background-image:none;-webkit-box-shadow:none;box-shadow:none}

.progress-bar-verde{background-color:#5cb85c;}
.progress-striped .progress-bar-verde{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}

.progress-bar-naranja{background-color:#ff8226}
.progress-striped .progress-bar-naranja{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}

.progress-bar-rojo{background-color:#ec0c4e}
.progress-striped .progress-bar-rojo{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}

.progress-bar-azul{background-color:#2dabc4}
.progress-striped .progress-bar-azul{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}



/*=========================
	17. Masonry
=========================*/

.masonry {

 /*tamaño de la zona*/
 -moz-column-width: 320px;
 -webkit-column-width: 320px;
  column-width:320px;

 /*separación entre columnas*/
 -moz-column-gap: 0em;
 -webkit-column-gap: 0em;
 column-gap: 0em;

 /*número de columnas*/
 -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;

}

.zona-masonry {display: inline-block; width: 100%; /*background:  #fff; margin: 10px 0;*/ padding:0 8px;}

@media (min-width: 1500px) {
	.masonry {-webkit-column-count: 5; -moz-column-count: 5; column-count: 5;}
}

@media (max-width: 768px) {
	.masonry {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}


/*masonry*/
#macy-container::before { content: ""; display: table; clear: both;}
#macy-container::after { content: ""; display: table; clear: both;}

.cajamasonry {margin-bottom: 10px; width:100%; overflow: hidden; background:#ffffff; padding-bottom:10px;}
.cajamasonry img{margin:0 auto; text-align:center;}

@media (min-width:2000px) {
	.cajamasonry img{display:block; max-width:320px;}
}






/*=========================
	18. Media Queries
=========================*/

.noverflow{overflow:visible;}

.tablet.visible, .movil.visible{visibility:hidden; display:none;}
.visible-max{visibility:hidden; display:none}

@media (min-width:1940px) {}

@media (min-width:1400px) {
	.visible-max{visibility:visible; display:inherit;}
}

@media (max-width:1200px) {
	.table-responsive{width:100%; margin-bottom:15px; overflow-x:scroll; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar; -webkit-overflow-scrolling:touch; /*border:1px solid #ddd*/}
	.table-responsive>.table{margin-bottom:0}
	.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}
}

@media (max-width: 991px) {

	.zona-bus-pes{margin:40px auto 0 auto; display:table; float:none;}
	.zona-buscador button.icon{margin-left: -54px;}

	.zona-abajo {float:none; margin:0 auto; text-align:center;max-width:400px}
	.lnkaba li{background:none; padding:0px;}

	.centradomovil{margin:0 auto; display:block; text-align:center; float:none}

	/*.invisible{visibility:hidden; display:none;}
	.visible{visibility:visible; display:inline-block;}*/

	.tablet.invisible{visibility:hidden; display:none;}
	.tablet.visible{visibility:visible; display:inherit;}


	.septopc{margin-top:0px;}
	.logotipo {text-align:center; margin:10px auto 10px auto; float:none;}

	.zona-centrada{margin:0 auto; display:table;}
	.elipsis.nohidden{white-space: normal; overflow: inherit; text-overflow: clip;}

	.tablet.noelipsis{white-space: normal; overflow: inherit; text-overflow: clip;}

	.centrado-tablet{margin:0 auot; text-align:center; float:none;}


}

@media (max-width: 767px) {

	.zona-buscador{width: 320px;}
	.zona-buscador input#search{width: 320px;}
	.centrado-galeria{text-align:center; margin:0 auto;}

	.invisible_en_movil{visibility:hidden; display:none}
	.visible_en_movil{visibility:visible; display:inline-block;}

	.movil.invisible{visibility:hidden; display:none}
	.movil.visible{visibility:visible; display:inherit;}

	.wrapper{display:block;}
	.gmap iframe{width:100%;border:0px;	padding:0;}
	.elipsis.nohiddenmin{white-space: normal; overflow: inherit; text-overflow: clip;}

	.movil.noelipsis{white-space: normal; overflow: inherit; text-overflow: clip;}

	.centrado-movil{margin:0 auot; text-align:center; float:none;}
}


@media (min-width: 320px) and (max-width:720px) {
	.cajablanca.max{padding:40px 15px}

	.img-izq, .img-der{float:none; text-align:center; width:auto; max-width:502px; margin:0 auto 15px auto;}
	.zonagaleria{text-align:center}
}

@media (max-width: 720px){
	.imgmin{width:120px;}
}


/*=========================
	19. Mensajes Admin
=========================*/


.msg-form{
  position: relative;
  display:inline-block;
  margin: 0px 0px 15px 0px;
  padding:10px;
  font: normal 1em /*'Poppins',*/ Arial, Helvetica, sans-serif;
  /*min-width:180px;*/
  line-height:130%;
}

.msg-form.min{padding:8px; font-size:0.9285em;}

.msg-form.peq{font-size:0.8571em; /*font-style:italic;*/ padding:4px; margin:0px}

.msg-form.transparente{background:rgba(255,255,255,0.65); border:1px solid #ccc; color:#4b4b4b;}

.msg-form.blanco{background:#fff; border:1px solid #ccc; color:#4b4b4b;}
.msg-form.verde{background:#dff0d8; border:1px solid #d6e9c6; color:#3c763d;}
.msg-form.amarillo{background:#f9edcf; border:1px solid #f6e4b8; color:#5f5952;}
.msg-form.rojo{background:#f5e8eb; border:1px solid #e4d1d6; color:#c33939;}
.msg-form.azul{background:#e4f0f1; border:1px solid #c3dbde; color:#416888;}



/*.posicion-mensajes{position: fixed;  right: 15px; top: 20px; z-index:5000;width:50%;}*/

.posicion-mensajes{position:fixed; z-index:1000000; top:15px; right:20px; /*max-width:500px;*/width:50%;
	right: calc(50% - 700px + 20px); /*la mitad del tamaño máximo de pantalla definido en flexible*/
}

@media all and (max-width: 1400px){.posicion-mensajes {right: 20px;}}
@media all and (max-width: 1200px){.posicion-mensajes {right: 20px;}}
@media (max-width: 480px) {.posicion-mensajes {right: 10px;max-width:400px; font-weight:normal}}
@media (max-width: 768px) {.posicion-mensajes{width:90%;}}


#mensajes{
	position:fixed; z-index:1000000; top:15px; right:20px; /*max-width:500px;*/
	/*width:50%;*/
	right: calc(50% - 700px + 20px); /*la mitad del tamaño máximo de pantalla definido en flexible*/
	white-space:nowrap;
}

@media all and (max-width: 1400px){#mensajes {right: 20px;}}
@media all and (max-width: 1200px){#mensajes {right: 20px;}}
@media (max-width: 480px) {#mensajes {right: 10px;max-width:400px; font-weight:normal}}
@media (max-width: 768px) {#mensajes {width:90%;}}



/*mensaje ok*/
.mensaje {
	color:#fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	background: url("../images/mensaje_correcto.png") left 7px top 13px no-repeat;
	background-color: #5ebd5e;
    border: 1px solid #43a543;
	padding: 10px 15px 15px 30px;
	margin: 3px;
	display:block;
	font-size:1.077em;
	padding-right:50px;
	/*min-width:200px;
	max-width:500px;*/
}

.mensaje a{color:#fff}
.mensaje a:hover{color:#fff}


/*aviso*/
.aviso {
	color:#333;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
	background: url("../images/mensaje_aviso.png") left 7px top 14px no-repeat;
	background-color: #ffae10/*f4b04f*/;
    border: 1px solid #f19a1f;
	padding: 10px 15px 15px 30px;
	margin: 3px;
	font-size:1.077em;
}

.aviso a{color:#333;}
.aviso a:hover{color:#000;}

/*error ko*/
.error {
	color:#fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	background: url("../images/mensaje_error.png") left 7px top 14px no-repeat;
	background-color: #e66454;
    border: 1px solid #df3c28;
	padding: 10px 15px 15px 30px;
	margin: 3px;
	font-size:1.077em;
}

.error a{color:#fff}
.error a:hover{color:#fff}



.btn-cerrar{text-align:center; margin-left:5px; position:relative; vertical-align: middle;}
.btn-cerrar a {
	display: block;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #000; padding:4px 8px; text-decoration: none;
	background:#fff\9; background-color:rgba(255, 255, 255, 0.4);
	border-radius:inherit; text-shadow:none;
}
.btn-cerrar a:hover {color: #000; text-decoration: none;background-color:rgba(255, 255, 255, 0.8) }


/*NUEVO CSS*/


.center-file{width:100%; height:100%; display:flex; align-items: center; justify-content: center; padding:0; margin:0 auto;}

@media (max-width: 991px){
	.center-file{display:block}
}