@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;
    height:1460px;
    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: 270px;
    float:left;
    margin-left:20px;
    background-color:#EBD6C1;
    margin-top:0px;
        
}

aside{
    width: 220px;
    height:700px;
    background-color: transparent;
    float:right;
    position: right;
    }

/*aca empieza el DOCENTES.HTML*/

/*--------------------COLUMNA IZQUIERDA-----------------------*/
section div#docentes{
    width:210px;
    height:400px;
    margin-top:-660px;
    margin-left:10px; 
    background-color:transparent;
    clear:both;
}

div#botondocentesnivel1 {
    color:#EBD6C1;
    width:220px;
    height:30px;
    margin-top:200px;
    margin-left:0px;
    float:left;
    display:block;
    background-color:#4D4D4D;
    clear:both;
 
}


h35 A:link, A:visited {
    width:210px;
    height:30px;
    color:#EBD6C1;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 14pt;
    letter-spacing: 1px;
    text-decoration:none;
    margin-top:0px;
    margin-left: 0px;
    padding:0px 0px 0px 10px;
    display:block;
    clear:both;
   
}

h35 A:hover {
    color:#F4EBE4;
    background-color: #38AD7D;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 14pt;
    letter-spacing: 1px;
    text-decoration:none;
    margin-top: 0px;
    margin-left: 0px;
    padding:0px 0px 0px 10px;
    clear:both;
}

div#botondocentesnivel2 {
    color:#EBD6C1;
    width:220px;
    height:30px;
    letter-spacing: 1px;
    margin-top:10px;
    margin-left:0px;
    float:left;
    background-color:#4D4D4D;
    clear:both;
}

h36 A:link, A:visited {
    width:210px;
    height:30px;
    color:#EBD6C1;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 14pt;
    letter-spacing: 1px;
    text-decoration:none;
    margin-top:0px;
    margin-left: 0px;
    padding:0px 0px 0px 10px;
    display:block;
    clear:both;
}

h36 A:hover {
    color:#F4EBE4;
    background-color: #38AD7D;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 14pt;
    letter-spacing: 1px;
    text-decoration:none;
    margin-top: 0px;
    margin-left: 0px;
    padding:0px 0px 0px 10px;
    clear:both;
}

/*--------------------FIN COLUMNA IZQUIERDA-----------------------*/
/*--------------------FOTOS-----------------------*/

section div#fotos{
    width:460px;
    height: 1530px;
    margin-top:-660px;
    margin-left:250px;
    float: left;
    background-color:transparent;
    clear:both;
}

section div#titulonivel2{
    color:#98CB00;
    width:460px;
    height:20px;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:0px;
    background-color: transparent;
    float:left;
    clear:both;
}

h38{
    color:#98CB00;
    width:460px;
    height:20px;
    margin-top:-6px;
    margin-left:0px;
    font-family: 'Dosis', sans-serif;
    font-weight: 800;
    font-size: 14pt;
    letter-spacing: 0px;
    text-decoration:none;
    background-color: transparent;
    float:left;
    clear:both;
}


section div#lineatitulonivel2{
    background-color:#98CB00;
    width:460px;
    height:3px;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:8px;
    float:left;
    clear:both;
}

section div#barracomision7{
    color:#98CB00;
    background-color:#EBD6C1;
    width:455px;
    height:18px;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:8px;
    padding-left: 5px;
    padding-top: 3px;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 9pt;
    letter-spacing: 1px;
    text-decoration:none;
    float:left;
    clear:both;
}

section div#barracomision8{
    color:#98CB00;
    background-color:#EBD6C1;
    width:455px;
    height:18px;
    margin-top:8px;
    margin-left:0px;
    margin-bottom:8px;
    padding-left: 5px;
    padding-top: 3px;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 9pt;
    letter-spacing: 1px;
    text-decoration:none;
    float:left;
    clear:both;
}

section div#barracomision9{
    color:#98CB00;
    background-color:#EBD6C1;
    width:455px;
    height:18px;
    margin-top:8px;
    margin-left:0px;
    margin-bottom:8px;
    padding-left: 5px;
    padding-top: 3px;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 9pt;
    letter-spacing: 1px;
    text-decoration:none;
    float:left;
    clear:both;
}

section div#barracomision10{
    color:#98CB00;
    background-color:#EBD6C1;
    width:455px;
    height:18px;
    margin-top:8px;
    margin-left:0px;
    margin-bottom:8px;
    padding-left: 5px;
    padding-top: 3px;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 9pt;
    letter-spacing: 1px;
    text-decoration:none;
    float:left;
    clear:both;
}

section div#barracomision11{
    color:#98CB00;
    background-color:#EBD6C1;
    width:455px;
    height:18px;
    margin-top:8px;
    margin-left:0px;
    margin-bottom:8px;
    padding-left: 5px;
    padding-top: 3px;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 9pt;
    letter-spacing: 1px;
    text-decoration:none;
    float:left;
    clear:both;
}

section div#barracomision12{
    color:#98CB00;
    background-color:#EBD6C1;
    width:455px;
    height:18px;
    margin-top:8px;
    margin-left:0px;
    margin-bottom:8px;
    padding-left: 5px;
    padding-top: 3px;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 9pt;
    letter-spacing: 1px;
    text-decoration:none;
    float:left;
    clear:both;
}

section div#barracomision13{
    color:#98CB00;
    background-color:#EBD6C1;
    width:455px;
    height:18px;
    margin-top:8px;
    margin-left:0px;
    margin-bottom:8px;
    padding-left: 5px;
    padding-top: 3px;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    font-size: 9pt;
    letter-spacing: 1px;
    text-decoration:none;
    float:left;
    clear:both;
}

section div#foto24 {
    width:140px;
    height:175px;
    margin-top: 0px;
    margin-left:auto;
    float:left;
    clear:both;
}

section div#foto25 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

section div#foto26 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

section div#foto27 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:0px;
    float:left;
    clear:both;
}

section div#foto28 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

section div#foto29 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

section div#foto30 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:0px;
    float:left;
    clear:both;
}

section div#foto31 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

section div#foto32 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

section div#foto34 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:0px;
    float:left;
    clear:both;
}

section div#foto35 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

section div#foto36 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

section div#foto37 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:0px;
    float:left;
    clear:both;
}

section div#foto38 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

section div#foto39 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

section div#foto40 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:0px;
    float:left;
    clear:both;
}

section div#foto41 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

section div#foto42 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

section div#foto43 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:0px;
    float:left;
    clear:both;
}

section div#foto44 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

section div#foto45 {
    width:140px;
    height:175px;
    margin-top:0px;
    margin-left:20px;
    float:left;
}

/*--------------------FIN FOTOS-----------------------*/


/*--------------------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----*/

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

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;

}

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


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


/*-----------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{
    width:168px;
    height: 25px;
    float:left;
    margin-top: 15px;
    margin-left: 0px
}


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: 15px;
    margin-left: 150px;
    margin-right: 10px;
    list-style: none;
    clear:both
}

footer a:hover{
    background-color: none;
}