@Charset "UTF-8";

    
html {
font-family: 'Exo 2', sans-serif;
  

    height: 100%;
    width: 100%;
 
    background-color:#fff;
    list-style: none;
    list-style-image: none;
    display: inline-block;
    position: relative;
   

  
        
}




.contenedor{
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    max-width: 1900px;
    max-height: 1000px;
   
    
    
}



/************** INICIO DE MENU **************/

/* Menu principal */

div#logoproyecto img{
width:90%;
display:block;
margin:auto;
margin-top:10px;
margin-bottom:10px;
}

div#menu_principal{
    width:15.5%;
    height:100%;
    position:fixed;
    background-color:#DBDBC9;
    top:0;
    left:0;
    min-width:100px;
}

nav#menu{
    width:inherit;
    height:auto;
    position:fixed;
    z-index:999;

   

}

nav#menu ul {
    list-style: none;
    margin:0px;
    padding:0px;
    width:100%;
   

}

nav#menu ul li a{
	text-decoration: none;
	width: 100%;
    margin:auto;
    padding-top:10px;
    padding-bottom:5px;
    display: block;
    font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    line-height:20px;
    font-size: 10.5pt;
	color: #B12A65;
    text-align:center;
    
    border-radius:;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
-ms-transition: background-color 0.3s ease-out;
   
}

nav#menu ul li a:hover{
    background-color: #99C75E;
    letter-spacing:3px;
}

nav#menu ul li .menu_seleccionado{
    text-decoration:none;
    color:rgb(100,100,100);
    background-color:rgb(255, 245, 0);
    letter-spacing:3px;
}

/* Submenu de menu principal */
/*------aca van los desplegables del menu, despues se los agrego xq lo tengo en otro index--------*/

/* Segundo menu - segunda jerarquia */

.img_menu{
margin-right:5%;
margin-left:6%;
margin-bottom:-6px;
max-width:25px;
}


nav#menu ul li .menu2_1{
    margin-top:10%;
    text-decoration:none;
    color: ;
    text-align:left;
    padding-bottom:15px;
    border-top: 1px solid #B12A65;
    border-bottom: 1px solid #B12A65;
}

nav#menu ul li .menu2_1:hover{
    letter-spacing:0px;
    text-align:center;
    background-color:#B12A65;
    color:#FFFFFF;
}


nav#menu ul li .menu2_2{
        text-decoration:none;
        text-align:left;
        padding-bottom:15px;
        border-bottom: 1px solid #B12A65;
}

nav#menu ul li .menu2_2:hover{
        letter-spacing:0px;
        text-align:center;
        background-color:#B12A65;
        color:#FFFFFF;
}


/************** FIN DE MENU **************/



ul{
    list-style: none;
list-style-type: none;
    text-decoration: none;
    
    
    

    
    
    
}
#paginaderecha{
    width: 85%;
    height: 100%;
    float: right;
    margin: 0;

   
   
 
}

#pagina{
    width:  100%;
    height: 50%;
    margin: 0 auto;
    float:left;
    
   
       position:relative;
 
 
    
    display: block;
   
   
    
    
}







   
    
    

#cabecera{
    width: 100%;
    height: 50%;
    float: right;
    
   
    background-size: 120%;
    background-repeat: no-repeat;
   
    
}



.imagenes{
    width: 33.3%;
  height: 50%;
    float: left;
    margin: 0px;
    overflow: hidden;
    max-width: 550px;

 
  
 
    background-size: cover;
 

    
    
    
}

   
#nota1{
 
    
    background: url(imagenes/nota1.jpg);
    background-size: cover;
    background-position: 28% 25%;
    width: 33.3%;
    height: 23em;
    min-width: 410px;
    
    
    
}
   
#nota2{
    
   height:400px;
    min-height: 200px;
 
    background: url(imagenes/ninosenhuerta.png);
    background-size: cover;
    background-repeat: no-repeat
    background-position: 28% 25%;
    position: relative;
    max-height: 23em;
    overflow: hidden;


     min-width: 200px;
    
}
#nota3{
    height: 368px;;
    background: url(imagenes/capacitacion.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 28% 25%;
    position: none;
    overflow: hidden;

  
     min-width: 200px;

 
    
    
    
    
}


.bajada{
    display: inline-block;
    padding: 0;
    width: 50%;
    float: right;
    
    
    
}

#texto2{
    margin-left: 10%;
    width: 50%;
    
}



.encabezado  {
   
    position:relative;

    background-color:#CC3366;
 float:right;
   
  
    margin-top: 0;
    margin-bottom: 0;
  
    text-align: left;
       position:relative;
    max-width:200px; 
    min-width:100px; 
 height: auto;
    width: 100%;
    background-size: cover;
    font-family: 'Exo 2', sans-serif;
    color: #fff;
    font-size:20px;
   line-height: 25px;
    font-weight:600;
    display: inline-block;
    padding-left: 2%;
    margin-top: 5%;
   

}



 

  
#descripcion2 { 
position: relative;
    font-family: 'Exo 2', sans-serif;
    font-weight: 300;
    text-align: left;
    color: #DBDBC9;
   width: 50%;
  background-color: #33CC00;
float: right;
    font-size: 0.7em;
    max-width: 500px;
    min-width: 170px;
  
   
    height:auto; 
       
   
    
  
    
}

p { 
position: relative;
    font-family: 'Exo 2', sans-serif;
    font-weight: 300;
    text-align: left;
    color: #DBDBC9;
   width: 50%;
  background-color: #33CC00;
float: right;
    font-size: 0.7em;
    max-width: 500px;
    min-width: 200px;
    padding-bottom:  2%;
    padding-top: 2%;
    padding-left: 2%;
   
    height:auto; 
    margin: 0;
       
   
    
  
    
}
#descripcion3 { 
position: relative;
    font-family: 'Exo 2', sans-serif;
    font-weight: 300;
    text-align: left;
    color: #DBDBC9;
   width: 10%;
  background-color: #33CC00;
float: right;
    font-size: 0.7em;
    max-width: 500px;
    min-width: 170px;
 
   
    height:auto; 
       
   
    
  
    
}