@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:805px;
    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:10px;
    background-color:transparent;
    margin-top:0px; 
}

aside{
    width: 220px;
    background-color: transparent;
    float:right;
    position: right;
    margin-right: 0px;
    }

div#asiderecursos {
    width: 220px;
    height: 704px;
    background-color: transparent;
    float:right;
    position: right;
    margin-right: 5px;
}

/*--------------------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#ingresogaleria {
    color:#EBD6C1;
    width:220px;
    height:70px;
    margin-top:10px;
    margin-left:0px;
    float:left;
    display:block;
    background-color: transparent;
    clear:both;
}

div#ingresoprograma {
    color:#EBD6C1;
    width:220px;
    height:70px;
    letter-spacing: 1px;
    margin-top:5px;
    margin-left:0px;
    float:left;
    background-color:transparent;
    clear:both;
}

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

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


/*--------------------CAJA CENTRAL NIVEL 1---------------------*/

section div#cajacentralnivel2{
    width:700px;
    height: 1085px;
    margin-top:-660px;
    margin-left:10px;
    float: left;
    background-color:transparent;
    clear:both;
}

section div#slidernivel2 {
    width:700px;
    height:134px;
    margin-top: 0px;
    margin-left:0px;
    background-color:transparent;

}

section div#separadornivel2 {
    width:223px;
    height:165px;
    margin-top:10px;
    margin-left:0px;
    background-color:transparent;
}

section div#textoprograma {
    width: 460px;
    height: 40px;
    margin-top:10px;
    margin-left:15px;
    background-color:transparent;
}

div#contenidoshistoricos{ 
    background-color:#38ad7d;
    width:460px;
    height:25px;
    margin-top:10px;
    margin-left:15px;
    align-content: center;
}

div#textohistorico{
    background-color:transparent;
    width:460px;
    height:70px;
    margin-top:10px;
    margin-left:15px;
    margin-bottom: 10px;
}

div#contenidosteoricos{ 
    background-color:#38ad7d;
    width:700px;
    height:25px;
    margin-top:15px;
    margin-left:0px;
    align-content: center
}

div#columnaconceptos{ 
    width:220px;
    height:20px;
    margin-top:20px;
    margin-left:0px;
    align-content: center;
    
}

div#columnaoperaciones{ 
    
    width:220px;
    height:20px;
    margin-top:20px;
    margin-left:20px;
    align-content: center;
    
}

div#columnacombinacion{ 
    
    width:220px;
    height:20px;
    margin-top:20px;
    margin-left:20px;
    align-content: center;
    
}

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

div#textocolumna2{ 
    width:220px;
    height:124px;
    margin-top:5px;
    margin-left:20px;
    
}

div#textocolumna3{ 
    width:220px;
    height:124px;
    margin-top:5px;
    margin-left:20px;
    
}

div#ver1{     
    width:220px;
    height:30px;
    margin-top:0px;
    margin-left:0px;
}

div#ver2{     
    width:220px;
    height:30px;
    margin-top:0px;
    margin-left:20px;
}

div#ver3{     
    width:220px;
    height:30px;
    margin-top:0px;
    margin-left:20px;
}


div#columnatexto{ 
    
    width:220px;
    height:20px;
    margin-top:20px;
    margin-left:0px;
    align-content: center;
    
}

div#columnaproporciones{ 
    
    width:220px;
    height:20px;
    margin-top:20px;
    margin-left:20px;
    align-content: center;
    
}

div#columnalibro{ 
    
    width:220px;
    height:20px;
    margin-top:20px;
    margin-left:20px;
    align-content: center;
    
}

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

div#textocolumna5{ 
    width:220px;
    height:114px;
    margin-top:5px;
    margin-left:20px;
    
}

div#textocolumna6{ 
    width:220px;
    height:114px;
    margin-top:5px;
    margin-left:20px;
    
}

div#columnasistemas{ 
    
    width:220px;
    height:20px;
    margin-top:20px;
    margin-left:0px;
    align-content: center;
    
}

div#columnamodulacion{ 
    
    width:220px;
    height:20px;
    margin-top:20px;
    margin-left:20px;
    align-content: center;
    
}

div#columnaperiodismo{ 
    
    width:220px;
    height:20px;
    margin-top:20px;
    margin-left:20px;
    align-content: center;
    
}

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

div#textocolumna8{ 
    width:220px;
    height:114px;
    margin-top:5px;
    margin-left:20px;
    
}

div#textocolumna9{ 
    width:220px;
    height:114px;
    margin-top:5px;
    margin-left:20px;
    
}

div#columnainfo{ 
    
    width:220px;
    height:20px;
    margin-top:20px;
    margin-left:0px;
    align-content: center;
    
}

div#columnalingu{ 
    
    width:220px;
    height:20px;
    margin-top:20px;
    margin-left:20px;
    align-content: center;
    
}

div#columnaparrafo{ 
    
    width:220px;
    height:20px;
    margin-top:20px;
    margin-left:20px;
    align-content: center;
    
}

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

div#textocolumna11{ 
    width:220px;
    height:84px;
    margin-top:5px;
    margin-left:20px;
    
}

div#textocolumna12{ 
    width:220px;
    height:84px;
    margin-top:5px;
    margin-left:20px;
    
}
/*--------------------FIN CAJA CENTRAL NIVEL 1------------------*/

.textodecorrido{
    font-family: 'rosarioregular';
    font-size:9pt;
    color:#4D4D4D;
    font-weight: normal;
    font-style: normal;
    margin-top: 0px;
}

.subtitulosmet1b{
    font-family: 'Dosis', sans-serif;
    font-size: 12pt;
    color: #98CB32;
    font-weight: 600;
    margin-top: 0px;
    margin-right: 10px;
    padding-top: 3px;
}


.subtitulosmet2{
    font-family: 'Dosis', sans-serif;
    font-size: 12pt;
    color: #F4EBE4;
    font-weight: 700;
    margin-top: 0px;
    margin-right:0px;
    padding: 2px 0px 0px 5px;
}

.subtitulosmet3{
    font-family: 'dosis';   
    font-size:8pt;
    color: #EF7F01;
    text-decoration:none;
    margin-top:0px;
}










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;
        
    
    }


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

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: -50px;
    margin-left: 15px
}


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;
}

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;


/*-----------FIN FOOTER---------------*/