/* ==========================================================================
   COMMON STYLE
   ========================================================================== */
/*ADD BY MANU CENTRAR TEXTO*/
.txt_center{text-align:center;}
/*ADD BY MANU MARGIN*/
.margin_top_20{margin-top:20px; }
.margin_right_10{margin-right: 10px; }
/*ADD BY MANU: TEXTOS CON LISTAS*/
.page_piky-text ul{
	list-style:outside !important;
}

/*ADD BY MANU: FOOTER*/
.footer_verde {
	color:#ffffff;
}
.footer_verde p{color:#ffffff !important;}
.footer_verde a{color:#ffffff !important;}

footer-bar{
	color:#000000;
}

.section-footer .footer-bar {
    background-color: #ffffff !important;}
	
.section-footer .footer-bar img{
	height:52px;
	width:auto;
	display:inline;
}
/*ADD BY MANU INPUTS CLASE VALIDACION*/
.frm_input {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
}

/*ADD BY MANU ENLACES DENTRO DEL FOOTER SALVO EL MENU*/
footer a,footer a:hover{
	color: #336699 !important;
}
.legales{
	text-decoration: underline !important;
}

/*ADD BY MANU LISTADO DE NOTICIAS*/
/*lo quitamos por añadir imagen del listado
.timeline-meta{
	margin-left:0px !important;
	padding:0px !important;
}
*/

/*Noticias*/

.listado_noticias li{
	border-bottom: 1px solid #e1e6e9;
	border-radius:0;

}


.caja_imagen_ln{
	border:none !important;
	background-color:#FFF !important;
	
}

/*==========================================================================
  ADD BY MANU 404
  ==========================================================================*/
.sabbi-page-header-404 {
  min-height: 230px;
  background-color: none;/*#EDF2F6;*/
  position: relative; }
  .sabbi-page-header-404.page-header-lg {
    min-height: 265px; }
  .sabbi-page-header-404 .header-title-block {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
	background-color: #EDF2F6; /*#rgba(163, 22, 117, 0.12);*/
    /* &:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: -1;
            background: #d30015;
            opacity: .7;
            background-blend-mode: multiply;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        } */ }
  .sabbi-page-header-404 .page-title {
    color: #D30015;
    display: inline-block;
    background-color: none;
    margin-bottom: 0;
    padding: 0px 25px;
    font-size: 20px;
    font-size: 1.57143rem;
    text-transform: uppercase;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  @media (max-width: 767px) {
	.sabbi-page-header-404 {
		min-height: 180px;
		background-color: none; /*rgba(163, 22, 117, 0.12);*/
		margin-top:195px;		
	}
    .sabbi-page-header-404 .page-title {
	  font-size: 20px;
      font-size: 1.57143rem; } }
	.sabbi-page-header-404 .page-sub-title {
	  font-size: 18px;
      font-size: 1.52143rem; } }  
	  
/*ADD BY MANU IMAGENES QUE ESTABAN EN BACKGROUND PASAR A SER IMGS*/
/*1) QUITAMOS LAS IMAGENES DE FONDO*/
.sabbi-page-header{ background-color: #ccc;!important; background-image: none !important;}
/*2) HABILITAMOS IMGS QUE CUBRAN TODO EL HEADER*/
.sabbi-page-header img{
	position:absolute;
	min-width:100%;
	min-height:100%;
	max-height:225px;
}

/*==========================================================================
  ADD BY MANU FALDON DE COOKIES
  ==========================================================================*/
.close_cookies{
	text-align:center;
}
.content_cookies{ width:100%; bottom:0; position:fixed; background-color:#000; padding:20px; z-index:1000;}
.txt_cookies{ color:#ffffff; padding-bottom:20px; width:80%; margin-left:auto; margin-right:auto;}
.content_cookies .btblancoA{
	padding: 5px 66px;
}
	
@media (max-width: 767px) {
	.content_cookies .btblancoA{padding:5px 10px;}
}

/*==========================================================================
  ADD BY MANU LOADER
  ==========================================================================*/
#cargador {
	/*display: none;*/
	visibility:hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999999;
	/*background-color: rgba(0,0,0,0.5);*/
	background: rgba(255,255,255,0.65);
}
.loader {
	max-width: 140px;
	max-height: 140px;
	margin: -70px 0 0 -70px;
	top: 50%;
	left: 50%;
	position: absolute;
	width: 100%;
	height: 50%;
	z-index: 20;
	/*background-color: #ffffff;*/
	/*background-color: #6CC24A;verde*/
	background-color: #204d74; /*azul*/
	border-radius: 100%;
	-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
	animation: sk-scaleout 1.0s infinite ease-in-out;
}
 @-webkit-keyframes sk-scaleout {
	 0% {
	-webkit-transform: scale(0)
	}
	 100% {
	 -webkit-transform: scale(1.0);
	 opacity: 0;
	}
}
 @keyframes sk-scaleout {
	 0% {
	 -webkit-transform: scale(0);
	 transform: scale(0);
	}
	100% {
	 -webkit-transform: scale(1.0);
	 transform: scale(1.0);
	 opacity: 0;
	}
}

/*==========================================================================
  ADD BY MANU DIALOG
  ==========================================================================*/
  
.dialog,
.dialog__overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.dialog {
	position: fixed;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	pointer-events: none;
	z-index:2147483647;
}

.dialog__overlay {
	position: absolute;
	z-index: 1;
	/*background: rgba(55, 58, 71, 0.9);*/
	background: rgba(255,255,255,0.65);
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}

.dialog--open .dialog__overlay {
	opacity: 1;
	pointer-events: auto;
}

.dialog__content {
	width: 90%;
	max-width: 560px;
	min-width: 290px;
	/*background: #2c2b2a;*/
	background: #6CC24A;
	padding: 3em;
	text-align: center;
	position: relative;
	z-index: 5;
	opacity: 0;
	/*border-radius:40px;*/
}
.dialog--open .dialog__content {
	pointer-events: auto;
}

/* Content */
.dialog h2 {
	margin: 0;
	font:inherit;
	font-weight: 400;
	/*font-family:"Winston-Bold";*/
	font-size: 22px;
	line-height:32px;
	padding: 0 0 1em;
	margin: 0;
	color:#ffffff;
  font-family:Arial, sans-serif;
}

.dialog__overlay {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.dialog__content {
	overflow: hidden;
	box-sizing: border-box;
}

.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.dialog.dialog--open .dialog__content {
	-webkit-animation-name: anim-open;
	animation-name: anim-open;
	-webkit-animation-timing-function: cubic-bezier(0.7,0,0.3,1);
	animation-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.dialog.dialog--close .dialog__content {
	-webkit-animation-name: anim-close;
	animation-name: anim-close;
}

.dialog.dialog--open h2,
.dialog.dialog--open button {
	-webkit-animation: anim-elem 0.4s both;
	animation: anim-elem 0.4s both;
}

.dialog.dialog--open h2 {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}

.dialog.dialog--open button {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}

@-webkit-keyframes anim-open {
	0% { opacity: 0; -webkit-transform: translate3d(0, -400px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes anim-open {
	0% { opacity: 0; -webkit-transform: translate3d(0, -400px, 0); transform: translate3d(0, -400px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes anim-close {
	0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
	100% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); }
}

@keyframes anim-close {
	0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	100% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }
}

/* Inner elements animations */

@-webkit-keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes anim-elem {
	0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.dialog__content {
    max-width: 565px
} 

.overlay2 .loadingTxt{
	color: rgb(255, 255, 255);
	display: block;
	position: relative;
	height: 20px;
	width: 100%;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: visible;
	margin-left: -50%;
	text-align: center;
	margin-top: 20%;
}

.btn-container{
  position:relative;
  box-sizing: border-box;
}
.btn-close{
  right:0;
  font-family: Arial;
  color: #0a438a;
  font-size:12px;

  /*background-image:url(../img/cerrar_modal.png);*/
  background-repeat:no-repeat;
  background-size:cover;
  position:absolute;
  width:30px;
  height:30px;
  transform:translateY(-100%) translateX(100%);
}

.mobile .dialog__content{
  max-width: 90%;
  box-sizing: border-box;
  padding:2.5em;
}

.mobile .dialog__content h2{
  font-size: 1.3em;
}
.mobile  .btn-close{
  width:15px;
  height:15px;

}

.btn-generico {
    margin: 0.5em 0;
    text-decoration: none;
    min-width: 300px;
    max-width: 100%;
    padding: .7em 1.5em;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    position: relative;
    /*border: 1px solid #d6001c;*/
	border: 1px solid #286090;
    font-size: 25px;
    color: #fff;
    /*background: #d6001c;*/
	background:#286090;
	font-family: Arial;
	box-sizing: border-box;
}
.btn-generico:hover {
    color: #fff;
    background: 0
}
.link-generico {
    font-size: 1.42em
}


/*volumenes*/

.book-timeline-section .book-list-meta figure .img-responsive{
	max-width:112px !important;
	}
	
.sabbi-book_timeline .book-list > li{
	display:inline-block;
	width:400px;
	margin-bottom:0px;
}

.sabbi-book_timeline > li{
	margin-bottom:0px;
	}
	
.logo_bioone_volumen{
		max-width:200px;
		}

/*Footer*/

.redes_footer a{
	padding: 10px 8px !important;
	
	}
	
/*Buscador y navegacion*/

.search {
  float: right;
  margin-right: 2.04167vw;
}

.navbar-nav{
	font-size:15px;
	
	}



/* line 45, E:/xampp/htdocs/seoweb_produccion/sass/_header.scss */
.search .content-form-search {
  display: none;
  z-index: 9999;
  background: #FFF;
  position: absolute;
  min-width: 300px;
  right: 0px;
  padding: 20px 30px 20px 30px;
}

/* line 53, E:/xampp/htdocs/seoweb_produccion/sass/_header.scss */
.search .content-form-search .titulo {
  padding: 0.26042vw;
  border: 1px solid #888888;
  float: left;
  width: 100%;
}

/* line 59, E:/xampp/htdocs/seoweb_produccion/sass/_header.scss */
.search .content-form-search #buscarBtn {
  cursor: pointer;
  border: none;
  padding: 0.26042vw;
  margin-top: 0.26042vw;
  background: #6CC24A;
  color: #FFF;
  float: left;
}

.owl-slide{height:350px !important;}
.header-title-block{ margin-top:40px;}

.contenedor-slider{
	display:table;
	width:100%;
	height:100%;
	
}
.slider_text_block{
	display:table-cell;
	height:100%;
	vertical-align:middle;
	color:#FFF;
	
}

.slider_text_block .page-title{text-shadow: 2px 2px 8px #000000;}
.slider_text_block .page-text{text-shadow: 2px 2px 8px #000000;}


#abrirbuscador{ margin-right:20px;}

.logindialog label{ color:#FFF; font-weight:normal; }
.logindialog .btn-close{ color:#FFF; font-size:20px; }
.logindialog .msg-error{ color:#FFF; }
.logindialog p{ color:#FFF; text-align:left; }
.logindialog p a{ color:#FFF;font-weight:bold;}
.logindialog .dialog__content{max-width:400px !important;}


/*Estilos de formulario de registro*/
#frm_register .row{ margin-top:20px;} 
#frm_register  .precio_suscripcion span{ color:#336699;; font-weight:bold;}

	
@media screen and (max-width: 1020px) {
	
}
	

@media screen and (max-width: 790px) {
    .btn-generico {min-width: 240px;}
}

@media screen and (max-width: 596px) {
	.btn-generico {
		min-width: 0;
        width: 100%;
    }
}
 
 /*ADD BY MANU home*/
 .description-column{
	 display:none;
}

/*ADD BY MANU detalle*/
.doc-link:before {
  font-family: FontAwesome;
  content: "\f1c2";
  margin-left: 5px;
  margin-right: 5px; 
}

.excel-link:before {
  font-family: FontAwesome;
  content: "\f1c3";
  margin-left: 5px;
  margin-right: 5px; 
}

.mp4-link:before {
  font-family: FontAwesome;
  content: "\f008";
  margin-left: 5px;
  margin-right: 5px; 
}

/*ADD BY MANU MENSAJES ERROR DENTRO DE LOS LAYERS (EJ:error login)*/
.dialog .msg-error {
	color:#D30015;
}