/* -----------------------------  BANNERS HOME  ---------------------------- */

/* ------  SALTOS DE LINEA: DESKTOP SI - RWD NO  ------ */
/* ------  saltodesk: Se oculta en max-width:365px (Galaxy S5)  ------ */
/* ------  saltodesk2: Se oculta en max-width:545px (Base Moviles)  ------ */
/* ------  saltodesk3: Se oculta en max-width:1030px (iPad Pro)  ------ */
/* ------  EJEMPLO: <br class="saltodesk1" />  ------ */

/* -----------  1º Banner (FERTILIDAD / POR DEFECTO)  ----------- */
.banner-one .item-slider-big-box {
    background-color: rgba(255,255,255,0.9);
}
.banner-one .item-slider-big-box p {
    color: #414141;
}
.banner-one .item-slider-big-box p strong {
    font-weight: 600;
    letter-spacing: .01em;
    color: #474646;
}
.banner-one .item-slider-big-box h3 span { 
    color: #5593c9;
}
.banner-one .item-slider-big-box h4 span { 
    color: #5593c9;
}
.banner-one .item-slider-smallbox-box {
    background-color: rgba(81,146,202,1);
}
.banner-one .item-slider-smallbox-box .item-slider-small-box-text {
    color: white;
    padding-left: 6px !important;
    padding-right: 6px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* -----------  2º Banner (FERTILIDAD TARGET)  ----------- */
.banner-two .item-slider-big-box {
    background-color: rgba(246,209,225,0.9);
}
.banner-two .item-slider-big-box p {
    color: #6f7071;
}
.banner-two .item-slider-big-box p strong {
    color: #6f7071;
}
.banner-two .item-slider-big-box h3 span { 
    color: #6f7071;
}
.banner-two .item-slider-big-box h4 span { 
    color: #6f7071;
}
.banner-two .item-slider-smallbox-box {
    background-color: rgba(81,146,202,1);
}
.banner-two .item-slider-smallbox-box .item-slider-small-box-text {
    color: white;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* -----------  3º Banner (RGA ADULTAS)  ----------- */
.banner-three .item-slider-big-box {
    background-color: rgba(255,255,255,0.9);
}
.banner-three .item-slider-big-box p {
    color: #414141;
}
.banner-three .item-slider-big-box p strong {
    font-weight: 600;
    letter-spacing: .01em;
    color: #474646;
}
.banner-three .item-slider-big-box h3 span { 
    color: #5593c9;
}
.banner-three .item-slider-big-box h4 span { 
    color: #5593c9;
}
.banner-three .item-slider-smallbox-box {
    background-color: rgba(255,51,153,0.9);
}
.banner-three .item-slider-smallbox-box .item-slider-small-box-text {
    color: white;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 0px 0px !important;
}

/* -----------  4º Banner (BLANCO - AZUL 2020) ----------- */
.banner-four .item-slider-big-box {
 	background-color: rgba(255,255,255,0.9);
}
.banner-four .item-slider-big-box p {
  	color: #414141;
}
.banner-four .item-slider-big-box p strong {
    font-weight: 600;
    letter-spacing: .01em;
    color: #474646;
}
.banner-four .item-slider-big-box h3 span { 
 	color: #6990ca;
}
.banner-four .item-slider-big-box h4 { 
 	color: #6990ca;
}
.banner-four .item-slider-smallbox-box {
 	background-color: rgba(105,144,202,1);
}
.banner-four .item-slider-smallbox-box .item-slider-small-box-text {
    color: white;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 2px;
    padding-right: 2px;
}

/* -----------  5º Banner (SEXUALIDAD) ----------- */
.banner-five .item-slider-big-box {
 	background-color: rgba(255,255,255,0.8);
}
.banner-five .item-slider-big-box p {
  	color: #414141;
}
.banner-five .item-slider-big-box p strong {
    font-weight: 600;
    letter-spacing: .01em;
    color: #474646;
}
.banner-five .item-slider-big-box h3 span { 
 	color: #fab8b8;
}
.banner-five .item-slider-big-box h4 { 
 	color: #fab8b8;
}
.banner-five .item-slider-smallbox-box {
 	background: rgba(250, 184, 184, 1);
}
.banner-five .item-slider-smallbox-box .item-slider-small-box-text {
 	color: white;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* -----------  6º Banner (MUMS COOL) ----------- */
.banner-six .item-slider-big-box {
 	background-color: rgba(255,255,255,0.8);
}
.banner-six .item-slider-big-box p {
  	color: #333333;
}
.banner-six .item-slider-big-box p strong {
    font-weight: 600;
    letter-spacing: .01em;
    color: #474646;
}
.banner-six .item-slider-big-box h3 span { 
 	color: #4f91cd;
}
.banner-six .item-slider-big-box h4 { 
 	color: #4f91cd;
}
.banner-six .item-slider-smallbox-box {
 	background: rgba(233, 115, 147, 0.9);
}
.banner-six .item-slider-smallbox-box .item-slider-small-box-text {
 	color: white;
    text-align: center !important;
    vertical-align: middle !important;
	padding: 0px 0px !important;
}
/* ----  Imagen Logo en Cuadrito  ---- */
div.imgdiv_cuadrito {
    display: block !important;
    width: 100%;
	text-align: center !important;
	vertical-align: middle;
	margin: 0px 0px  !important;
	padding: 0px 0px;
}
.img_cuadrito {
    width: 150px;
    height: 146px;
	text-align: center;
	vertical-align: middle;
	border:0;
}
.imgdiv_cuadrito .banner-cuadrito1 {
    display: none;
}
/*
p.imgp_cuadrito {
    display: none;
	text-align: center !important;
	vertical-align: middle;
	margin: 0px 0px !important;
	padding: 0px 0px;
    background: rgba(233, 115, 147, 0.9);
}
*/

/* -----------  7º Banner (VIDEOCONFERENCIA) ----------- */
.banner-seven .item-slider-big-box {
 	background: rgba(146, 167, 198, 1);
}
.banner-seven .item-slider-big-box p {
  	color: white;
}
.banner-seven .item-slider-big-box p strong {
    font-weight: 600;
    letter-spacing: .01em;
    color: #474646;
}
.banner-seven .item-slider-big-box h3 span { 
 	color: white;
}
.banner-seven .item-slider-big-box h4 { 
 	color: white;
}
.banner-seven .item-slider-smallbox-box {
 	background: rgba(30, 71, 137, 1);
}
.banner-seven .item-slider-smallbox-box .item-slider-small-box-text {
 	color: white;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/* -----------  8º Banner (FERTILITY SHOW) ----------- */
.banner-eight .item-slider-big-box {
 	background-color: rgba(255,255,255,0.9);
}
.banner-eight .item-slider-big-box p {
  	color: #414141;
}
.banner-eight .item-slider-big-box p strong {
    font-weight: 600;
    letter-spacing: .01em;
    color: #474646;
}
.banner-eight .item-slider-big-box h3 span { 
 	color: #00abaa;
}
.banner-eight .item-slider-smallbox-box {
	background: rgba(0, 171, 170, 1);
}
.banner-eight .item-slider-smallbox-box .item-slider-small-box-text {
 	color: white;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/* -----------  9º Banner (PARTO NATURAL)  ----------- */
.banner-nine .item-slider-big-box {
    background-color: rgba(255,255,255,0.9);
}
.banner-nine .item-slider-big-box p {
    color: #414141;
}
.banner-nine .item-slider-big-box p strong {
    font-weight: 600;
    letter-spacing: .01em;
    color: #474646;
}
.banner-nine .item-slider-big-box h3 span { 
    color: #c85dc9;
}
.banner-nine .item-slider-big-box h4 span { 
    color: #c85dc9;
}
.banner-nine .item-slider-smallbox-box {
	background-color: rgba(200,93,201,1);
}
.banner-nine .item-slider-smallbox-box .item-slider-small-box-text {
    color: white;
    padding-left: 6px !important;
    padding-right: 6px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* -----------  10º Banner (SANT CUGAT)  ----------- */
.banner-ten .item-slider-big-box {
    background-color: rgba(255,255,255,1);
}
.banner-ten .item-slider-big-box p {
    color: #414141;
}
.banner-ten .item-slider-big-box p strong {
    font-weight: 600;
    letter-spacing: .01em;
    color: #474646;
}
.banner-ten .item-slider-big-box h3 span { 
    color: #5593c9;
}
.banner-ten .item-slider-big-box h4 span { 
    color: #5593c9;
}
.banner-ten .item-slider-smallbox-box {
    background: rgba(230, 189, 196, 1);
}
.banner-ten .item-slider-smallbox-box .item-slider-small-box-text {
    color: white;
    padding-left: 6px !important;
    padding-right: 6px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* -----------  11º Banner (FERTILITY)  ----------- */
.banner-eleven .item-slider-big-box {
    background-color: rgba(255,255,255,0.9);
}
.banner-eleven .item-slider-big-box p {
    color: #414141;
}
.banner-eleven .item-slider-big-box p strong {
    font-weight: 600;
    letter-spacing: .01em;
    color: #474646;
}
.banner-eleven .item-slider-big-box h3 span { 
    color: #18988b;
}
.banner-eleven .item-slider-big-box h4 span { 
    color: #18988b;
}
.banner-eleven .item-slider-smallbox-box {
    background-color: rgba(24,152,139,1);
}
.banner-eleven .item-slider-smallbox-box .item-slider-small-box-text {
    color: white;
    padding-left: 6px !important;
    padding-right: 6px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* -----------  12º Banner (DXS LIFE)  ----------- */
.banner-twelve .item-slider-big-box {
    background-color: rgba(255,255,255,0.9);
}
.banner-twelve .item-slider-big-box p {
    color: #414141;
}
.banner-twelve .item-slider-big-box p strong {
    font-weight: 600;
    letter-spacing: .01em;
    color: #474646;
}
.banner-twelve .item-slider-big-box h3 span { 
    color: #e453b3;
}
.banner-twelve .item-slider-big-box h4 span { 
    color: #e453b3;
}
.banner-twelve .item-slider-smallbox-box {
    background-color: rgba(228,83,179,1);
}
.banner-twelve .item-slider-smallbox-box .item-slider-small-box-text {
    color: white;
    padding-left: 6px !important;
    padding-right: 6px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* -----------  13º Banner (WOMEN SECRET)  ----------- */
.banner-thirteen .item-slider-big-box {
    background-color: rgba(255,255,255,0.9);
}
.banner-thirteen .item-slider-big-box p {
    color: #414141;
}
.banner-thirteen .item-slider-big-box p strong {
    color: #eaa3a7;
    letter-spacing: .02em;
}
.banner-thirteen .item-slider-big-box h3 span { 
    color: #eaa3a7;
}
.banner-thirteen .item-slider-big-box h4 span { 
    color: #eaa3a7;
}
.banner-thirteen .item-slider-smallbox-box {
    background-color: rgba(234,163,167,1);
}
.banner-thirteen .item-slider-smallbox-box .item-slider-small-box-text {
    color: white;
    padding-left: 6px !important;
    padding-right: 6px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* -----------  14º Banner (MIDLIFE)  ----------- */
.banner-fourteen .item-slider-big-box {
    background-color: rgba(255,255,255,1);
}
.banner-fourteen .item-slider-big-box p {
    color: #414141;
}
.banner-fourteen .item-slider-big-box p strong {
    font-weight: 600;
    letter-spacing: .01em;
    color: #474646;
}
.banner-fourteen .item-slider-big-box h3 span { 
    color: #6b2c3e;
}
.banner-fourteen .item-slider-big-box h4 span { 
    color: #6b2c3e;
}
.banner-fourteen .item-slider-smallbox-box {
    background-color: rgba(107,44,62,1);
}
.banner-fourteen .item-slider-smallbox-box .item-slider-small-box-text {
    color: white;
    padding-left: 6px !important;
    padding-right: 6px !important;
    text-align: center !important;
    vertical-align: middle !important;
}


/* -----------  Textos Banner Home  ----------- */
.banner-titulo1 {
    font-size: 20px !important;
    line-height: 1.3 !important;
}
.banner-titulo2 {
    font-size: 18px !important;
    line-height: 1.3 !important;
}
.banner-titulo3 {
    font-size: 17px !important;
    line-height: 1.3 !important;
}
.banner-subtitulo {
    font-size: 14px !important;
    line-height: 1.4 !important;
    letter-spacing: .01em !important;
}
p.banner-cuerpo1 {
	font-size: 13px !important;
}
p.banner-cuerpo2 {
	font-size: 13.5px !important;
}
p.banner-cuerpo1, p.banner-cuerpo2 {
	line-height: 1.3 !important;
	letter-spacing: .02em !important;
}
p.banner-cuerpo1 > strong, p.banner-cuerpo2 > strong {
	letter-spacing: .04em !important;
}
p.banner-cuerpo3 {
	font-size: 14px !important;
	line-height: 1.4 !important;
	letter-spacing: .01em !important;
}
p.banner-cuerpo3 > strong {
	letter-spacing: .03em !important;
}
span.fecha-repro {
    color: #18988b !important;
}
span.fecha-repro-azul {
    color: #4f91cd !important;
}
p.banner-cuadrito0 {
    font-size: 22px !important;
    line-height: 1.3 !important;
}
p.banner-cuadrito1 {
    font-size: 20px !important;
    line-height: 1.3 !important;
    letter-spacing: .01em !important;
}
p.banner-cuadrito2 {
    font-size: 18px !important;
    line-height: 1.2 !important;
    letter-spacing: .02em !important;
}
p.banner-cuadrito2b {
	/* Corresponde a unos 14 px */
    font-size: 0.875em !important;
    line-height: 1.4 !important;
}
p.banner-cuadrito3 {
    font-size: 16px !important;
    line-height: 1.2 !important;
    letter-spacing: .03em !important;
}
p.banner-cuerpo1, p.banner-cuerpo2, p.banner-cuerpo3, p.banner-cuadrito1, p.banner-cuadrito2, p.banner-cuadrito2b {
    margin-left: 0px !important;
	margin-right: 0px !important;
}
.banner-titulo1, .banner-titulo2, .banner-subtitulo, p.banner-cuerpo1, p.banner-cuerpo2, p.banner-cuerpo3, p.banner-cuadrito1, p.banner-cuadrito2, p.banner-cuadrito2b {
    font-weight: normal !important;
}

/* -----------  REDUCIR MARGENES Caja Big Box  ----------- */
/* ------  Cuando texto cuerpo tiene 4 lineas  ------ */
.margen-sup-caja .item-slider-big-box {
    padding-top: 10px !important;
}
.margen-inf-titulo .item-slider-big-box h3 { 
    margin-bottom: 6px !important;
}
/* ------  Cuando banner-titulo1 salta linea (Solo Desktop)  ------ */
.margen-lr-caja .item-slider-big-box {
    padding-left: 12px !important;
    padding-right: 5px !important;
}
/* ------  Cuando banner-titulo1 salta 3 lineas (Solo Desktop)  ------ */
.margen-lr-caja2 .item-slider-big-box {
    padding-left: 10px !important;
    padding-right: 2px !important;
}
/* ------  Reducir margen superior del Titulo  ------ */
.margen-sup-titulo .item-slider-big-box h3 { 
    margin-top: 0px !important;
}
/* ------  Margen top para que quede igualado superior e inferior  ------ */
/* ------  Cuando titulo 2 lineas y cuerpo 3 lineas  ------ */
.margen-sup-caja2 .item-slider-big-box {
    padding-top: 13px !important;
}

/* -----------  Margenes Extras - Solo Desktop  ----------- */
.margen_extra_t3 {
	padding-top: 3px !important;
}
.margen_extra_t5 {
	padding-top: 5px !important;
}
.margen_extra_b3 {
	padding-bottom: 3px !important;
}
.margen_extra_b5 {
	padding-bottom: 5px !important;
}
.margen_extra_lr5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
/* -----------  Margenes Extras - Desktop y RWD  ----------- */
.margen_lados_dr5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
/* -------------------------  FIN BANNERS HOME  ---------------------------- */


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

/* -------------------  Entre 1030px - 811px (iPad Pro)  ------------------- */
@media (max-width:1030px) {
	/* -----------  Margenes Extras - Solo Desktop  ----------- */
	.margen_extra_t3, .margen_extra_t5 {
		padding-top: 0px !important;
	}
	.margen_extra_b3, .margen_extra_b5 {
		padding-bottom: 0px !important;
	}
	.margen_extra_lr5 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
    /* ------  Cuando banner-titulo1 salta linea (Solo Desktop)  ------ */
    .margen-lr-caja .item-slider-big-box {
        padding-right: 15px !important;
    }
	/* ------  Salto de linea Desktop SI - RWD NO  ------ */
    br.saltodesk3 {
        display: none !important;
    }
}
/* -------------------  Entre 810px - 546px (iPad Pro)  -------------------- */
@media (max-width:810px) {
    p.banner-cuadrito0, p.banner-cuadrito1, p.banner-cuadrito2 {
        line-height: 1.4 !important;
    }
    p.banner-cuadrito0 {
        font-size: 20px !important;
    }
    p.banner-cuadrito1 {
        font-size: 17px !important;
    }
    p.banner-cuadrito2, p.banner-cuadrito2b, p.banner-cuadrito3 {
        font-size: 16px !important;
    }
	p.banner-cuadrito2b {
		letter-spacing: .01em !important;
	}
}
/* ------------------  Entre 545px - 381px (Base Moviles) ------------------ */
@media (max-width:545px) {
    .banner-titulo1 {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
    .banner-titulo2 {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
    .banner-titulo3 {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
    .banner-subtitulo {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }
    p.banner-cuerpo1, p.banner-cuerpo3 {
        font-size: 13px !important;
		line-height: 1.3 !important;
		letter-spacing: .02em !important;
    }
	p.banner-cuerpo1 > strong, p.banner-cuerpo2 > strong {
		letter-spacing: .04em !important;
	}
    p.banner-cuerpo2 {
        font-size: 12px !important;
		letter-spacing: .03em !important;
    }
	p.banner-cuerpo2 > strong {
		letter-spacing: .05em !important;
	}
    p.banner-cuadrito0 {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }
    p.banner-cuadrito2, p.banner-cuadrito3 {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }
    p.banner-cuadrito2 {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
	p.banner-cuadrito2b {
		/* Corresponde a unos 16.2 px */
		font-size: 1.0125em !important;
	}
    .banner-three .item-slider-smallbox-box .item-slider-small-box-text {
        padding: 0px 6px !important;
    }
	/* ------  Salto de linea Desktop SI - RWD NO  ------ */
    br.saltodesk2 {
        display: none !important;
    }
}
/* ------------------  Entre 380px - 366px (iPhone 6/7/8)  ----------------- */
@media (max-width:380px) {
    .banner-one .item-slider-smallbox-box .item-slider-small-box-text, .banner-eleven .item-slider-smallbox-box .item-slider-small-box-text {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    p.banner-cuadrito0 {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
    p.banner-cuadrito1 {
        font-size: 16px !important;
    }
	p.banner-cuadrito2b {
		/* Corresponde a 16 px */
		font-size: 1em !important;
	}
}
/* --------------------  Entre 365px - 326px (Galaxy S5) ------------------- */
@media (max-width:365px) {
    .img_cuadrito {
        display: none !important;
    }
    .imgdiv_cuadrito .banner-cuadrito1 {
        display: block !important;
    }
    .banner-six .item-slider-smallbox-box .item-slider-small-box-text {
        padding: 15px 0px !important;
    }
    .banner-three .item-slider-smallbox-box .item-slider-small-box-text {
        padding: 15px 0px !important;
    }
    .item-slider-big-box p, .item-slider-big-box h3, .item-slider-big-box h4 {
        text-align: center !important;
    }
    p.banner-cuadrito1, p.banner-cuadrito2b {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
	/* ------  Salto de linea Desktop SI - RWD NO  ------ */
    br.saltodesk {
        display: none !important;
    }
}
/* ----------------------  Menos de 325px (iPhone 5/SE) -------------------- */
@media (max-width:325px) {
    p.banner-cuerpo1, p.banner-cuerpo3 {
        font-size: 12px !important;
		letter-spacing: .03em !important;
    }
	p.banner-cuerpo1 > strong, p.banner-cuerpo3 > strong {
		letter-spacing: .05em !important;
	}
    .banner-three .item-slider-smallbox-box .item-slider-small-box-text {
        padding: 15px 6px !important;
    }
}

/* ---------------------  TEST BANNER HOME - EJEMPLOS  --------------------- */
.testbanner {
  /*
    ESTO ES INCORRECTO
    
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=50);
  */
}
/* EJEMPLOS USOS CORRECTOS */
.testbanner .item-slider-big-box {
  background: rgba(255, 0, 0, 0.7);
}
.testbanner .item-slider-big-box p {
  color: orange;
}
.testbanner .item-slider-big-box h3 span { 
  color: green;
  /* Y el tamaño que se quiera */
}
.testbanner .item-slider-big-box h4 { 
  color: yellow;
}
.testbanner .item-slider-smallbox-box {
  background: black;
}
.testbanner .item-slider-smallbox-box .item-slider-small-box-text {
  color: white;
}