/* reglas contacto.html*/

.reg{
    width: 60%;
}

ul#contacto{
    width:60%;
    float: none;
    margin-left: 30%;
    margin-bottom: 12%;
}

img#tall{
    width:75%;
    float: none;
    margin-left: 12%;
}

.twitter-timeline{
    height: 550px;
}

/* fin reglas contacto.html*/

/*reglas footer*/

footer{
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 6%;
    padding-bottom: 2%;
}

div#footer{
    width: 100%;
    font-size: 0.8rem;
}

/*fin reglas footer*/

/*reglas botonera*/
 
#header{ 
    margin: 0;
    width: 75%;
    float: left;
    padding-left: 5%;
} 
    
.nav li a{
    padding: 11px 40px;      
}
    
    
.nav li ul{
    min-width: 20%;
}
  
div#redes{
    display: block;
    padding-right: 1%;
    padding-bottom: 3%;
    padding-top: 3%;
}

div#redes li a img{
    width: 130%;
}

/*fin reglas botonera*/

@media screen and (max-width:620px){

/* reglas contacto.html*/

.reg{
    width: 80%;
}

ul#contacto{
    width:60%;
    float: none;
    margin-left: 30%;
    margin-bottom: 12%;
}

img#tall{
    width:75%;
    float: none;
    margin-left: 12%;
}

.twitter-timeline{
    height: 550px;
}
    

div#index_columna1{
    float: none;
    width: 100%;
}

div#index_columna2{
    float: none;
    width: 60%;
    margin-left: 20%
}
    
/* fin reglas contacto.html*/

/*reglas footer*/

footer{
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 6%;
    padding-bottom: 2%;
}

div#footer{
    width: 100%;
    font-size: 0.8rem;
}

/*fin reglas footer*/

/*reglas botonera*/
 
#header{ 
    width: 100%;
    margin-left: 0;
    padding-left: 0;
} 
    
.nav li a{
    padding: 11px 40px;      
}
    
    
.nav li ul{
    min-width: 30%;
}
  
div#redes{
    display: none;
}

div#redes li a img{
    width: 130%;
}

/*fin reglas botonera*/
}

@media screen and (max-width:500px){

.reg{
    width: 60%;
    font-size: 1rem;
}

ul#contacto{
    width:80%;
    float: none;
    margin-bottom: 12%;
    font-size: 0.8rem;
    margin-left: 15%;
}

img#tall{
    width:75%;
    float: none;
}

.twitter-timeline{
    height: 550px;
    float: none;
}
    
div#index_columna1{
    float: none;
    width: 90%;
    margin: auto;
}
    
div#index_columna2{
    float: none;
    width: 70%;
    margin: auto;
}

/* fin reglas contacto.html*/

/*reglas footer*/

footer{
    padding-right: 5%;
    padding-left: 5%;
}

div#footer{
    width: 100%;
    font-size: 0.8rem;
    line-height: 1.1rem;
}

/*fin reglas footer*/

/*reglas botonera*/
 
#header{ 
    width: 100%;
    float: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
} 
    
.nav li a{
    float: none;
    padding-left: 0; 
    margin-left: 0;
    text-align: center;
        
}

.nav li{
    float: none;
}
    
.nav li ul{
    min-width: 80%;
    margin-left: 10%;
}
  
div#redes{
    display: none;
}

/*fin reglas botonera*/

}