*{margin: 0;  padding: 0;}

body{ background-image:url(imagenes/background.jpg); background-position: top center;}

main{ width:960; margin: 0 auto;}



/*estilos de header*/

header{ background-color: rgba(51, 51, 51, 0.74); height: 150; position: relative;}

header #logo{ position:absolute; top: 20; left:20;}

header h1{ position: absolute; top: 42; left:105; color:#fff; font-family: 'cuprum',sans-serif; font-weight: 100; font-size: 27;}

header #botonera{ height: 20;position:absolute; top: 110; left: 490; width:490; }

nav ul li { float: left;}

nav ul li a{ text-decoration: none; color: #c1a67c; font-family: 'cuprum',sans-serif; list-style: none; margin-right: 30; }

hr{color: #fff; position: absolute; top: 92; left: 20;}

header ul li a:hover{ color:#fff;}

header #iconos{position: absolute; top: 48; left: 780;}


header h3{ position: absolute; top: 105; left: 20; font-family: 'cuprum',sans-serif; font-weight: 100; color:#fff; font-size: 13;}



/*estilos cuerpo de pagina*/

section { background-color: rgba(255, 255, 255, 0.51); height:830;  margin-top:10; position: relative; overflow: auto}


section #conocenos{ float: left;height: 200; width: 600; margin-top: 15;margin-left: 15;}


section #novedades{ width: 320; float: left; margin-top: 15;margin-left: 10; background-color: rgba(51, 51, 51, 0.74); padding-top: 15; font-family: 'cuprum',sans-serif; color: #fff; font-weight: 100; }

section #novedades h1{ font-size:25; font-weight: 100;text-align: center; }

section #novedades p{ margin-top: 15; margin-left: 10; margin-bottom: 15; margin-right: 10; font-size: 14; font-family: 'abel',sans-serif; }

section #novedades p a{margin-left: 10; font-family: 'cuprum',sans-serif; text-decoration: none; color:#c1a67c;}

section #novedades p a:hover{color: #fff;}

section article#banner{ height: 300; width: 930; margin: auto; background-image: url(imagenes/banner.jpg);}


section #destacados{ float: left; margin-left: 15; margin-top: 15; height: 200; width: 460;}

section #proxima{ float:left; margin-left: 10; margin-top: 15;width: 460;}

section #niveluno{float:left; width: 225;margin-left: 15; margin-top: 15;
height: 50; background-color:rgba(51, 51, 51, 0.74); text-align: center; padding-top: 15;}

section #niveluno a{text-decoration: none; font-family: 'cuprum', sans-serif; color: #c1a67c; font-size:30;}
    
section #niveluno a:hover{color: #fff;}

section #niveldos{float:left; width: 225;margin-left:10; margin-top: 15;
height: 50; background-color:rgba(51, 51, 51, 0.74); text-align: center; padding-top: 15;}

section #niveldos a{text-decoration: none; font-family: 'cuprum', sans-serif; color: #c1a67c; font-size:30;}
    
section #niveldos a:hover{color: #fff;}

section #ingresantes{float:left; width: 460;margin-left:10; margin-top: 15;
height: 50; background-color:rgba(51, 51, 51, 0.74); text-align: center; padding-top: 15;}

section #ingresantes a{text-decoration: none; font-family: 'cuprum', sans-serif; color: #c1a67c; font-size:30;}

section #ingresantes a:hover{color: #fff;}


/*estilos de pie*/

footer{
    font-size: 10px;
    color:#919191;
    width:960px;
    text-align: center;
    margin-top: 15;   
}

footer p.legal2 a{
    text-decoration: none;
    color: #817f7f;
    font-size: 9px;
}

/*ACA TERMINAN LOS ESTILOS DEL INDEX*/
/*ACA EMPIEZAN LOS ESTILOS DE CONOCENOS*/

section #texto{width:380; float: left; margin-left: 40; margin-top: 40; font-family: 'abel',sans-serif; }
section h1{font-family: 'cuprum',sans-serif; margin-bottom: 10;}
section #objetivos{width: 380;float:left; margin-top: 40; margin-left: 90; font-family: 'abel',sans-serif;color: #fff; background-color:rgba(51, 51, 51, 0.74); padding-left: 30; padding-bottom: 15; }
section h3{margin-top:20; margin-bottom: 10; font-family: 'cuprum',sans-serif;}
section #datos{float: left; width: 380; margin-left: 90; margin-top: 20; font-size: 12; font-family: 'cuprum',sans-serif; border-style:dashed; border-width: thin; padding-left: 30; padding-top: 5;padding-bottom: 5;}

section #foto{float: left; width: 930; height: 300; margin-left: 15;margin-top: 20; background-image: url(imagenes/imagen_6.jpg);}

/*TERMINAN LOS ESTILOS DE CONOCENOS*/
/*EMPIEZAN ESTILOS DE TRABAJOS*/

section #primer{width: 140; float: left; margin-left: 20; margin-top: 20; font-family: 'cuprum',sans-serif;font-size: 35;}
section #linea{position: absolute; top: 60;}
section #tps{position: absolute; top: 90; left: 20;}
section #tp1{float: left;margin-right: 4;}
section #tp2{float: left; margin-right: 4;}
section #tp3{float: left; margin-right: 4;}
section #tp4{float: left;}

section #segundo{width: 140; position: absolute; left: 20; margin-top: 360; font-family: 'cuprum',sans-serif;font-size: 35;}
section #linea2{position: absolute; top: 400;}
section #tps2{position: absolute; top: 430; left: 20;}
section #tp12{float: left;margin-right: 4;}
section #tp22{float: left; margin-right: 4;}
section #tp32{float: left; margin-right: 4;}
section #tp42{float: left;}

section nav{position: absolute; left: 20; top:720}

section nav #vermas{float: left; width:454; text-align: center; padding-top: 20; padding-bottom: 20; background-color:rgba(51, 51, 51, 0.74);font-family: 'cuprum',sans-serif;}
section nav #vermas a{text-decoration: none; color:#c1a67c; font-size: 25;}
section nav #vermas a:hover{color: #fff}

section nav #mejores{float: left; margin-left: 5; width: 454; text-align: center; padding-top: 20; padding-bottom: 20; background-color:rgba(51, 51, 51, 0.74); font-family: 'cuprum',sans-serif;}
section nav #mejores a{ text-decoration: none; color: #c1a67c; font-size: 25;}
section nav #mejores a:hover{color: #fff;}

/*TERMINAN ESTILOS DE TRABAJOS*/
/*EMPIEZAN ESTILOS DE ALUMNOS*/

section aside{width: 225; position: absolute; top: 20;left: 20;}
section aside ul{ width: 225; list-style: none; font-family: 'cuprum',sans-serif; font-size: 20;}

section aside ul #boton1{text-align: center; text-decoration: none;background-color:rgba(51, 51, 51, 0.74); padding-bottom: 10; padding-top: 10; }
section aside ul #boton1 a{text-decoration: none; color: #c1a67c}
section aside ul #boton1 a:hover{color: #fff;}

section aside ul #boton2{text-align: center; text-decoration: none;background-color:rgba(51, 51, 51, 0.74); padding-bottom: 10; padding-top: 10; margin-top: 20;}
section aside ul #boton2 a{text-decoration: none; color: #c1a67c}
section aside ul #boton2 a:hover{color: #fff;}

section aside ul #boton3{text-align: center; text-decoration: none;background-color:rgba(51, 51, 51, 0.74); padding-bottom: 10; padding-top: 10; margin-top: 20;}
section aside ul #boton3 a{text-decoration: none; color: #c1a67c}
section aside ul #boton3 a:hover{color: #fff;}


section aside ul #boton4{text-align: center; text-decoration: none;background-color:rgba(51, 51, 51, 0.74); padding-bottom: 10; padding-top: 10; margin-top: 20;}
section aside ul #boton4 a{text-decoration: none; color: #c1a67c}
section aside ul #boton4 a:hover{color: #fff;}

section #agenda{background-color: rgba(51, 51, 51, 0.74);color:#fff;padding-left: 15; padding-right: 15; padding-bottom: 10; font-family: 'cuprum',sans-serif; font-weight: 100;}
section #agenda p{ font-family: 'abel',sans-serif;}
section #agenda h1{ margin-top: 15;}
section #agenda h3{text-align: center;font-size: 22; padding-top: 5; font-weight: 100;}

section #condiciones{float: left; margin-left: 300; margin-right: 40;}
section #condiciones h3{font-weight: 100;}
section #condiciones p{font-family: 'abel',sans-serif; text-align: justify; margin-top: 25;}
section #lineauno{margin-left: 280; width: 620; position: absolute; top: 45;}
section #lineados{margin-left: 280; width: 620; position: absolute; top: 220;}
section #lineatres{margin-left: 280; width: 620; position: absolute; top: 370;}
section #lineacuatro{margin-left: 280; width: 620; position: absolute; top: 540;}     

section #legales1{float: left; font-size: 10; margin-left: 300; margin-top: 60;}
section #legales2{float: left; font-size: 10; margin-left: 50; margin-top: 80;}

/*TERMINAN ESTILOS DE ALUMNOS*/
/*EMPIEZAN ESTILOS DE CONTACTO*/

section #mensaje{width: 70%; float: left;margin-left:150; margin-top: 250; background-color: #504f4f ; height: 450;}
section #mensaje form input[type=text]{float: left; border-style: none; border-bottom: solid; border-bottom-width:1; border-bottom-color: #fff;background-color:#504f4f; color: #fff; margin-top: 50; margin-left: 180; height: 30; width: 300;font-family: 'cuprum',sans-serif; font-size: 17;}
section #mensaje form input[type=email]{float: left;border-style: none; border-bottom: solid; border-bottom-width:1; border-bottom-color: #fff;background-color:#504f4f; color: #fff; margin-top: 40; margin-left: 180; height: 30; width: 300;font-family: 'cuprum',sans-serif; font-size: 17;}
section #mensaje form textarea{position: absolute; top: 450;left:330; width: 300; max-width: 300; min-height: 100; max-height: 300;padding-left: 10;padding-top: 10;}
section #mensaje form input[type=submit]{position: absolute; top: 600; left: 560; border-style: none;padding: 10; background-color: #1d1d1d; color: #fff; font-family: 'cuprum',sans-serif; font-size: 18;}

section #dejanos{position: absolute;top: 100; left: 150; background-color:rgba(51, 51, 51, 0.74); width: 70%; height: 100;
color: #fff; font-family: 'cuprum',sans-serif; text-align: center; font-size: 35; padding-top: 15;}

/*TERMINAN ESTILOS DE CONTACTO*/

