hr.green {
    margin: 10px 0 25px;
    border-top-color: #dce0e0; width:100%
}

hr.green:before {
    content: " ";
    width: 35px;
    height: 5px;
    background-color: #af003c;
    display: block;
    position: absolute;
}
.titulosindex{text-align:left; font-weight:bold; margin-top:50px; line-height:normal;}
.titulosContent{text-align:left;  margin-top:30px; line-height:normal;}
#contenedorImagen{overflow: hidden; height:170px}
.fotoboletinPrincipal,.textoboletinPrincipal, #bolsec{padding-right:10px;padding-left:7px}
#boletinPrincipal{margin-top:5px; width:100%; text-align:left;}
#boletinSec h4{font-size:1.3em; line-height:normal}

@media (min-width:980px){
.textoboletinPrincipal{width:30%; float:left; text-align:left;}
.fotoboletinPrincipal{width:70%; float:left}
#boletinSec{margin-top:35px; width:100%; text-align:left;}
.textoboletinPrincipal h3{font-size:1.6em; line-height:normal}
#verB{display:none}
#bolsec{width:33%; float:left; text-align:left;}
}

@media (max-width:979px){
.textoboletinPrincipal h3{font-size:1.3em; margin-top:25px; text-align:left;}
#verB{display:block; margin-top:20px}
#boletinSec{display:none}
}

@media (max-width:768px){	
#interes{margin-top:25px}					
}

@media (min-width:768px){	
#interes,#interes2{
flex: 0 0 19.91%;
max-width: 19.91%;
}					
}


@media (max-width:768px){
#bloqueInfo, #bloqueInfo2{margin-top:20px; }
}
@media (min-width:768px){
#bloqueinfoContent{ height:300px; }
#bloqueInfo2 #bloqueinfoContent{ height:230px; }
}

#bloqueInfo h4{color:#b09a5b; text-align:left}
#bloqueInfo2 h4{color:#691a31; text-align:left}
#bloqueInfo .bloqueT2{color:#45abe1}
#bloqueInfo2 .bloqueT2{color:#45abe1}
#bloqueinfoContent{ background-color:#f5f3ef;  width:100%}


#bloqueinfoContent ul {width: 100%;  display: table; background: #F5F3EF; margin: 0 0 5px 0; padding: 15px 0 19px 0; list-style: none; text-align:left}
#bloqueinfoContent ul li{ list-style-image: url(../img/03.png); margin: 0 15px 12px 40px; border-bottom: 1px dotted #c4c4c4; padding: 0 0 5px 0;}
#bloqueinfoContent ul li a{ color: #666666; font-size:1.01em}



.pagina {
   padding:8px 9px;
   border:1px solid #ccc;
   color:#333;
   font-weight:bold;
  }
  

@media (min-width:980px){
.nota{float:left; width:33.333%; margin-top:35px; height:465px;  line-height:normal;}
#interno{width:97%; height:100%;border-bottom:1px solid #e1e1e1 }
.contenidoNota{width:94%; margin:auto; text-align:justify; margin-top:10px }
.izquierdo{float:left; width:70%}
.derecho{float:left; width:30%}
#imagenB{width:93%;}
#contenedorImagenBoletin{overflow: hidden; height:170px}
.nota hr{display:none}
#noHay{margin-top:50px}
#example{width:100%; height:80px }
}

@media (max-width:979px){
.nota{margin-top:30px; }
.contenidoNota{text-align:justify}
#botonVerT{text-align:left; margin-top:20px}

#imagenB{width:99%;}
.nota hr{display:block}
#noHay{margin-top:5px}
}
.titulo{font-size:1em; font-weight:bold; color:#000;}
.fecha{font-size:1em; font-weight:bold; color:#b09a5b}
#resumen{font-size:1em; line-height:normal}

#example{ font-size: 14px;}


.regresar{height:35px; text-align: right; width:100%;}
.row2{text-align:justify; color:#6d6e71;font-size:16px; line-height:normal;}
.row2 ul li{color:##6d6e71; font-size:16px; line-height:normal;}
.row2 h2,h3{color:#000; line-height:normal;}



@media (min-width:980px){
.nota2{float:left; width:33.33333%; height:260px; margin-top:0px; position: relative;overflow: hidden;}
.imagenB3{height:220px; width:90%}
.imagenP{width:370px}
#imagenB2{float:right;padding-left:30px;padding-bottom:5px; border:none}
#textoGaleria{position:relative; bottom:7px; left:15px}  
.row2 h2 {font-size:1.6em;} 
}

@media (max-width:979px){
.nota2{margin-top:15px; width:100%}
.imagenB3, .imagenP{width:100%;}
#imagenB2{padding-bottom:20px; border:none}
.row2 h2,h3 {font-size:1.2em;} 
#textoGaleria, #textoGaleria2 {display:none}  
}


.accordion{text-align:left;}
.accordion button{color: #555; text-decoration:none; }
.accordion button:hover{text-decoration:none; color:#621132;}
.accordion ul{list-style:none; position:relative; right:15px}
.content{text-align:justify;}
#listcontet{list-style:none; position:relative; right:20px}

#listado1{text-align:left}
#listado1 li{list-style-type:none; position:relative; right:30px; font-size:11px; line-height:14.5px}

  .simplescrollup__button {
                position: fixed;
                bottom: 3rem;
                right: 1.2rem;
                transition: 1s all;
                z-index: 10000;
		background:#621132;
		color:#FFF;
		width:3em;
		text-align:center	
            }
 .simplescrollup__button i { padding:3px 3px 3px 5px}
.simplescrollup__button:hover{color:#FFF;}
.simplescrollup__button:visited{color:#FFF;}

            .simplescrollup__button--show {
                transform: translateX(0);
            }
            .simplescrollup__button--hide {
                transform: translateX(100px);
            }