/* ------------------  CLASES CUSTOM PARA PARAGRAPH LIBRE  ----------------- */

strong {
    letter-spacing: .03em;
}
/* ---------------------  TEXTOS NORMALES Y ESPECIALES  -------------------- */
span.titulos {
    font-size: 26px;
    font-weight: normal;
    line-height: 1.2;
}
span.subtitulos {
    font-size: 20px;
    font-weight: normal;
}
span.subtit-med {
    font-size: 18px;
    font-weight: normal;
}
span.subtit-mid {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .01em;
}
span.destacados2 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: .02em;
    color: #87888a;
}
span.destacados {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .03em;
}
.txt-estandar {
    font-size: 14px;
    font-weight: normal;
    color: #87888a;
}
span.subtitulos, span.subtit-med, span.subtit-mid, span.destacados2, span.destacados, .txt-estandar {
    line-height: 1.4;
}
span.titulos, span.subtitulos, span.subtit-med, span.subtit-mid, span.destacados {
    color: #669ece;
}
.txt-estandar a {
    color: #f7527c !important;
    text-decoration: none !important;
}
.txt-estandar a:hover {
    text-decoration: underline !important;
}
span.subtitulos a, span.destacados2 a {
    text-decoration: none !important;
}
span.subtitulos a {
	color: #669ece !important;
}
span.destacados2 a {
    color: #87888a !important;
}
span.subtitulos a:hover, span.destacados2 a:hover, span.destacados a:hover {
	color: #f7527c !important;
    text-decoration: underline !important;
}
/* -------- Varios Sin Color -------- */
span.titulos-nc {
    font-size: 26px;
    font-weight: normal;
    line-height: 1.2;
}
span.subtitulos-nc {
    font-size: 20px;
}
span.subtit-med-nc {
    font-size: 18px;
}
span.subtit-mid-nc {
    font-size: 16px;
    letter-spacing: .01em;
}
span.destacados2-nc {
    font-size: 15px;
    letter-spacing: .03em;
}
span.destacados-nc {
    font-size: 14px;
    letter-spacing: .03em;
}
span.superindice {
    font-size: 13px;
}
.txt-base15 {
    font-size: 15px;
}
.txt-base {
    font-size: 14px;
}
.txt-peque {
    font-size: 13px;
}
.txt-mini {
    font-size: 12px;
}
.txt-mini a, h4 span.subtit-med-nc a {
    color: #f7527c !important;
    text-decoration: none !important;
}
.txt-mini a:hover, h4 span.subtit-med-nc a:hover {
    text-decoration: underline !important;
}
.tachado {
    text-decoration: line-through;
}
.txt-help-form {
    font-size: 12px;
    color: #323234;
}
span.subtitulos-nc, span.subtit-med-nc, span.superindice, .txt-base, .txt-base15, .txt-peque, .txt-mini, .txt-help-form {
    font-weight: normal;
    line-height: 1.4;
}
span.subtit-mid-nc, span.destacados2-nc, span.destacados-nc {
    font-weight: bold;
    line-height: 1.4;
}

/* -------- Textos verdes para Enciclopedia -------- */
span.enci-titulos {
    font-size: 26px;
    font-weight: normal;
    line-height: 1.2;
}
span.enci-subtitulos {
    font-size: 22px;
    font-weight: normal;
}
span.enci-subtit-mid {
    font-size: 18px;
    font-weight: normal;
}
span.enci-destacados {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .03em;
}
span.enci-subtitulos, span.enci-subtit-mid, span.enci-destacados {
    line-height: 1.4;
}
span.enci-titulos, span.enci-subtitulos, span.enci-subtit-mid, span.enci-destacados {
    color: #50d6cd;
}
/* -------- Pie Foto Enciclopedia -------- */
.pie-foto {
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
    color: #6f7071 !important;
    margin: 10px 0px 20px 0px !important;
}
/* -------- Textos para uso dentro tablas azul claro -------- */
/* --------  Ejemplo Pagina: Por qué Dexeus Mujer  -------- */
span.subtit-mid-verde {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    color: #58768e;
}
span.txt-black {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    color: #4b4b51;
}
/* -------------------------  FIN CLASES TEXTOS  --------------------------- */

/* ------------------  LANDINGS: TEXTOS - CAPAS - MARGIN  ------------------ */
span.mega-titulo-lan {
    font-size: 40px;
    font-weight: bold;
    /*letter-spacing: .01em;*/
    line-height: 1.3;
}
span.super-titulo-lan {
    font-size: 36px;
    font-weight: normal;
    line-height: 1.3;
}
span.extra-titulo-lan {
    font-size: 30px;
    font-weight: normal;
    line-height: 1.3;
}
span.titulo-lan {
    font-size: 26px;
    font-weight: normal;
    line-height: 1.3;
}
span.subtitulo-lan {
    font-size: 20px;
    font-weight: normal;
}
span.subtit-med-lan {
    font-size: 18px;
    font-weight: normal;
}
span.subtit-mid-lan {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .01em;
}
span.cuerpo-lan {
    font-size: 14px;
    font-weight: normal;
}
span.destacado-lan {
    font-size: 15px !important;
    font-weight: bold;
    letter-spacing: .02em;
}
span.subtitulo-lan, span.subtit-med-lan, span.subtit-mid-lan, span.cuerpo-lan, span.destacado-lan {
    line-height: 1.4;
}
h3.lan-cta {
    margin: 15px 0px 10px 0px !important;
    font-size: 18px;
    font-weight: bold;
}
.margenh2-lan {
    margin-top: 2px !important;
    margin-left: 0px;
    margin-right: 0px;
}
.margen-txt-lan {
    margin-top: 15px;
    margin-bottom: 3px;
}
.margen-der-lan {
	margin-right: 20px;
}
.margen-izq-lan20-10 {
	margin-left: 20px;
}
.margen-izq-lan10 {
	margin-left: 10px;
}
div.lan-container {
    max-width: 100%;
    height: auto;
    z-index: 0;
    position: relative;
    margin-top: 5px;
    margin-bottom: 12px;
}
div.lan-container-rwd {
    display: none;
    text-align: center;
	margin-top: 15px;
}
/* ------  Estilos comunes  ------ */
div.lan-cuadro, div.lan-cuadro-medio, div.lan-cuadro-small, div.lan-cuadro-extra, div.lan-cuadro-down {
    padding: 10px 14px 10px 14px !important;
    left: 40px;
    z-index: 1;
    position: absolute;
    vertical-align: middle;
}
/* ------  Cuadros alineados ARRIBA  ------ */
div.lan-cuadro, div.lan-cuadro-medio, div.lan-cuadro-small, div.lan-cuadro-extra {
    top: 40px;
}
/* ------  Cuadro alineado ABAJO  ------ */
div.lan-cuadro-down {
	top: 180px;
}
div.lan-cuadro, div.lan-cuadro-down {
    width: 43%;
}
div.lan-cuadro-medio {
    width: 37%;
}
div.lan-cuadro-small {
    width: 31%;
}
div.lan-cuadro-extra {
    width: 50%;
}
/* ------  Cuadro adaptado para ancho de Pagina Normal  ------ */
div.lan-cuadro-pagina  {
    padding: 10px 10px 10px 10px !important;
    width: 70%;
    top: 25px;
    left: 30px;
    z-index: 1;
    position: absolute;
    vertical-align: middle;
}
/* -------------------  Colores Fondo Cuadro Landings  ------------------- */
.lan-fondo-transparente {
    background-color: rgba(255,255,255,0) !important;
}
.lan-fondo-blanco {
    background-color: rgba(255,255,255,0.7) !important;
}
.lan-fondo-blanco1 {
    background-color: rgba(255,255,255,0.8) !important;
}
.lan-fondo-blanco2 {
    background-color: rgba(255,255,255,0.9) !important;
}
.lan-fondo-enlaces {
    background-color: rgba(247,82,124,0.9) !important;
}
.lan-fondo-rosa {
    background-color: rgba(243,137,195,0.9) !important;
}
.lan-fondo-rosita {
    background-color: rgba(254,133,158,0.5) !important;
}
.lan-fondo-pastel {
    background-color: rgba(246,209,225,0.9) !important;
}
.lan-fondo-purpura {
    background-color: rgba(246,199,228,0.9) !important;
}
.lan-fondo-azul {
    background-color: rgba(81,146,202,0.9) !important;
}
.lan-fondo-gris {
    background-color: rgba(205,206,208,0.5) !important;
}
.lan-fondo-ovodon {
    background-color: rgba(241,244,250,0.9) !important;
}
.lan-fondo-azulsuave {
    background-color: rgba(225,232,246,1) !important;
}
.lan-fondo-azulgris {
    background-color: rgba(146,167,198,1) !important;
}
.lan-fondo-verdefuerte {
    background-color: rgba(0,171,170,0.7) !important;
}
/* -------------  Capa contacto landings bajo banner RWD  --------------- */
.contacto-rwd {
    display: none;
	width: auto;
	height: auto;
    padding: 14px 0px 14px 0px;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
    vertical-align: middle;
    background-color: #5593c9;
    border: 1px solid #5593c9;
    -webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;    
}
.contacto-rwd p {
    margin: 6px 8px 12px 8px !important;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2 !important;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
}
.contacto-rwd p img {
    margin-bottom: 5px !important;
}
.contacto-rwd a {
    color: #ffffff;
    text-decoration: none;
}
p.contacto-rwd-boton {
    text-align: center;
    vertical-align: middle;
    margin: 10px 12px 10px 12px !important;
    line-height: 1.2 !important;
}
a.contacto-rwd-enlace {
    display: block;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2 !important;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    margin: 0px 0px 0px 0px !important;
    padding: 12px 10px !important;
    border: 1px #ffffff solid;
    -webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;  
}
/* --------------  Capa contacto landings sobre formulario  ------------- */
.contacto-form {
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
}
.contacto-form p {
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2 !important;
    color: #61adef;
    text-align: center;
    vertical-align: middle;
    margin: 6px 10px 10px 10px !important;
}
.contacto-form a {
    color: #61adef;
    text-decoration: none;
}
p.contacto-form-txt {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4 !important;
    color: #61adef;
    margin: 16px 30px 10px 30px !important;
}
p.contacto-form-txt2 {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4 !important;
    color: #61adef;
    margin: 4px 15px 10px 15px !important;
}
.contacto-icon, .contacto-icon-mail {
    width: 36px;
    height: 36px;
    vertical-align: middle;
}
.contacto-icon {
    padding-right: 12px;
}
.contacto-icon-mail {
    padding-right: 15px;
}
/* ------------------------  FIN CLASES LANDINGS  -------------------------- */

/* ---------------------------  CLASES COLORES  ---------------------------- */
/* ----------------  Colores para Textos  ----------------- */
.color-enlaces {
    color: #f7527c !important;
}
.color-blanco {
    color: #ffffff !important;
}
.color-negro {
    color: #000000 !important;
}
.color-negro-suave {
    color: #333333 !important;
}
.color-black {
    color: #4b4b51 !important;
}
.color-gris {
    color: #87888a !important;
}
.color-gris-oscuro {
    color: #6f7071 !important;
}
.color-azul {
    color: #4f91cd !important;
}
.color-azul-oficial, .color-enlaces-forms {
    color: #5593c9 !important;
}
.color-azul-claro {
    color: #669ece !important;
}
.color-azul-oscuro {
    color: #1e4789 !important;
}
.color-azul-oscuro2 {
    color: #06325a !important;
}
.color-verdoso {
    color: #41647d !important;
}
.color-verdoso-suave {
    color: #58768e !important;
}
.color-cyan {
    color: #61adef !important;
}
.color-rosa {
    color: #f7527c !important;
}
.color-rosa-suave {
    color: #f389c3 !important;
}
.color-rosita {
    color: #fe859e !important;
}
.color-pastel {
    color: #f9c4cf !important;
}
.color-magenta {
    color: #ff0099 !important;
}
.color-fucsia {
    color: #e1007a !important;
}
.color-verde-enciclopedia {
    color: #50d6cd !important;
}
.color-verde-fuerte {
    color: #00abaa !important;
}
.color-rojo {
    color: #f34747 !important;
}
.color-rojo-navidad {
    color: #f50b0c !important;
}
.color-rojo-bullets {
    color: #ff6666 !important;
}
/* ----------------  Colores para Fondos  ----------------- */
.fondo-blanco {
    /* NO PONER FONDO BLANCO EN DIV CELDA */
	/* GENERA ESPACIOS VERTICALES */
    background-color: rgb(255,255,255) !important;
}
.fondo-blanco2 {
    background-color: rgb(255,255,255) !important;
}
.fondo-azul-cols1 {
    background-color: rgb(77,139,197) !important;
}
.fondo-azul-cols2 {
    background-color: rgb(103,168,215) !important;
}
.fondo-azul-cols3 {
    background-color: rgb(93,147,201) !important;
}
.fondo-claro {
    background-color: rgb(241,244,250) !important;
}
.fondo-azul-claro {
    background-color: rgb(224,232,245) !important;
}
.fondo-azul-medio {
    background-color: rgb(211,222,240) !important;
}
.fondo-azul-oficial {
    background-color: rgb(85,147,201) !important;
}
.fondo-azul-2020 {
	background-color: rgb(105,144,202) !important;
}
.fondo-rosa-oscuro {
    background-color: rgb(250,184,184) !important;
}
.fondo-rosa-suave {
    background-color: rgb(255,235,235) !important;
}
.fondo-rosa-claro {
    background-color: rgb(254,245,245) !important;
}
.fondo-rosa-app1 {
	background-color: rgb(252,235,241) !important;    
}
.fondo-rosa-app2 {
	background-color: rgb(253,206,219) !important;    
}
.fondo-lila-oscuro {
    background-color: rgb(208,158,220) !important;
}
.fondo-lila-claro {
    background-color: rgb(239,223,243) !important;
}
.fondo-verde-oscuro {
    background-color: rgb(243,252,219) !important;
}
.fondo-verde-suave {
    background-color: rgb(248,254,235) !important;
}
.fondo-ovodon1 {
    background-color: rgb(209,221,241) !important;
}
.fondo-ovodon2 {
    background-color: rgb(248,207,214) !important;
}
.fondo-ovodon3 {
    background-color: rgb(252,241,245) !important;
}
/* ------  Para Celdas de Titulos  ------  */
.fondo-cyan-claro {
	background-color: rgb(209,236,255) !important;
}
/* ------  Tablas Icono & Texto 2020  ------  */
.fondo-tbl-azul-ico {
    background-color: rgb(244,246,250) !important;
}
.fondo-tbl-azul-txt {
    background-color: rgb(221,235,255) !important;
}
.fondo-tbl-rosa-ico {
    background-color: rgb(254,245,245) !important;
}
.fondo-tbl-rosa-txt {
    background-color: rgb(255,235,235) !important;
}
.fondo-tbl-rosa-lactancia {
    background-color: rgb(248,213,219) !important;
}

/* ----------------  Colores para Bordes  -----------------  */
.borde-blanco {
    border-color: #ffffff !important;
}
.borde-negro {
    border-color: #000000 !important;
}
.borde-azul {
    border-color: #4f91cd !important;
}
.borde-azul-claro {
    border-color: #669ece !important;
}
.borde-azul-oficial {
    border-color: #5593c9 !important;
}
.borde-azul-oscuro {
    border-color: #1e4789 !important;
}
.borde-azul-tabla {
    border-color: #e0e8f5 !important;
}
.borde-azul-2020 {
	border-color: #6990ca !important;
}
.borde-rosita {
    color: #fe859e !important;
}
.borde-gris {
    color: #87888a !important;
}
/* -------------------------  FIN CLASES COLORES  -------------------------- */

/* --------------------------------  IMAGENES  ----------------------------- */
/* --------  Imagen Responsive Base - Alineamiento y Margen  -------- */
.imagen-responsive {
    max-width: 100%;
    height: auto;
}
p.imagen-estandar {
    text-align: left;
    padding: 10px 0px;
}
p.imagen-rwd {
    text-align: left;
    margin: 10px 0px;
}
p.imagen-evento {
    text-align: center !important;
    margin: 10px 0px !important;
}
.bordes_redondos {
    border-radius: 4px 4px 4px 4px;
}
/* --------  Imagen grande Desktop - Imagen pequeña Mobile  -------- */
.desktop-img {
    display: block !important;
}
.mobile-img {
    display: none !important;
}
/* --------  Enlaces en Imagenes  -------- */
.enlace-img {
    text-decoration: none !important;
}
/* --------  Iconos Diferentes tamaños  -------- */
.ico80x80 {
    width: 80px;
    height: 80px;
}
.ico70x70 {
    width: 70px;
    height: 70px;
}
.ico40x40 {
    width: 40px;
    height: 40px;
}
.ico34x34 {
    width: 34px;
    height: 34px;
}
.ico30x30 {
    width: 30px;
    height: 30px;
}
.ico24x24 {
    width: 24px;
    height: 24px;
}
.ico20x20 {
    width: 20px;
    height: 20px;
}
.ico16x16 {
    width: 13px;
    height: 13px;
}
.ico13x13 {
    width: 13px;
    height: 13px;
    margin-right: 5px;
}
.ico_caminando {
    width: 12px;
    height: 20px;
	margin-left: 4px;
	margin-right: 4px;
	border: 0px;
}
.icoalign, ico80x80, .ico70x70, .ico40x40, .ico34x34, .ico30x30, .ico24x24, .ico20x20, .ico16x16, .ico13x13, .img-logos {
    vertical-align: middle;
    border: 0px;
}
/* --------  Imagenes banderas circulares  -------- */
.ico-banderitas {
    width: 32px;
    height: 32px;
    margin: 0px 6px;
}
.banderitas {
    text-align: center;
    margin: 0px 0px 60px 0px;
}
/* --------  Imagenes varias  -------- */
.img-logos {
    width: 200px;
    height: 100px;
}
.img-organigramas {
    width: 140px;
    height: 160px;
}
.img-personas {
    width: 175px;
    height: 200px;
}
.img-personas, .img-organigramas {
    border: 1px solid #000000;
}
/* -------------------------  FIN CLASES IMAGENES  ------------------------- */

/* -------------------------  IFRAME VIDEOS & MAPAS  ----------------------- */
div.video-contenedor, div.video-content-full, div.mapas {
    position: relative;
    height: 0;
    overflow: hidden;
}
/* --------  Videos Youtube Embed  -------- */
div.video-contenedor {
    padding-bottom: 33%;
    padding-top: 22px;
    max-width: 560px;
}
/* --------  Videos Youtube Embed - Ancho Maximo  -------- */
div.video-content-full {
    padding-bottom: 53%;
    padding-top: 22px;
    max-width: 870px;
}
/* --------  Mapas GoogleMaps  -------- */
/* ---  Mapas Hoteles Ancho 600px  --- */
div.mapas {
    padding-bottom: 46%;
    padding-top: 22px;
    max-width: 600px;
    margin-top: 10px;
    margin-bottom: 20px;
}
div.video-contenedor iframe, div.video-contenedor object, div.video-contenedor embed, div.video-content-full iframe, div.video-content-full object, div.video-content-full embed, div.mapas iframe, div.mapas object, div.mapas embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* -------------------  FIN CLASES IFRAME VIDEOS & MAPAS  ------------------ */

/* ---------------------------  LISTA BASE AZUL  --------------------------- */
ul.lista-base {
    list-style-type: disc;
}
ul.lista-base li {
    color: #669ece !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

/* --------------------  LISTA IMAGENES 50 % TIPO TABLA -------------------- */
ul.lista-img50 {
    display: table-row;
    list-style: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
li.lista-img50-2 {
    display: table-cell;
    list-style-type: none;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0px;
}

/* ----------------------------  Lista Base BIG ---------------------------- */
/* ----------  disc y square mas grandes ---------- */
ul.lista-base-big {
    list-style-type: disc;
    font-size: 16px;
}
ul.lista-base-big li ul {
    list-style-type: square;
    font-size: 15px;
}
ul.lista-base-big, ul.lista-base-big li ul {
    font-weight: bold;
    list-style-position: outside;
}
ul.lista-base-big li, ul.lista-base-big li ul li {
    color: #669ece !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

/* ---------------  LISTADOS LOGOS - PERSONAS - ORGANIGRAMAS  -------------- */
ul.listados {
    list-style: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    clear: both;
}
li.logos1, li.personas1, li.comite-cientifico2 {
    width: 100%;
}
li.logos2, li.personas2, li.organigramas2, li.comite-cientifico1 {
    width: 50%;
}
li.logos3, li.personas3, li.imagenes3, li.organigramas3 {
    width: 33%;
}
li.logos4, li.personas4, li.organigramas4 {
    width: 25%;
}
li.logos1, li.logos2, li.logos3, li.logos4, li.personas1, li.personas2, li.personas3, li.personas4, li.organigramas2, li.organigramas3, li.organigramas4, li.comite-cientifico1, li.comite-cientifico2, li.imagenes3 {
    text-align: center;
    float: left;
}
li.logos1, li.logos2, li.logos3, li.logos4, li.imagenes3 {
    padding: 20px 0px;
}
li.personas1, li.personas2, li.personas3, li.personas4, li.organigramas2, li.organigramas3, li.organigramas4 {
    padding: 15px 0px;
}
li.comite-cientifico1, li.comite-cientifico2 {
    padding: 15px 0px 0px 0px;
    margin-bottom: 0px;
}
li.comite-cientifico2 {
    display: none;
}
/* --------  Textos Personas  -------- */
h3.titulo-personas {
    font-size: 18px;
    font-weight: normal;
    color: #669ece; 
    margin: 12px 0px 16px 0px !important;
}
p.personas-nom, p.personas-cargo {
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
}
p.personas-nom {
    font-size: 13px;
    color: #5593c9;
    margin: 10px 0px 5px 0px;
}
p.personas-cargo {
    font-size: 12px;
    color: #87888a;
    margin: 0px 0px 10px 0px;
}
/* --------  Textos Organigramas  -------- */
h3.titulo-organigramas {
    font-size: 18px;
    font-weight: normal;
    color: #669ece;
    margin: 12px 0px;
}
p.texto-organigramas {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    color: #5593c9;
    text-align: center;
    margin: 12px 0px;
}
li.comite-cientifico1 > h3.titulo-organigramas, li.comite-cientifico2 > h3.titulo-organigramas {
    margin: 12px 0px 0px 0px;
}
li.imagenes3 a img {
    border: 2px solid #ffffff;
}
li.imagenes3 a img:hover {
    border: 2px solid #f7527c;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
/* -------------  FIN LISTADOS LOGOS - PERSONAS - ORGANIGRAMAS  ------------ */

/* ----------------------------  TABLAS con DIV  --------------------------- */
/* --------  Clases genericas  -------- */
.divtabla {
    display: table;
}
.divfila {
    display: table-row;
}
.divcelda {
    display: table-cell;
    vertical-align: middle;
}
/* --------  Tipos Tablas  -------- */
.tabladoscols, .tablacincocols, .tabla5cols {
    width: 100%;
    border-collapse: separate;
}
/* --------  tabla5cols sin margenes verticales Rev. Ginecologica  -------- */
.tabladoscols, .tabla5cols {
	margin: auto;
    border-spacing: 5px 5px;
}
/* --------  2 cols peque y grande - separacion 4 lados  -------- */
.tabladoscols {
    padding-top: 5px;
    padding-bottom: 5px;
}
/* --------  Solo separacion horizontal sin margen Rev. Ginecologica -------- */
.tablacincocols {
    border-spacing: 5px 0px;
	margin: 0px;
}
/* --------  2 cols Icono y Texto (no separacion celdas)  -------- */
.tabla_icotxt {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* --------  Estilos generales  -------- */
.col_icotxt1 {
    width: 14%;
}
.doscols1 {
    width: 20%;
}
.doscols1b {
    width: 30%;
}
.doscols50, .doscols50base, .doscols50cent, .doscols_normal {
    width: 50%;
}
.trescols {
	width: 33%;
}
.cuatrocols {
	width: 25%;
}
.cincocols1 {
    width: 26%;
}
.cincocols1b {
    width: 25.7%;
}
.cincocols2 {
    width: 18.5%;
}
.colcompleta {
    width: 100%;
}
.col_icotxt1, .doscols1, .doscols1b, .trescols, .cuatrocols, .cincocols1, .cincocols1b, .cincocols2, .cincocols2b, .colcompleta, .doscols50cent, .doscols_normal {
    text-align: center;
    vertical-align: middle;
}
.doscols2, .doscols3, .doscols4, .doscols_cent, .doscols50, .doscolslibre, .col_icotxt2, .doscols50base {
    text-align: left;
    vertical-align: middle;
}
.col_icotxt1, .doscols1, .doscols1b, .trescols, .cuatrocols, .cincocols1, .cincocols1b, .cincocols2, .cincocols2b, .colcompleta, .doscols50cent, .doscols_normal {
    padding: 10px 5px;
}
.doscols2, .doscols3, .doscols4, .doscols_cent, .doscols50, .doscolslibre {
    padding: 5px 12px 5px 0px;
}
.col_icotxt2 {
	padding: 10px 10px 10px 8px;
}
/* --------  Estilos para H3  -------- */
.doscols1b h3, .colcompleta h3 {
    text-align: center;
    vertical-align: middle;
}
.colcompleta h3 {
    margin: 6px 0px !important;
}
/* --------  Estilos para H4  -------- */
.doscols4 > h4 {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing:.02em;
    color: #42637c !important;
    text-align: left;
    margin: 10px 6px 10px 20px !important;
}
/* --------  Estilos para Parrafos  -------- */
.col_icotxt2 > p {
	text-align: left;
	margin: 10px 0px;
	line-height: 1.4;
}
.doscols1 > p, .doscols1b > p, .cincocols1 > p, .cincocols1b > p {
    font-weight: normal;
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    margin: 5px 5px;
}
.doscols2 > p, .doscols3 > p, .doscols4 > p, .doscols_cent > p, .cincocols2 > p, .cincocols2b > p {
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    color: #333333;
}
.doscols2 > p, .doscols3 > p, .doscols4 > p, .doscols_cent > p {
    text-align: left;
    margin: 10px 6px 10px 20px !important;
}
.cincocols2 > p, .cincocols2b > p {
    text-align: center;
    margin: 5px 5px 5px 5px !important;
}
.doscols3 > p > strong, .doscols4 > p > strong, .doscols_cent > p > strong, .cincocols2 > p > strong, .cincocols2b > p > strong {
    color: #42637c !important;
    letter-spacing:.02em;
}
.trescols p, .doscols_normal p {
	line-height: 1.4;
	text-align: center;
}
/* --------  Estilos para Span  -------- */
.doscols1 > p > span, .doscols1b > p > span {
    font-size: 13px;
}
/* --------  Estilos para listas Bullet SQUARE  -------- */
.doscols2 > ul, .doscols3 > ul, .doscols4 > ul, .doscols_cent > ul, .doscols50 > ul {
    list-style: square;
    line-height: 1;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* ---  Bullets  --- */
.doscols2 > ul > li, .doscols_cent > ul > li, .doscols3 > ul > li, .doscols4 > ul > li, .doscols50 > ul > li {
    margin-top: 6px;
    margin-bottom: 6px;
}
/* ---  Bullets Rosa  --- */
.doscols2 > ul > li, .doscols_cent > ul > li {
    color: #ff6666 !important;
}
/* ---  Bullets Verdoso  --- */
.doscols3 > ul > li, .doscols4 > ul > li {
    color: #42637c !important;
}
/* ---  Bullets Azul  --- */
.doscols50 > ul > li {
    color: #669ece !important;
}
.doscols2 > ul > li > span, .doscols3 > ul > li > span, .doscols4 > ul > li > span, .doscols_cent > ul > li > span, .doscols50 > ul > li > span {
    font-weight: normal;
    font-size: 14px;
    color: #333333;
}
/* --------  Estilos para enlaces  -------- */
.doscols1b > p > a {
    font-size: 14px;
}
.doscols3 > p > a {
    font-weight: bold;
    letter-spacing:.02em;
}
.doscols4 > p > a {
    font-weight: normal;
}
.doscols1b > p > a, .doscols3 > p > a, .doscols4 > p > a {
    color: #42637c !important;
    text-decoration: underline;
}
/* --------  DIV Icono y Texto  -------- */
h4.pq_titulo {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .03em;
    line-height: 1.4;
    color: #669ece;    
	text-align: left;
	margin: 5px 0px;
}
p.pq_detalle {
    font-size: 14px;
    font-weight: normal;
    color: #87888a;
    line-height: 1.4;
	text-align: left;
	margin: 5px 0px 10px 0px;
}
p.pq_detalle > strong {
    letter-spacing: .03em;
}

/* --------  Enlaces Enciclopedia y Mas informacion -------- */
.enciclolink {
    text-align: right;
    font-size: 13px;
    font-weight: normal;
    color: #5092c9;
    margin-right: 10px;
    margin-bottom: 10px;
}
.enciclolink a {
    color: #4978aa;
    text-decoration: none;
}
.enciclolink a:hover {
    text-decoration: underline;
}
.enciclolink a img {
    text-decoration: none;
    margin-right: 7px;
    margin-bottom: 2px;
}
/* ------------  Cuadros Borde Redondeado 2px  ------------ */
.cuadro-graficos, .cuadro-redondo, .round-box-simple {
	display: block;
	width: auto;
	height: auto;
    margin: 20px 0px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
/* --------  Cuadro IMG Graficos  -------- */
.cuadro-graficos {
    border: 2px solid #5593c9;
    padding: 0px;
}
/* --------  Cuadro Estandar Sin color  -------- */
/* -------  Cuadro Estandar Sin color Sin estilos parrafo  ------- */
.cuadro-redondo, .round-box-simple {
    border: 2px solid;
	padding: 10px 10px 10px 10px;
}
.cuadro-redondo > h4, .cuadro-redondo > p, .cuadro-redondo > h3 {
    text-align: left;
    vertical-align: middle;
}
.cuadro-redondo > h4 {
    margin: 15px 0px 10px 0px;
}
.cuadro-redondo > p, .cuadro-redondo > h3 {
    margin: 10px 10px;
}
.cuadro-redondo ul, .cuadro-redondo ul li ul {
    text-align: left;
    font-weight: bold;
    line-height: 1.4;
}
.cuadro-redondo ul {
    list-style-type: disc;
    font-size: 16px;
}
.cuadro-redondo ul li ul {
    list-style-type: square;
    font-size: 15px;
}
.cuadro-redondo ul li, .cuadro-redondo ul li ul li {
    color: #669ece !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}
.cuadro-redondo ul li strong {
    letter-spacing: .03em;
}
/*
.cuadro-redondo ul {
    list-style-type: disc;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    color: #87888a;
}
.cuadro-redondo ul li {
    color: #669ece !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}
.cuadro-redondo ul li strong {
    letter-spacing: .03em;
}
.cuadro-redondo ul li .txt-estandar a {
    color: #f7527c !important;
    text-decoration: none !important;
}
.cuadro-redondo ul li .txt-estandar a:hover {
    text-decoration: underline !important;
}
*/
.cuadro-redondo .doscolscr1 {
    width: 12%;
    padding: 5px 5px;
    text-align: center;
    vertical-align: middle;
}
.cuadro-redondo .doscolscr2 {
    text-align: left;
    vertical-align: middle;
    padding: 5px 0px;
}
.cuadro-redondo .doscolscr2 > p, .cuadro-redondo .doscolscr2 > h4 {
    text-align: left;
    margin: 10px 6px 10px 6px;
}

/* ------------  Tabla Proceso - Numeros en imagen  ------------ */
.tablaproceso {
    width: 100%;
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0px;
}
.colproceso1 {
    width: 6%;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0px;
}
.colproceso2 {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.colproceso2 > p {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
    margin: 10px 10px;
}

/* ------------  Tabla Grafico - 2020  ------------ */
.tabla-grafico {
    width: 100%;
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0px;
}
.colgrafico1 {
    width: 5%;
    text-align: center;
    padding: 10px 0px;
}
.colgrafico2 {
    text-align: left;
}
.colgrafico2 > p {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle;
    margin: 10px 10px;
}
/* ------------  Cuadro Graficos RWD - 2020 ------------ */
.cuadro-graficos-rwd {
	width: auto;
	height: auto;
    margin: 20px 0px;
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
}
.cuadro-graficos-rwd > p {
    margin: 10px 0px;
}
/* --------------------------  FIN TABLAS con DIV  ------------------------- */

/* -------------------------  CAJAS Vacias con DIV  ------------------------ */
/* ------------  Caja 100%  ------------ */
.caja-full, caja-doble {
	height: auto;
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    box-sizing: border-box;
	border: 0px;
}
.caja-full {
    display: block;
	width: 100%;
}
.caja-doble {
    display: inline-block;
    width: 49%;
}
/* -----------------------  FIN CAJAS Vacias con DIV  ---------------------- */

/* ----------------  BOTON BASE - Azul Bordes redondeados  ----------------- */
/* ------  Parrafo Boton Normal  ------ */
p.btn-basep {
    margin: 15px 0px 20px 0px !important;
}
/* ------  Parrafo Boton Dentro Acordeon  ------ */
p.btn-basepa {
    margin: 15px 0px 20px 0px !important;
}
p.btn-basep, p.btn-basepa {
	text-align: left;
	line-height: 1.4;
}
a.btn-base {
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: rgb(85,147,201);
    padding: 10px 25px 8px 25px;
    margin: 0px;
	-webkit-border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
}
a.btn-base:hover {
    background-color: rgb(247,82,124);
}
a.btn-base > img {
    text-align: center;
    vertical-align: middle;
    margin-right: 8px;
	padding-bottom: 2px;
}

/* ---------------------------  MARGENES VARIOS  --------------------------- */
.margen-v5 {
    margin: 5px 0px !important;
}
.margen-v10 {
    margin: 10px 0px !important;
}
.margen-v20 {
    margin: 20px 0px !important;
}
.margen-extrat5 {
    padding-top: 5px !important;
}
.margen-extrat10 {
    padding-top: 10px !important;
}
.margen-extrat15 {
    padding-top: 15px !important;
}
.margen-extrat20 {
    padding-top: 20px !important;
}
.margen-extrab5 {
    padding-bottom: 5px !important;
}
.margen-extrab10 {
    padding-bottom: 10px !important;
}
.margen-extrab15 {
    padding-bottom: 15px !important;
}
.margen-extrab20 {
    padding-bottom: 20px !important;
}
.margenb20_icotxt {
    padding-bottom: 15px;
}
/* ------------  Varios  ----------- */
.margen-izq10 {
    margin-left: 10px !important;
}
.margen-der10 {
    margin-right: 10px !important;
}
/* ---  Solo en Desktop  --- */
.padding30-desk {
    padding-right: 30px !important;
}
/* ---  margen-vh10rwd: Desktop Ver y Hor - Responsive solo Vert (545px)  --- */
.margen-vh10, .margen-vh10rwd {
    margin: 10px 10px !important;
}
.margen-extrah10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.margen-extrah20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.margen-cero {
    margin: 0px 0px !important; 
}
.margen-cerot {
	margin-top: 0px !important;
}
.margen-cerob {
	margin-bottom: 0px !important;
}
/* ------------  Margen Vertical - Desktop SI Responsive NO  ----------- */
.margenv5_deskrwd {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.margenv10_deskrwd {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
/* ------------  Margen Top 30px para Imagenes y Varios  ------------ */
.margent30 {
    margin-top: 30px;
}
/* ------  Añade Padding Right en col_icotxt2 en RWD bajan a 5px  ------ */
/* ------  Cuando el texto salta de linea por poco y queremos que salte un poco mas  ------ */
.margen_icotxt_izq {
    padding-right: 20px;
}
/* ------------  Reduce Padding en col_icotxt2 para uso en Cuadros ------------ */
.margen-reducido-icotxt2 {
    padding: 5px 5px !important;
}
/* ----------------------  FIN CLASES MARGENES VARIOS  --------------------- */

/* -----------------------------  ALINEACIONES  ---------------------------- */
.alinear-rwd {
    text-align: left !important;
}
.alinear-izq {
	text-align: left !important;
}
.centrado-hor {
    text-align: center !important;
}
.centrado-ver {
    vertical-align: middle !important;
}
.alignver-top {
    vertical-align: top !important;
}
/* ------------------------  FIN CLASES ALINEACIONES  ---------------------- */

/* -------------------------  CLASES UTILES VARIOS  ------------------------ */
.contenido-oculto {
    display: none;
}
/* --- CLASE: oculto-rwd OCULTO SOLO EN RWD --- */
.elimina-flotante {
    clear: both !important;
}
.anclas {
    margin: 0px !important;
    padding: 0px !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
/* ------  1 Salto de linea previo al espacio en blanco  ------ */
/* ------  Desktop SI - RWD NO ------ */
/* ------  salto1 se oculta en max-width 545px ------ */
/* ------  salto2 se oculta en max-width 810px (Superior a iPad) ------ */
/* ------  salto3 se oculta en max-width 1030px (iPad Pro) ------ */
span.salto1::before, span.salto2::before, span.salto3::before { 
	content: '\A';
	white-space: pre;
}
/* ------  1 Salto de linea sin espacios en blanco  ------ */
/* ------  Desktop SI/NO - RWD SI  ------ */
span.salto1b { 
	content: '\A';
}
/* ------  1 Salto de linea sin espacios en blanco  ------ */
/* ------  Se muestra un poco antes que iPad (810px) ------ */
span.salto2b { 
    content: '\A';
    display: none;
}
/* ------------  Capa Base Centrada Ver y Hor (sin estilos)  ------------ */
/* ------------  Para contener elementos pequeños  ------------ */
.capa_base_centrada {
    display: block;
    width: auto;
    height: auto;
    text-align: center;
    vertical-align: middle;
    margin: 20px auto;
    padding: 10px 10px;
}
/* -------------  LINEA HORIZONTAL PUNTEADA - SIN COLOR NI MARGEN  -------------- */
/* ----  El color se define con la clase que tiene cada imagen de fondo  ---- */
/* ----  El margen se define con las clases: margen-v5, margen-v10, margen-v20  ---- */
.linea_nc {
	display: block;
    border: 0;
    height: 4px;
    text-align: center;
}
.punto_azul {
    background: url(https://www.dexeus.com/sites/default/files/images/varios/punto-azul.png) repeat-x left center;
}
.punto_azul_2020 {
    background: url(https://www.dexeus.com/sites/default/files/images/varios/punto-azul-2020.png) repeat-x left center;
}
.punto_azul_oscuro {
    background: url(https://www.dexeus.com/sites/default/files/images/varios/punto-azul-oscuro.png) repeat-x left center;
}
/* -----------------------  FIN CLASES UTILES VARIOS  ---------------------- */

/* ---------------  Paragraph Contenedor Columnas Fondo Azul  -------------- */
/* --------  Ejemplo Pagina: Por qué Dexeus Mujer  -------- */
.borde-der {
    border-left-width: 0px !important;
    border-right-width: 5px !important;
    border-right-color: #ffffff !important;
}
.borde-izq {
    border-left-width: 5px !important;
    border-right-width: 0px !important;
    border-left-color: #ffffff !important;
}
.borde-der, .borde-izq {
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    border-style: solid !important;
}
div.una-linea, div.dos-lineas {
    margin: 0px;
    line-height: 1.4;
}

/* ------------------------------------------------------------------------- */
/* -----------------------  SET DE TAMAÑOS RESPONSIVE  --------------------- */

/* -------------------  Entre 1030px - 941px (iPad Pro)  ------------------- */
@media (max-width:1030px) {
    /* --------  Landings  -------- */
	div.lan-cuadro {
		width: 46% !important;
		padding: 10px 16px 10px 16px !important;
	}
	div.lan-cuadro-extra {
        top: 25px;
        left: 30px;
		width: 57% !important;
	}
    div.lan-cuadro-medio {
        width: 40%;
    }
    div.lan-cuadro-small {
        width: 32%;
    }
	div.lan-cuadro-down {
		width: 48% !important;
		top: 146px !important;
		padding: 10px 14px 8px 14px !important;
	}
    /* --------  Listado Logos, Personas, Organigramas  -------- */
    li.imagenes3 a img, li.imagenes3 img {
        max-width: 94%;
    }
    span.salto3 {
        display: none !important;
    }
}
/* -------------------------  Entre 940px - 811px  ------------------------- */
@media (max-width:940px) {
    /* --------  Listado Logos, Personas, Organigramas  -------- */
    li.logos4, li.personas4, li.organigramas4 {
        width: 50% !important;
        box-sizing: border-box;
    }
    /* --------  Listado Personas  -------- */
    h3.titulo-personas {
        margin: 12px 10px 16px 10px !important;
    }
    /* --------  Listado Organigramas  -------- */
    li.comite-cientifico1 {
        display: none;
    }
    li.comite-cientifico2 {
        display: inline-block;
    }
}
/* -------------------------  Entre 810px - 771px  ------------------------- */
@media (max-width:810px) {
    /* --------  Landings  -------- */
    div.lan-cuadro, div.lan-cuadro-medio, div.lan-cuadro-small, div.lan-cuadro-extra {
        padding: 10px 12px 8px 12px !important;
        left: 10px !important;
        top: 10px !important;
    }
	div.lan-cuadro {
		width: 56% !important;
	}
    div.lan-cuadro-medio {
        width: 50% !important;
    }
    div.lan-cuadro-small {
        width: 42% !important;
    }
	div.lan-cuadro-extra {
		width: 60% !important;
	}
	div.lan-cuadro-down {
		width: 62% !important;
		top: 100px !important;
	}
    span.extra-titulo-lan {
        font-size: 27px !important;
		line-height: 1.2;
    }
    span.titulo-lan {
        font-size: 24px !important;
        line-height: 1.4 !important;
    }
    /* --------  Videos  -------- */
    div.video-contenedor, div.video-content-full {
        padding-bottom: 39%;
        padding-top: 25px;
    }
    /* --------  Mapas  -------- */
    div.mapas {
        padding-bottom: 50%;
        padding-top: 25px;
    }
	/* --------  Saltos  -------- */
    span.salto2 {
        display: none !important;
    }
	span.salto2b { 
        display: block !important;
    }
}
/* ----------------------  Entre 770px - 741px (iPad)  --------------------- */
@media (max-width:775px) {
    /* --------  Tabla con DIV  -------- */
    .doscols1, .col_icotxt1 {
        width: 25% !important;
    }
    /* --------  Landings  -------- */
    div.lan-cuadro-extra {
        padding: 10px 12px 0px 12px !important;
        left: 10px !important;
        top: 9px !important;
		width: 66% !important;
    }
	div.lan-cuadro {
		width: 60% !important;
	}
	div.lan-cuadro-down {
		width: 66% !important;
		top: 90px !important;
		padding-top: 8px !important;
	}
    div.lan-cuadro-pagina {
        width: 76%;
        top: 15px;
        left: 0px;
    }
    span.mega-titulo-lan {
        font-size: 38px;
    }
    span.extra-titulo-lan {
        font-size: 26px !important;
    }
    #texto_largo {
        font-size: 22px !important;
    }
    .margen-izq-lan20-10 {
        margin-left: 10px;
    }
    .margenh2-lan {
        margin-bottom: 10px !important;
    }
    .margen-txt-lan {
		margin-top: 5px !important;
    }
    .oculto-ipad {
        display: none !important;
    }
}
/* ---------------  Entre 740px - 671px (iPhone PLUS Rotate)  -------------- */
@media (max-width:740px) {
	/* --------  Landings  -------- */
	div.lan-cuadro-down {
		width: 68% !important;
		top: 86px !important;
		padding-bottom: 6px !important;
	}
}
/* -------------------------  Entre 670px - 546px  ------------------------- */
@media (max-width:670px) {
    /* --------  Alineaciones  -------- */
    .alinear-rwd {
        text-align: center !important;
    }
    /* --------  Landings  -------- */
    div.lan-container {
        display: none !important;
    }
    div.lan-container-rwd, .contacto-rwd {
        display: block !important;
    }
    span.titulo-lan {
        font-size: 25px !important;
    }
	span.cuerpo-lan {    
        line-height: 1.5 !important;
    }
    .margen-txt-lan {
		margin: 15px 20px 5px 20px !important;
    }
}
/* ------------------  Entre 545px - 381px (Base Moviles) ------------------ */
@media (max-width:545px) {
    /* --------  Textos Normales y Especiales  -------- */
    span.titulos, span.titulos-nc {
        font-size: 22px;
    }
    span.subtitulos, span.subtitulos-nc {
        font-size: 19px;
        line-height: auto;
    }
    .txt-estandar, span.destacados, span.destacados-nc, span.superindice, span.txt-black {
        line-height: 1.5 !important;
    }
    .txt-peque {
        font-size: 12px;
        line-height: 1.5 !important;
    }
    /* --------  Textos Enciclopedia  -------- */
    span.enci-titulos {
        font-size: 22px;
        line-height: 1.4 !important;
    }
    span.enci-subtitulos {
        font-size: 19px;
    }
    span.enci-destacados {
        line-height: 1.5 !important;
    }
    /* --------  Imagenes  -------- */
    p.imagen-rwd {
        text-align: center !important;
    }
    .desktop-img, .oculto-rwd {
        display: none !important;
    }
    .mobile-img {
        display: block !important;
    }
    /* --------  Videos  -------- */
    div.video-contenedor, div.video-content-full {
        padding-bottom: 48%;
        padding-top: 32px;
    }
    /* --------  Mapas  -------- */
    div.mapas {
        padding-bottom: 62%;
        padding-top: 32px;
    }
    /* --------  Lista Base  -------- */
    ul.lista-base {
        margin-left: 15px !important;
        padding: 0px !important;
    }
    ul.lista-base li {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    /* --------  Lista Base BIG  -------- */
    ul.lista-base-big, ul.lista-base-big li ul {
        margin-left: 15px !important;
        padding: 0px !important;
    }
    ul.lista-base-big li, ul.lista-base-big li ul li {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    /* --------  Listado Logos, Personas, Organigramas  -------- */
    li.logos2, li.logos3, li.personas2, li.personas3, li.personas4, li.imagenes3, li.organigramas2, li.organigramas3, li.organigramas4 {
        width: 100% !important;
        box-sizing: border-box;
    }
    /* --------  Listado Organigramas  -------- */
    h3.titulo-organigramas {
        margin: 12px 3px;
    }
    /* --------  Listado Personas  -------- */
    h3.titulo-personas {
        margin: 12px 0px 18px 0px !important;
    }
	/* --------  Lista Imagenes 50 %  -------- */
    li.lista-img50-2 {
        display: block !important;
        width: 100% !important;
    }
    /* --------  Listado 3 Imagenes  -------- */
    li.imagenes3 a img, li.imagenes3 img {
        max-width: 100%;
    }
    /* --------  Margenes  -------- */
    .margenv5_deskrwd, .margenv10_deskrwd {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .margen-extrat5rwd {
        padding-top: 5px;
    }
    .margen-extrat10rwd {
        padding-top: 10px;
    }
	.margen-vh10rwd {
		margin: 10px 0px !important;
	}
    /* ---  Solo en Desktop  --- */
    .padding30-desk {
        padding-right: 0px !important;
        padding-bottom: 15px !important;
    }
    /* --------  Botones  -------- */
    p.btn-basep {
        margin-top: 10px !important;
    }
	p.btn-basepa {
		margin: 10px 0px 0px 0px !important;
	}
    a.btn-base, p.btn-basep, p.btn-basepa {
        line-height: 1.2;
    }
    /* ----------------  Tabla con DIV  ---------------- */
    .tabladoscols, .tablacincocols, .tabla5cols {
        border-spacing: 0px 0px;
    }
    .col_icotxt1, .col_icotxt2, .doscols1, .doscols1b, .doscols2, .doscols3, .doscols4, .doscols_cent, .doscols50, .doscols50base, .trescols, .cuatrocols, .cincocols1, .cincocols1b, .cincocols2, .cincocols2b, .doscolslibre, .doscols50cent, .doscols_normal {
        display: block !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
    }
    .col_icotxt1, .doscols1, .doscols1b, .doscols50, .trescols, .cuatrocols, .cincocols1, .cincocols1b, .cincocols2, .doscols50cent, .doscols_normal {
        width: 100% !important;
        padding: 10px 0px;
    }
    /* ------  Reducir Margen Bottom col_icotxt1  ------ */
	/* ------  Cuando icono tiene espacio vacio vertical  ------ */
	.ico_margen_rwd {
		padding-bottom: 2px !important;
	}
	.doscols50base {
		width: 100% !important;
	}
	.doscols50cent p {
		margin-left: 10px;
		margin-right: 10px;
	}
    .doscols1, .doscols1b {
        margin-top: 10px;
    }
    .col_icotxt1, .cincocols2, .cincocols2b {
        margin-top: 5px;
    }
    .cincocols1, .cincocols1b {
        margin-top: 30px;
    }
    .doscols2, .doscols3, .doscols4, .doscols_cent, .doscols50, .doscols50cent {
        margin-bottom: 20px;
    }
    .doscols2 > ul, .doscols3 > ul, .doscols4 > ul, .doscols50 > ul {
        margin-left: 30px !important;
        margin-right: 6px !important;
        padding: 0px !important;
    }
    .doscols2 > ul > li, .doscols3 > ul > li, .doscols4 > ul > li, .doscols50 > ul > li {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .doscols2 > p, .doscols3 > p, .doscols4 > p, .doscols_cent > p, .doscols4 > h4 {
        line-height: 1.5 !important;
        margin-left: 12px !important;
    }
    .colcompleta h3 {
        margin: 8px 0px 6px 0px !important;
    }
    /* ---  Centrado en Responsive para textos cortos  --- */
    .col_icotxt2, .col_icotxt2 > p, .doscols_cent, .doscols_cent > p {
        text-align: center !important;
    }
    /* ---  Celda 2 Icono y Texto  --- */
	.col_icotxt2 {
        padding: 5px 0px 5px 0px;
	}
	.col_icotxt2 > p {
		margin: 0px 6px 10px 6px;
	}
	.col_icotxt2 > h4 {
		margin-top: 0px !important;
		margin-bottom: 8px !important;
	}
    /* ----------------  Eliminar Padding Top col_icotxt2  ---------------- */
    .margen_icotxt_sup {
        padding-top: 0px !important;
    }
    /* ----------------  Eliminar Padding Right col_icotxt2  ---------------- */
    .margen_icotxt_izq {
        padding-right: 0px;
    }
    /* ----------------  Cuadro IMG Graficos ---------------- */
    .cuadro-graficos {
        border: 0px !important;
        -webkit-border-radius: 0px 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px 0px;
        border-radius: 0px 0px 0px 0px;
    }
    /* ----------------  Cuadro Estandar ---------------- */
    .cuadro-redondo, .round-box-simple {
        padding: 10px 5px 10px 5px !important;
    }
    .cuadro-redondo > p, .cuadro-redondo > h3 {
        margin: 10px 6px;
    }
    .cuadro-redondo > h3, .cuadro-redondo > h4, .cuadro-redondo .doscolscr2 > h4 {
        text-align: center;
    }
    .cuadro-redondo > h4 {
        margin-top: 20px;
    }
    .cuadro-redondo .doscolscr2 > h4 {
        margin-bottom: 5px;
    }
    .cuadro-redondo > ul {
        margin-left: 15px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        line-height: 1.5 !important;
    }
    .cuadro-redondo > ul li {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .cuadro-redondo .doscolscr1, .cuadro-redondo .doscolscr2 {
        display: block !important;
        overflow: hidden !important;
    }
    .cuadro-redondo .doscolscr1 {
        width: 100% !important;
        padding: 10px 0px;
    }
    .cuadro-redondo .doscolscr2 {
        padding-top: 0px;
    }
    /* ----------------  Tabla Proceso - Numeros en imagen  ---------------- */
    .colproceso1 {
        width: 100% !important;
        padding: 15px 0px 5px 0px;
    }
    .colproceso1, .colproceso2 {
        display: block !important;
        overflow: hidden !important;
    }
    .colproceso2 > p {
        font-size: 13px;
        line-height: 1.5;
        text-align: center;
        margin: 5px 8px 15px 8px;
    }
    /* --------  Paragraph Contenedor Columnas Fondo Azul  -------- */
    .borde-der {
        border-right-width: 0px !important;
        border-right-color: #e0e8f5 !important;
    }
    .borde-izq {
        border-left-width: 0px !important;
        border-left-color: #e0e8f5 !important;
    }
    div.una-linea, div.dos-lineas, span.salto1 {
        display: none !important;
    }
    /* --------  DIV Icono y Texto  -------- */
    h4.pq_titulo {
        letter-spacing: .02em !important;
        line-height: 1.5 !important;
        text-align: center;
        margin: 5px 10px;
    }
    p.pq_detalle {
        margin: 0px 6px 10px 6px;
    }
    p.pq_detalle > strong {
        letter-spacing: .02em !important;
    }
}
/* ------------------  Entre 380px - 366px (iPhone 6/7/8)  ----------------- */
@media (max-width:380px) {
    /* --------  Textos Normales y Especiales  -------- */
    span.titulos, span.titulos-nc {
        font-size: 21px;
        line-height: 1.3;
    }
    /* --------  Landings  -------- */
    span.extra-titulo-lan {
        font-size: 25px;
    }
    span.titulo-lan {
        font-size: 22px;
    }
    /* --------  Videos  -------- */
    div.video-contenedor, div.video-content-full {
        padding-bottom: 47%;
        padding-top: 31px;
    }
    /* --------  Mapas  -------- */
    div.mapas {
        padding-bottom: 61%;
        padding-top: 40px;
    }
    /* --------  Listado Logos, Personas, Organigramas  -------- */
    li.logos4 {
        width: 100% !important;
        box-sizing: border-box;
    }
}
/* --------------------  Entre 365px - 326px (Galaxy S5) ------------------- */
@media (max-width:365px) {
    /* --------  Landings  -------- */
    .contacto-form p, .contacto-rwd p {
        font-size: 20px !important;
    }
    p.contacto-form-txt, p.contacto-form-txt2 {
        font-size: 14px !important;
        margin: 10px 15px 2px 15px !important;
    }
    /* --------  Landings  -------- */
    span.mega-titulo-lan {
        font-size: 37px;
    }
    span.super-titulo-lan {
        font-size: 33px;
    }
}
/* ----------------------  Menos de 325px (iPhone 5/SE) -------------------- */
@media (max-width:325px) {
    /* --------  Mapas  -------- */
    div.mapas {
        padding-bottom: 66%;
        padding-top: 46px;
    }
    /* --------  Landings  -------- */
    span.extra-titulo-lan {
        font-size: 24px;
    }
    /* -------- Textos Sin Color -------- */
    .txt-base15 {
        font-size: 14px;
    }
}