@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Dosis:500,600,700,800);

@font-face {
    font-family: 'rosariobold_italic';
    src: url('rosario-bolditalic-webfont.eot');
    src: url('rosario-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('rosario-bolditalic-webfont.woff') format('woff'),
         url('rosario-bolditalic-webfont.ttf') format('truetype'),
         url('rosario-bolditalic-webfont.svg#rosariobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rosarioitalic';
    src: url('rosario-italic-webfont.eot');
    src: url('rosario-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('rosario-italic-webfont.woff') format('woff'),
         url('rosario-italic-webfont.ttf') format('truetype'),
         url('rosario-italic-webfont.svg#rosarioitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rosarioregular';
    src: url('rosario-regular-webfont.eot');
    src: url('rosario-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('rosario-regular-webfont.woff') format('woff'),
         url('rosario-regular-webfont.ttf') format('truetype'),
         url('rosario-regular-webfont.svg#rosarioregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, html{ 
    background-color: #F4EBE4;
    }

/* le damos formato al div que va a contener toda nuestros elementos */
div#contenedor{
    width:960px;
    margin:0 auto; 
    background-color:none; 
}

div#botonera{
    width:700px;
    height: 25px;
    margin:0 auto; 
    background-color:#4D4D4D;
    font-family: 'Dosis', sans-serif;
    font-size: 12pt;
    font-weight: 700;
    list-style: none;
    margin-top: 1px;
    margin-left: 10px;
}

/* estilos botonera */
#botonera li.current a {
	color:#F4EBE4;
	cursor:default;
    display:block;
    background-color: #EF7F01;
}
            ul, ol {
                list-style:none;
            }

               
            li a {
                color:#F4EBE4;
                font-family: 'Dosis', sans-serif;
                font-size: 12pt;
                text-decoration:none;
                padding:5px 7px;
                display:block;
                float: left;
                margin-top: -20px
                }
            li a:visited
                {
                color:#F4EBE4;
                font-family: 'Dosis', sans-serif;
                font-size: 12pt;
                text-decoration:none;
                padding:5px 7px;
                display:block;
                float: left;
                margin-top: -20px
                }

            li a:hover {
                background-color:#EF7F01;
                font-family: 'Dosis', sans-serif;
                font-size: 12pt;
            }
            
            ul li a  {
                display:none;
                position:relative;
                font-size: 10px;
                font-weight: 600;
            }
            
            li:hover > ul {
                display:block;
            }
            
            li ul li {
                position:relative;
            }
            
            li ul li ul {
                right:-140px;
                top:0px;
            }
         
          
/* le damos formato al header... en el ejemplo es más chico que el resto del contenido pero no tiene por qué ser así */
header{
    width:960; 
    height:100px; 
    background-color:none; 
    }


/* el section va a contener los 4 divs, el overflow:hidden obliga al section a reconocer los elementos con float y crecer de acuerdo a ellos */
section{ 
    background-color:none;
    margin-top: 20px;
    overflow:hidden
}

/*le damos propiedades a TODOS LOS DIVS DENTRO DE SECTION*/
section div{
    width:220px;
    height: 250px;
    float:left;
    margin-left:20px;
    background-color:#EBD6C1;
    margin-top:-215px;
        
}

/*aca empieza el NOSOTROS.HTML*/

/*--------------------COLUMNA DERECHA-----------------------*/

/*---buscar----*/
div#buscarcaja {
    width:220px;
    height: 25px;
    margin-top: -10px;
    margin-left: 0px;
    background-color: transparent;
}
div#lupita {
    width:22px;
    height: 30px;
    float:right;
    margin-top: 2px;
    margin-left: 0px;
    background-color: transparent;
}

div#buscar2 {
    width:180px;
    height: 30px;
    float:left;
    margin-top: 0px;
    margin-left: 0px;
    background-color: transparent;
}

input
{
background: #F4EBE4;
border: 1px solid #98CB00;
}

/*---fin buscar----*/

/*---ingresar----*/

div#formulariocaja{
    width:220px;
    height: 100px;
    margin-top: 10px;
    margin-left: 0px;
    background-color: #98CB00;
}

div#botoningresar{
    width:50px;
    height: 100px;
    margin-top: 5px;
    margin-left: 5px;
    background-color: transparent;
}

div#formulario {
    width:150px;
    height: 45px;
    margin-top: 5px;
    margin-left: 0px;
    float:right;
    background-color: #98CB00;
}

div#formulario2 {
    width:150px;
    height: 45px;
    margin-top: 0px;
    margin-left: 0px; 
    float:right;
    background-color: #98CB00;
} 

label {
    margin-left: 3px; 
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 10pt;
    color:#4D4D4D;
}

/*---fin ingresar----*/


div#cajadeagenda {
    width:220px;
    height: 40px;
    margin-top: 10px;
    margin-left: 0px;    
}
div#agenda {
    width:80px;
    height: 30px;
    margin-top: 7px;
    margin-left: 0px;
}
div#agenda a {
    width:50px;
    height:10px;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 14pt;
    color:#4D4D4D;
    text-decoration:none;
    margin-top: 0px;
    margin-left: 10px;

}
div#miscelanea1 {
    width:30px;
    height: 25px;
    margin-top: 13px;
    margin-left: 2px;    
}

div#septiembre{
    width:100px;
    height: 30px;
    margin-top: -30px;
    margin-left: 110px;
}
div#septiembre a {
    width:220px;
    height: 40px;
    margin-top: 0px;
    margin-left: 0px;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 14pt;
    color:#4D4D4D;
    text-decoration:none;
}

div#cajadeagenda2 {
    width:220px;
    height: 305px;
    margin-top: 5px;
    margin-left: 0px;  
}

div#varsky1 {
    width: 150px;
    height: 20px;
    margin-top: 15px;
    margin-left: 10px;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 12pt;
    color:#38AD7D;
    text-decoration:none;
}

div#varsky2 {
    width: 150px;
    height: 30px;
    margin-top: 3px;
    margin-left: 10px;
    font-family: 'rosarioregular';
    font-size: 10pt;
    color:#4D4D4D;
    text-decoration:none;
}

div#varsky3 {
    width: 150px;
    height: 30px;
    margin-top: 3px;
    margin-left: 10px;
    font-family: 'rosarioitalic';
    font-size: 10pt;
    color:#EF7F01;
    text-decoration:none;
    clear:both;
}

div#tipos1 {
    width: 150px;
    height: 20px;
    margin-top: 15px;
    margin-left: 10px;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 12pt;
    color:#38AD7D;
    text-decoration:none;
    clear:both;
}

div#tipos2 {
    width: 150px;
    height: 45px;
    margin-top: 3px;
    margin-left: 10px;
    font-family: 'rosarioregular';
    font-size: 10pt;
    color:#4D4D4D;
    text-decoration:none;
    clear:both;
}

div#tipos3 {
    width: 150px;
    height: 15px;
    margin-top: 3px;
    margin-left: 10px;
    font-family: 'rosarioitalic';
    font-size: 10pt;
    color:#EF7F01;
    text-decoration:none;
    clear:both;
}

div#exponivel11 {
    width: 150px;
    height: 20px;
    margin-top: 15px;
    margin-left: 10px;
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 12pt;
    color:#38AD7D;
    text-decoration:none;   
    clear:both;
}

div#exponivel12 {
    width: 150px;
    height: 30px;
    margin-top: 3px;
    margin-left: 10px;
    font-family: 'rosarioregular';
    font-size: 10pt;
    color:#4D4D4D;
    text-decoration:none; 
}

div#exponivel13 {
    width: 150px;
    height: 15px;
    margin-top: 3px;
    margin-left: 10px;
    font-family: 'rosarioitalic';
    font-size: 10pt;
    color:#EF7F01;
    text-decoration:none;    
}

div#septiembrefechas {
    width:220px;
    height: 280px;
    margin-top:-270px;
    margin-left: 0px;
    margin-right: 10px;
    background-color: transparent;
    clear:both;
}



div#septiembre2 {
    width:45px;
    height:40px;
    background-color: transparent;
    float:right;
    clear:both;
    margin-top: -0px
}

div#lineaseptiembre1 {
    width:200px;
    height: 2px;
    margin-top:50px;
    margin-left: 10px;
    margin-right: 0px;
    background-color: #F4EBE4;
    clear:both;
}

div#septiembre9 {
    width:45px;
    height:40px;
    margin-top: 10px;
    background-color: transparent;
    float:right;
    clear:both;
}

div#lineaseptiembre2 {
    width:200px;
    height: 2px;
    margin-top:55px;
    margin-left: 10px;
    margin-right: 0px;
    background-color: #F4EBE4;
    clear:both;
}

div#septiembre14 {
    width:45px;
    height:40px;
    margin-top: 10px;
    background-color: transparent;
    float:right;
    clear:both;
}

div#lineaseptiembre3 {
    width:200px;
    height: 2px;
    margin-top:40px;
    margin-left: 10px;
    margin-right: 0px;
    background-color: #F4EBE4;
    clear:both;
}

div#septiembre17 {
    width:45px;
    height:40px;
    margin-top: 5px;
    background-color: transparent;
    float:right;
    clear:both;
}

div#tipoblog {
    width:220px;
    height: 135px;
    margin-top: 20px;
    margin-left: 0px;
    display:block;
    background-color: transparent;
}  



/*--------------------FIN COLUMNA DERECHA-----------------------*/

section div#contenidos{ 
    background-color:transparent;
    width: 300px;
    height: 650px;
    margin-left: 10px;
    margin-top:-385px;
    float: left
}

section div#propuestaproduccion{ 
    background-color:transparent;
    width: 380px;
    height: 350px;
    margin-left: 330px;
    margin-top:-610px;
    float: left
}

section div#actitudes{ 
    background-color:transparent;
    width: 380px;
    height: 400px;
    margin-left: 330px;
    margin-top:-370px;
    float: left
}

section div#headerobjetivos{
    width:700px;
    height: 139px;
    margin-top:-640px;
    margin-left:10px;
    float: left;
    background-color: transparent
}

section div#textoobjetivos{
    width:700px;
    height: 110px;
    margin-top:-490px;
    margin-left:10px;
    float: left;
    background-color: transparent
}

section div#imagen{
    width:700px;
    height: 111px;
    margin-top:-380px;
    margin-left:10px;
    float: left;
    background-color: transparent
}


h1{
    font-family: 'Dosis', sans-serif;
    font-weight: 800;
    justify-content: center;
    color:#4D4D4D;
    border-top: 4px solid #38AD7D;
    border-bottom: 4px solid #38AD7D;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 0px
    }

h2{
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    justify-content: center;
    color:#4D4D4D;
    border-top: 4px solid #EF7F01;
    border-bottom: 4px solid #EF7F01;
    letter-spacing: 4px;
    text-align: center;
    margin-top: 0px;
        
    }

h3{
    font-family: 'rosarioregular';
    font-size:10pt;
    color:#4D4D4D;
    margin-left: 15px;
    margin-right: 15px;
}

h4{
    font-family: 'rosarioitalic';
    font-size: 7pt;
    color:#4D4D4D;
    margin-left: 15px;
    margin-right: 15px;
    border-bottom: 1px solid #38AD7D;
    
}

h5{
    font-family: 'Dosis', sans-serif;
    font-size: 12pt;
    color: #98CB00;
    font-weight: 700;
    text-align: right;
    background-image: url('imagenes/BANDERITA.svg');
    margin-top: 0px;
    margin-right: 10px;
    padding-top: 3px;
    width:220px;
    height:23px; 
    
}

h5 A:link, A:visited{
    font-family: 'Dosis', sans-serif;
    font-size: 12pt;
    color: #98CB00;
    font-weight: 700;
    text-align: right;
    margin-top: 0px;
    margin-right: 10px;
    width:220px;
    height:25px;
    text-decoration: none;

}

h5 a:hover{
    font-family: 'Dosis', sans-serif;
    font-size: 12pt;
    color: #fff;
    font-weight: 700;
    text-align: right;
    margin-top: 0px;
    margin-right: 10px;
    width:220px;
    height:25px;
    text-decoration: none;

}

h6{
    font-family: 'Dosis', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color:#38AD7D;
    letter-spacing: 2px;
    margin-bottom: -1px
    
    }

h7{
    font-family: 'Dosis', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color:#98CB00;
    letter-spacing: 2px;
    
    }

h8{
    font-family: 'rosarioregular';
    font-size: 7pt;
    color:#808080;
    margin-left: 15px;
    margin-right: 15px;
    
    }

h9 A:link{ 
    font-family: 'rosarioitalic';
    font-size:10pt;
    color:#808080;
    margin-left: 15px;
    text-decoration: none

    }

h9 A:hover { 
    font-family: 'rosarioitalic';
    font-size:10pt;
    color:#EF7F01;
    margin-left: 15px; 
    text-decoration: none 

    }

h10 {
    font-family: 'Dosis', sans-serif;
    font-size: 10pt;
    color: #38AD7D;
    font-weight: 700;
    text-align: left;
    margin-left: 10px
    
    }
    
h11 {
    font-family: 'rosarioregular';
    font-size: 7pt;
    color:#4D4D4D;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 5px;
    }

h12 {
    font-family: 'rosarioitalic';
    font-size: 7pt;
    color:#EF7F01;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 5px;
}

h17 {
    font-family: 'Dosis', sans-serif;
    font-size: 12pt;
    color: #fff;
    font-weight: 700;
    text-align: left;
    margin-left: 0px;
    padding:5px 7px;
    display:block;
    background-color:#38AD7D;
    letter-spacing: 6px;
    
    }

h18 {
    font-family: 'rosarioitalic';
    font-size: 10pt;
    color:#38AD7D;
    margin-left: 0px;
    margin-right: 10px;
    line-height: 5px;
}

h15 {
    font-family: 'rosarioregular';
    font-size:9pt;
    color:#4D4D4D;
    margin-left: 0px;
    margin-right: 10px;
    line-height: normal;
  
}

h16 {
    font-family: 'rosarioitalic';
    font-size:12pt;
    color:#EF7F01;
    margin-left: 0px;
    margin-bottom: 10px;
    line-height: 9pt;
    list-style: circle solid #98CB00 ;
    }

    
h13{font-family: 'rosarioregular';
    font-size: 10pt;
    color:#4D4D4D;
    margin-top: 10px;
}

    h14{
    font-family: 'rosarioregular';
    font-size: 7pt;
    color:#4D4D4D;
    margin-top:3px;
        
    
    }
aside{
    width: 220px;
    height: 680px;
    background-color: transparent;
    margin-left: 730px;
    position: right;
    }

/*al footer le agrego el clear:both para que reconozca los floats de los elementos anteriores, les respete su espacio y no "se suba" */

/*-----------FOOTER---------------*/
div#footer {
    width: 940px;
    height:50px;
    font-family: 'rosarioregular';
    font-size: 10pt;
    background-color: #EBD6C1;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    list-style: none;
    clear:both;
        
}

div#contacto {
    height: 50px;
    float:left;
    margin-top: 10px;
    margin-left: 10px;
}

div#iconos{
    height: 50px;
    float:left;
}

div#iconos2{
    height: 50px;
    float:left;
    margin-top: -33px;
    margin-left: 35px
}


div#icono{
    height: 50px;
    float:left;
    margin-top: 15px;
    margin-left: 15px;    
}

div#espacio{
    width:1.5px;
    height:50px;
    background-color:#EF7F01;
    margin-left: 20px;
    float:left;      
}


div#contenidos{
    height: 50px;
    float:left;
     margin-top: 5px;
}

div#docentes{
    height: 50px;
    float:left;
     margin-top: 5px;
}


footer{
    width: 940px;
    height:50px;
    font-family: 'rosarioregular';
    font-size: 10pt;
    background-color: #EBD6C1;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    list-style: none;
    clear:both
}

footer a:hover{
    background-color: none;
}
/*-----------FIN FOOTER---------------*/

h22{font-family: 'rosarioregular';
    font-size: 10pt;
    color:#4D4D4D;
    margin-top: 10px;
}

p{
    font-family: 'rosarioregular';
    font-size: 7pt;
    color:#4D4D4D;
    margin-top:3px;
     margin-left: 20px;