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

* {
    font-family:Calibri, Arial;
}

#cabecera_escritorio {
display:none;
}

#cabecera_mobile {
display:block;
}

#barra_superior_gris {
position:fixed;
width:100%;
height:48px;
background-color:#808080;    
}

#btn_menu {
font-size:26px;
color:white;   
position:absolute;
left:15px;
top:10px;
}

    #barra_superior_gris > ul {
        list-style-type: none;
        border: 0px solid red;
        position: absolute;        
        left: 10%;
        top: 12px;
        border:0px solid red;
        width:90%;
    }

    #barra_superior_gris > ul > li {
        display:inline-block;
        padding:0px 15px 0px 15px;
    }

    #barra_superior_gris > ul > li > a {
        color:white;
        font-size:16px;
        font-weight:600; 
    }

#logo {
margin:10px 0px 10px 0px;
width:90%;
height:auto;
max-width:340px;
}

#ul_menu {
  position:fixed;
  left:0px;
  top:-175px;
  background-color:white;
  width:100%;  
}

#ul_menu > li {
  display:block;
  padding:10px 0px 10px 0px;
  border-bottom:1px solid #39a3ce;
}

#ul_menu > li > a {
  font-size:18px;
  color:#39a3ce;
  font-weight:600;
}

#section1 {
    margin-top:20px;
    border:0px solid red;
}

#section2 {
border:0px solid red;
margin:0px 0px 45px 0px;
}

nav > div > div {
    width:100%;
    border: 0px solid red;
}

nav > div > div:first-child {
    border-bottom:1px solid #7bb1c4;
    padding-bottom:10px;
}

nav > div > div:last-child {
    padding-top:8px;
}


nav, a {
    font-size:20px;
}

.fecha {
margin-top:12px;
}

section {
margin-top:60px;
width:100%;
}

.modulo {
    width:90%;
    max-width:300px;
    border-bottom:1px solid #c0c0c0;
    padding-bottom:20px;
    margin:0px 10px 20px 10px;
}

.modulo:nth-child(2n) {

}

.modulo1 {
    padding-bottom:0px;
    margin-bottom:10px;
    border:0px solid red;
}

/*titulo*/
.modulo > div {
font-size:16px;
height:auto;
}

footer > div > div {
    width: 100%;
    height: 380px;
}

#menu_pie {
    position:absolute;
    left:0px;
    top:20px;
    width:100%;
}

#menu_pie > div  {
    display:block;
    width:100%;
    padding:5px 0px 5px 0px;
}

#menu_pie > div > a  {
    font-size:16px;
}

#mail {
    left:0px;
    top:185px;
    width:100%;
}

#mail > div {
    font-size:18px;
}

#redes {
    left:0px;
    top:220px;
    width:100%;
}

#redes > div {
    font-size:28px;
    margin:15px;
}

#subir {
    left:0px;
    top:300px;
    width:100%;
}

#subir > div {
    font-size:16px;
}

#gracias_por_suscribirte {
margin:50px 0px 50px 0px; font-size:38px;
}

.titulo {
margin:15px;
font-size:22px;
border:0px solid red;
}

.imagen {
width:100%;
height:200px;
background-repeat:no-repeat;
background-position:center center;
background-size:100% auto;
border:0px solid red;
}

.contenedor_editable {
width:95%;
border:0px solid red;
margin-top:5px;
}


.titulo_suscribete1 {
margin: 45px 10px 25px 10px;
font-size: 24px;
}

.titulo_suscribete2 {
margin:25px 10px 25px 10px;
font-size:18px;
}

.titulo_suscribete3 {
margin:25px 10px 25px 10px;
font-size:22px;
}

.input_suscribete {
font-size:22px;
margin-bottom:20px;
text-align:center;
padding:10px 10px 10px 10px; 
}

.btnEnviar {
font-size:22px;
}

.texto_fondo2{
height:200px;
display:table-cell;
vertical-align:middle;
}

/*------------------------------*/

.contenedor_blog2 {
margin:25px 0px 0px 0px;
}

.contenedor_blog2 > div {
display:table;
width:100%;
max-width:400px;
height:300px;
background-size: auto 100%;
}

.contenedor_blog2 > div > div {
font-size:32px;
}


}

/*------------------------------*/

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



}