body{
    background:#fff;
    padding-top:84px;
    font-family:Roboto,sans-serif
}
#header{
    background-color:#fff;
    height:140px;
}
#header nav{
    background-color:#fff;
    padding-top:15px;
}
#centros{
    background-color:#2d2e80;
    padding:15px;
}

#centros h1{
    color: #FFF;
    font-size: 3.3rem;
    font-weight: bold;
}

#centros h2, #centros h2 a{
    color: #ea5a24;
    font-size: 3.2rem;
    font-weight: bold;
}


.navbar-dark .navbar-nav .nav-link{
    color:#2d2e80
}
.navbar-dark .navbar-nav .nav-link:hover{
    color:#Ea5a24
}
.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{
    color:#Ea5a24
}
#redLabel{
    border-bottom:15px solid #Ea5a24;
    background:#fff
}
#redLabel p{
    padding:4px 10px 5px 120px;
    margin:0;
    background:#Ea5a24;
    color:#fff;
    float:right;
    position:relative;
    z-index: 2;
    font-weight: bold;
}
#redLabel p::after{
content: " ";
width: 300%;
height: 100%;
position: absolute;
left: 50%;
right: 0;
top: 0;
background-color: #Ea5a24;
z-index: -1;
}

#redLabel a{
    color:#fff
}
#redLabel p::before{
    content:'';
    width:0;
    height:0;
    border-bottom:33px solid #Ea5a24;
    border-left:33px solid transparent;
    position:absolute;
    bottom:0;
    left:-33px
}
#canales button{
    background:url("../img/boton_ver_mas.png") no-repeat center;
    margin:8px auto;
    width:180px;
    height:47px;
    border:none
}
#canales h1{
    font-weight:700;
    font-size:26px;
    color:#5c5964;
    font-style:italic
}
#canales h4{
    font-weight:700;
    font-size:18px;
    margin:0;
    font-weight:400;
    text-align:center;
    color:#fff;
    background:#2d2e80;
    padding:15px 0
}
#canales p{
    font-size:12px;
    margin:0;
    text-align:center;
    color:#5c5964;
    background:#f5f3f4;
    padding:15px 10px
}
.canal h4,.nstTile h4{
    color:#5c5964;
    font-weight:700;
    font-style:italic
}
.canal p,.nstText{
    color:#5c5964;
    text-align:left;
    font-style:italic;
    font-weight:300
}
#ventajas{
    padding-top:0
}
.ventas h2{
    color:#2d2e80;
    font-weight:700;
    font-size:24px;
    font-style:italic;
    padding-left: 93px;
    padding-top: 10px;
}
.ventas h4{
    font-weight:700;
    color:#Ea5a24;
    font-style:italic;
}
.ventas p{
    color: #2d2e80;
    margin-bottom:20px;
    font-size:17px;
    font-style:italic;
    padding-left: 15%;
}
.ventas .col1{
    padding:40px 0 0
}
.ventas #btnContacto{
    background:#FFF;
    padding:20px 20px;
    font-size:22px;
    margin:15px 0;
    color: #2D2E80;
    border-radius:12px;
    border-color:inherit;
    font-weight: bold;
}
.centros{
    padding-top:20px;
    padding-bottom:40px
}
.centros img,.footer img{
    margin:0 auto
}
.centros h2{
    color:#fff;
    font-weight:700;
    font-style:italic
}
.centros h2.ctrTitle{
    margin:0
}
.centros h2.ctrTitle a{
    color:#fff;
    margin:0;
    padding:0;
    font-size:18px
}
.centros h2.ctrHrs{
    font-size:22px;
    color:#fff;
    font-style:italic;
    margin:30px 0 0
}
.centros h4{
    font-weight:700;
    color:#191562;
    text-align:center;
    font-style:italic
}
.centros h5{
    font-weight:700;
    color:#191562;
    margin:0 0 50px 0;
    font-style:italic;
    text-align:center
}
.centros p{
    color:#fff;
    font-style:italic;
    font-weight:300
}
.centros p.ctrTitle{
    color:#fff;
    font-weight:700;
    font-size:18px
}
.centros p.ctrTitle2{
    color:#fff;
    font-weight:700;
    font-size:18px
}
.centros p.ctrDir{
    font-size:16px;
    margin:0;
    text-align:left;
    color:#fff
}
.centros p.ctrHrs{
    font-size:16px;
    margin:0;
    text-align:left;
    color:#fff;
    font-weight:700;
    font-style:italic
}
.centros a{
    color:#fff;
    text-decoration:none;
    text-align:left
}
.centros .listCentros{
    padding:25px
}
.centros .left{
    text-align:right
}
.centros .right{
    text-align:right
}
.contacto h2{
    color:#fff;
    font-weight:700;
    font-style:italic;

}
.contacto p{
    font-size:18px;
    color: #FFF;
    font-style:italic
}
.contacto input,.contacto textarea{
    width:100%;
    margin-bottom:20px;
    border:none;
    padding:10px
}
.contacto textarea{
    height:172px
}
.contacto input#btnEnviar{
    color:#FFF;
    background:0 0;
    float:right;
    margin-top:-10px;
    width:auto;
    padding:0 5px 0 55px;
    font-style:italic;
    font-weight:700;
    font-size:26px
}
.footer p{
    color:#fff;
    font-weight:700;
    display:block;
    margin-top:5px;
    text-align:center
}
.footer p a{
    display:inline-block;
    text-decoration:none
}
.footer h3{
    color:#2D2E80;
    margin:0;
    font-weight:400;
    font-size:24px;
    font-weight: bold;
}
.footer a{
    color:#2D2E80;
    margin-top:0;
    text-decoration:underline;
    display:block
}
.mdlTitulos{
    font-weight:700;
    padding:20px 10px 10px 40px
}
@media (max-width:768px){
    #header{
        height:auto
    }
    #header nav a{
        width:70%
    }
    #header img{
        width:100%
    }
    #header nav{
        padding:10px 0
    }
    #canales{
        margin-top:inherit!important
    }
    .nstTile h4{
        color:#fff
    }
    .nstText p{
        color:#fff
    }
    #ventajas .offset-2{
        margin-left:inherit
    }
    .centros img{
        height:50px
    }
    .centros h2.ctrHrs{
        margin-top:8px
    }
    #ventajas{
        padding-top:25px
    }
    .footer img{
        padding-right:0!important
    }
    .footer{
        font-size:14px
    }
    .h2M{
        font-size:22px!important
    }
    .cont-0{
        padding:0
    }
    .t-c{
        text-align:center!important
    }
    .t-l{
        text-align:left!important
    }
    #centros h1{
        color: #FFF;
        font-size: 1.2rem;
        font-weight: bold;
    }

    #centros h2, #centros h2 a{
        color: #ea5a24;
        font-size: 1.05rem;
        font-weight: bold;
    }
}
@media (min-width:768px){
    #header{
        height:139px
    }
    #header .navbar{
        padding:15px 0 0
    }
    #header .navbar-brand{
        margin-top:0
    }
    #header .navbar-nav>li{
        float:none
    }
    #header ul#menu li{
        float:left;
        margin:0
    }
    #header ul#menu li a{
        padding:15px 7px;
        font-size:14px
    }
    #inicio{
        padding-top:100px;
    }

    .fondo_sol{
        width: 100%;
        height: auto;
        background-image: url("../img/portada_fondo.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    #canales{
        padding-top:120px;
        padding-bottom:40px
    }
    #canales h1{
        font-size:36px
    }
    .nstTile{
        padding-right:45px;
        color:#fff
    }
    .nstTile h4{
        margin:51px 0 0;
        text-align:right;
        font-size:52px;
        color:#fff
    }
    .nstText{
        padding:30px 190px 15px 6px;
        color:#fff
    }
    .nstText p{
        margin:0;
        font-size:17px;
        color:#fff
    }
    #btnContratar{
        font-size:50px
    }
    #ventajas{
        padding-top:120px;
        padding-bottom:50px
    }
    .ventas .col1{
        clear:both;
        padding:80px 0 0
    }
    .ventas h2{
        font-size:32px
    }
    .ventas h4{
        font-size:23px;
        margin:10px 0
    }
    .ventas p{
        margin:15px 0 40px 0
    }
    .logoAzul{
        margin-top:75px
    }
    .ventas #btnContacto{
        padding:20px 20px;
        font-size:26px;
        margin:0px 12px 15px;
    }
    .centros{
        padding-top:40px;
        padding-bottom:80px
    }
    .centros h2{
        font-size:38px;
        margin:0
    }
    .centros h2.ctrHrs{
        font-size:42px;
        font-weight:700;
        margin:0
    }
    .centros h2.ctrTitle{
        font-size:24px;
        font-weight:400;
        margin:0
    }
    .centros h4{
        font-size:34px
    }
    .centros h5{
        font-size:18px
    }
    .centros p{
        font-size:18px
    }
    .centros p.ctrTitle{
        font-size:24px
    }
    .centros p.ctrTitle2{
        font-size:22px

    }
    .centros p.ctrDir{
        font-size:20px
    }
    .centros h4#telefono{
        font-size:38px
    }
    .centros .border-dark{
        border-right:3px solid #fff
    }
    .centros .left{
        text-align:left
    }
    .contacto{
        padding-top:20px
    }
    .contacto h2{
        font-size:36px

    }
    .contacto input#btnEnviar{
        font-size:28px
    }
    .footer .logo{
        border-right:1px solid #2D2E80;
        padding-top:20px;
        padding-bottom:20px
    }
    .footer a{
        font-size:16px
    }
}
