/* ESTILOS DE MENÚ*/
.topnav {
  overflow: hidden;
  background-color: #82112A;
  font-family: 'Oswald', sans-serif;

}

.topnav a {
  float: left;
  display: block;
  color: #FFFFFF;
  text-align: center;
  padding: 16px 15px;
  text-decoration: none;
  font-size: 20px;
}

.topnav a:hover {
  background-color:  #5B5959 ;
  color: white;
}

#mostrarAcerca:hover
{
background-color: #5B5959;border:none;outline:none;
}

#mostrarAcerca
{
background-color:#82112A;border:none;outline:none;
}

#mostrarAnalisis:hover
{
background-color: #5B5959;border:none;outline:none;
}

#mostrarAnalisis
{
background-color:#82112A;border:none;outline:none;
}

#mostrarAnalisis2:hover,#mostrarBusquedas:hover,#mostrarTablas:hover,#mostrarEstadisticas:hover,#mostrarOtros:hover,#mostrarContacto:hover,#mostrarEditorial:hover
{
background-color: #5B5959;border:none;outline:none;
}

#mostrarAnalisis2,#mostrarBusquedas,#mostrarTablas,#mostrarEstadisticas,#mostrarOtros,#mostrarContacto,#mostrarEditorial
{
background-color:#82112A;border:none;outline:none;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 1180px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 1180px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}


/*ESTILOS DEL APARTADO DE VIDEO*/
.contenedor{
    position: relative;
    display: inline-block;
    text-align: center;
}
 
.contenido{
    position: absolute;
    top: 30%;
    left: 50%;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 20px;
}

.video{
    position: absolute;
    top: 20%;
    left: 85%;
    color: #FFFFFF;
    font-size: 70px;
}
.centrado{
    position: absolute;
    top: 40%;
    left: 2%;
    
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 35px;
}
/*ESTILOS DEL APARTADO DE VIDEO (CUANDO CAMBIA DE TAMAÑO LA PÁGINA)*/

/*VISTA MEDIANA*/
@media screen and (max-width: 1050px){
.centrado {
    display: none;
  }
.contenido{
    position: absolute;
    top: 20%;
    left: 10%;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 20px;
}
.video{
    position: absolute;
    top: 15%;
    left: 70%;
    color: #FFFFFF;
    font-size: 80px;
}

}
/*Vista pequeña*/
@media screen and (max-width: 650px){
.centrado {
    display: none;
  }
.contenido{
    position: absolute;
    top: 5%;
    left: 10%;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 15px;
}.video{
    position: absolute;
    top: 5%;
    left: 80%;
    color: #FFFFFF;
    font-size:50px;
}

}
/*/vista grande*/
@media screen and (min-width: 1200px){
.centrado {
     font-size: 40px;
  }
.contenido{
    position: absolute;
    top: 30%;
    left: 45%;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 30px;
}
.video{
    position: absolute;
    top: 20%;
    left: 85%;
    color: #FFFFFF;
    font-size: 90px;
}

}
/*ACERCA */

@media screen and (min-width: 1801px){

    
    .txt1{
      
        font-size: 18px;
        float: left;
        margin-top: -13%;
         margin-left: 25%;
    }
    .txt2{
        font-size: 18px;
        float: left;
        margin-top: 1%;
        margin-left: 15%;
    }
    .txt3{
      
        font-size: 18px;
        float:left;
        margin-top: 2%;
        margin-left: -55%;
    }
    .txt4{
        font-size: 18px;
         float: right;
        margin-top: -15%;
        margin-right: 12%;
    }
    .txt5{
        font-size: 18px;
           float: left;
       margin-left:29%;
       margin-top:-8%;
    }

    .logo{
        
        float: right;
        margin-top: -1%;
        margin-right: 12%
    }
    .logo2{
        
        margin-top: -5%;
        margin-left:13%;
        float: left;
    }
    .titulo{
       
        float: right;
        margin-top: -12%;
        margin-left: 60%;
    }
    .logo3{
        
        float: right;
        margin-right: -45%;
        margin-top: -5%;   
    }
    .logo4{
        float: left;
        margin-top: 5%;
        margin-left:12%;
    }
    .logo5{
        float: left;
        margin-top: -11%;
        margin-left: 52%;
    }
    .logo6{
        float: right;
        margin-top: 1%;
        margin-right:28%
    }
   
   
}



@media screen and  (max-width: 1800px) and (min-width: 1600px) {
    .txt1{
      
        font-size: 16px;
        float: left;
        margin-top: -13%;
         margin-left: 27%;
    }
     .logo{
        
        float: right;
        margin-top: -1%;
        margin-right: 12%
    }
    .logo2{
        
        margin-top: -5%;
        margin-left:13%;
        float: left;
    }
    .titulo{
       
        float: right;
        margin-top: -13%;
        margin-left: 60%;
    }
    .txt2{
        font-size: 16px;
        float: left;
        margin-top: 2%;
        margin-left: 15%;
    }
    .txt3{
      
        font-size: 16px;
        float:left;
        margin-top: 2%;
        margin-left: -60%;
    }
    .txt4{
        font-size: 16px;
        float: right;
        margin-top: -15%;
        margin-right: 12%;
    }
    .txt5{
        font-size: 16px;
       float: left;
       margin-left:31%;
       margin-top:-8%;
    }
    .logo3{
        
        float: right;
        margin-right: -45%;
        margin-top: -5%;   
    }
    .logo4{
        float: left;
        margin-top: 2%;
        margin-left:15%;
    }
    .logo5{
        float: left;
        margin-top: -11%;
        margin-left: 53%;
    }
    .logo6{
        float: right;
        margin-top: 1%;
        margin-right:21%
    }
}
@media screen and  (max-width: 1690px) and (min-width: 1551px) {
    .txt1{
      
        font-size: 16px;
        float: left;
        margin-top: -14%;
         margin-left: 25%;
    }
     .logo{
        
        float: right;
        margin-top: -1%;
        margin-right: 12%
    }
    .logo2{
        
        margin-top: -5%;
        margin-left:10%;
        float: left;
    }
    .titulo{
       
        float: right;
        margin-top: -14%;
        margin-left: 60%;
    }
    .txt2{
        font-size: 16px;
        float: left;
        margin-top: 1%;
        margin-left: 13%;
    }
    .txt3{
      
        font-size: 16px;
        float:left;
        margin-top: -1%;
        margin-left: -65%;
    }
    .txt4{
        font-size: 16px;
        float: right;
        margin-top: -15%;
        margin-right: 12%;
    }
    .txt5{
        font-size: 16px;
       float: left;
       margin-left:28%;
       margin-top:-8%;
    }
    .logo3{
        
        float: right;
        margin-right: -55%;
        margin-top: -8%;   
    }
    .logo4{
        float: left;
        margin-top: 1%;
        margin-left:10%;
    }
    .logo5{
        float: left;
        margin-top: -11%;
        margin-left: 52%;
    }
    .logo6{
        float: right;
        margin-top: 1%;
        margin-right:21%
    }
    }
    @media screen and  (max-width: 1550px) and (min-width: 1401px) {
     .txt1{
      
        font-size: 14px;
        float: left;
        margin-top: -13%;
         margin-left: 25%;
    }
     .logo{
        
        float: right;
        margin-top: -1%;
        margin-right: 12%
    }
    .logo2{
        
        margin-top: -5%;
        margin-left:13%;
        float: left;
        width: 40%;
    }
    .titulo{
       
        float: right;
        margin-top: -10%;
        margin-left: 60%;
    }
    .txt2{
        font-size: 14px;
        float: left;
        margin-top: 2%;
        margin-left: 15%;
    }
    .txt3{
      
        font-size: 14px;
        float:left;
        margin-top: 1%;
        margin-left: -68%;
    }
    .txt4{
        font-size: 14px;
        float: right;
        margin-top: -13%;
        margin-right: 12%;
    }
    .txt5{
        font-size: 14px;
       float: left;
       margin-left:32%;
       margin-top:-7%;
    }
    .logo3{
     
        float: right;
        margin-right: -40%;
        margin-top: -5%;  
        width: 70%; 
    }
    .logo4{
        float: left;
        margin-top: 2%;
        margin-left:13%;
    }
    .logo5{
        float: left;
        margin-top: -11%;
        margin-left: 50%;
        width: 60%;
    }
    .logo6{
        width: 60%;
        float: right;
        margin-top: 1%;
        margin-right:23%
    }
    }
     @media screen and  (max-width: 1400px) and (min-width: 1134px) {
             .txt1{
      
        font-size: 13px;
        float: left;
        margin-top: -13%;
         margin-left: 25%;
    }
     .logo{
        
        float: right;
        margin-top: -1%;
        margin-right: 12%
    }
    .logo2{
        
        margin-top: -5%;
        margin-left:13%;
        float: left;
        width: 40%;
    }
    .titulo{
       
        float: right;
        margin-top: -10%;
        margin-left: 60%;
        width: 35%;
    }
    .txt2{
        font-size: 13px;
        float: left;
        margin-top: 2%;
        margin-left: 15%;
    }
    .txt3{
      
        font-size: 13px;
        float:left;
        margin-top: 1%;
        margin-left: -70%;
    }
    .txt4{
        font-size: 13px;
        float: right;
        margin-top: -15%;
        margin-right: 10%;
    }
    .txt5{
        font-size: 13px;
       float: left;
       margin-left:33%;
       margin-top:-8%;
    }
    .logo3{
        
        float: right;
        margin-right: -50%;
        margin-top: -3%; 
        width: 75%;  
    }
    .logo4{
        float: left;
        margin-top: 2%;
        margin-left:12%;
    }
    .logo5{
        float: left;
        margin-top: -11%;
        margin-left: 50%;
        width: 60%;
    }
    .logo6{
        width: 70%;
        float: left;
        margin-top: 2%;
        margin-left:15%
      
    }
       
     }

     @media screen and  (max-width: 1135px) and (min-width: 921px) {
             .txt1{
      
      font-size: 13px;
        float: left;
        margin-top: -15%;
         margin-left: 25%;
    }
     .logo{
        
        float: right;
        margin-top: -1%;
        margin-right: 12%
    }
    .logo2{
        
        margin-top: -5%;
        margin-left:13%;
        float: left;
        width: 40%;
    }
    .titulo{
       
        float: right;
        margin-top: -10%;
        margin-left: 60%;
        width: 35%;
    }
    .txt2{
        font-size: 13px;
        float: left;
        margin-top: 2%;
        margin-left: 15%;
    }
    .txt3{
      
        font-size: 13px;
        float:left;
        margin-top: 1%;
        margin-left: -68%;
    }
    .txt4{
        font-size: 13px;
        float: right;
        margin-top: -15%;
        margin-right: 12%;
    }
    .txt5{
        font-size: 13px;
       float: left;
       margin-left:32%;
       margin-top:-10%;
    }
    .logo3{
        
        display: none;
    }
    .logo4{
        float: left;
        margin-top: 5%;
        margin-left:15%;
    }
    .logo5{
        display: none;
    }
    .logo6{
        float: left;
        margin-top: 2%;
        margin-left:13%
      
    }
       
     }

   @media screen and  (max-width: 920px) and (min-width: 731px) {
             .txt1{
      
     font-size: 10px;
        float: left;
        margin-top: -12%;
         margin-left: 30%;
    }
     .logo{
        
        float: right;
        margin-top: -1%;
        margin-right: 5%
    }
    .logo2{
        
        margin-top: -5%;
        margin-left:17%;
        float: left;
        width: 40%;
    }
    .titulo{
       
        float: right;
        margin-top: -10%;
        margin-left: 60%;
        width: 35%;
    }
    .txt2{
        font-size: 10px;
        float: left;
        margin-top: 2%;
        margin-left: 20%;
    }
    .txt3{
      
        font-size: 10px;
        float:left;
        margin-top: 1%;
        margin-left: -62%;
    }
    .txt4{
        font-size: 10px;
        float: right;
        margin-top: -15%;
        margin-right: 12%;
    }
    .txt5{
        font-size: 10px;
       float: left;
       margin-left:35%;
       margin-top:-10%;
    }
    .logo3{
        
        display: none;
    }
    .logo4{
        width: 80%;
        float: left;
        margin-top: 5%;
        margin-left:15%;
    }
    .logo5{
        display: none;
    }
    .logo6{
        float: left;
        margin-top: 5%;
        margin-left:15%
      
    }
       
     }
      @media screen and  (max-width: 730px) and (min-width: 640px) {
             .txt1{
      
     font-size: 10px;
        float: left;
        margin-top: -15%;
         margin-left: 15%;
    }
     .logo{
        
        float: right;
        margin-top: -1%;
        margin-right: 12%
    }
    .logo2{
        
       display: none;
    }
    .titulo{
       
        float: right;
        margin-top: 1%;
        margin-left: 60%;
        width: 35%;
    }
    .txt2{
        font-size: 10px;
        float: left;
        margin-top: 2%;
        margin-left: 15%;
    }
    .txt3{
      
        font-size: 10px;
        float:left;
        margin-top: 15%;
        margin-left: -72%;
    }
    .txt4{
        font-size: 10px;
        float: right;
        margin-top: 3%;
        margin-right: 12%;
    }
    .txt5{
        font-size: 10px;
       float: left;
       margin-left:15%;
       margin-top:5%;
    }
    .logo3{
        
        display: none;
    }
    .logo4{
        display: none;
    }
    .logo5{
        display: none;
    }
    .logo6{
        display: none;
      
    }
       
     }
       @media screen and  (max-width: 641px) and (min-width: 10px) {
    .txt1{
      
     font-size: 10px;
        float: left;
        margin-top: -1%;
         margin-left: 15%;
    }
     .logo{
        
        display: none;
    }
    .logo2{
        
       display: none;
    }
    .titulo{
       
        float: right;
        margin-top: 1%;
        margin-left: 60%;
        width: 35%;
    }
    .txt2{
        font-size: 10px;
        float: left;
        margin-top: 2%;
        margin-left: 15%;
    }
    .txt3{
      
        font-size: 10px;
        float:left;
        margin-top: 30%;
        margin-left: -72%;
    }
    .txt4{
        display: none;
    }
    .txt5{
        font-size: 10px;
       float: left;
       margin-left:15%;
       margin-top:5%;
    }
    .logo3{
        
        display: none;
    }
    .logo4{
        display: none;
    }
    .logo5{
        display: none;
    }
    .logo6{
        display: none;
      
    }
       
     }

     /*ANÁLISIS I*/
    
@media screen and (max-width: 2500px){

.logo{
    float: right;
    margin-top: -1%;
}
.txt1_an{
    float: left;
    margin-left: 10%;
    font-size: 50px;
    margin-top: -5%;

}
.txt2_an{
    float: left;
    font-size: 18px;
    margin-left: 10%;
}
.logoAn{
    float: left;
    margin-top: -12%;
    margin-left: 35%;
}
.tituloAn{
    float: right;
    margin-top: -7%;
    margin-right: -45%;
}
.txt3_an{
    float: left;
    font-size: 40px;
    margin-top: -1%;
    margin-left: 12%;
}
.tablaImg{
    width: 62%;
    float: left;
    margin-top: 1%;
    margin-left: 15%;
}

.logoAn_8{
    float: left;
    margin-left: 20%;
}
.txt4_an{
    float: left;
    font-size: 24px;
    margin-top: -5%;
    margin-left: 35%;
}
.tablaImg2{

    float: right;
    margin-top: -5%;
    margin-right: 14%;
}

.tablaImg3{
    float: left;
    margin-left: 58%;
    font-size: 22px;
    margin-top: -5%;
}
}


@media screen and  (max-width: 1700px) and (min-width: 1521px) {
.tituloAn{
    width: 60%;
    float: right;
    margin-top: -7%;
    margin-right: -35%;
}
.txt3_an{
    float: left;
    font-size: 30px;
    margin-top: 1%;
    margin-left: 18%;
}

.txt4_an{
    float: left;
    font-size: 20px;
    margin-top: -5%;
    margin-left: 30%;
}
.tablaImg2{
    width: 5%;
    float: right;
    margin-top: -5%;
    margin-right: 20%;
}


.tablaImg3{
    float: right;
    margin-right: 17%;
    font-size: 20px;
    margin-top: -6%;
}
.logoAn_8{
    float: left;
    margin-left: 15%;
}
    }
@media screen and  (max-width: 1520px) and (min-width: 1437px) {

.tituloAn{
    width: 60%;
    float: right;
    margin-top: -7%;
    margin-right: -35%;
}
.txt2_an{
    float: left;
    font-size: 18px;
    margin-left: 10%;
}
.logoAn{
    width: 50%;
    float: left;
    margin-top: -13%;
    margin-left: 40%; 
}
.txt3_an{
    float: left;
    font-size: 30px;
    margin-top: 1%;
    margin-left: 18%;
}

.txt4_an{
    float: left;
    font-size: 18px;
    margin-top: -7%;
    margin-left: 34%;
}
.tablaImg2{
   
    float: right;
    margin-top: -8%;
    margin-right: 15%;
}
#img1,#img2,#img3{
    width: 10%;
}
.tablaImg3{
    float: right;
    margin-right: 13%;
    font-size: 17px;
    margin-top: -8%;
}
.logoAn_8{
    width: 100%;
    float: right;
    margin-right: -13%;
}
}
@media screen and  (max-width: 1436px) and (min-width: 1371px) {
.tituloAn{
    width: 60%;
    float: right;
    margin-top: -7%;
    margin-right: -35%;
}
.txt2_an{
    float: left;
    font-size: 18px;
    margin-left: -16%;
}
.logoAn{
    width: 50%;
    float: left;
    margin-top: -13%;
    margin-left: 40%; 
}
.txt3_an{
    float: left;
    font-size: 30px;
    margin-top: 1%;
    margin-left: 18%;
}
 
.txt4_an{
    float: left;
    font-size: 18px;
    margin-top: -7%;
    margin-left: 34%;
}
.tablaImg2{
  
    float: right;
    margin-top: -8%;
    margin-right: 15%;
}
#img1,#img2,#img3{
    width: 10%;
}
.tablaImg3{
    float: right;
    margin-right: 13%;
    font-size: 17px;
    margin-top: -8%;
}
.logoAn_8{
    width: 100%;
    float: right;
    margin-right: -13%;
}
    }
@media screen and  (max-width: 1370px) and (min-width: 1286px) {
  .tituloAn{
    width: 60%;
    float: right;
    margin-top: -7%;
    margin-right: -35%;
}
.txt2_an{
    float: left;
    font-size: 18px;
    margin-left: -16%;
}
.logoAn{
    width: 50%;
    float: left;
    margin-top: -13%;
    margin-left: 40%; 
}
.txt3_an{
    float: left;
    font-size: 30px;
    margin-top: 1%;
    margin-left: 14%;
}

.txt4_an{
    float: left;
    font-size: 18px;
    margin-top: -7%;
    margin-left: 34%;
}
.tablaImg2{

    float: right;
    margin-top: -8%;
    margin-right: 15%;
}
#img1,#img2,#img3{
    width: 10%;
}
.tablaImg3{
    float: right;
    margin-right: 13%;
    font-size: 17px;
    margin-top: -8%;
}
.logoAn_8{
    width: 100%;
    float: right;
    margin-right: -13%;
}  
}
@media screen and  (max-width: 1285px) and (min-width: 1177px) {
.txt1_an{
    float: left;
    margin-left: 10%;
    font-size: 40px;
    margin-top: -5%;

}
  .tituloAn{
    width: 60%;
    float: right;
    margin-top: -7%;
    margin-right: -35%;
}
.txt2_an{
    float: left;
    font-size: 16px;
    margin-left: 10%;
}
.logoAn{
    width: 50%;
    float: left;
    margin-top: -13%;
    margin-left: 40%; 
}
.txt3_an{
    float: left;
    font-size: 25px;
    margin-top: 1%;
    margin-left: 14%;
}

.txt4_an{
    float: left;
    font-size: 16px;
    margin-top: -7%;
    margin-left: 34%;
}
.tablaImg2{
    
    float: right;
    margin-top: -8%;
    margin-right: 15%;
}
#img1,#img2,#img3{
    width: 7%;
}
.tablaImg3{
    float: right;
    margin-right: 13%;
    font-size: 16px;
    margin-top: -8%;
}
.logoAn_8{
    width: 100%;
    float: right;
    margin-right: -13%;
}
    }
@media screen and  (max-width: 1176px) and (min-width: 1117px) {
.txt1_an{
    float: left;
    margin-left: 10%;
    font-size: 35px;
    margin-top: -5%;

}
  .tituloAn{
    width: 60%;
    float: right;
    margin-top: -7%;
    margin-right: -35%;
}
.txt2_an{
    float: left;
    font-size: 14px;
    margin-left: 10%;
}
.logoAn{
    width: 50%;
    float: left;
    margin-top: -13%;
    margin-left: 40%; 
}
.txt3_an{
    float: left;
    font-size: 25px;
    margin-top: 1%;
    margin-left: 10%;
}

.txt4_an{
    float: left;
    font-size: 14px;
    margin-top: -7%;
    margin-left: 34%;
}
.tablaImg2{
    
    float: right;
    margin-top: -8%;
    margin-right: 15%;
}
#img1,#img2,#img3{
    width: 7%;
}

.tablaImg3{
    float: right;
    margin-right: 12%;
    font-size: 15px;
    margin-top: -8%;
}
.logoAn_8{
    width: 100%;
    float: right;
    margin-right: -13%;
    margin-top: 3%;
}
}
@media screen and  (max-width: 1116px) and (min-width: 866px) {

.txt1_an{
    float: left;
    margin-left: 10%;
    font-size: 35px;
    margin-top: -5%;

}
  .tituloAn{
    width: 60%;
    float: right;
    margin-top: -10%;
    margin-right: -35%;
}
.txt2_an{
    float: left;
    margin-left: 16%;
    font-size: 14px;
}
.logoAn{
    width: 50%;
    float: left;
    margin-top: -13%;
    margin-left: 45%; 
}
.txt3_an{
    float: left;
    font-size: 25px;
    margin-top: 1%;
    margin-left: 10%;
}

.txt4_an{
    float: left;
    font-size: 14px;
    margin-top: -7%;
    margin-left: 30%;
}
.tablaImg2{
  
    float: right;
    margin-top: -8%;
    margin-right: 14%;
}
#img1,#img2,#img3{
    width: 6%;
}

.tablaImg3{
    float: right;
    margin-right: 12%;
    font-size: 15px;
    margin-top: -8%;
}
.logoAn_8{
    width: 100%;
    float: right;
    margin-right: -13%;
    margin-top: 3%;
}
    }
@media screen and  (max-width: 865px) and (min-width: 0px) {
    .logo{
    float: right;
    margin-top: 5%;
}
.txt1_an{
    float: left;
    margin-left: 10%;
    font-size: 25px;
    margin-top: -5%;

}
  .tituloAn{
display: none;
}
.txt2_an{
    float: left;
    margin-left: 16%;
    font-size: 10px;
}
.logoAn{
    display: none;
}
.txt3_an{
    float: left;
    font-size: 15px;
    margin-top: 1%;
    margin-left: 10%;
}

.txt4_an{
    float: left;
    font-size: 10px;
    margin-top: -7%;
    margin-left: 30%;
}
.tablaImg{
    font-size: 10px;
}
.tablaImg2{
  
    float: right;
    margin-top: -8%;
    margin-right: 14%;
}
#img1,#img2,#img3{
    width: 6%;
}

.tablaImg3{
    float: right;
    margin-right: 12%;
    font-size: 10px;
    margin-top: -8%;
}
.logoAn_8{
    width: 100%;
    float: right;
    margin-right: -13%;
    margin-top: 3%;
}
}
/*ANÁLISIS II*/
@media screen and (max-width: 2500px){
.logoAn2{
    float: left;
    margin-left: 15%;
    margin-top: 3%;

}
.tituloAn2{
    width: 25%;
    float: right;
    margin-right: -30%;
}
.tituloC{
    float: left;
    margin-left: 10%;
    margin-top:-10%;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-size: 30px;
}

.subtitulo{
    float: left;
    margin-left: 40%;
    margin-top:1%;
    font-family: 'Oswald', sans-serif;
    color: #a21d2d;
    font-size: 50px;
}
.tablaImg4{
    float: left;
    margin-left: 15%;
}
}
@media screen and  (max-width: 1790px) and (min-width: 1671px) {
.logoAn2{
    float: left;
    margin-left: 10%;
    margin-top: 3%;

}

    }
@media screen and  (max-width: 1670px) and (min-width: 1511px) {
.logoAn2{
    float: left;
    margin-left: 1%;
    margin-top: 3%;

}

    }
@media screen and  (max-width: 1510px) and (min-width: 1471px) {
.logoAn2{
    width: 70%;
    float: left;
    margin-left: 15%;
    margin-top: 3%;

}

    }

@media screen and  (max-width: 1470px) and (min-width: 1101px) {
.logoAn2{
    width: 70%;
    float: left;
    margin-left: 5%;
    margin-top: 3%;

}

.tituloC{
    float: left;
    margin-left: 10%;
    margin-top:-5%;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-size: 20px;
}

.subtitulo{
    float: left;
    margin-left: 40%;
    margin-top:1%;
    font-family: 'Oswald', sans-serif;
    color: #a21d2d;
    font-size: 40px;
}
    }


@media screen and  (max-width: 1100px) and (min-width:755px) {
.logoAn2{
    width: 70%;
    float: left;
    margin-left: 25%;
    margin-top: 3%;

}
.tituloAn2{
  display: none;
}

.tituloC{
    float: left;
    margin-left: 10%;
    margin-top:-5%;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-size: 20px;
}

.subtitulo{
    float: left;
    margin-left: 40%;
    margin-top:1%;
    font-family: 'Oswald', sans-serif;
    color: #a21d2d;
    font-size: 20px;
}
}
@media screen and  (max-width: 756px) and (min-width:10px) {
.logoAn2{
        display: none;
    }
.tituloAn2{
   display: none;
}
.tituloC{
    float: left;
    margin-left: 10%;
    margin-top:10%;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-size: 20px;
}

.subtitulo{
    float: left;
    margin-left: 40%;
    margin-top:1%;
    font-family: 'Oswald', sans-serif;
    color: #a21d2d;
    font-size: 20px;
}
}
/*BUSQUEDAS*/
@media screen and (max-width: 2500px){
    .logoBusquedas{
    float: left;
    margin-left: 15%;
    margin-top: 3%;
    }
    .tituloAn2{
    width: 60%;
    float: left;
    margin-left: 75%;
    margin-top: 1%;
    }
.catego{
   float: left;
    margin-left: -85%;
    margin-top:-5%;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-size: 40px; 

}
.tablaImg5 {
    float: left;
    margin-left: 20%;
    margin-top: -5%;
}
}
@media screen and  (max-width: 1780px) and (min-width:1621px) {
     .logoBusquedas{
    float: left;
    margin-left: 7%;
    margin-top: 3%;
    }
    .tituloAn2{
    float: left;
    margin-left: 70%;
    margin-top: 1%;
    }
}
@media screen and  (max-width: 1620px) and (min-width:1471px) {
     .logoBusquedas{
    float: left;
    margin-left: -2%;
    margin-top: 3%;
    }
    .tituloAn2{
    float: left;
    margin-left: 71%;
    margin-top: 1%;
    }
    .catego{
   float: left;
    margin-left: 20%;
    margin-top:-12%;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-size: 30px; 
    }
}
@media screen and  (max-width: 1470px) and (min-width:761px) {
    .catego{
   float: left;
    margin-left: 20%;
    margin-top:-10%;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-size: 30px; 
    }
     .logoBusquedas{
    width: 70%;
    float: left;
    margin-left: 15%;
    margin-top: 7%;
    }
    .tituloAn2{
    float: left;
    margin-left: 70%;
    margin-top: 1%;
    }
    .tablaImg5{
        margin-top: -3%;
    }
}

@media screen and  (max-width: 760px) and (min-width:10px) {
 .catego{
   float: left;
    margin-left: 20%;
    margin-top:-5%;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-size: 20px; 
    }
     .logoBusquedas{
    width: 70%;
    float: left;
    margin-left: 20%;
    margin-top: 5%;
    }
    .tablaImg5 {
        margin-top: 15%;
    }
    }

/*TABLAS*/
@media screen and (max-width: 2500px){
.logoTabla{
    float: right;
    margin-right: -40%;
    margin-top: 3%;

}
.tituloTbl{
 
    margin-left: 70%;

}
.TituloTabla{
    font-family:'Montserrat', sans-serif;
    margin-top: -12%;
    margin-left: 10%;

}
.subTabla{
    font-family: 'Montserrat',sans-serif;
    margin-left: 10%;
}
.legislaturas{
    font-family: 'Montserrat',sans-serif;
    margin-left: 10%;
    margin-top: 3%;
}
.links{
    color: black;
    font-size: 15px;

}
.links:hover{
    color: #82112A;
}
.iframes{
    margin-top: 3%;
    margin-left: 10%;
    width: 75%;
    height: 65vh;
}
}
@media screen and  (max-width: 1760px) and (min-width:1561px) {
.logoTabla{
    float: right;
    margin-right: -45%;
    margin-top: 3%;

}
}
@media screen and  (max-width: 1560px) and (min-width:1431px) {
.logoTabla{
    float: right;
    margin-right: -55%;
    margin-top: 3%;

}
}
@media screen and  (max-width: 1430px) and (min-width:1051px) {
.logoTabla{
    width: 80%;
    float: right;
    margin-right: -45%;
    margin-top: 3%;

}
.TituloTabla{
    font-size: 30px;

}
.subTabla{
    font-size: 15px;
}
}

@media screen and  (max-width: 1050px) and (min-width:736px) {
.logoTabla{
    width: 80%;
    float: right;
    margin-right: -45%;
    margin-top: 3%;

}
.TituloTabla{
    font-size: 20px;

}
.subTabla{
    font-size: 12px;
}
}
@media screen and  (max-width: 735px) and (min-width:10px) {
.logoTabla{
    width: 80%;
    float: right;
    margin-right: -45%;
    margin-top: 3%;

}

.TituloTabla{
    font-size: 20px;

}
.subTabla{
    font-size: 12px;
}
}
/*ESTADÍSTICAS*/
@media screen and (max-width: 2500px){
.logoEstads{
    float: right;
    margin-right: -40%;
    margin-top: 5%;

}
.TituloEstads{
    
    margin-left: 67%;
}
.tituloE{
    margin-top: -13%;
    margin-left: 15%;
}
.tblEstads{
    font-family: "Oswald",sans-serif;
    font-size: 20px;
}
.divTabla{
    margin-left: 20%;
}

}

@media screen and  (max-width: 1725px) and (min-width:1571px) {
.logoEstads{
    float: right;
    margin-right: -50%;
    margin-top: 5%;

}
.TituloEstads{
    
    margin-left: 75%;
}
}

@media screen and  (max-width: 1570px) and (min-width:1477px) {
.logoEstads{
    float: right;
    margin-right: -58%;
    margin-top: 5%;

}
.TituloEstads{
    
    margin-left: 75%;
}
}

@media screen and  (max-width: 1476px) and (min-width:981px) {
.logoEstads{
    width: 70%;
    float: right;
    margin-right: -43%;
    margin-top: 5%;

}
.TituloEstads{
    
    margin-left: 75%;
}
.tituloE{
    font-size: 28px;
}
}
@media screen and  (max-width: 980px) and (min-width:10px) {
.logoEstads{
    width: 70%;
    float: right;
    margin-right: -43%;
    margin-top: 5%;

}
.TituloEstads{
    
    margin-left: 75%;
}
.tituloE{
    font-size: 20px;
}
    }
/*NOTICIAS*/
@media screen and (max-width: 2500px){
.tituloNoticias{
    float: left;
    font-family: "Montserrat",sans-serif;
    font-size: 30px;
    margin-top: -12%;
    margin-left: 12%;
}
.Noticias{
    float: left;
    font-family: "Montserrat",sans-serif;
    font-size: 20px;
    margin-top: -9%;
    margin-left: 12%;
    }
.imgLupa{
    float: left;
    margin-left: 40%;
    margin-top: -20%;
}
.titulo1{
    font-size: 23px;
}
.tablaNoticias1{
    float: left;
    margin-left: 15%;
    margin-top: -4%;

}
.contenido1{
    font-size: 20px;
}

.tablaNoticias2{
    float: left;
    margin-left: 10%;
    margin-top: -4%;

}

}
@media screen and  (max-width: 1725px) and (min-width:1471px) {
 .imgLupa{
    float: left;
    margin-left: 45%;
    margin-top: -20%;
} 
}  

@media screen and  (max-width: 1470px) and (min-width:1060px) {
.tituloNoticias{
    float: left;
    font-family: "Montserrat",sans-serif;
    font-size: 20px;
    margin-top: -12%;
    margin-left: 12%;
}
.Noticias{
    float: left;
    font-family: "Montserrat",sans-serif;
    font-size: 17px;
    margin-top: -9%;
    margin-left: 12%;
    }
     .imgLupa{
    float: left;
    margin-left: 50%;
    margin-top: -20%;
} 
}  
@media screen and  (max-width: 1061px) and (min-width:956px) {
      .imgLupa{
    float: left;
    margin-left: 55%;
    margin-top: -20%;
}  
.tituloNoticias{
    float: left;
    font-family: "Montserrat",sans-serif;
    font-size: 20px;
    margin-top: -12%;
    margin-left: 12%;
}
.Noticias{
    float: left;
    font-family: "Montserrat",sans-serif;
    font-size: 17px;
    margin-top: -8%;
    margin-left: 12%;
    }
}

@media screen and  (max-width: 955px) and (min-width:841px) {
      .imgLupa{
    float: left;
    margin-left: 55%;
    margin-top: -20%;
}  
.tituloNoticias{
    float: left;
    font-family: "Montserrat",sans-serif;
    font-size: 17px;
    margin-top: -12%;
    margin-left: 12%;
}
.Noticias{
    float: left;
    font-family: "Montserrat",sans-serif;
    font-size: 15px;
    margin-top: -8%;
    margin-left: 12%;
    }
}
@media screen and  (max-width: 840px) and (min-width:10px) {
      .imgLupa{
    float: left;
    margin-left: 55%;
    margin-top: -23%;
}  
.tituloNoticias{
    float: left;
    font-family: "Montserrat",sans-serif;
    font-size: 15px;
    margin-top: -12%;
    margin-left: 12%;
}
.Noticias{
    float: left;
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    margin-top: -8%;
    margin-left: 12%;
    }
}

/*OTROS*/
@media screen and (max-width: 2500px){
.otrosTxt{
    float: left;
    margin-top: -10%;
    margin-left: 10%;
}
.tbl1{
    float: left;
    margin-left: 10%;
}
.tbl2{
    float: left;
    margin-left: 2%;
}
.tbl3{
    float: left;
    margin-left: 2%;
}

}


@media screen and  (max-width: 1285px) and (min-width:736px) {
.otrosTxt{
    float: left;
    margin-top: -10%;
    margin-left: 10%;
    font-size: 28px;
}
.tbl1{
    float: left;
    margin-left: 10%;
}
.tbl2{
    float: left;
    margin-left: 2%;
}
.tbl3{
    float: left;
    margin-left: 2%;
}
}
@media screen and  (max-width: 735px) and (min-width:10px) {
.otrosTxt{
    float: left;
    margin-top: -10%;
    margin-left: 10%;
    font-size: 15px;
}
.tbl1{
    float: left;
    margin-left: 10%;
}
.tbl2{
    float: left;
    margin-left: 2%;
}
.tbl3{
    float: left;
    margin-left: 2%;
}

}
/*CONTACTO*/
@media screen and (max-width: 2500px){
    .Contacto1{
    font-size: 25PX;
    }
    .tituloTblC{
     font-size: 30px;   
     text-align: center;
    }
    .btnEnviar{
        font-size: 50px;
    }
   .Contacto2{
    font-size: 25px;
    margin-left: 8%;
   }

}
@media screen and  (max-width: 1000px) and (min-width:10px) {

.Contacto1{
    font-size: 16PX;
    margin-left: 15%;
    }
    .tituloTblC{
     font-size: 20px;   
     text-align: center;
    }
    .btnEnviar{
        font-size: 30px;
    }
   .Contacto2{
    font-size: 16px;
    margin-left: 15%;
   }
}