@charset "utf-8";
/* CSS Document */

body {
  margin: 20px 0px 0px 0px;
 
}

.clear {
  clear: both;
}


#contenedor {
    margin: auto;
    text-align: center;
    width: 100%;
    padding-bottom: 85px;
}

#container{
    margin: auto;
    position: relative;
    text-align: center;
    width: 1000px;
}

#cabecera{
  width:100%;
  text-align: left;
  top: 20px;
}

h1{
  margin-bottom:0px;
  margin-top:0px;
}

h2{
  margin-bottom:0px;
  margin-top:0px;
  cursor: pointer;
 }


h3{
  margin-bottom:10px;
  margin-top:10px;
  font-size: 0.8em;
 }

strong{
  margin-bottom:0px;
  margin-top:0px;
  font-size: 0.8rem;
}


 hr{
   margin:0px;
   padding: 0px;   
 }

 div.hr {
  height: 1px;
  color:#58585A;
  border-top: solid 1px #0081AC;
}

div.hr hr {
  display: none;
}

ol{
  margin:0px;
  padding: 0px;  
  text-align: left;
}
ul{
  margin:0px;
  padding: 0px;  
}

li{
  margin:0px;
  padding:0px;
}

img{
  border: 0px;
}

#logo{
  width: 40%;
  }

#top{
  width: 60%;
}

.float-left{
  float: left;
}

.float-right{
    float: right;
}

.rrss{
  width: 100%;
}

#menu-principal{
  padding-top: 50px;
  width: 100%;
}

#menu-principal a{
  text-decoration: none;
}


.item-menu{
  margin-right: 5%;
  height: 10px;

}

#img-detalle{
  width: 40%;
}

#contenido-detalle{
  width: 60%;
}

#menu-pie{
    margin-bottom: 20px;
    margin-top: 20px;
    height: 90px;
}


.item-pie{
  padding-left: 20px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.7em;
  color:#58585A;
}

.item-pie a{
  text-decoration: none;
  color:#58585A;
}

#btn_fundacion {
      width:150px;
      padding-left:40px;
  }

#btn_proponemos {
      width:150px;
    }
#btn_prensa{
    width:100px;
    padding-left:40px;
  } 
#btn_publicaciones{
    width:150px;
  } 

#btn_movimiento{
    width:190px;
} 


#sub_fundacion{
    width:150px;
    padding-left:40px;
    display: block;
} 

#sub_fundacion li a{
  line-height: 5px;    
} 

#sub_fundacion_movil{
  display: none;
}

#sub_proponemos{
    width:150px;
    display: block;
} 

#sub_proponemos_movil{
      display: none;
}


    .item-submenu{
        padding-left: 20px;
        padding-top: 5px;
    }

      .mainNav li{
        text-align:left;
        color:#58585A;
        height: 30px;
      }
      
      .mainNav {
         list-style: none outside none;
         list-style:none;
         height:17px;
         padding-right: 5%;
      }

.contenido-secciones ul{
    list-style: none outside none;
}

.contenido-secciones li{
    font-family: 'museo_slab_300',sans-serif;
    font-size: 0.8em;
}





@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px)  {

    #container{width:90%;}
    #logo{width:90%;}
    #top{width:90%;}
    .item-menu{
      width:95%;
      height: 20px;
      padding: 0px 10px 5px 5px;
    }
    .activo{
      padding-bottom: 0em;
      border-bottom: 0px solid #0081AC;
    }

    #contenido-detalle{
      float: none;
      clear: both;
      width:95%;
      padding: 5px 10px 5px 5px;
    }
    .item-pie a{
      width: 95%;
      text-align: left;
    }

   #btn_fundacion, #btn_proponemos, #btn_prensa,  #btn_publicaciones, #btn_movimiento {
      width:95%;
      padding-left:10px;
    }

    #btn_fundacion{
      height: 95px;
    }

    #sub_fundacion{
        display: none;
    } 

    #sub_fundacion_movil{
      display: block;
      width: 100%;
    }

    #btn_proponemos{
      height: 75px;
    }

    #sub_proponemos{
      display: none;
    } 

    #sub_proponemos_movil{
      display: block;
      width: 100%;
    
    }

}