body {

    color: #606060;

    font-family: 'Roboto', sans-serif;

}

a {

    color: inherit;

}

a:hover {

    text-decoration: none;

    color: inherit;

    opacity: 0.8;

    transition: 0.8s;

}

.material-icons {

    font-size: 1.1em;

    vertical-align: sub;

}

.product_header {

    text-align: center;

}

.bg1 {

    background: #440099;

}

.bg2 {

    background: #F49712;

}

.bg3 {

    background: #00B189;

}

.bg4 {

    background: #133352;

}



.titulo {

    color: #133352;

    font-size: 2.3rem;

}

.titulo_botonera {

    color: #133352;

    font-weight: bold;

    font-size: 1.7rem;

}





.btn-primary {

    background-color: #133352;

    border-color: #133352;

}

.btn-light {

    border-color: #1A3350;

}

.login {

    background: url(../img/fondo_login.png);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 40px 10px 10px 10px;

}

.logo img{

    width:100%;

    max-width: 540px;

}

.caja__login {

    background: rgba(255,255,255,0.5);

    padding: 20px 25px;

    border-radius: 15px;

    max-width: 760px;

    margin: 0 auto;

}

.caja__login h1 {

    font-size: 1.7rem;

}

.top__bar {

    background: #707070;

    color: #FFF;

}

.top__bar {

    padding: 4px 0;

}

.top__bar span {

    font-size: 1.3em;

    vertical-align: top;

}

.banner {

    background: url(../img/banner.png);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 15px;

}

.banner .caption {

    color: #FFF;

    max-width: 540px;

}

.banner .caption hr {

    border-color: #FFF;

    margin-top: 0.5rem;

}

.banner .caption h1 {

    font-size: 49px;

}

.banner .caption h2 {

    font-size: 28px;

}

.bg-iif {

    background: #F4F3F1 !important;

}

.pil {

    background: #FFF;

    border-radius: 0 0 25px 25px;

    display: inline-block;

    margin-left: 20px;

    margin-right: 20px;

    margin-bottom: 15px;

}

.pil img {

    padding: 10px 15px;

}

.main {

    padding: 25px 0;

}

.main img {

    width: 100%;

}

.pil img {

    width: 340px;

}

.navbar img, .pil img {

    max-width: 100%;

}



.breadcrumb {

    padding: .75rem 1rem;
    background-color: transparent;

}

.bold {

    font-weight: bold;

}

.botonera {

    height: 130px;

    border-left: 8px solid #133352;

    border-right: 12px solid #FFF;

    background: #F4F3F1;

    padding: 15px;

    position: relative;

    margin-bottom: 10px;

}

.botonera p {

    color: #606060;

    position: absolute;

    bottom: 0px;

    left: 15px;

}

.articulo_body {

    background: #F4F3F1;

    padding: 10px;

    height: 150px;

    position: relative;

    margin-bottom: 20px;

}

.videos .articulo_body {

    height: 170px;

}

.articulo_body h3 {

    font-size: 1rem;

    margin-bottom: 0;

}

.articulo_body p {

    line-height: 1.1em;

    margin-bottom: 5px;

}

.articulo_body_btn {

    position: absolute;

    bottom : 10px;

    left: 0px;

    width: 100%;

    padding: 0 22%;

}

.articulo_body_btn .btn {

    width: 100%;

}

.proximamente, .proximamente:hover {

    opacity: 0.3;

}





.pre_footer {

    margin-top: 40px;

    margin-bottom: 10px;

    text-align: center;

    font-size: 0.9em;

}

.footer {

    padding: 15px 0;

    background: #FFF;

}