@font-face {
    font-family: 'DaxlinePro-Light';
    src: url('webfont/DaxlinePro-Light.eot?#iefix') format('embedded-opentype'), url('webfont/DaxlinePro-Light.otf') format('opentype'), url('webfont/DaxlinePro-Light.woff') format('woff'), url('webfont/DaxlinePro-Light.ttf') format('truetype'), url('webfont/DaxlinePro-Light.svg#DaxlinePro-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    color: #000;
    font-size: 32px;
    font-family: 'DaxlinePro-Light', arial, sans-serif;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    /*#e8e8e8;*/
    margin: auto;
}

.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.navbar-nav {
    /*float: right;*/
    font-size: 0.60em;
    font-weight: bold;
}

.navbar-default {
    background-color: #fff;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
}

.navbar {
    min-height: 70px;
    margin-bottom: 0px;
}

.nav>li {
    margin-top: 15px;
}
.idioma {
    margin-top: -5px;
    margin-left: 30px;
    width: 20px;
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    width: 100%;
}

section {
    position: relative;
}

#cabecera_movil {
    display: none;
}

.textonormal {
    font-size: 0.65em;
    line-height: 1.2em;
}

.textoizquierda {
    text-align: left;
}


/*.container{
	position: relative;
    max-width: 1200px;
    width: 1200px;
    margin: 0px auto;
    padding: 0px;

}*/

.pasafotos {
    /*height: 600px;
	min-height: 600px;*/
    text-align: center;
    margin: auto;
    /*padding-top: 125px;*/
}

.presentacion {
    padding-top: 50px;
    text-align: center;
    font-size: 26px;
    padding-bottom: 50px;
}

.presentacionapp {
    padding-top: 50px;
    text-align: center;
    font-size: 26px;
}

.textopresentacionapp {
    text-align: left;
    padding-top: 50px;
    font-size: 0.75em;
}

.presentacion-texto1 {
    /*display: none;*/
    background-color: #f0f0c7;
    font-size: 0.65em;
    color: #000;
    min-height: 200px;
    position: relative;
    margin-top: -30px;
    padding: 30px 30px 30px 30px;
    text-align: left;
    z-index: 3;
    position: absolute;
    width: 92.4%;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.presentacion-texto2 {
    /*display: none;*/
    background-color: #234364;
    opacity: 0.95;
    color: #fff;
    cursor: pointer;
    font-size: 0.65em;
    min-height: 300px;
    position: relative;
    margin-top: -300px;
    padding: 30px 30px 30px 30px;
    text-align: left;
    z-index: 3;
    position: absolute;
    width: 90.9%;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.presentacion-texto3 {
    /*display: none;*/
    background-color: #234364;
    opacity: 0.95;
    color: #fff;
    cursor: pointer;
    font-size: 0.65em;
    min-height: 200px;
    position: relative;
    margin-top: -150px;
    padding: 30px 30px 30px 30px;
    text-align: left;
    z-index: 3;
    position: absolute;
    width: 90.9%;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.presentacion-texto4 {
    /*display: none;*/
    background-color: #e2f1ee;
    color: #000;
    cursor: pointer;
    font-size: 0.65em;
    min-height: 250px;
    position: relative;
    margin-top: -250px;
    padding: 30px 30px 30px 30px;
    text-align: left;
    z-index: 3;
    position: absolute;
    width: 90.9%;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.medicalwriting {
    padding-top: 50px;
    text-align: center;
    padding-bottom: 50px;
    font-size: 0.60em;
}

.quienessomos {
    background-color: #e6f6fd;
    margin: auto;
    height: 600px;
    min-height: 600px;
    /*background: #e6f6fd url('../imagenes/bg-quienessomos.png') bottom right no-repeat;*/
    background-position: 75% 100%;
    font-size: 0.85em;
}

.fondocolor0 {
    background-color: #fff;
}


}
.fondocolor1 {
    background-color: #b4e3f3;
}
.fondocolor2 {
    background-color: #e6f6fd;
}
.fondocolor3 {
    background-color: #b4e3f3;
}
.fondocolor4 {
    background-color: #e6f6fd;
}
.fondocolor5 {
    background-color: #ceedf9;
}
.fondocolor6 {
    background-color: #f0f0f0;
}
.fondocolor7 {
    background-color: #e7eef4;
}
.botonformacionhome {
    cursor: pointer;
}
.quienessomos2 {
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.equipo {
    background-color: #fff;
    text-align: center;
    font-size: 24px;
    padding-bottom: 50px;
}
.proceso {
    background-color: #e2f1ee;
    text-align: center;
    font-size: 24px;
    */
    /*height: 600px;*/

    min-height: 300px;
    padding-bottom: 50px;
}

/*.proceso1{
	background-color: #b4e3f3;
    min-height: 225px;
    position: absolute;
    font-size: 0.65em;
    color: #000;
    z-index: 2;
    width: 400px;
    text-align: left;
    padding: 20px 20px 20px 20px;
    margin-top: -50%;
   /* margin-top: 60px;*/

/* line-height: 1.2em;
    height: 300px;

    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;

}*/
#proceso1b img,
#proceso2b img,
#proceso3b img,
#proceso4b img {
    width: 40%;
    margin-top: -100px;
    margin-left: 30px;
}
.proceso8 {
    background-color: #b4e3f3;
    min-height: 225px;
    position: absolute;
    font-size: 0.65em;
    color: #000;
    z-index: 2;
    width: 400px;
    text-align: left;
    padding: 20px 20px 20px 20px;
    /*margin-top: 10%;*/

    line-height: 1.2em;
    /*height: 300px;*/

    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
#formacionpresencial .proceso8 {
    background-color: #f0f0c7;
}
#soportemultimedia .proceso8 {
    background-color: #e1f1ee;
}
#revistas .proceso8 {
    margin-top: 15%;
}
.hide1,
.hide2,
.hide3,
.hide4 {
    display: none;
}
.proceso2 {
    background-color: #b4e3f3;
    min-height: 225px;
    position: absolute;
    font-size: 0.65em;
    color: #000;
    z-index: 2;
    width: 400px;
    text-align: left;
    padding: 20px 20px 20px 20px;
    margin-top: -50%;
    line-height: 1.2em;
    float: right;
    height: 300px;
}
.formacioninfografia {
    text-align: center;
    font-size: 24px;
    padding-bottom: 50px;
}
.formacionacreditada {
    padding-top: 50px;
    text-align: left;
    font-size: 18px;
    font-size: 0.55em;
    padding-bottom: 50px;
    background: #e6f6fd url('../imagenes/formacion/segell.png') top right no-repeat;
    background-position: 100% 0%;
    min-height: 400px;
}
.formacion {
    text-align: left;
    font-size: 18px;
    /*height: 600px;*/

    min-height: 300px;
    padding-bottom: 50px;
    padding-top: 50px;
}
.texto-a-medida-formacion {
    font-size: 0.55em;
    font-weight: bold;
    text-align: left;
    font-style: italic;
}
.difusionformacion {
    padding-top: 50px;
    background: #fff url('../imagenes/formacion/difusion_acciones_formacion2.png') bottom center no-repeat;
    font-size: 0.55em;
    min-height: 780px;
}
.actualidad {
    background-color: #fff;
    text-align: center;
    min-height: 700px;
}

/*.botonmas {
	float:right;
	width:50px;
	height:50px;
	border-bottom-left-radius:50%;
	color:#fff;
	background-color:#23aab0;
}*/

/********************************************************/
#exito-texto1,
#exito-texto2,
#exito-texto3 {
    left: 0;
}
#exito-texto1,
#exito-texto2,
#exito-texto3 {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0%;
    width: 100%;
    bottom: 55px;
    padding: 30px 10px;
    display: block;
    border-radius: 4px;
    transform: translateY(20px);
    transition: all 0.5s;
    visibility: hidden;
}
#exito-texto1 .content,
#exito-texto2 .content,
#exito-texto3 .content {
    opacity: 0;
}
#exito-texto1:before,
#exito-texto2:before,
#exito-texto3:before {
    position: absolute;
    width: 1px;
    height: 1px;
    background: #2a4968;
    content: "";
    bottom: 10px;
    left: 50%;
    top: 95%;
    color: #ffffff;
    border-radius: 50%;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#exito-texto1.active,
#exito-texto2.active,
#exito-texto3.active {
    display: block;
    visibility: visible;
    box-shadow: 2px 3px 16px silver;
    transition: all 600ms;
    transform: translateY(0px);
    transition: all 0.5s;
}
#exito-texto1.active:before,
#exito-texto2.active:before,
#exito-texto3.active:before {
    height: 2000px;
    width: 2000px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -1000px;
    margin-top: -1000px;
    display: block;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#exito-texto1.active .content,
#exito-texto2.active .content,
#exito-texto3.active .content {
    position: relative;
    /*z-index: 1;*/

    opacity: 1;
    transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
span.botonmas {
    padding: 9px 9px 11px 11px;
    outline: none;
    border-bottom-left-radius: 50%;
    background: #23aab0;
    color: #fff;
    font-size: 18px;
    left: 47%;
    bottom: 100px;
    top: 8px;
    margin-left: -25px;
    transition: transform 0.25s;
    z-index: 1000;
}
span.botonmas:hover {
    text-decoration: none;
    background: #2198ff;
}
span.botonmas.active {
    transform: rotate(135deg);
    transition: transform 0.5s;
}

/********************************************************/
.cifras {
    background-color: #e6f6fd;
    text-align: center;
    vertical-align: middle;
}
.cifra1 {
    background-color: #c8d029;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    height: 75px;
    margin-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.0em;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.cifra2 {
    background-color: #25a6dd;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    height: 75px;
    margin-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.0em;
    color: #fff;
}
.cifra3 {
    background-color: #bbdbbd;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    height: 75px;
    margin-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.0em;
}
.cifra4 {
    background-color: #74c3de;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    height: 75px;
    margin-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.0em;
}
.cifra5 {
    background-color: #6aa986;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    height: 75px;
    margin-bottom: 3px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.0em;
    color: #fff;
}
.cifra6 {
    background-color: #a2cb96;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.45);
    height: 75px;
    margin-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.0em;
}
.cifrasnumeros {
    font-size: 1.8em;
    font-weight: bold;
}
.clientes {
    padding-top: 50px;
    background-color: #e6f6fd;
    text-align: center;
    min-height: 600px;
    height: 600px;
    padding-bottom: 50px;
    height: auto;
}
.footer {
    background-color: #bfdcf0;
    font-size: 16px;
    padding-bottom: 50px;
}
.hilo {
    border-top: 1px solid #000;
    padding-bottom: 50px;
}
.estilo1 {
    font-size: 26px;
    font-family: arial;
}
.estilo2 {
    font-size: 24px;
}
.estitulotitulo1 {
    padding-top: 50px;
    font-size: 48px;
    font-weight: lighter;
    color: #234364;
    padding-bottom: 50px;
}
.estilotitulo {
    font-size: 24px;
    font-weight: bold;
    color: #234364;
    margin: 10px;
}
.estilotitulo2 {
    font-size: 20px;
    font-weight: bold;
}
.estilo3 {
    font-size: 18px;
    font-weight: lighter;
}
.tituloactualidad {
    margin-left: 20px;
    padding-top: 15px;
    text-align: left;
    font-size: 0.75em;
    font-weight: bold;
    color: #fff;
}
.titulolibros {
    font-size: 0.70em;
    font-style: italic;
    color: #234364;
    font-weight: bold;
}
.subtitulolibros {
    font-size: 0.55em;
    font-style: italic;
    color: #234364;
    font-weight: bold;
}
.titulolibrosany {
    font-size: 0.65em;
    color: #000;
}
.tituloautor {
    color: #000;
    font-size: 0.65em;
}
.textoactualidad {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 0.55em;
    text-align: left;
    color: #fff;
    /*margin-top: 30px;*/
}

/* EDITORIAL */
.wrap1 {
    left: 10%;
}
.wrap2 {
    left: 60%;
}
.wrap1,
.wrap2 {
    position: absolute;
    overflow: hidden;
    top: 45%;
    right: 0%;
    width: 175px;
    bottom: 55px;
    padding: 30px 10px;
    display: block;
    border-radius: 4px;
    transform: translateY(20px);
    transition: all 0.5s;
    visibility: hidden;
}
.wrap1 .content,
.wrap2 .content,
.wrap7dias .content,
.wrapActa .content,
.wrapMatronas .content,
.wrapFarma .content,
.wrapFarmaJ .content,
.wrapFarmaH .content,
.wrapSuelo .content,
.wrapFolia .content,
.wrapAHP .content,
.wrapForumF .content,
.wraplibro1 .content,
.wraplibro2 .content,
.wraplibro3 .content,
.wraplibro4 .content,
.wraplibro5 .content,
.wraplibro6 .content,
.wraplibro7 .content,
.wraplibro8 .content,
.wraplibro9 .content,
.wraplibro10 .content,
.wraplibrO11 .content,
.wraplibro12 .content,
.wraplibro13 .content,
.wraplibro14 .content,
.wraplibro15 .content,
.wraplibro16 .content,
.wraplibro17 .content,
.wraplibro18 .content {
    opacity: 0;
}
.wrap1:before,
.wrap2:before {
    position: absolute;
    width: 1px;
    height: 1px;
    background: #2a4968;
    content: "";
    bottom: 10px;
    left: 50%;
    top: 95%;
    color: #ffffff;
    border-radius: 50%;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap1.active,
.wrap2.active {
    display: block;
    visibility: visible;
    box-shadow: 2px 3px 16px silver;
    transition: all 600ms;
    transform: translateY(0px);
    transition: all 0.5s;
}
.wrap1.active:before,
.wrap2.active:before {
    height: 2000px;
    width: 2000px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -1000px;
    margin-top: -1000px;
    display: block;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap1.active .content,
.wrap2.active .content {
    position: relative;
    /*z-index: 1;*/

    opacity: 1;
    transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.boton-revistas {
    width: 100%;
    height: 40px;
    padding-right: 10px;
}
.boton-revistas span.button {
    left: 0px;
    float: right;
    top: 0px;
    bottom: 0px;
}
.boton-revistas span.button.active {
    color: #ffffff;
}
.boton-revistas span.button.active:hover {
    background: #3995c1;
}
.wrapFarma .boton-revistas span.button,
.wrapFarmaJ .boton-revistas span.button,
.wrapFarmaH .boton-revistas span.button {
	top:-15px!important;
}
#libros .boton-revistas {
    padding-top: 10px;
}
.wrap7dias,
.wrapActa,
.wrapMatronas,
.wrapFarma,
.wrapFarmaJ,
.wrapFarmaH,
.wrapSuelo,
.wrapFolia,
.wrapAHP,
.wrapForumF,
.wraplibro1,
.wraplibro2,
.wraplibro3,
.wraplibro4,
.wraplibro5,
.wraplibro6,
.wraplibro7,
.wraplibro8,
.wraplibro9,
.wraplibro10,
.wraplibro11,
.wraplibro12,
.wraplibro13,
.wraplibro14,
.wraplibro15,
.wraplibro16,
.wraplibro17,
.wraplibro18 {
    position: absolute;
    overflow: hidden;
    top: 50px;
    width: 32%;
    height: 90%;
    padding: 30px 10px;
    display: block;
    border-radius: 4px;
    transform: translateY(20px);
    transition: all 0.5s;
    visibility: hidden;
}

.wrapFarma.active .content,
.wrapFarmaJ.active .content,
.wrapFarmaH.active .content {
   padding-top: 50px!important;
}

.wrapMatronas,
.wrapFarma,
.wrapFarmaJ,
.wrapFarmaH,
.wrapSuelo,
.wrapFolia,
.wrapAHP,
.wrapForumF {
    width: 251px!important;
}
.wraplibro1,
.wraplibro2,
.wraplibro3,
.wraplibro4,
.wraplibro5,
.wraplibro6,
.wraplibro7,
.wraplibro8,
.wraplibro9,
.wraplibro10,
.wraplibro11,
.wraplibro12,
.wraplibro13,
.wraplibro14,
.wraplibro15,
.wraplibro16,
.wraplibro17,
.wraplibro18 {
    width: 100%!important;
    height: 100%!important;
    top:0px!important;
}
.wrap7dias a,
.wrapActa a,
.wrapMatronas a,
.wrapFarma a,
.wrapFarmaJ a,
.wrapFarmaH a,
.wrap7dias_mobile a,
.wrapActa_mobile a,
.wrapMatronas_mobile a,
.wrapFarma_mobile a,
.wrapFarmaJ_mobile a,
.wrapFarmaH_mobile a,
.wrapSuelo a,
.wrapFolia a,
.wrapAHP a,
.wrapForumF a,
.wraplibro1 a,
.wraplibro2 a,
.wraplibro3 a,
.wraplibro4 a,
.wraplibro5 a,
.wraplibro6 a {
    color: #ffffff;
}
.wrap7dias:before,
.wrapActa:before,
.wrapMatronas:before,
.wrapFarma:before,
.wrapFarmaJ:before,
.wrapFarmaH:before,
.wrapSuelo:before,
.wrapFolia:before,
.wrapAHP:before,
.wrapForumF:before,
.wraplibro1:before,
.wraplibro2:before,
.wraplibro3:before,
.wraplibro4:before,
.wraplibro5:before,
.wraplibro6:before,
.wraplibro7:before,
.wraplibro8:before,
.wraplibro9:before,
.wraplibro10:before,
.wraplibro11:before,
.wraplibro12:before,
.wraplibro13:before,
.wraplibro14:before,
.wraplibro15:before,
.wraplibro16:before,
.wraplibro17:before,
.wraplibro18:before {
    position: absolute;
    width: 1px;
    height: 1px;
    background: rgba(42, 73, 104, 0.85);
    content: "";
    bottom: 10px;
    left: 50%;
    top: 95%;
    color: #ffffff;
    border-radius: 50%;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap7dias.active,
.wrapActa.active,
.wrapMatronas.active,
.wrapFarma.active,
.wrapFarmaJ.active,
.wrapFarmaH.active,
.wrapSuelo.active,
.wrapFolia.active,
.wrapAHP.active,
.wrapForumF.active,
.wraplibro1.active,
.wraplibro2.active,
.wraplibro3.active,
.wraplibro4.active,
.wraplibro5.active,
.wraplibro6.active,
.wraplibro7.active,
.wraplibro8.active,
.wraplibro9.active,
.wraplibro10.active,
.wraplibro11.active,
.wraplibro12.active,
.wraplibro13.active,
.wraplibro14.active,
.wraplibro15.active,
.wraplibro16.active,
.wraplibro17.active,
.wraplibro18.active {
    display: block;
    visibility: visible;
    box-shadow: 2px 3px 16px silver;
    transition: all 600ms;
    transform: translateY(0px);
    transition: all 0.5s;
}
.wraplibro1.active,
.wraplibro2.active,
.wraplibro3.active,
.wraplibro4.active,
.wraplibro5.active,
.wraplibro6.active,
.wraplibro7.active,
.wraplibro8.active,
.wraplibro9.active,
.wraplibro10.active,
.wraplibro11.active,
.wraplibro12.active,
.wraplibro13.active,
.wraplibro14.active,
.wraplibro15.active,
.wraplibro16.active,
.wraplibro17.active,
.wraplibro18.active {
    text-align: left;
    }
.wraplibro1.active p,
.wraplibro2.active p,
.wraplibro3.active p,
.wraplibro4.active p,
.wraplibro5.active p,
.wraplibro6.active p,
.wraplibro7.active p,
.wraplibro8.active p,
.wraplibro9.active p,
.wraplibro10.active p,
.wraplibro11.active p,
.wraplibro12.active p,
.wraplibro13.active p,
.wraplibro14.active p,
.wraplibro15.active p,
.wraplibro16.active p,
.wraplibro17.active p,
.wraplibro18.active p {
    font-size: 0.55em;
    color:#ffffff;
}
.wrap7dias.active:before,
.wrapActa.active:before,
.wrapMatronas.active:before,
.wrapFarma.active:before,
.wrapFarmaJ.active:before,
.wrapFarmaH.active:before,
.wrapSuelo.active:before,
.wrapFolia.active:before,
.wrapAHP.active:before,
.wrapForumF.active:before,
.wraplibro1.active:before,
.wraplibro2.active:before,
.wraplibro3.active:before,
.wraplibro4.active:before,
.wraplibro5.active:before,
.wraplibro6.active:before,
.wraplibro7.active:before,
.wraplibro8.active:before,
.wraplibro9.active:before,
.wraplibro10.active:before,
.wraplibro11.active:before,
.wraplibro12.active:before,
.wraplibro13.active:before,
.wraplibro14.active:before,
.wraplibro15.active:before,
.wraplibro16.active:before,
.wraplibro17.active:before,
.wraplibro18.active:before  {
    height: 2000px;
    width: 2000px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -1000px;
    margin-top: -1000px;
    display: block;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap7dias.active .content,
.wrapActa.active .content,
.wrapMatronas.active .content,
.wrapFarma.active .content,
.wrapFarmaJ.active .content,
.wrapFarmaH.active .content,
.wrapSuelo.active .content,
.wrapFolia.active .content,
.wrapAHP.active .content,
.wrapForumF.active .content,
.wraplibro1.active .content,
.wraplibro2.active .content,
.wraplibro3.active .content,
.wraplibro4.active .content,
.wraplibro5.active .content,
.wraplibro6.active .content,
.wraplibro7.active .content,
.wraplibro8.active .content,
.wraplibro9.active .content,
.wraplibro10.active .content,
.wraplibro11.active .content,
.wraplibro12.active .content,
.wraplibro13.active .content,
.wraplibro14.active .content,
.wraplibro15.active .content,
.wraplibro16.active .content,
.wraplibro17.active .content,
.wraplibro18.active .content {
    position: relative;
    /*z-index: 1;*/
    opacity: 1;
    padding-top: 80px;
    transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.llibres {
    border:1px solid #f1f1f1;
}

#libros label {
  display: block;
  padding: 5px 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.65em;
  background-color: #ccc;
  border-radius: 7px;
  width: 50%;
}

#libros input[type="checkbox"] {
  position: relative;
  top: 1px;
}

#libros  .isSelected {
  background-color: #007fed;
  color: #ffffff;
}

.solicitado {
    display: none;
}

.inputlibros:checked ~ .solicitado{
    display:inline-block;
}
.inputlibros:checked ~ .solicitar {
    display:none;
}

span.button {
    padding: 9px 9px 11px 11px;
    outline: none;
    border-radius: 50%;
    background: none;
    color: #007fed;
    font-size: 18px;
    left: 70%;
    bottom: 100px;
    top: auto;
    border: 1px solid;
    margin-left: -25px;
    transition: transform 0.25s;
    z-index: 1000;
}
span.button:hover {
    text-decoration: none;
    background: #fff;
}
span.button.active {
    transform: rotate(135deg);
    transition: transform 0.5s;
}

#libros .btn-default, #pedido .btn-default {
    width:200px;
    color: #014479;
    border-color: #0081c2;
    font-weight: bold;
}

#libros button{
  background:#24abb1;
  color:#fff;
  border:none;
  position:relative;
  height:60px;
  font-size:1.6em;
  padding:0 2em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
#libros button:hover{
  background:#fff;
  color:#234364;
}
#libros button:before,button:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #24abb1;
  transition:400ms ease all;
}
#libros button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
#libros button:hover:before,button:hover:after{
  width:100%;
  }

/* CONTACTO */
.cabeceraseccion {
    /*height: 300px;*/

    background-color: #fff;
    min-height: 300px;
    /*padding-top: 125px;*/
}
.cabeceraseccion2 {
    /*height: 160px;*/

    background-color: #fff;
    min-height: 160px;
    /*padding-top: 125px;*/
}
.textocabecerasportadas {
    text-align: center;
    font-size: 0.60em;
    text-align: center;
}
.titulocabecerasportadas {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    color: #234364;
}
.formulariocontacto {
    background-color: #e8ecef;
    height: 500px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.tablefooter {
    font-size: 0.85em;
    line-height: 1.0em;
    color: #000;
    margin-top: 20px;
}
.underline {
    border-bottom: 1px solid #8fbde2;
    width: 100%;
    display: block;
}
.table>tbody>tr>td {
    border: none;
}
.exito1 {
    background: #e6f6fd url('../imagenes/casos-exito/gold_webp.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 480px;
    cursor: pointer;
}
.exito2 {
    background: #e6f6fd url('../imagenes/casos-exito/web_orlp.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 480px;
    display: none;
    cursor: pointer;
}
.exito3 {
    background: #e6f6fd url('../imagenes/casos-exito/foro_oncologiap.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 480px;
    display: none;
    cursor: pointer;
}
.exito-texto {
    min-height: 480px;
    opacity: 0.95;
    color: #fff;
    display: none;
    cursor: pointer;
}
.botonexito {
    width: 75%;
    margin: auto;
    background-color: #e8ecef;
    height: 100px;
    margin-bottom: 10px;
    text-align: left;
    padding: 20px 20px 20px 20px;
    font-size: 0.50em;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.24);
    box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.24);
    color: #000;
    cursor: pointer;
}
.botonexitosel {
    width: 75%;
    margin: auto;
    background-color: #254463;
    height: 100px;
    margin-bottom: 10px;
    text-align: left;
    padding: 20px 20px 20px 20px;
    font-size: 0.50em;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.24);
    box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.24);
    color: #fff;
    cursor: pointer;
}
.botonexito:hover {
    background-color: #fff;
}
.slide-consultoria-movil {
    display: none;
}
.any {
    text-align: right;
    font-weight: bolder;
}
.anycolumna {
    font-size: 0.65em;
    text-align: right;
}
.titulocolumna {
    font-size: 0.65em;
    text-align: left;
    line-height: 2em;
}
.historiafila {
    border-top: 1px solid #000;
    padding-top: 25px;
    padding-bottom: 25px;
}
.historiaimagen {
    float: right;
}
.contactogooglemaps {
    padding-top: 50px;
    font-size: 0.60em;
    padding-bottom: 50px;
}
input[type=text] {
    border-radius: 5px;
    font-size: 0.60em;
    margin-bottom: 20px;
    width: 100%;
    padding: 10px;
    border: 0px;
}
textarea {
    border-radius: 5px;
    font-size: 0.60em;
    margin-bottom: 20px;
    width: 100%;
    padding: 10px;
    border: 0px;
}
select {
    border-radius: 5px;
    font-size: 0.60em;
    margin-bottom: 20px;
    width: 100%;
    padding: 10px;
    border: 0px;
}

/* Removes the default 20px margin and creates some padding space for the indicators and controls */
#carousel-proyectos .carousel-caption {
    font-size: 20px;
    bottom: 0px;
    width: 100%;
    left: 0px;
    right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.carousel {
    margin-bottom: 0;
    /*padding: 0 40px 30px 40px;*/
}

/* Reposition the controls slightly */
.carousel-control {
    left: -12px;
}
.carousel-control.right {
    right: -12px;
    background-image: none;
}
.carousel-control.left {
    background-image: none;
}

/* Changes the position of the indicators */
.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -40px;
    margin-right: -19px;
}

/* Changes the colour of the indicators */
.carousel-indicators li {
    background: #c0c0c0;
}
.carousel-indicators .active {
    background: #333333;
}
.well {
    background-color: #e6f6fd;
    padding: 0px;
    border: none;
    margin-bottom: 0px;
}
.thumbnail {
    background-color: #e6f6fd!important;
    padding: 0px;
    border: 0px;
}
.thumbnail img {
    width: 50%;
    padding: 5px;
    float: left;
}

.media-movil{
    display: none;
}

.loader
{
  visibility: hidden;
  display: inline-block;
  margin-right: 7px;
  border: 7px solid #ddd;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 7px solid #0e9aef;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

@keyframes spin
{
  0%
  {
    transform: rotate(0deg);
  }
  100%
  {
    transform: rotate(360deg);
  }
}