/* Fuentes usadas
Google Fonts

Playfair Display 
font-family: "Playfair Display", serif;
<weight>: Use a value from 400 to 900 

Source Sans 3 
font-family: "Source Sans 3", sans-serif;
<weight>: Use a value from 200 to 900 
*/


body {
    font-family: "Source Sans 3", sans-serif;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #011329;
}

h1,
h2,
h3,
h4,
h5 {font-family: "Playfair Display", serif;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

h1 {
    font-size: 320%;
}

h2 {
    font-size: 280%;
}

h3 {
    font-size: 150%;
}

lead,
.lead {
    font-size: 150%;
    font-weight: 300;
    line-height: 1.4;
}


@media only screen and (max-width: 992px) {
	h2 {
    font-size: 200%;
}
}



/* <ENCABEZADO> */
#fFranjaEncabezado {
    background-color: #F9F0E3;
}


.navbar {
    --bs-navbar-padding-y: 0rem;
}

.navbar-brand {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.brandLogo {
}

#fFranjaEncabezado .recuadro {
    padding-top: 1rem;
}

#fFranjaEncabezado .texto {
    font-family: "Rubik", sans-serif;
    font-weight: 700 !important;
    font-size: 150%;
}

#fFranjaEncabezado .texto a {
    color: #011329;
    text-decoration: none;
}

#fFranjaEncabezado .texto a:hover {
    color: #011329;
    text-decoration: underline;
}

#fFranjaEncabezado .textoDivisor {
    font-weight: 400;
    color: #D5D7D6;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media only screen and (max-width: 992px) {

    .brandLogo {
        padding-top: 0;
        padding-bottom: 0;
    }

}

/* </ENCABEZADO> */


/* <MENU> */
#fFranjaMenu {
    background-color: transparent;
}

.navbar-nav {
    --bs-nav-link-padding-y: 1.2rem;
    --bs-nav-link-color: #fff;
    line-height: 1.6;
    font-size: 95%;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #ED008C;
}

.navbar-nav .nav-link.active {
    color: #ED008C
}

.nav-link:hover {
    color: #5272FE;
    text-decoration: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-top: 1.5rem;
    padding-right: .5rem;
    padding-left: 1.5rem;
    --bs-nav-link-font-weight: 500;
}

#fFranjaMenu .punto {    
    color: rgba(255, 255, 255, .3);
}

@media only screen and (max-width: 991px) {

    #fFranjaMenu {
        background-color: #F9F0E3;
        border-bottom: solid 1px #E5DDD2;
    }

    .navbar {
        --bs-navbar-padding-y: 0rem;
    }

    .navbar-nav {
        --bs-nav-link-padding-y: 1.2rem;
        --bs-nav-link-font-weight: 400;
        --bs-nav-link-color: #011329;
        --bs-nav-link-hover-color: #011329;
    }

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link.show {
        color: #011329;
        --bs-nav-link-font-weight: 600;
    }

    .navbar-nav .nav-link.active {
        border-bottom: none;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-top: 1rem;
        padding-right: 0rem;
        padding-left: 0rem;
    }

    .nav-link:hover {
        color: #5272FE;
        text-decoration: none;
    }

    #fFranjaMenu .offcanvas {
        z-index: 4000;
        background: #fff;
    }

    .navbar-toggler {
        color: var(--bs-navbar-color);
        background-color: rgba(0, 0, 0, 0);
        border: none;
        border-radius: 0;
    }

    .offcanvas {
        padding-left: 1rem;
    }


}

/* </MENU> */

/* <BANNER> */
#fFranjaBanner {
    padding-top: 12rem;
    padding-bottom: 10rem;
    background: url(/images/banner/fondo-banner-ppal.png) center center;
    background-size: cover;
    background-color: #191C21;
    color: #fff;
    margin-top: -68px;
}

#fFranjaBanner h1 {
    font-size: 400%;
}

#fFranjaBanner .lead {
    text-shadow: 4px 4px 2px rgba(31, 28, 26, 0.2) !important;
}

#fFranjaBanner .columna1 {
    padding: 4rem 4rem 4rem 5rem;
}

#fFranjaBanner .columna2 {
    padding: 3rem 4rem 3rem 2rem;
}


@media only screen and (max-width: 1200px) {

    #fFranjaBanner {
        padding-top: 10rem;
        padding-bottom: 10rem;
        margin-top: -68px;
    }

}


@media only screen and (max-width: 992px) {
    #fFranjaBanner {
        padding-top: 8rem;
        padding-bottom: 8rem;
        margin-top: 0px;
    }

    #fFranjaBanner h1 {
        font-size: 200%;
    }

    #fFranjaBanner .columna1 {
        padding: 2rem 2rem 1rem 2.5rem;
    }

    #fFranjaBanner .columna2 {
        padding: 0rem 2.5rem 4rem 2.5rem;
    }

}

/* </BANNER> */



/* <NOSOTROS> */
#fFranjaNosotros {
    padding-top: 6rem;
    padding-bottom: 5rem;
    background-color: #F9F0E3;
    border-bottom: solid 1px #E5DDD2;
}

#fFranjaNosotros .columna1 {
    padding-right: 4rem;
    padding-bottom: 2rem;
}

#fFranjaNosotros .columna2 {
    padding-right: 2rem;
    padding-bottom: 2rem;
}

#fFranjaNosotros .firma {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#fFranjaNosotros .foto {
    padding: 0 1rem 0 1rem;
}

@media only screen and (max-width: 992px) {

    #fFranjaNosotros {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

}

/* </NOSOTROS> */



/* <SERVICIOS> */
#fFranjaServicios {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

#fFranjaServicios .renglon1 {
    padding-bottom: 3rem;
}

#fFranjaServicios .columna1 {
    padding-bottom: .5rem;
}

#fFranjaServicios .columna2 {
    padding-left: 2rem;
    padding-right: 8rem;
}

#fFranjaServicios .recuadro {
    padding: 1rem 2rem 1rem 2rem;
}

#fFranjaServicios h3 {
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700 !important;
    margin-bottom: .5rem;
}

#fFranjaServicios .icono {
    font-size: 240%;
    margin: .5rem .5rem 0rem 0rem;
    color: #5272FE;
}


#fFranjaServicios .ligaMas  {
    color: #011329;
    font-weight: 600;
}

#fFranjaServicios  .ligaMas:hover {
    color: #5272FE;
}

@media only screen and (max-width: 992px) {

    #fFranjaServicios {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    #fFranjaServicios .renglon1 {
        padding-bottom: 1rem;
    }
    #fFranjaServicios .columna1, #fFranjaServicios .columna2 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

}

/* </SERVICIOS> */


/* <CLIENTES> */
#fFranjaClientes {
    padding-top: 5rem;
    padding-bottom: 4rem;
    background-color: #F9F0E3;
    border-top: solid 1px #E5DDD2;
}

#fFranjaClientes .renglon1 {
    padding-bottom: 2rem;
}
#fFranjaClientes .renglon2 {
    padding-bottom: 1rem;
}

#fFranjaClientes .columna1 {
    padding-right: 4rem;
}


#fFranjaClientes .foto2 {
    margin-top: 4rem;
}


#fFranjaClientes .recuadro {
    padding: 1rem 2rem 1rem 2rem;
}

#fFranjaClientes .icono {
    font-size: 160%;
    margin: .5rem .5rem 0 .5rem;
    color: #958DA2;
}

#fFranjaClientes .subtitulo {
    line-height: 1.2;
    font-size: 90%;
    font-weight: 500;
}

#fFranjaClientes .foto1, #fFranjaClientes .foto2, #fFranjaClientes .foto3 {
    padding: 1rem 1rem;
}

#fFranjaClientes .foto1:hover, #fFranjaClientes .foto2:hover, #fFranjaClientes .foto3:hover {
    transform: scale(1.2);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}


@media only screen and (max-width: 992px) {

    #fFranjaClientes {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }
    #fFranjaClientes .columna1 {
        padding-right: 1rem;
    }
    #fFranjaClientes .foto1, #fFranjaClientes .foto2, #fFranjaClientes .foto3 {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    #fFranjaClientes .foto1, #fFranjaClientes .foto1, #fFranjaClientes .foto1 {
        padding: 1rem 0rem;
    }
    #fFranjaClientes .recuadro {
        padding: 1rem;
    }
    #fFranjaClientes .renglon2 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

}
/* </CLIENTES> */


/* <QUOTE> */
#fFranjaQuote {
    padding-top: 8rem;
    padding-bottom: 7rem;
    background: url(/images/fondos/fondo-quote.png) center center;
    background-size: cover;
    background-color: #191C21;
    color: #fff;
    text-align: center;
}
#fFranjaQuote .quote {
    padding-top: 1rem;
    padding-bottom: 2rem;
    font-family: "Playfair Display", serif;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    font-size: 200%;

}
/* </QUOTE> */


/* <VALORES> */
#fFranjaValores {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#fFranjaValores .recuadro {
    padding-bottom: 1rem;
}

#fFranjaValores h3 {
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700 !important;
    margin-bottom: .5rem;
}

#fFranjaValores .foto {
    padding: 2rem 2rem;
}

#fFranjaValores .icono {
    font-size: 240%;
    margin: 0 1rem .5rem .5rem;
    color: #5272FE;
}


@media only screen and (max-width: 992px) {

    #fFranjaValores {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    #fFranjaValores .columna1, #fFranjaValores .columna2 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

}
/* </VALORES> */


/* <FAQS> */
#fFranjaFaqs {
    padding-top: 5rem;
    padding-bottom: 7rem;
    background-color: #F9F0E3;
    border-top: solid 1px #E5DDD2;
}

#fFranjaFaqs .renglon1 {
    padding-bottom: 3rem;
}

#fFranjaFaqs .columna1 {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 4rem;
}


#fFranjaFaqs .renglon1 h2:before {    
    content: url('/images/ornamento-01.svg');
    display: inline-block;
    margin-right: 5px;
}

#fFranjaFaqs .renglon1 h2:after {    
    content: url('/images/ornamento-01.svg');
    display: inline-block;
    margin-left: 5px;
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

#fFranjaFaqs .accordion {
    --bs-accordion-btn-active-icon: url('/images/circle-chevron-down-sharp-solid.svg');
    --bs-accordion-btn-icon: url('/images/circle-chevron-down-sharp-solid.svg');
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(160, 90, 139, 0.25);
    --bs-accordion-btn-icon-width: 1.5rem !important;
}

#fFranjaFaqs .accordion-item {
    border-bottom: 1px solid rgb(1, 19, 41, .1);
    padding: .5rem 0rem;
}

#fFranjaFaqs .accordion,
#fFranjaFaqs .accordion-item,
#fFranjaFaqs .accordion-button {
    background-color: transparent !important;
}

#fFranjaFaqs .accordion-button {
    font-size: 45%;
    font-family: "Source Sans 3", sans-serif;
}


@media only screen and (max-width: 992px) {

    #fFranjaFaqs {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }
    #fFranjaFaqs .renglon1 {
        padding-bottom: 1rem;
    }

}

/* </FAQS> */


/* <CALL> */
#fFranjaCall {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background: url(/images/fondos/fondo-call.png) center center;
    background-size: cover;
    background-color: #011329;
    color: #fff;
}

#fFranjaCall .indicador {    
    color: rgba(255, 255, 255, .6);
}

#fFranjaCall .frase {
    font-family: "Playfair Display", serif;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    font-size: 300%;
}

@media only screen and (max-width: 992px) {

}

/* </CALL> */


/* <PIE> */
#fFranjaPie {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#fFranjaPie .titulo {
    font-weight: 700;
    font-size: 120%;
}

#fFranjaPie .redes a {
    padding-left: .2rem;
    padding-right: .2rem;
    opacity: 1;
}


#fFranjaPie .redes a:hover {
    color: #5272FE;
}

#fFranjaPie li {
    padding-bottom: 1rem;
}

#fFranjaPie li a {
    color: #011329;
    text-decoration: none;
}

#fFranjaPie li a:hover {
    color: #011329;
    text-decoration: underline;
}

    #fFranjaPie .logo {
        margin-bottom: 3rem;
    }


#fFranjaPie .renglon1 {
    padding-bottom: 3rem;
}

    #fFranjaPie .renglon2 {
        padding-top: 2rem;
        border-top: solid 1px #D5D7D6;
        text-align: center;
    }

@media only screen and (max-width: 992px) {

    #fFranjaPie {
        padding-top: 2rem;
        padding-bottom: 0rem;
    }

    #fFranjaPie .columna1,
    #fFranjaPie .columna2,
    #fFranjaPie .columna3,
    #fFranjaPie .columna4 {
        padding-bottom: 2rem;
    }

    #fFranjaPie .logo {
        margin-bottom: 2rem;
    }

    #fFranjaPie .renglon1 {
        padding-bottom: 1rem;
    }

    #fFranjaPie .renglon2 {
        padding-top: 2rem;
    }
    
}

/* </PIE> */


/* <BOTONES> */
.btn{
    color: #fff;
    padding: 1.2rem 3rem;
    border: 2px solid #5272FE;
    border-radius: 0;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    margin-top: 1rem;
    letter-spacing: 2px;
    font-weight: 600;
    font-family: "Source Sans 3", sans-serif;
    font-size: 95%;
}
.btn:hover{ 
    color: #fff;
    border: 2px solid #5272FE;
}
.btn:before,
.btn:after{
    content: "";
    width: 16px;
    height: 16px;
    border-style: solid;
    border-width: 2px 0 0 2px;
    border-color: #5272FE;
    position: absolute;
    top: -6px;
    left: -6px;
    transition: all 0.3s ease-in-out;
}
.btn:after{
    border-width: 0 2px 2px 0;
    top: auto;
    bottom: -6px;
    left: auto;
    right: -6px;
}
.btn:hover:before,
.btn:hover:after{ 
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    border-color: #5272FE;
    transform: rotateY(180deg);
}
@media only screen and (max-width: 767px){
    .btn{ margin-bottom: 30px; }
}

.ligaVerMas {
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #011329 !important;
}


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

/* </BOTONES> */


/* <VARIOS> */
.textoNegro {
    color: #011329;
}
.textoAzul {
    color: #5272FE;
}
.textoAzul2 {
    color: #385D87;
}
.textoVino {
    color: #A92070;
}
.textoRosa {
    color: #ED008C;
}

.mark, mark {
    padding: 0rem;
    background-color: rgba(250, 220, 180, 0.4);
    font-weight: 600;
}

/* </VARIOS> */



/* 
***************************
        INTERIORES 
***************************
*/




/* <BANNER NOSOTROS> */
#fFranjaSeccionNosotros {
    padding-top: 10rem;
    padding-bottom: 8rem;
    background: url(/images/seccion/fondo-seccion-nosotros.png) center center;
    background-size: cover;
    background-color: #191C21;
    color: #fff;
    margin-top: -68px;
}

#fFranjaSeccionNosotros h1 {
    font-size: 400%;
}


@media only screen and (max-width: 1200px) {

    #fFranjaSeccionNosotros {
        padding-top: 8rem;
        padding-bottom: 6rem;
        margin-top: -68px;
    }

}


@media only screen and (max-width: 992px) {
    #fFranjaSeccionNosotros {
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-top: 0px;
    }

    #fFranjaSeccionNosotros h1 {
        font-size: 200%;
    }

}
/* </BANNER NOSOTROS> */

/* <BANNER SERVICIOS> */
#fFranjaSeccionServicios {
    padding-top: 10rem;
    padding-bottom: 8rem;
    background: url(/images/seccion/fondo-seccion-servicios.png) center center;
    background-size: cover;
    background-color: #191C21;
    color: #fff;
    margin-top: -68px;
}

#fFranjaSeccionServicios h1 {
    font-size: 400%;
}


@media only screen and (max-width: 1200px) {

    #fFranjaSeccionServicios {
        padding-top: 8rem;
        padding-bottom: 6rem;
        margin-top: -68px;
    }

}

@media only screen and (max-width: 992px) {
    #fFranjaSeccionServicios {
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-top: 0px;
    }

    #fFranjaSeccionServicios h1 {
        font-size: 200%;
    }

}
/* </BANNER SERVICIOS> */


/* <BANNER CONTACTO> */
#fFranjaSeccionContacto {
    padding-top: 10rem;
    padding-bottom: 8rem;
    background: url(/images/seccion/fondo-seccion-contacto.png) center center;
    background-size: cover;
    background-color: #191C21;
    color: #fff;
    margin-top: -68px;
}

#fFranjaSeccionContacto h1 {
    font-size: 400%;
}


@media only screen and (max-width: 1200px) {

    #fFranjaSeccionContacto {
        padding-top: 8rem;
        padding-bottom: 6rem;
        margin-top: -68px;
    }

}

@media only screen and (max-width: 992px) {
    #fFranjaSeccionContacto {
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-top: 0px;
    }

    #fFranjaSeccionContacto h1 {
        font-size: 200%;
    }

}
/* </BANNER CONTACTO> */


/* <BANNER PRIVACIDAD> */
#fFranjaSeccionPrivacidad {
    padding-top: 10rem;
    padding-bottom: 8rem;
    background: url(/images/seccion/fondo-seccion-privacidad.png) center center;
    background-size: cover;
    background-color: #191C21;
    color: #fff;
    margin-top: -68px;
}

#fFranjaSeccionPrivacidad h1 {
    font-size: 400%;
}


@media only screen and (max-width: 1200px) {

    #fFranjaSeccionPrivacidad {
        padding-top: 8rem;
        padding-bottom: 6rem;
        margin-top: -68px;
    }

}

@media only screen and (max-width: 992px) {
    #fFranjaSeccionPrivacidad {
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-top: 0px;
    }

    #fFranjaSeccionPrivacidad h1 {
        font-size: 200%;
    }

}
/* </BANNER PRIVACIDAD> */


/* <BANNER TERMINOS> */
#fFranjaSeccionTerminos {
    padding-top: 10rem;
    padding-bottom: 8rem;
    background: url(/images/seccion/fondo-seccion-terminos.png) center center;
    background-size: cover;
    background-color: #191C21;
    color: #fff;
    margin-top: -68px;
}

#fFranjaSeccionTerminos h1 {
    font-size: 400%;
}


@media only screen and (max-width: 1200px) {

    #fFranjaSeccionTerminos {
        padding-top: 8rem;
        padding-bottom: 6rem;
        margin-top: -68px;
    }

}

@media only screen and (max-width: 992px) {
    #fFranjaSeccionTerminos {
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-top: 0px;
    }

    #fFranjaSeccionTerminos h1 {
        font-size: 200%;
    }

}
/* </BANNER TERMINOS> */


/* <BANNER 404> */
#fFranjaSeccion404  {
    padding-top: 10rem;
    padding-bottom: 8rem;
    background: url(/images/seccion/fondo-seccion-404.png) center center;
    background-size: cover;
    background-color: #191C21;
    color: #fff;
    margin-top: -68px;
}

#fFranjaSeccion404 h1 {
    font-size: 400%;
}


@media only screen and (max-width: 1200px) {

    #fFranjaSeccion404 {
        padding-top: 8rem;
        padding-bottom: 6rem;
        margin-top: -68px;
    }

}

@media only screen and (max-width: 992px) {
    #fFranjaSeccion404 {
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-top: 0px;
    }

    #fFranjaSeccion404 h1 {
        font-size: 200%;
    }

}
/* </BANNER 404> */



/* <INTRO> */
#fFranjaIntro {
    padding-top: 6rem;
    padding-bottom: 4rem;
    background-color: #F9F0E3;
    border-bottom: solid 1px #E5DDD2;
}

#fFranjaIntro .columna1 {
    padding-right: 4rem;
    padding-bottom: 2rem;
}

#fFranjaIntro .columna2 {
    padding-right: 2rem;
    padding-bottom: 2rem;
}


#fFranjaIntroMovil {
    padding-top: 3rem;
    padding-bottom: 0rem;
}

@media only screen and (max-width: 992px) {

    #fFranjaIntro {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

}

/* </INTRO> */

/* <CONTENIDO> */
#fFranjaContenido {
    padding-top: 6rem;
    padding-bottom: 4rem;
    border-bottom: solid 1px #E5DDD2;
}

#fFranjaContenido .columna1 {
    padding-right: 4rem;
    padding-bottom: 2rem;
}

#fFranjaContenido .columna2 {
    padding-right: 2rem;
    padding-bottom: 2rem;
}

#fFranjaContenido .recuadro {
    padding: 1rem 2rem 1rem 2rem;
}

#fFranjaContenido .icono {
    font-size: 200%;
    margin: .5rem .5rem 0 .5rem;
    color: #958DA2;
}

#fFranjaContenido .subtitulo {
    line-height: 1.2;
    font-size: 90%;
    font-weight: 500;
}

@media only screen and (max-width: 992px) {

    #fFranjaContenido {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

}

/* </CONTENIDO> */

/* <CONTENIDO ADICIONAL> */
#fFranjaContenidoAdicional {
    padding-top: 5rem;
    padding-bottom: 3rem;
    background-color: #F9F0E3;
    border-bottom: solid 1px #E5DDD2;
}

#fFranjaContenidoAdicional .columna1 {
    padding-right: 4rem;
    padding-bottom: 2rem;
}

#fFranjaContenidoAdicional .columna2 {
    padding-right: 2rem;
    padding-bottom: 2rem;
}

#fFranjaContenidoAdicional .renglon1 h2:before {    
    content: url('/images/ornamento-01.svg');
    display: inline-block;
    margin-right: 5px;
}

#fFranjaContenidoAdicional .renglon1 h2:after {    
    content: url('/images/ornamento-01.svg');
    display: inline-block;
    margin-left: 5px;
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

#fFranjaContenidoAdicional .recuadro {
    padding-bottom: 1rem;
}

#fFranjaContenidoAdicional h3 {
    font-family: "Source Sans 3", sans-serif;
    font-weight: 700 !important;
    margin-bottom: .5rem;
}

#fFranjaContenidoAdicional .foto {
    padding: 1rem 1rem;
}

#fFranjaContenidoAdicional .icono {
    font-size: 240%;
    margin: 0 1rem .5rem .5rem;
}



@media only screen and (max-width: 992px) {

    #fFranjaContenidoAdicional {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }
    #fFranjaContenidoAdicional .columna1, #fFranjaContenidoAdicional .columna2 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

}

/* </CONTENIDO ADICIONAL> */



/* <AREAS ESPECIALIDAD MENU> */
#fFranjaAreasEspecialidad .menuLateral {
    padding: 1rem;
}

#fFranjaAreasEspecialidad .menuLateral .btn1 {
    padding: .8rem 1rem;
    background-color: #385D87;
    color: #fff !important;
    border-bottom: solid 1px rgb(255, 255, 255, .2);
}

#fFranjaAreasEspecialidad .menuLateral .btn1 a {
    color: #fff !important;
    text-decoration: none;
}

#fFranjaAreasEspecialidad .menuLateral .btn1:hover {
    background-color: #5171FC;
    text-decoration: underline;
}

@media only screen and (max-width: 992px) {

}
/* </AREAS ESPECIALIDAD MENU> */

/* <DETALLE AREAS ESPECIALIDAD> */
#fFranjaAreasEspecialidad {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

#fFranjaAreasEspecialidad .columna1 {
    padding-right: 2rem;
}

#fFranjaAreasEspecialidad .columna2 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#fFranjaAreasEspecialidad .divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
    opacity: .3;
}

#fFranjaAreasEspecialidad .menu {
    padding: 1rem;
}
#fFranjaAreasEspecialidad .recuadro {
    padding: 1rem 1rem 0rem 1rem;
}

#fFranjaAreasEspecialidad .titulo {
    width: 3rem;
}

#fFranjaAreasEspecialidad .icono {
    font-size: 200%;
    line-height: 1;
}

#fFranjaAreasEspecialidad .icono2 {
    font-size: 120%;
}

#fFranjaAreasEspecialidad ul li {  
    margin-bottom: .5rem;
}


@media only screen and (max-width: 992px) {

    #fFranjaAreasEspecialidad .columna1 {
        padding-right: 1rem;
    }
    #fFranjaAreasEspecialidad .columna2 {
        padding-top: 1rem;
    }

}


/* </DETALLE AREAS ESPECIALIDAD> */


/*Formulario de contacto*/
.error{
    color: #ED008C;
}