@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

@media only screen and (min-width: 319px) {    /* COMIENZA MENU PARA MOVILES*/
    #container{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    #header{
        width: 100%;
        height: auto;
        overflow:visible;
        position: relative;
        min-height: 120px;
    }
    #head_1{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        z-index: 1;
    }
    #head_1 img{
        width: 90%;
        height: auto;
        position: relative;
        float: left;
        max-width: 300px;
        margin-left: 5%;
        margin-top: 5px;
    }
    #head_2{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        z-index: 1;
        display: block;
        background-color: #F1F0F0;
    }
    #head_3{       
        display: none;        
    }
    .menucont{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        box-sizing: border-box;
        z-index: 1;
        margin-left: 5%;
    }
    #mostrarmenu {
        display: block;
        width: 50%;
        margin-left: calc(50% - 10px);
    }
    #menueffect {
        width: 100%;
        left: 0;        
        top: 0px;        
        z-index: 5;
        text-align: center;
        background-color: #1E63B3;    
        font-weight: bold;   
    }
    #menu{
        display: none;
    }
    .socialmedia_cont{
        width: 5%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 15px;
    }    
        .menu1,.menu2,.menu3,.menu4,.menu5,.menu6{
            width: 16.6%;
            height: auto;
            position: relative;
            float: left;       
        }
        .menu1:hover,.menu2:hover,.menu3:hover,.menu4:hover,.menu5:hover,.menu6:hover{ 
            color: #005bb5;
        }   
        .menu1 p,.menu2 p,.menu3 p,.menu4 p,.menu5 p,.menu6 p{
            width: 100%;
            height: auto;
            position: relative;
            float: left;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
        }        
        .menu1-img{
            background-image: url(../img/icons/gobierno.png);
            background-size: cover;
            background-repeat: no-repeat;
            width: 70%;
            height: auto;
            position: relative;
            float: left;
            max-width: 60px;
            margin-left: 30%;
            min-height: 60px; 
            margin-bottom: 5px;
        }
        .menu2-img{
            background-image: url(../img/icons/cabildo.png);
            background-size: cover;
            background-repeat: no-repeat;
            width: 70%;
            height: auto;
            position: relative;
            float: left;
            max-width: 60px;
            margin-left: 30%;
            min-height: 60px; 
            margin-bottom: 5px;
        }
        .menu3-img{
            background-image: url(../img/icons/tramites.png);
            background-size: cover;
            background-repeat: no-repeat;
            width: 70%;
            height: auto;
            position: relative;
            float: left;
            max-width: 60px;
            margin-left: 30%;
            min-height: 60px; 
            margin-bottom: 5px;
        }
        .menu4-img{
            background-image: url(../img/icons/reglamentos.png);
            background-size: cover;
            background-repeat: no-repeat;
            width: 70%;
            height: auto;
            position: relative;
            float: left;
            max-width: 60px;
            margin-left: 30%;
            min-height: 60px; 
            margin-bottom: 5px;
        }
        .menu5-img{
            background-image: url(../img/icons/visitanos.png);
            background-size: cover;
            background-repeat: no-repeat;
            width: 70%;
            height: auto;
            position: relative;
            float: left;
            max-width: 60px;
            margin-left: 30%;
            min-height: 60px; 
            margin-bottom: 5px;
        }        
        .menu1-img:hover{
            background-image: url(../img/icons/gobierno_hover.png);
            background-size: cover;
            background-repeat: no-repeat;
            width: 70%;
            height: auto;
            position: relative;
            float: left;
            max-width: 60px;
            margin-left: 30%;
            min-height: 60px; 
        }
        .menu2-img:hover{
            background-image: url(../img/icons/cabildo_hover.png);
            background-size: cover;
            background-repeat: no-repeat;
            width: 70%;
            height: auto;
            position: relative;
            float: left;
            max-width: 60px;
            margin-left: 30%;
            min-height: 60px; 
        }
        .menu3-img:hover{
            background-image: url(../img/icons/tramites_hover.png);
            background-size: cover;
            background-repeat: no-repeat;
            width: 70%;
            height: auto;
            position: relative;
            float: left;
            max-width: 60px;
            margin-left: 30%;
            min-height: 60px; 
        }
        .menu4-img:hover{
            background-image: url(../img/icons/reglamentos_hover.png);
            background-size: cover;
            background-repeat: no-repeat;
            width: 70%;
            height: auto;
            position: relative;
            float: left;
            max-width: 60px;
            margin-left: 30%;
            min-height: 60px; 
        }
        .menu5-img:hover{
            background-image: url(../img/icons/visitanos_hover.png);
            background-size: cover;
            background-repeat: no-repeat;
            width: 70%;
            height: auto;
            position: relative;
            float: left;
            max-width: 60px;
            margin-left: 30%;
            min-height: 60px; 
        }
        
     #flyer{
         width: 100%;
         height: auto;
         position: relative;
         float: left;
         margin-left: 0%;
         margin-top: 15px;
     }   
      #flyer img{
        width: 100%;
        max-width: 100%;
        height: auto;
      }
    #main{
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
        background-color: #F4DBCE;
        min-height: 600px;
    }
    #footer {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
        background-color: #D74D05;
        min-height: 70px;
    }    
    #footer div p{
        font-family: 'Montserrat', sans-serif;
        color: white;
        text-align: center;
        font-size: 0.8em;
    }
    ul, ol{
        list-style: none;
    }
    .nav {
        width: 100%;
        overflow: hidden;
        font-family: 'Montserrat', sans-serif;
        font-size: 1.1em;
        box-sizing: border-box;
        padding: 0px;
    }
    .nav li a{      
        text-decoration: none;
        padding: 0px;
        display: block;
        color: black;
    }
    .nav li a:hover{
        color: #D74D05;
        z-index: 1;
       height: auto;
    }
    .nav > li{
        width: 100%;
        float:left;
    }
    .nav li ul {
        display: none;
        position: relative;
        min-width: 140px;       
    }
    .nav li:hover > ul{
        display:block;
    }
   .nav li a p{
       text-align: center;
   }
   .nav li ul li {
    min-height: 40px;
    text-align: center;
    font-size: 0.9em;
}
   .nav li ul li:hover{
       color:#005bb5;
   }
   .clear{
       width: 100%;
       height: 75px;
       position: relative;
       float: left;
   }
   h2{
    font-size: 2.2em;   
    font-family:'Roboto', sans-serif;
    color: orangered;
    text-align: center;
    padding: 5px;
    position: relative;
    overflow: hidden;
   }
   h3{
    font-size: 1.8em;
    font-family: 'Roboto', sans-serif;
    color: #FB8107;
    text-align: center;
    padding: 5px;
    position: relative;
    overflow: hidden;
    }   
   .news_cont1{
       width: 100%;
       height: auto;
       position: relative;
       float: left;
       margin-top: 25px;
       background-color: #E4984C;
       padding: 5px;
   }
   .news_cont2{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 25px;
        background-color: #E38D36;
        padding: 5px;
    }
    .news_titulo{
        width: 100%;
        font-size: 2em;
        font-family: 'Roboto', sans-serif;
        text-align: center;
        color: #EBEBEB;
        font-weight: bold ;
        position: relative;
        float: left;
    }
    .news_img {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
    }
      .news_img > img{
          max-width: 100%;
          height: auto;
      }
      .news_info {
        margin-left: 5%;
        width: 95%;
        height: auto;
        position: relative;
        float: left;
        font-size: 1.2em;
        padding: 0px;
    }
      .news_info p{
          font-size: 1em;
          color: #562000;
      }

      table{
          width: 80%;
          height: auto;
          position: relative;
          margin-left: 10%;
          float: left;
          font-size: 1.4em;
      }
    .lista-cont {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        padding: 5px;
        margin-left: 0%;
        font-size: 1.5em;
    }
    .lista-cont > ul{
        padding: 2px;
    }

    
    .lista-cont > ul >li > a{
        text-decoration: none;
        color:#0E1248;
        font-family: 'Montserrat', sans-serif;
    }
    .lista-cont > ul >li {
        margin-top: 30px;
    }
    .lista-cont > ul > a:hover{       
        color:#FFA702;
    }
    .lista-cont img{
        max-width: 40px;
        height: auto;
        position: relative;
    }
     th, td {
       width: 33%; 
       border-collapse: collapse;
       padding: 3px;
      }
      tr{
          height: 60px;
      }
      table {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        border-collapse: collapse;
        padding: 3px;
        margin-left: 0px;
        text-align: center;
    }
        .tablatesoreria td{
            width: 25%;
        }
    .ttesoreria-cont{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        display: block;
        justify-content: center;
    }
      .ttesoreria-A{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        text-align: center;
        text-decoration: none;
        color:#0E1248;
        font-family: 'Montserrat', sans-serif;
        margin-top: 25px;
      }
      .ttesoreria-A a:link{      
        color: #585757;
        text-decoration: none;
        font-weight: bold;
        font-size: 1.5em;       
      }
      .ttesoreria-A a:hover{      
        color: orangered;
        text-decoration: none;
        font-weight: bold;
        font-size: 1.5em;       
    }
    .ttesoreria-A a:active{      
        color: #585757;
        text-decoration: none;
        font-weight: bold;
        font-size: 1.5em;       
    }
    .ttesoreria-A a:visited{      
        color: #585757;
        text-decoration: none;
        font-weight: bold;
        font-size: 1.5em;       
    }
    .directorio-cont{
      overflow-x: scroll;
      overflow-y: hidden;
    }     
    .directorio-cont table{
        width: 80%;
        height: auto;
        position: relative;
        float: left;
        overflow: hidden;
    }
      .directorio-cont table tr{
          width: 33%;
          height: auto;
          background-color: #FA7C3F;
          border: 0px;          
      }
      .directorio-cont table .title{
            font-weight: bold;
            font-size: 0.8em;
            font-family: 'Montserrat', sans-serif;           
        }
        .directorio-cont table .uno {
            width: 33%;
            height: auto;
            background-color: #F8A27A;
            font-size: 0.7em;
            font-family: 'Open Sans', sans-serif;           
        }
        .directorio-cont table .dos {
            width: 33%;
            height: auto;
            background-color: #F9B696;
            font-size: 0.7em;
            font-family: 'Open Sans', sans-serif;
        }
        .uno img, .dos img{
            width: 100%;
            height: auto;
            position: relative;
            float: left;
            max-width: 40px;
        }
        #contactcont {
            width: 40%;
            height: auto;
            margin-left: 30%;
            float: left;
            position: relative;
            overflow: hidden;
            margin-top: 50px;
        }
        input[type=text],input[type=email],input[type=password]{
            width: 100%;
            height: auto;
            min-height: 40px;
            margin-top: 10px;
            padding-left: 30px;
            font-size: 1.2em;
            border: 2px solid #858484;
            border-radius: 4px;
        }
        input[type=submit]{
            width: 35%;
            height: auto;
            margin-left: 32.5%;
            min-height: 40px;
            margin-top: 10;
            font-size: 1.2em;
            color: white;
            background: #F54613;
            border: inherit;
            border-radius: 4px;
        }
              input[type=submit]:hover{
                  background: #D33C10;
              }
        #visit-cont{
            width: 100%;
            height: auto;
            position: relative;
            float: left;
        }  
          #visit-cont img{
              width: 100%;
              height: auto;
              position: relative;
              float: left;
          }   
          .visit-area1,.visit-area2,.visit-area3,.visit-area4{
            width: 100%;
            height: auto;
            position: relative;
            float: left;
            overflow: visible;
          }
          .visit-text1{
            width: 100%;
            height: auto;
            position: absolute;
            float: left;
            z-index: 3;
            bottom: 0px;
            font-size: 1.5em;
          }         
          .visit-text2, .visit-text3, .visit-text4 {
            width: 100%;
            height: auto;
            position: absolute;
            float: left;
            z-index: 3;
            bottom: 0px;
            font-size: 0.5em;
            background-color: rgba(0,0,0, 0.5);
        }          
            .visit-text1 p{
                text-align: center;
                font-size: 1em;
                color: white;
                font-family: 'Open Sans', sans-serif;  
            }
            .visit-text2 p, .visit-text3 p,.visit-text4 p{
                text-align: center;
                font-size: 1.8em;
                color: white;
                font-family: 'Open Sans', sans-serif;     
                padding: 5px;             
            }
            .aviso {
                width: 15%;
                height: auto;
                position: fixed;
                bottom: 0;
                margin-left: 60%;
                z-index: 5;
            }            
            .aviso img {
                max-width: 120px;
            }            
      .webmail{
          width: 50%;
          height: auto;
          position: relative;
          float: left;
          margin-left: 25%;
      }   
        .webmail img{
            width: 100%;
            height: auto;
            position: relative;
        }   
        .tablatesoreria a:link{
            color: #585757;
            text-decoration: none;
            font-weight: bold;
            font-size: 1.1em;
        }
        .tablatesoreria a:visited{
            color: #585757;
            text-decoration: none;
            font-weight: bold;
        }
        .tablatesoreria a:hover{
            color: orangered;
            text-decoration: none;
            font-weight: bold;
        }
        .tablatesoreria a:active{
            color: #585757;
            text-decoration: none;
            font-weight: bold;
        }
        #video{
            width: 100%;
            height: auto;
            position: relative;
            float: left;
        }
        .contact-cont{
            width: 100%;
            height: auto;
            position: relative;
            float: left;
        }
        .actascabildo-cont{
            width: 100%;
            height: auto;
            position: relative;
            float: left;
            font-size: 1.5em;
            text-align: center;
        }
        .actascabildo-cont > ul {
            padding: 3px;
        }
        .actascabildo-cont > ul > li{
            padding: 5px;           
        }
        .actascabildo-cont > ul > li > a:link{
            color: #585757;
            text-decoration: none;
            font-size: 1.1em;        
        }
        .actascabildo-cont > ul > li > a:hover{
            color: orangered;
            text-decoration: none;
            font-weight: bold;
            font-size: 1.1em;        
        }   
        .actascabildo-cont > ul > li > a:visited{
            color: #585757;
            text-decoration: none;
            font-size: 1.1em;        
        } 
        .actascabildo-cont > ul > li > a:active{
            color: #585757;
            text-decoration: none;
            font-size: 1.1em;        
        }      
        .pnt{         
            width: 100%; 
            height: auto;  
            position: relative;
            display: flex;
            justify-content: center;
        } 
}
@media only screen and (min-width: 374px) {   
    .nav {       
        font-size: 1.2em;        
    }   
}
@media only screen and (min-width: 413px) {   
    .nav {       
        font-size: 1.3em;        
    } 
    th, td {
        width: 25%;       
    }   .directorio-cont {
        overflow-x: hidden;
    }
        .directorio-cont table {
            width: 100%;      
        }    
}
@media only screen and (min-width: 599px) {   
    #head_1 img {
        width: 80%;
        margin-left: 20%;
        max-width: 330px;
    }
    .aviso {       
        margin-left: 75%;
    }
    .tablatesoreria{
        font-size: 1.6em;
    }
    h3 {
        font-size: 2.4em;        
    }
    th, td {
        width: 30%;
    }
    h2{
        font-size: 2.4em;
    }
    h3{
        font-size: 2em;
    }
    .contact-cont {
        width: 90%;      
        margin-left: 5%;
    }
}
@media only screen and (min-width: 768px) {
    #head_1 img {
        width: 75%;
        margin-left: 25%;       
    }
    .news_img {
        width: 95%;       
        margin-left: 5%;
    }
    .news_info {
        margin-left: 2%;
        font-size: 1.4em;       
    }
}
@media only screen and (min-width: 800px){
    .menucont {        
        margin-left: 0%;
    }
    #mostrarmenu {       
        width: 40%;
        margin-left: calc(48% - 10px);
    }
    .contact-cont {
        width: 70%;
        margin-left: 15%;
    }
}
@media only screen and (min-width: 900px) {
    #header{
        width: 100%;
        height: auto;
        overflow:visible;
        position: relative;
        min-height: 120px;
    }
    #head_1{
        width: 30%;
        height: auto;
        position: relative;
        float: left;
        z-index: 1;
    }
    #head_1 img{
        width: 90%;
        height: auto;
        position: relative;
        float: left;
        max-width: 300px;
        margin-left: 5%;
        margin-top: 5px;
    }
    #head_2{
        width: 70%;
        height: auto;
        position: relative;
        float: left;
        z-index: 1;
        display: none;
    }
    #head_3 {
        width: 70%;
        height: auto;
        position: relative;
        float: left;
        z-index: 1;
        display: block;
    }
    .menucont{
        width: 95%;
        height: auto;
        position: relative;
        float: left;
        box-sizing: border-box;
        z-index: 1;
        margin-top: 15px;
        margin-left: 5px;
        overflow: visible;
    }
    .socialmedia_cont{
        width: 5%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 15px;
    }    
    ul, ol{
        list-style: none;
    }
    .nav{
        width: 100%;
        overflow: visible;
        font-family: 'Montserrat', sans-serif;
    }
    .nav li a{      
        text-decoration: none;
        padding: 10px 15px;
        display: block;
        color: black;
    }
    .nav li a:hover{
        color: #D74D05;
        z-index: 1;
       height: auto;
    }
    .nav > li{
        width: 20%;
        float:left;
    }
    .nav li ul {
        display: none;
        position: absolute;
        min-width: 140px;       
    }
    .nav li:hover > ul{
        display:block;
    }
    .nav li a p {
        text-align: center;
        font-size: 0.8em;
    }
   .nav li ul li{
    min-height: 40px;
    background-color: white;
    text-align: center;
   }
   .nav li ul li:hover{
       color:#005bb5;
   }
   .menu1-img,.menu2-img,.menu3-img,.menu4-img,.menu5-img {  
        margin-left: 20%;
    }
    .menu1-img:hover,.menu2-img:hover,.menu3-img:hover,.menu4-img:hover,.menu5-img:hover{     
        margin-left: 20%;
    }
#flyer {
    width: 80%;   
    margin-left: 10%;
}
    .news_cont1{
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 25px;
        background-color: #E4984C;
        padding: 5px;
    }
    .news_cont2{
         width: 100%;
         height: auto;
         position: relative;
         float: left;
         margin-top: 25px;
         background-color: #E38D36;
         padding: 5px;
     }
     .news_titulo{
         width: 100%;
         font-size: 2em;
         font-family: 'Roboto', sans-serif;
         text-align: center;
         color: #EBEBEB;
         font-weight: bold ;
         position: relative;
         float: left;
     }
     .news_img {
        width: 50%;
        height: auto;
        position: relative;
        float: left;
        overflow: hidden;
        margin-left: 0%;
    }
       .news_img > img{
           max-width: 500px;
           height: auto;
       }
       .news_info {
        width: 45%;
        height: auto;
        position: relative;
        float: left;
        font-size: 1.4em;
    }
       .news_info p{
           font-size: 1.2em;
       }          
    .aviso{
        width: 15%;  
        margin-left: 85%;
    }
        .aviso img{
            max-width: 150px;
        }
    #footer{
       
        min-height: 120px;
    }
    h2{
        font-size: 3em;
    }
    h3 {
        font-size: 2.2em;
        position: relative;
        float: left;
        text-align: center;
        width: 100%;
    }
    table {
        width: 80%;       
        margin-left: 10%;
    }
    .directorio-cont {
        width: 100%;
        height: auto;
        position: relative;
        float: left;       
    }
        .directorio-cont table {
            width: 100%;
            height: auto;
            margin-left: 0;
        }
      .lista-cont{
        width: 80%;        
        margin-left: 10%;
        font-size: 1.5em;
    }      
    .ttesoreria-cont{
       width: 90%;
       height: auto;
       position: relative;
       float: left;
       margin-left: 10%;
    }  
        .ttesoreria-A{
            width: 25%;    
            margin-top: 5px;   
        }
        .ttesoreria-secc{
            width: 100%;
            height: auto;
            position: relative;
            float: left;
            overflow: hidden;
            margin-bottom: 35px;
        }
        
    .visit-text1{    
        font-size: 1.5em;
        }         
        .visit-text1 p {
            font-size: 2.3em;
        }
    .visit-text2, .visit-text3, .visit-text4{
    font-size: 1em 
    }    
    #video{
        width: 75%;  
        margin-left: 12.5%;  
        margin-top: 5px;  
    }
    .contact-cont{
        width: 30%;
        margin-left: 35%;        
    }
    .actascabildo-cont{
        width: 80%;  
        margin-left: 10%;      
        font-size: 1.5em;
    }
   
}
@media only screen and (min-width: 1024px) { 
    .menucont {            
        margin-top: 0px;
    }
    .uno img, .dos img {
        width: 80%;       
        margin-left: 20%;
    }
    .contact-cont {
        width: 40%;
        margin-left: 30%;
    }
}
@media only screen and (min-width: 1279px) {
    .menu1-img, .menu2-img, .menu3-img, .menu4-img, .menu5-img {
        margin-left: 25%;
    }
    .menu1-img:hover,.menu2-img:hover,.menu3-img:hover,.menu4-img:hover,.menu5-img:hover{     
        margin-left: 25%;
    }
    #flyer img {
        width: 90%;       
        margin-left: 5%;
    }
    .news_img {
        width: 45%;        
    }
}
@media only screen and (min-width: 1365px) {
    .menucont {
        width: 90%;       
    }
    .nav li a p {       
        width: 90%;
    }
    .uno img, .dos img {
        width: 75%;
        margin-left: 25%;
        max-width: 50px;
    }
    #visit-cont img {
        width: 90%;        
        margin-left: 5%;
    }
    .visit-text2, .visit-text3, .visit-text4 {
        width: 90%;
        margin-left: 5%;       
    }
}
@media only screen and (min-width: 1440px){
    /* ------------- SE MANTIENE IGUAL -------------- */
}
@media only screen and (min-width: 1680px){
    #head_1 img {        
        max-width: 340px;
    }
    #head_3 {       
        box-sizing: border-box;
    }
    .menucont {
        width: 80%;
        margin-left: 10%;
    }
    h2 {
        font-size: 3.3em;
    }   
    h3 {
        font-size: 2.7em;       
    }
    .news_titulo {
        font-size: 2.2em;        
    }
    .news_img {
        width: 40%;
        margin-left: 5%;
    }
    .contact-cont {
        width: 35%;
        margin-left: 32.5%;
    }
}
@media only screen and (min-width: 1920px){
    .menu1-img, .menu2-img, .menu3-img, .menu4-img, .menu5-img {
        min-width: 75px;
        min-height: 75px;
    }
    .menu1-img:hover,.menu2-img:hover,.menu3-img:hover,.menu4-img:hover,.menu5-img:hover{     
        min-width: 75px;
        min-height: 75px;
    }
        .nav li a p {
            font-size: 1.2em;
        }
        .nav li ul li {
            font-size: 1.2em;
        }
        #footer div p {           
            font-size: 1.2em;
        }
        .directorio-cont table .title {
            font-size: 1.2em;
        }
        .directorio-cont table .uno {            
            font-size: 1em;
        }
        .directorio-cont table .dos{
            font-size: 1em;
        }
    .actascabildo-cont {         
        font-size: 1.9em;
    }
    .lista-cont {       
        font-size: 1.8em;
    }
}
@media only screen and (min-width: 2559px){
    #head_1 img {
        max-width: 450px;
    }
    .menu1-img,.menu2-img,.menu3-img, .menu4-img, .menu5-img {
        min-width: 90px;
        min-height: 90px;
    }
    .menu1-img:hover,.menu2-img:hover,.menu3-img:hover,.menu4-img:hover,.menu5-img:hover{     
        min-width: 90px;
        min-height: 90px;
    }
    .nav li a p {
        font-size: 1.5em;
    }
        .nav li ul li {
            font-size: 1.3em;
        }
    h3 {
        font-size: 4em;
    }
    .news_img {
        width: 35%;
    }
    .news_img > img {
        width: 100%;
        max-width: 650px;
        height: auto;
    }
    .news_titulo {
        font-size: 2.7em;
    }
        .news_info p {
            font-size: 1.6em;
        }
    #footer div p {
        font-size: 1.5em;
    }
    .tablatesoreria {
        font-size: 2em;
    }
    .ttesoreria-A {    
        font-size: 1.8em;
    }
    .actascabildo-cont > ul > li {     
        font-size: 1.6em;
    }
    .lista-cont {
        font-size: 2.8em;
    }
    input[type=text], input[type=email], input[type=password] {        
        font-size: 2em;
    }
    input[type=submit] {       
        min-height: 60px;
        font-size: 2em;       
    }
    #main{
       min-height: 1240px;
    }
}
@media only screen and (min-width: 3840px){
    #header {      
        min-height: 320px;
    }
        #head_1 img {
            max-width: 700px;
            margin-left: 10%;
        }
    .menucont {          
        margin-top: 10px;
    }
        .menu1-img, .menu2-img, .menu3-img, .menu4-img, .menu5-img {
            min-width: 150px;
            min-height: 150px;
        }
        .menu1-img:hover,.menu2-img:hover,.menu3-img:hover,.menu4-img:hover,.menu5-img:hover{     
            min-width: 150px;
            min-height: 150px;
        }
        .nav li a p {
            font-size: 2.4em;
        }
        .nav li ul li {
            font-size: 2.2em;
        }
    #main {
        min-height: 1800px;
    }
    h3 {
        font-size: 6em;
    }
    h2 {
        font-size: 4.5em;
    }
    .news_titulo {
        font-size: 3.5em;
        margin-top: 10px;
    }
        .news_info p {
            font-size: 2.4em;
        }
    .news_img > img {
        max-width: 950px;
    }
    #footer div p {
        font-size: 2.2em;
    }
    .tablatesoreria {
        font-size: 3.6em;
    }
    .ttesoreria-A {
        font-size: 2.6em;
    }    
    table {        
        font-size: 2.4em;
    }
    .uno img, .dos img {      
        max-width: 100px;
    }
    .actascabildo-cont {
        font-size: 2.5em;
    }
    .lista-cont {
        font-size: 4em;
    }
    .lista-cont img {
        max-width: 90px;    
    }
    .visit-text1 p {
        font-size: 4.3em;
    }
    .visit-text2 p, .visit-text3 p, .visit-text4 p {
        font-size: 3.2em;        
    }
    input[type=email], input[type=text] {
        height: 90px;
        font-size: 3em;
    }
    input[type=submit] {
        min-height: 90px;
        font-size: 3.5em;
    }
}
@media only screen and (min-width: 4095px){

}