@import url(http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic);

/* hoja de estilos */
*{margin:0; padding:0;}

body {
    width: 100%;
    height: 100%;
    margin: 0%;
    padding: 0%;
    font-family: 'Roboto', sans-serif;
    background-color: rgb(186, 186, 186);
}
div#pagina {
    width: 960px;
    margin:0 auto;
    background-color: rgb(48, 54, 69);
}
header {}
div#puntos {height: 230px; background-image: url(imagenes/puntosheader.jpg); 
    background-repeat: no-repeat;}
div#logo {
    margin-left: 10px;
    margin-top: 74px;
    float: left;
}
.titulo1 {
    height: 70px;
    width: 200px;
    float: left;
    display: block;
    font-size: 61px;
    color: #02FCF3;
    margin-left: 16px;
    margin-top: 55px;
    font-weight:700;
    padding: 0px;
}
.titulo2 {
    width: 220px;
    height: 70px;
    float: left;
    display: block;
    font-size: 53px;
    color: #02FCF3;
    margin-left: -200px;
    margin-top: 93px;
    font-weight: 700;
}
.bajada{
    width: 200px;
    display: block;
    font-size: 16px;
    color: #02FCF3;
    margin-left: 123px;
    font-weight: 300;
}
.face {
    height: 32px;
    width: 32px;
}
.twitt {
    width: 32px;
    height: 32px;
}
contacto {
    width: 32px;
    height: 32px;
}
header nav {width: 620px; height: 20px;}   
header nav ul {list-style: none; z-index:10; margin: 0px; padding: 0px;}
header nav ul li {
    border-left: 1px solid #02FCF3;
    float: left;
}
header nav ul li a {
    text-decoration: none;
    display: block;
    width: 100%;
    font-size: 12pt;
    color: #02FCF3;
    font-weight: 500;
    text-align: center;
}
header nav ul li a:hover{color: #fcbd7f;}
header nav ul li ul li {border-left: none; background-color: rgb(48, 54, 69); }
header nav ul li ul{
    display: none;
    z-index: 10;
}
header nav ul li ul a{ font-weight:300; text-align: center;}
header nav li:hover >ul {display: block;}
article {overflow: hidden;}
h0 {
    width: 700px;
    display: block;
    float: left;
    border-top: 1px dashed rgba(167, 163, 163, 0.5);
    margin-top: -35px;
    margin-left: 10px;
}
.bienvenidos {
   margin-left: 10px;
   margin-top: 50px;
   display: block;
   font-weight: 500;
   font-size: 23px;
   color: #fff;
}
article div#clases {
    width: 700px;
    height: 370px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
article div#bloquecostado {
    width: 220px;
    height: 390px;
    float: left;
    margin-left: 20px;
    margin-top: -38px;
    background-color: rgb(53, 79, 112);
}
.minititulo {
    display: block;
    font-size: 16px; 
    font-weight: 500; 
    color: #EACC53;
    margin-left: 10px;
    margin-top: 10px;
}
h1 {
    border-top: 1px solid;
    color: #EACC53;
    margin-left: 10px;
    margin-right: 10px;
}
h2{
    border-top: 1px dashed rgba(167, 163, 163, 0.5);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
}
.turno {
    display: block;
    font-size: 16px; 
    font-weight: 500; 
    color: #fff;
    margin-left: 10px;
    margin-top: 10px;
}
.clase {
    display: block;
    font-size: 14px; 
    font-weight: 300; 
    color: #fff;
    margin-left: 10px;
    margin-top: 10px;
}
.minimini {
    display: block;
    font-size: 16px; 
    font-weight: 300; 
    color: #fff;
    margin-left: 10px;
    margin-top: 10px;
}
.ver {
    display: block;
    font-size: 14px; 
    font-weight: 300; 
    color: #35CED6;
    margin-left: 10px;
    margin-top: 0px;
}

div#navegador nav{ 
    float: left;
    width: 30px;
margin-top:330px;
margin-right: 325px}
div#navegador nav ul {
list-style: none}
div#navegador nav ul li {width: 300px;text-decoration: none;}

div#navegador nav ul li a {   
    display: block;
    font-size: 14px; 
    font-weight: 300; 
    color: #35CED6;
    margin-left: 10px;
    margin-top: 0px;
    text-decoration: none
}
div#navegador2 nav{ 
    float: left;
    width: 30px;
margin-top:400px;
margin-right: 325px}
div#navegador2 nav ul {
list-style: none}
div#navegador2 nav ul li {width: 300px;text-decoration: none;}

div#navegador2 nav ul li a {   
    display: block;
    font-size: 14px; 
    font-weight: 300; 
    color: #35CED6;
    margin-left: 10px;
    margin-top: 0px;
    text-decoration: none
}
section {overflow:hidden;}
.titulosection {
    display: block;
    font-size: 16px; 
    font-weight: 500; 
    color: #fff;
    margin-left: 10px;
    margin-top: 20px;
}
h3 {
    width: 460px;
    border-top: 2px solid;
    color: rgba(255, 255, 255, 0.5);
    margin-left: 10px;
}
.nivel1 {
    display: block;
    font-size: 16px; 
    font-weight: 300; 
    color: #EACC53;
    margin-left: 10px;
    margin-top: 10px;    
}
h4 {
    width: 460px;
    border-top: 1px solid;
    color: #EACC53;
    margin-left: 10px;
}
.nivel2 {
    display: block;
    font-size: 16px; 
    font-weight: 300; 
    color: #EACC53;
    margin-left: 490px;
    margin-top: -20px;    
}
h5 {
    width: 460px;
    border-top: 1px solid;
    color: #EACC53;
    margin-left: 490px;
    margin-right: 10px;
}
section div {
    width: 460px; 
    height: 192px; 
    float: left; 
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 0px;
}
div#fotostp2 {margin-left: 20px;}
aside {overflow:hidden;}
.agenda {
    display: block;
    font-size: 18px; 
    font-weight: 500; 
    color: #fff;
    margin-left: 10px;
    margin-top: 20px;
}
aside div {width: 220px; height: 230px; float:left; margin-top: 20px; margin-bottom: 60px;}
aside div#agenda1 {margin-left: 10px; background-image: url(imagenes/aulaagendabn.jpg); background-repeat: no-repeat; clear: both; }
aside div#agenda2 {margin-left: 20px; background-image:url(imagenes/garrahanagendabn.jpg); background-repeat: no-repeat;}
aside div#agenda3 {margin-left: 20px;background-image: url(imagenes/faduagendabn.jpg); background-repeat: no-repeat;}
aside div#agenda4 {margin-left: 20px;background-image: url(imagenes/devolucionbn.jpg); background-repeat: no-repeat;}
.tituloagenda {
    width: 220px;
    margin-top: 160px;
    font-size: 16px;
    color: #EACC53;
    font-weight: 500;
    float: left;
    clear: both;
}
h6 {
    border-top: 1px solid;
    color: #EACC53;
    margin-top: 160px;
}
.notaagenda {
    width: 220px;
    margin-top: 10px;
    font-size: 12px;
    color: #FFF;
    font-weight: 100;
    float: left;   
}
h7 {
    width: 960px;
    height: 2px;
    border-top: 1px dashed rgba(167, 163, 163, 0.5);
}
footer {overflow:hidden;}
div#puntosfooter {
     height: 196px; background-image: url(imagenes/puntosfooter.jpg);
}
div#logouba {
    float: left;
    width: 74px;
    height: 74px;
    margin-top: 20px;
    margin-left: 10px;
 background-image: url(imagenes/logofadu.png);
}
div#txtuba {
    float: left;
    width: 136px;
    height: 74px;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 11px;
    color: #02FCF3;
    font-weight: 100;
}
div#textofooter {
    width: 220px;
    float: left;
    margin-top: 20px;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10px;
    color: #FFF;
    font-weight: 100;
    border-left: 1px dashed #02FCF3;
}
footer nav{ width: 460px;}
footer nav ul{ list-style: none; z-index:10}
footer nav ul li{
    float: left;
    padding: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}
footer nav ul li ul li {border-left: none; background-color: rgb(42, 66, 94); }
footer nav ul li a{
    text-decoration: none;
    color: #FFF;
    display: block;
    padding: 0px;
    font-size: 10pt;
    font-weight: 300;
    text-align: center;
}
footer nav ul li a:hover{
color: #079d98;
}
footer nav ul li ul{
    display: none;
    width: 116px;
    z-index: 10;
}
footer nav ul li ul a{ font-weight:300; text-align: center;}
footer nav li:hover >ul {display: block;}


/* galeria */


/* Materiales */

div#paginamateriales {
    width: 960px;
    height: 1410px;
    margin:0 auto;
    background-color: rgb(10, 13, 21);
}
div#clasesmateriales {
    width: 940px;
    height: 233px;
    background-image: url(imagenes/fotomateriales.jpg);
    margin-top: 30px;
    margin-left: 10px;
}
.bajadafoto {
    width: 940px;
    display: block;
    margin-left: 10px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}
article div#cuentahilos {
    width: 299px;
    height: 154px;
    float: left;
    background-image: url(imagenes/cuentahilomateriales.jpg);
    margin-top: 20px;
    margin-left: 10px;
}
article div#lineo {
    width: 299px;
    height: 154px;
    float: left;
    background-image: url(imagenes/lineometromateriales.jpg);
    margin-top: 20px;
    margin-left: 20px;
}
article div#tintas {
    width: 299px;
    height: 154px;
    float: left;
    background-image: url(imagenes/tintasmateriales.jpg);
    margin-top: 20px;
    margin-left: 20px;
}
div#txtcuentah {
    width: 299px;
    height: 370px;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
}
div#txtlineotintas {
    width: 299px;
    height: 370px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}
h8 {
    width: 960px;
    height: 8px;
    border-top: 1px solid;
    color: #EACC53;
    margin-top: 10px; 
}
.txtmateriales {
    width: 299px;
    margin-top: 10px;
    font-size: 14px;
    color: #FFF;
    font-weight: 100;
    float: left;
}
div#descargacuenta {
    width: 299px;
    height: 75px;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dashed rgba(167, 163, 163, 0.5);
    border-bottom: 1px dashed rgba(167, 163, 163, 0.5);
}
.descarga {
    color: #FFF;
    font-size: 11px;
    font-weight: 500;
}
div#descargalineotinta {
    width: 299px;
    height: 75px;
    margin-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dashed rgba(167, 163, 163, 0.5);
    border-bottom: 1px dashed rgba(167, 163, 163, 0.5);
}
div#atención {
    width: 299px;
    height: 100px;
    margin-left: 329px;
    margin-top: 0px;
    margin-bottom: 20px;
}
div#rayita {
    width: 299px;
    height: 0px;
    margin-left: 10px;
    border: 1px solid;
    color: #fff;
    margin-top: 0px; 
}


/* Contacto */
div#paginacontacto {
    width: 960px;
    height: 1100px;
    margin:0 auto;
    background-color: rgb(48, 54, 69);
}
.titulocontacto {
    display: block;
    font-size: 16px; 
    font-weight: 500; 
    color: #fff;
    margin-left: 90px;
    margin-top: 20px;
}
div#formulario {
    width: 700px;
    margin-top: 20px;
    margin-left: 90px;
    float: left;
}
.itemcontacto {    
    font-size: 12px;
    font-weight: 300;
    color: #fff;
}
input#mitexto4 {
    width: 220px;
    height: 22px;
}
textarea#textarea {
    width: 378px;
    height: 101px;
}
div#textocorrido {
    width: 299px;
    float: left
    margin-top: 4px;
    margin-left: 90px;
}

/* Cronograma */

div#paginacronograma {
    width: 960px;
    height: 3500px;
    margin:0 auto;
    background-color: rgb(48, 54, 69);
}
.titulocronograma {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    display: block;
    margin-top: 58px;
    margin-left: 10px;
}
div#rayitotitulo {
    border-top: 1px solid;
    color: #fff;
    margin-left: 10px;
    width: 460px;
}
.niveles {
    font-size: 16px;
    font-weight: 500;
    color: rgb(48, 54, 69);
    display: block;
    margin-left: 40px;
    margin-top: 4px;
}
div#botonivel2 {
    width: 140px;
    height: 30px;
    background-color: #DDCB80;
    float: left;
    margin-left: 810px;
    margin-top: -30px;
}
div#botonivel1 {
    width: 140px;
    height: 30px;
    background-color: #AACEC8;
    float: left;
    margin-left: 650px;
    margin-top: -30px;
}
.numero1 {
    height: 30px;
    width: 460px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: block;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 0px;
}
.numero2 {
    height: 30px;
    width: 460px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: block;
    margin-top: -31px;
    margin-left: 490px;
    margin-bottom: 0px;
}
div#rayitotitulo1 {
    border-top: 1px solid;
    color: #EACC53;
    margin-left: 10px;
    width: 460px;
}
div#rayitotitulo2 {
    border-top: 1px solid;
    color: #EACC53;
    margin-left: 490px;
    width: 460px;
}
div#contenedorcronog {
    width: 960px;
    height: 3200px;    
}
div#uno {
    width: 460px;
    height: 38px;
    background-color: rgb(53, 79, 112);
    margin-left: 10px;
    margin-top: 20px;
    float: left;
}
div#dos {
    width: 460px;
    height: 38px;
    background-color: rgb(53, 79, 112);
    margin-left: 20px;
    float: left;
    margin-top: 20px;    
}
div#tres {
    width: 140px;
    height: 38px;
    background-color: rgba(239, 239, 239, 0.5);
    float: left;
    margin-left: 10px;    
    margin-top: 20px;  
}
div#cuatro {
    width: 300px;
    height: 38px;
    background-color: rgba(239, 239, 239, 0.85);
    float: left;
    margin-left: 20px;    
    margin-top: 20px;  
}
div#cinco {
    width: 140px;
    height: 38px;
    background-color: rgba(239, 239, 239, 0.5);
    float: left;
    margin-left: 20px;    
    margin-top: 20px;  
}
div#seis {
    width: 140px;
    height: 214px;
    background-color: rgba(239, 239, 239, 0.5);
    margin-left: 10px;
    float: left;
    margin-top: 20px; 
}
div#siete {
    width: 300px;
    height: 38px;
    background-color: #AACEC8;
    margin-left: 20px;
    float: left;
    margin-top: 20px; 
}
div#ocho {
    width: 300px;
    height: 38px;
    background-color: #AACEC8;
    margin-left: 170px;
    float: left;
    margin-top: -154px;
    clear: both;
}
div#ochouno {
    width: 300px;
    height: 38px;
    background-color: #DDCB80;
    margin-left: 170px;
    float: left;
    margin-top: -96px;
    clear: both;
}
div#ochodos {
    width: 300px;
    height: 38px;
    background-color: #DDCB80;
    margin-left: 170px;
    float: left;
    margin-top: -38px;
    clear: both;
}
div#nueve {
    width: 140px;
    height: 214px;
    background-color: rgba(239, 239, 239, 0.5);
    margin-left: 490px;
    margin-top: -214px;
    float: left;

}
div#diez {
    width: 300px;
    height: 38px;
    background-color: #AACEC8;
    margin-left: 650px;
    float: left;
    margin-top: -214px; 
}
div#once {
    width: 300px;
    height: 38px;
    background-color: #AACEC8;
    margin-left: 650px;
    float: left;
    margin-top: -156px; 
}
div#onceuno {
    width: 300px;
    height: 38px;
    background-color: #DDCB80;
    margin-left: 650px;
    float: left;
    margin-top: -96px; 
}
div#oncedos {
    width: 300px;
    height: 38px;
    background-color: #DDCB80;
    margin-left: 650px;
    float: left;
    margin-top: -38px; 
}
.mes {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: block;
    margin-top: 10px;
    margin-left: 10px;
}
.dia {
    font-size: 23px;
    font-weight: 300;
    color: rgb(48, 54, 69);
    display: block;
    margin-top: 4px;
    margin-left: 10px;
}
.hecho {
    font-size: 16px;
    font-weight: 500;
    color: rgb(48, 54, 69);
    display: block;
    margin-top: 10px;
    margin-left: 10px;
}
.diatwo {
    font-size: 23px;
    font-weight: 300;
    color: rgb(48, 54, 69);
    display: block;
    margin-top: 90px;
    margin-left: 10px;
}


	/*hoja de estilos de propuesta*/


section {
	overflow:hidden;
}

div#propuesta{
    width: 620px;
    height: 1230px;
    float: left;
    margin-left: 10px;
    margin-top: 20px;
	border-top: rgb(160, 160, 160) dashed 1px;
}

div#propuesta h1{
	margin-left: 0px;
    margin-top: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 23.3333px;
    color: #fff;
    border-bottom: #fff solid 1px;
}

.introduccion{
	display: block;
	margin-left: 0px;
    margin-top: 26px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

div#propuesta p{
	margin-left: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}

.pedagogia{
	display: block;
	margin-left: 0px;
    margin-top: 26px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

.contenidosextra{
	display: block;
	margin-left: 0px;
    margin-top: 26px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

.concluimos{
	display: block;
	margin-left: 0px;
    margin-top: 26px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

div#fotoderecha{
	display: block;
	width: 300px;
    height: 1200px;
    float: right;
    margin-right: 10px;
    margin-top: 20px;
	background: url(imagenes/fotopropuesta.jpg) ;
}



/* Hoja de estilos de objetivos */

section#objetivos {
	width: 960px;
	height: 1044px;
	overflow: hidden;
	margin-top: 0px;
}

  


div#otracosa nav{ width: 300px; height: 25px;margin-right: 320px; margin-left: 0px; margin-top: 130px; float: left;}
div#otracosa nav ul{list-style: none; width:  300px;  }
div#otracosa nav ul li{  width: 98px;
    float: left; 
    margin-left: 0px;
    border-bottom: #02FCF3 1px solid; 
    border-top: #02FCF3 1px solid;
    padding-bottom: 4px;
    padding-top: 4px;
}
div#otracosa nav ul li a{ text-decoration: none;
    display: block; width: 100px;
    font-size: 8pt;
    color: #02FCF3;
    font-weight: 100;
    text-align: center;}

div#columnatexto{
	width: 300px;
    height: 899px;
    float: left;
	position: absolute;
    margin-left: 10px;
    margin-top: 0px;
	
}

div#columnaizquierda{
	width: 300px;
    height: 324px;
	float: left;
	position: absolute;
    margin-left: 0px;
    margin-top: 95px;
	border-bottom: rgb(160, 160, 160) dashed 1px;
}

div#columnaizquierda h2{
	margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 23.3333px;
    color: #fff;
    border-bottom: #fff solid 1px;
}

.conceptuales{
	display: block;
	margin-left: 0px;
    margin-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

div#columnaizquierda p{
	margin-left: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}

div#columnaizquierda2{
	width: 300px;
    height: 274px;
	float: left;
	position: absolute;
    margin-left: 0px;
    margin-top: 435px;
	border-bottom: rgb(160, 160, 160) dashed 1px;
}

.procedimentales{
	display: block;
	margin-left: 0px;

    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

div#columnaizquierda2 p{
	margin-left: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}

div#columnaizquierda3{
	width: 300px;
    height: 271px;
	float: left;
	position: absolute;
    margin-left: 0px;
    margin-top: 727px;
	border-bottom: rgb(160, 160, 160) dashed 1px;
}

.actitudinales{
	display: block;
	margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

div#columnaizquierda3 p{
	margin-left: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}

div#lineapunteadaabajo2{
	width: 940px;
    height: 1px;
    float: left;
	position: absolute;
    margin-left: 10px;
    margin-top: 1040px;
	border-top: rgb(160, 160, 160) dashed 1px;
}

div#imagenderecha{
	width: 619px;
    height: 270px;
    float: right;
    margin-right: 10px;
    margin-top: 170px;
	background-image: url(imagenes/fotoobjetivosderecha.jpg);
}

div#imagenderechados{
	width: 619px;
    height: 270px;
    float: right;
    margin-right: 10px;
    margin-top: 20px;
	background-image: url(imagenes/fotoobjetivosderechados.jpg);
}

div#imagenderechatres{
	width: 619px;
    height: 270px;
    float: right;
    margin-right: 10px;
    margin-top: 20px;
	background-image: url(imagenes/fotoobjetivosderechatres.jpg);
}


/* Hoja de estilos de objetivosnivel1 */

section#objetivosnivel1 {
	width: 960px;
	height: 994px;
	overflow: hidden;
	margin-top: 0px;
}



div#subbotoneranivel1{
	width: 300px;
    height: 25px;
    float: left;
	position: absolute;
    margin-left: 10px;
    margin-top: 32px;
	border-top: #02FCF3 1px solid;
	border-bottom: #02FCF3 1px solid;
}

div#bloqueizquierdanivel1{
	width: 300px;
    height: 861px;
    float: left;
    margin-left: 10px;
    margin-top: 95px;
}

.tituloobjetivosnivel1{
	margin-left: 0px;
    margin-top: 0px;
	display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 23.3333px;
    color: #fff;
    border-bottom: #fff solid 1px;
}

div#fotoizquierdanivel1{
	width: 300px;
    height: 817px;
    float: left;
    margin-left: 0px;
    margin-top: 20px;
	background-image: url(imagenes/fotoizquierdanivel1.jpg);
}
	
div#bloquederechanivel1{
	width: 620px;
    height: 819px;
    float: left;
    margin-left: 20px;
	margin-top: 144px;
    background-color: rgb(53, 79, 112);
}

div#parrafo1{
	width: 580px;
    height: 400px;
    float: left;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	border-bottom: rgb(160, 160, 160) dashed 1px;
}

.conceptualesnivel1{
	display: block;
	margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

div#parrafo1 p{
	margin-left: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}

div#parrafo2{
	width: 580px;
    height: 160px;
    float: left;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	border-bottom: rgb(160, 160, 160) dashed 1px;
}

.procedimentalesnivel1{
	display: block;
	margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

div#parrafo2 p{
	margin-left: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}

div#parrafo3{
	width: 580px;
    height: 162px;
    float: left;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	border-bottom: rgb(160, 160, 160) dashed 1px;
}

.actitudinalesnivel1{
	display: block;
	margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

div#parrafo3 p{
	margin-left: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}


/* Hoja de estilos de objetivosnivel2 */

section#objetivosnivel2 {
	width: 960px;
	height: 946px;
	overflow: hidden;
	margin-top: 0px;
}



div#subbotoneranivel2{
	width: 300px;
    height: 25px;
    float: left;
	position: absolute;
    margin-left: 10px;
    margin-top: 32px;
	border-top: #02FCF3 1px solid;
	border-bottom: #02FCF3 1px solid;
}

div#bloqueizquierdanivel2{
	width: 300px;
    height: 795px;
    float: left;
    margin-left: 10px;
    margin-top: 95px;
}

.tituloobjetivosnivel2{
	margin-left: 0px;
    margin-top: 0px;
	display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 23.3333px;
    color: #fff;
    border-bottom: #fff solid 1px;
}

div#fotoizquierdanivel2{
	width: 300px;
    height: 743px;
    float: left;
    margin-left: 0px;
    margin-top: 20px;
	background-image: url(imagenes/fotoizquierdanivel2.jpg);
}

div#bloquederechanivel2{
	width: 620px;
    height: 745px;
    float: left;
    margin-left: 20px;
	margin-top: 144px;
    background-color: rgb(53, 79, 112);
}

div#parrafo1nivel2{
	width: 580px;
    height: 220px;
    float: left;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	border-bottom: rgb(160, 160, 160) dashed 1px;
}

.conceptualesnivel2{
	display: block;
	margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

div#parrafo1nivel2 p{
	margin-left: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}

div#parrafo2nivel2{
	width: 580px;
    height: 280px;
    float: left;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	border-bottom: rgb(160, 160, 160) dashed 1px;
}

.procedimentalesnivel2{
	display: block;
	margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

div#parrafo2nivel2 p{
	margin-left: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}

div#parrafo3nivel2{
	width: 580px;
    height: 147px;
    float: left;
    margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	border-bottom: rgb(160, 160, 160) dashed 1px;
}

.actitudinalesnivel2{
	display: block;
	margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

div#parrafo3nivel2 p{
	margin-left: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}


/* Hoja de estilos de pautas */

section#pautasdeevaluacion {
	width: 960px;
	height: 850px;
	overflow: hidden;
	margin-top: 0px;
}

div#lineapunteadaarribapautas{
	width: 940px;
    height: 1px;
    float: left;
	position: absolute;
    margin-left: 10px;
    margin-top: 20px;
	border-top: rgb(160, 160, 160) dashed 1px;
}

div#titulopautas{
	width: 460px;
    height: 26px;
    float: left;
	position: absolute;
    margin-left: 10px;
    margin-top: 38px;
}

.titulopautas{
	margin-left: 0px;
    margin-top: 0px;
	display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 23.3333px;
    color: #fff;
    border-bottom: #fff solid 1px;
}

div#fotoizquierdapautas{
	width: 460px;
    height: 213px;
    float: left;
	position: absolute;
    margin-left: 10px;
    margin-top: 90px;
	background-image: url(imagenes/fotopautas1.jpg);
}

div#parrafo1pautas{
	width: 460px;
    height: 520px;
    float: left;
	position: absolute;
    margin-left: 10px;
    margin-top: 320px;
}
    

.trabajospracticos{
	display: block;
	margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

div#parrafo1pautas p{
    margin-left: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
    
}

div#fotoderechapautas{
    width: 460px;
    height: 213px;
    float: left;
	position: absolute;
    margin-left: 491px;
    margin-top: 90px;
	background-image: url(imagenes/fotopautas2.jpg);
}

div#parrafo2pautas{
	width: 460px;
    height: 520px;
    float: left;
	position: absolute;
    margin-left: 491px;
    margin-top: 320px;
    
}

.instrumentos{
    display: block;
	margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

div#parrafo2pautas p{
    margin-left: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}

div#lineapunteadaabajopautas{
	display: block;
	width: 942px;
    height: 1px;
    float: right;
    margin-right: 10px;
    margin-top: 810px;
	border-bottom: rgb(160, 160, 160) dashed 1px;
}


/* PRACTICOS 1 */

article#practicos1{
    width: 960px;
    height: 200px;
    overflow:hidden;
    float: left}



section#practicos1{
width: 960px;

        margin-top: 90px;
    margin-left: 0px
    
   
        
}
section#practicos1 h1#prac{
width: 600px;
margin-left:380px;
border-top: 0px solid;
  
        
}

section#practicos1 h2{
width: 330px;
margin-top:100px ;
    margin-left:10px;
   color: rgba(95, 235, 75, 0.73);
    
        }

section#practicos1 p{
width: 330px;
    margin-left:10px;
   color: #fff;
    
        }

section#foto{

background-image: url(imagenes/sistemas.png);
background-repeat: no-repeat;
 width: 619px;
    height: 395px;
    float: right;
    margin-right: 10px;
    margin-top: 167px;}

section#fotosistema{

background-color: #fff;
background-image: url(imagenes/color.png);
background-repeat: no-repeat;
 width: 619px;
    height: 395px;
    float: right;
    margin-right: 10px;
    margin-top: 167px;
}

section#fotoserigrafia{

background-image: url(imagenes/serigrafia.png);
background-repeat: no-repeat;
 width: 619px;
    height: 395px;
    float: right;
    margin-right: 10px;
    margin-top: 167px;
    
    
        }


#paginapracticos{ width: 960px;
    height: 850px;
    margin:0 auto;
    background-color: rgb(48, 54, 69);}
 
nav#des {
width: 292px;
height:50px;
margin-top:530px;
margin-right: 960px;
padding: 5px;
background-color: rgb(53, 79, 112);
}
ul#des{}
li#des{ width: 960px;
list-style: none;
}

a#des{text-align: left;
display: block;
padding: 10px;
color: #02FCF3;
 text-decoration: none;

   
 }

footer#practicos {height: 196px; margin-top: 600px; background-image: url(imagenes/puntosfooter.jpg); background-color: rgb(42, 66, 94);}


div#logouba {
    float: left;
    width: 74px;
    height: 74px;
    margin-top: 20px;
    margin-left: 10px;
  
}
div#txtuba {
    float: left;
    width: 136px;
    height: 74px;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 11px;
    color: #02FCF3;
    font-weight: 100;
}
div#textofooter {
    width: 220px;
    float: left;
    margin-top: 20px;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 10px;
    color: #FFF;
    font-weight: 100;
    border-left: 1px dashed #02FCF3;
}
footer nav{ width: 460px;}
footer nav ul{ list-style: none; z-index:10}
footer nav ul li{
    float: left;
    padding: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}
footer nav ul li ul li {border-left: none; background-color: rgb(42, 66, 94); }
footer nav ul li a{
    text-decoration: none;
    color: #FFF;
    display: block;
    padding: 0px;
    font-size: 10pt;
    font-weight: 300;
    text-align: center;
}
footer nav ul li a:hover{
color: #079d98;
}
footer nav ul li ul{
    display: none;
    width: 116px;
    z-index: 10;
}
footer nav ul li ul a{ font-weight:300; text-align: center;}
footer nav li:hover >ul {display: block;}

/* PRACTICOS2 */

article#practicos2{
    width: 960px;
    height: 200px;
    overflow:hidden;
    float: left}



section#fotooriginal{
 
background-image: url(imagenes/AA8C89B.jpg);
background-repeat: no-repeat;
 width: 619px;
    height: 395px;
    float: right;
    margin-right: 10px;
    margin-top: 167px;
    
        }

section#fototramado{
   
    background-image: url(imagenes/tramados.png);
     width: 619px;
    height: 395px;
    float: right;
    margin-right: 10px;
    margin-top: 167px;
    
    
        }

section#fotogestion{
    background-image: url(imagenes/gestion.png);
    width: 619px;
    height: 395px;
    float: right;
    margin-right: 10px;
    margin-top: 167px;
}

div#columnaizquierdapracticos{
	width: 300px;
    height: 380px;
	float: left;
	position: absolute;
    margin-left:   10px;
    margin-top: 95px;
	border-bottom: rgb(160, 160, 160) dashed 1px;
}

div#columnaizquierdapracticos h2{
    width: 300px;
	margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 23.3333px;
    color: #fff;
    border-bottom: #fff solid 1px;
}

.conceptualespracticos{
	display: block;
	margin-left: 0px;
    margin-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
    width: 300px
}

div#columnaizquierdapracticos p{
	margin-left: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}


/* PLANTEL */

section#plantel{
	width: 960px;
	height: 994px;
	overflow: hidden;
	margin-top: 0px;
}

div#tituloplantel{
	width: 460px;
    height: 30px;
    float: left;
    margin-left: 10px;
    margin-top: 30px;
}

.tituloplantel{
	margin-left: 0px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 23.3333px;
    color: #fff;
    border-bottom: #fff solid 1px;
}

div#fotoplantel1{
    width: 220px;
    height: 213px;
    position: absolute;
    float: left;
    margin-left: 10px;
    margin-top: 90px;
    background-image: url(imagenes/fotoplantel1.jpg);
}

div#fotoplantel2{
    width: 220px;
    height: 213px;
    position: absolute;
    float: left;
    margin-left: 250px;
    margin-top: 90px;
    background-image: url(imagenes/fotoplantel2.jpg);
}

div#fotoplantel3{
    width: 220px;
    height: 213px;
    position: absolute;
    float: left;
    margin-left: 490px;
    margin-top: 90px;
    background-image: url(imagenes/fotoplantel3.jpg);
}

div#fotoplantel4{
    width: 220px;
    height: 213px;
    position: absolute;
    float: left;
    margin-left: 730px;
    margin-top: 90px;
    background-image: url(imagenes/fotoplantel4.jpg);
}

div#titular{
    width: 220px;
    height: 50px;
    position: absolute;
    float: left;
    margin-left: 10px;
    margin-top: 323px;
    background-color: rgb(53, 79, 112);
}

.nombre1{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

.bajadanombre1{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-align: center;
    color: rgb(255, 255, 255);
}

div#adjunto{
    width: 220px;
    height: 50px;
    position: absolute;
    float: left;
    margin-left: 250px;
    margin-top: 323px;
    background-color: rgb(53, 79, 112);
}

.nombre2{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

.bajadanombre2{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-align: center;
    color: rgb(255, 255, 255);
}

div#adjunto2{
    width: 220px;
    height: 50px;
    position: absolute;
    float: left;
    margin-left: 490px;
    margin-top: 323px;
    background-color: rgb(53, 79, 112);
}

.nombre3{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

.bajadanombre3{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-align: center;
    color: rgb(255, 255, 255);
}

div#jtp{
    width: 220px;
    height: 50px;
    position: absolute;
    float: left;
    margin-left: 730px;
    margin-top: 323px;
    background-color: rgb(53, 79, 112);
}

.nombre4{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

.bajadanombre4{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-align: center;
    color: rgb(255, 255, 255);
}

div#fotoplantel5{
    width: 220px;
    height: 213px;
    position: absolute;
    float: left;
    margin-left: 10px;
    margin-top: 393px;
    background-image: url(imagenes/fotoplantel5.jpg);
}

div#fotoplantel6{
    width: 220px;
    height: 213px;
    position: absolute;
    float: left;
    margin-left: 250px;
    margin-top: 393px;
    background-image: url(imagenes/fotoplantel6.jpg);
}

div#fotoplantel7{
    width: 220px;
    height: 213px;
    position: absolute;
    float: left;
    margin-left: 490px;
    margin-top: 393px;
    background-image: url(imagenes/fotoplantel7.jpg);
}

div#fotoplantel8{
    width: 220px;
    height: 213px;
    position: absolute;
    float: left;
    margin-left: 730px;
    margin-top: 393px;
    background-image: url(imagenes/fotoplantel8.jpg);
}

div#profe1{
    width: 220px;
    height: 50px;
    position: absolute;
    float: left;
    margin-left: 10px;
    margin-top: 625px;
    background-color: rgb(53, 79, 112);
}

.nombre5{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

.bajadanombre5{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-align: center;
    color: rgb(255, 255, 255);
}

div#profe2{
    width: 220px;
    height: 50px;
    position: absolute;
    float: left;
    margin-left: 250px;
    margin-top: 625px;
    background-color: rgb(53, 79, 112);
}

.nombre6{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

.bajadanombre6{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-align: center;
    color: rgb(255, 255, 255);
}

div#profe3{
    width: 220px;
    height: 50px;
    position: absolute;
    float: left;
    margin-left: 490px;
    margin-top: 625px;
    background-color: rgb(53, 79, 112);
}

.nombre7{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

.bajadanombre7{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-align: center;
    color: rgb(255, 255, 255);
}

div#profe4{
    width: 220px;
    height: 50px;
    position: absolute;
    float: left;
    margin-left: 730px;
    margin-top: 625px;
    background-color: rgb(53, 79, 112);
}

.nombre8{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) solid 1px;
}

.bajadanombre8{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-align: center;
    color: rgb(255, 255, 255);
}

div#lineapunteadaplanteldocente{
    width: 940px;
    height: 1px;
    float: left;
    position: absolute;
    margin-left: 10px;
    margin-top: 695px;
    border-bottom: rgb(160, 160, 160) dashed 1px;
}

div#tituloayudantes{
	width: 220px;
    height: 25px;
    float: left;
    position: absolute;
    margin-left: 10px;
    margin-top: 710px;
}

.tituloayudantes{
	margin-left: 0px;
    margin-top: 0px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: rgb(235, 204, 80);
    border-bottom: rgb(235, 204, 80) 1px solid;
}

div#columna1plantel{
    width: 220px;
    height: 213px;
    position: absolute;
    float: left;
    margin-left: 10px;
    margin-top: 758px;
    border-right: rgb(160, 160, 160) 1px dashed;
    
}

div#columna1plantel p{
    margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}
    
div#columna2plantel{
    width: 220px;
    height: 213px;
    position: absolute;
    float: left;
    margin-left: 250px;
    margin-top: 758px;
    border-right: rgb(160, 160, 160) 1px dashed;
}

div#columna2plantel p{
    margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}

div#columna3plantel{
    width: 220px;
    height: 213px;
    position: absolute;
    float: left;
    margin-left: 490px;
    margin-top: 758px;
     border-right: rgb(160, 160, 160) 1px dashed;
    
}

div#columna3plantel p{
    margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}

div#columna4plantel{
    width: 220px;
    height: 213px;
    position: absolute;
    float: left;
    margin-left: 730px;
    margin-top: 758px;
    border-right: rgb(160, 160, 160) 1px dashed;
}

div#columna4plantel p{
    margin-left: 0px;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    color: #fff;
}

/*Media Queries*/
/********Codigo para celulares*********/
@media all and (max-width: 360px){
	header {width: 360px; position: inherit !important;}
	.mov {width:360px;}
	.noMov{ display:none;}
	#pagina { height: auto; width: 360px!important;}
	
	nav {width: 360px; height: 100px; margin-top: 50px;}  
	nav ul {list-style: none; width: 360px; height: 150px;}
	nav ul li { float: none; width:360px; height:60px; background:none; border-left: none !important; border-bottom:1px solid #02FCF3;}
	nav ul li:first-child { border-top:1px solid #02FCF3;}
	nav ul li a { text-decoration: none; display: block; font-size: .8em; color: rgb(48,54,69); font-weight: 500; text-align: center; width:360px; height:20px; padding:15px 0px; }

	nav ul li:hover { background:#02FCF3;}
	nav ul li:nth-child(1):hover { height:160px;}
	nav ul li:nth-child(2):hover { height:130px;}
	nav ul li:nth-child(3):hover { height:130px;}
	nav ul li:nth-child(4):hover { height:60px;}
	nav ul li a:hover{ color:rgb(48,54,69) !important;}	
	
	nav ul li ul {display: block;}
	nav ul li ul li { height: 40px; border-left: none; background: #02FCF3 !important; }
	nav ul li ul li { background: #02FCF3 !important; margin:0px; }
	nav ul li ul li a{ text-align: center; color:rgb(48,54,69); padding: 10px 0px 0px 0px;}

	nav ul li:nth-child(1):hover >ul { height:auto;}
	nav ul li:nth-child(2):hover >ul { height:auto;}
	nav ul li:nth-child(3):hover >ul { height:auto;}
	
	nav ul li ul:hover { background:#02FCF3;}
	nav ul li ul li:hover {height: 40px !important ; }
	nav ul li ul li a:hover{ color:rgb(48,54,69); }
	
	footer { margin-top: 10px; display:block; width:360px; float: none !important; clear:both;}
	div#puntosfooter {background-image:none;}
	div#logouba { width: 76px; height: 76px; margin: 70px 0px 0px 90px; background: url(imagenes/logofadu.png) no-repeat center; float:left; }
	div#txtuba { width: 120px !important; font-size: .8em; color: #02FCF3; margin: 60px 0px 0px 10px; }
	div#textofooter { clear:both; width: 300px;  float: none; margin: 20px auto ; padding: 20px 0px ; font-size: .6em; color: #FFF; font-weight: 100; border-left: none;}
	/***CONTACTO***/
	#paginacontacto { width: 360px; background:rgb(48,54,69); display:block; height: auto !important;}
	#paginacontacto article {float:none; clear:both;width:360px;text-align:center;}
	.titulocontacto { display: block;width:360px;font-size: 16px; font-weight: 500; color: #fff;margin: 50px 0px 0px 0px;}
	div#textocorrido { width: 320px;float: none;margin: 0px;padding:20px;}	
	div#formulario { width: 340px; margin:10px;}
	div#formulario input {width: 280px; padding: 5px;}
	div#formulario input:last-child { width: 310px; margin-top: 10px;}
	.itemcontacto { font-size: 12px; font-weight: 340px;}
	textarea#textarea { width: 300px; height: 100px; padding:5px; }
	/****Propuesta****/
	div#propuesta{ width: 360px; height: auto; float: none !important; margin: 50px 0px; border-top: rgb(160, 160, 160) dashed 1px; display:block !important;}
	div#propuesta h1{  width: 360px !important; text-align:center; margin:auto; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1.2em; color: #fff; border-bottom: #fff solid 1px; }
	
	.introduccion{ width:360px !important; display: block; margin: 20px 0px 10px 0px; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1em; color: rgb(235, 204, 80); border-bottom: rgb(235, 204, 80) solid 1px;}
	div#propuesta p{ width:360px !important; margin: 10px 0px; font-family: 'Roboto', sans-serif; font-weight: 100; font-size: .8em; color: #fff;}
	.pedagogia{ width:360px !important;display: block;margin: 20px 0px 10px 0px; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1em; color: rgb(235, 204, 80);    border-bottom: rgb(235, 204, 80) solid 1px; }
	.contenidosextra{width:360px !important; display: block; margin: 20px 0px 10px 0px; font-family: 'Roboto', sans-serif;font-weight: 700;font-size: 1em;color: rgb(235, 204, 80); border-bottom: rgb(235, 204, 80) solid 1px;}
	.concluimos{width:360px !important; display: block;margin: 20px 0px 10px 0px;font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1em; color: rgb(235, 204, 80);   border-bottom: rgb(235, 204, 80) solid 1px; }
	div#fotoderecha{
		display: block;
		width: 360px !important;
		height: 200px;
		float: none;
		margin:0px;
		background: url(imagenes/fotopropuesta2.jpg) no-repeat;
		background-size: 100%;
	}
	#prop{ display:block; clear:both; width:300px !important; padding: 20px;}

}
	
@media all and (min-width: 361px) and (max-width: 640px){
	header {width: 640px; position: inherit !important; }
	.noMov{ display:none;}
	.mov {width:640px;}
	#pagina { height: auto; width:640px !important;}
	
	nav {width:640px; height: 100px; margin-top: 50px;}  
	nav ul {list-style: none; width:640px; height: 150px;}
	nav ul li { float: none; width:640px; height:60px; background:none; border-left: none !important; border-bottom:1px solid #02FCF3;}
	nav ul li:first-child { border-top:1px solid #02FCF3;}
	nav ul li a { text-decoration: none; display: block; font-size: .8em; color: rgb(48,54,69); font-weight: 500; text-align: center;width:640px; height:20px; padding:15px 0px; }

	nav ul li:hover { background:#02FCF3;}
	nav ul li:nth-child(1):hover { height:160px;}
	nav ul li:nth-child(2):hover { height:130px;}
	nav ul li:nth-child(3):hover { height:130px;}
	nav ul li:nth-child(4):hover { height:60px;}
	nav ul li a:hover{ color:rgb(48,54,69) !important;}	
	
	nav ul li ul {display: block;}
	nav ul li ul li { height: 40px; border-left: none; background: #02FCF3 !important; }
	nav ul li ul li { background: #02FCF3 !important; margin:0px; }
	nav ul li ul li a{ text-align: center; color:rgb(48,54,69); padding: 10px 0px 0px 0px;}

	nav ul li:nth-child(1):hover >ul { height:auto;}
	nav ul li:nth-child(2):hover >ul { height:auto;}
	nav ul li:nth-child(3):hover >ul { height:auto;}
	
	nav ul li ul:hover { background:#02FCF3;}
	nav ul li ul li:hover {height: 40px !important ; }
	nav ul li ul li a:hover{ color:rgb(48,54,69); }
	
	footer { margin-top: 10px; display:block; width:640px; float: none !important; }
	div#puntosfooter {background-image:none;}
	div#puntosfooter div#mov{ float:left;}
	div#logouba { width: 76px; height: 76px; margin: 70px 0px 0px 40px; background: url(imagenes/logofadu.png) no-repeat center; float:left; }
	div#txtuba { width: 120px !important; font-size: .8em; color: #02FCF3; margin: 60px 0px 0px 10px; float:left;}
	div#textofooter {width: 300px; float:left; margin: 70px 0px 0px 20px ; padding: auto; font-size: .6em; color: #FFF; font-weight: 100; border-left: 1px #fff solid;}

	/***CONTACTO***/
	#paginacontacto { width: 640px; background:rgb(48,54,69); display:block; height: auto !important;}
	#paginacontacto article {float:none; clear:both;width:640px;text-align:center;}
	.titulocontacto { display: block;width: 640px;font-size: 16px; font-weight: 500; color: #fff;margin: 50px 0px 0px 0px;}
	div#textocorrido { width:580px;float: none;margin: 0px;padding:20px;}	
	div#formulario { width: 600px; margin:10px;}
	div#formulario input {width: 510px; padding: 5px;}
	div#formulario input:last-child { margin-top: 10px;}
	.itemcontacto { font-size: 12px; font-weight: 340px;}
	textarea#textarea { width: 500px; height: 100px; padding:5px; }
	
		/****Propuesta****/
	div#propuesta{ width: 600px; height: auto; float: none !important; margin: 50px 0px; border-top: rgb(160, 160, 160) dashed 1px; display:block !important;}
	div#propuesta h1{ text-align:center; margin:auto; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1.2em; color: #fff; border-bottom: #fff solid 1px; }
	
	.introduccion{width: 600px; display: block; margin: 20px 0px 10px 0px; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1em; color: rgb(235, 204, 80); border-bottom: rgb(235, 204, 80) solid 1px;}
	div#propuesta p{ margin: 10px 0px; font-family: 'Roboto', sans-serif; font-weight: 100; font-size: .8em; color: #fff;}
	.pedagogia{ display: block;margin: 20px 0px 10px 0px; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1em; color: rgb(235, 204, 80);    border-bottom: rgb(235, 204, 80) solid 1px; }
	.contenidosextra{ display: block; margin: 20px 0px 10px 0px; font-family: 'Roboto', sans-serif;font-weight: 700;font-size: 1em;color: rgb(235, 204, 80); border-bottom: rgb(235, 204, 80) solid 1px;}
	.concluimos{ display: block;margin: 20px 0px 10px 0px;font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1em; color: rgb(235, 204, 80);   border-bottom: rgb(235, 204, 80) solid 1px; }
	div#fotoderecha{
		display: block;
		width:600px;
		height: 200px;
		float: none;
		margin:0px;
		background: url(imagenes/fotopropuesta2.jpg) no-repeat center;
		background-size: 100%;
	}
	#prop{ display:block; clear:both;width: 600px; padding: 20px;}
	aside { display:none;}
}


@media all and (min-width: 641px){
    header {position: relative;}
    .face {position: absolute; top: 74px; right: 10px;}
    .twitt {position: absolute; top: 106px; right: 10px;}
    .contacto {position: absolute; top: 138px; right: 10px;}
    nav {position: absolute; top: 200px; right: 0px;}
    nav ul li {width: 154px; float: left;}

    
    footer {position: relative;}
    footer nav {position: absolute; top: 20px; right: 10px;}
    footer nav ul li {width: 114px; float: left;}
    }