body {
    font-family: 'Open Sans', sans-serif;
    background-color: #F8F8F8;
    margin-bottom: 0;
}


.separador{
    background-color: #fff;
    padding-top: 40px;
}

.separador-2{
    background-color: #fff;
    margin-bottom: 40px;
}

.separador-3{
    padding-bottom: 40px;
}

a {
    text-decoration: none !important;
    color: #2f2f2f;
}

.navbar-nav li a { 
    font-family: "Roboto";
    font-size: 12px;
}
    
/*h3 > a {
    text-decoration: none !important;
    color: #2f2f2f;
}*/

a:hover{
    color: #2f2f2f;
}

.container{
    background-color: #fff;
}

.claim{
    color: #3c175a;
    font-weight: 300;
    font-size: 1.1em !important;
    padding-top: 10px;
}

.glyphicon{
    font-size: 1.2em;
    padding-left: 10px;
}

.main-nav{
    background: #653984;
    padding: 20px 20px;
}

.main-nav a{
    font-size: 1.3em;
    color: #fff;
}

.main-nav a:hover{
    color: #3C175A;
    background: none !important;
}

.active{
    color: #3c175a !important;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/******************************************************************/
/* REDES SOCIALES */
/******************************************************************/
.redes{
    float: right;
    margin-right: 15px;
}

.redes li{
    padding-right: 10px;

}

.redes a{
    color: #3c175a;
}

.redes a:hover{
    color: #fff;
}

.iframeH { 
   padding-bottom:16%;
}
@media screen and (max-width: 767px) {
    .redes{
        float: left;
        padding-left: 15px;
        padding-top: 1em;
        font-size: 1.3em;
    }
    .iframeH {
	padding-bottom:40%;
    }
}

.navbar-form .form-control{
    width: 100%;
    font-size: 1.2em;
}

.canal{
    font-size: 1.3em;
    color: #3c175a;
}

.nav navbar-nav{
    padding: 0 !mportant;
    margin: 0 !mportant;
}

@media screen and (max-width:767px){
    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 15px;
        padding: 9px 10px;
        margin-top: -30px;
        margin-bottom: 25px;
        background-color: transparent;
        background-image: none;
        border: 1px solid #fff;
        border-radius: 4px;
    }
    .navbar-toggle .icon-bar{
        background-color: #fff;
    }

}

/******************************************************************/
/* SLIDER */
/******************************************************************/
.titulo-slider{
    font-weight: 700;
}

.descripcion-slider{
    font-size: 1.2em;
}

@media screen and (max-width:767px){
    .titulo-slider{
        font-size: 1em;
    }
    .btn-leer-nota{
        padding: 1em;
    }
}

@media screen and (max-width:767px){
    .btn-leer-nota{
        font-size: 1.1em;
        padding: .2em 1.5em !important;
    }
}

/******************************************************************/
/* NOTA INTRO */
/******************************************************************/
#nota-intro{
    padding-bottom: 20px;
}

#nota-intro img{
    max-width: 100%;
}

#nota-intro .thumbnail{
    margin-bottom: 20px;
}

#nota-intro .nota-titulo{
    font-size: 2.2em;
    margin-top: 0;
}

#nota-intro .nota-descripcion, .rtejustify{
    color: #868686;
    font-size: 1.2em;
    font-weight: 400;
    text-align: justify;
}


@media screen and (max-width:768px){
    #nota-intro .nota-descripcion, .rtejustify{
        font-size: 1.35em;
    }
}

#nota-intro .nota-tags{
    font-size: .95em;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

#nota-intro .nota-leer-nota-completa{
    text-align: right;
}

#nota-intro .nota-leer-nota-completa a{
    color: #4b2666;
    text-decoration: none;
}

/******************************************************************/
/* MAS NOTAS */
/******************************************************************/
.mas-notas{
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
    margin-top: 0;
}

/******************************************************************/
/* BANNER BOLSA */
/******************************************************************/*/
#banner-bolsa{
}

#banner-bolsa img{
    max-width: 100% !important;
    display: block;
}

#banner-bolsa .video{
    background-color: #6A388E;
    text-align: center;
    padding: 15px 0;
}

@media screen and (max-width:768px){
    #banner-bolsa .video{
        padding: 6px 0;
    }
}

#banner-bolsa .video a{
    color: #fff;
    padding-top: 20px;
    text-transform: uppercase;
}

#banner-bolsa .visitar-seccion{
    background-color: #4C246A;
    text-align: center;
    padding: 15px 0;
}

@media screen and (max-width:768px){
    #banner-bolsa .visitar-seccion{
        padding: 6px 0;
    }
}

#banner-bolsa .visitar-seccion a{
    color: #fff;
    padding-top: 20px;
    text-transform: uppercase;
}

.bolsa-controles{
    font-size: 1.1em;
    margin-left: 0;
    margin-right: 0;
}

/******************************************************************/
/* BANNER PRINCIPAL */
/******************************************************************/
#banner-principal{
    background-color: #EDEDED;
    padding-top: 15px;
    padding-bottom: 15px;
}

#banner-principal img{
    max-width: 100%;
}

/******************************************************************/
/* BANNERS 1 2 3 */
/******************************************************************/
#banners{
    background: #EDEDED;
    padding-top: 15px;
    padding-bottom: 15px;
}

#banners img{
    width: 100%;
}

#banner-3{
    padding-top: 0;
}

@media screen and (max-width:767px){
    #banner-3{
        padding-top: 20px;
    }
}

.la-nota h2{
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}


/******************************************************************/
/* LAS MAS LEIDAS */
/******************************************************************/
#lasMasLeidas{
    font-size: 1.3em;
    padding-bottom: 20px;
}

#lasMasLeidas h2{
    text-transform: uppercase;
    border-bottom: 1px solid #000;
}

#lasMasLeidas ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

#lasMasLeidas ul li{
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #c1c1c1;
}

#lasMasLeidas ul li:last-child{
    border: none ;
}

/******************************************************************/
/* PAGINACION */
/******************************************************************/
.pagination{
    margin-top: 40px;
    margin-bottom: 30px;
}

/******************************************************************/
/* FOOTER */
/******************************************************************/
#footer{
    background-color: #653984;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

#footer p{
    color: #fff;
    font-family: arial;
    font-size: .7em;
}

/******************************************************************/
/* FORMULARIO */
/********************************************************************/
.botonEnviar{
    border: 0;
    background-color: #4C246A;
    border-radius: 5px;
    padding: .8em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
    width: 100px;
}

label {
    font-size: 1.3em !important;
}