/* Hoja de Estilos de 1-index.html */

body{
background-image: url(imagenes/fondobody.svg);
}

#paginaindex{
width: 960px;
height: auto;
margin-right: auto;
margin-left: auto;
background-image: url(imagenes/fondoweb.svg);
overflow: auto;
}

header{
width: 150px;
float: left;
font-family: 'Raleway', sans-serif;
font-weight: 300;
background-color: rgba(239, 239, 239, 0.33);
}

div #header1{
margin-top: 0px;
background-color: rgba(208, 208, 208, 0.33)
}

#tecno{
margin-top: 0px;
background-color: rgba(34, 180, 234, 0.74);
font-size: 25px;
font-weight: 100;
font-variant: small-caps;
color: white;
}

#graf{
background-color: rgba(34, 180, 234, 0.74);
font-size: 38px;
font-weight: 100;
font-variant: small-caps;
color: white;
margin-top: -38px;
}

h1 {
margin-top: -30px;    
font-weight: 900; 
font-variant: small-caps;
font-size: 111px;
color: #464646;
line-height: 60px;
text-shadow: -10px 0px rgba(34, 180, 234, 0.74);
}

#info {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size: 20px;
font-weight: 200;
line-height: 22px;
list-style: none;
color: rgba(34, 180, 234, 0.74);
margin-top: -50px;
}

div #header2 {
margin-left: 0px;
width: 150px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
clear: both;
}

#redes{
width: 100px;
height: 100px;
margin-left: -18px;
}

#redes li{
list-style: none;
width: 50px;
height: 50px;
text-decoration: none;
float: left;
}

#enlaces ul li {
margin-left: -40px;
width: 150px;
list-style: none;
background-color: #22b4ea;
margin-bottom: 10px;
line-height: 2;
text-align: center;
}

#enlaces ul li:hover{
background-color: orange}

#enlaces ul li a{
text-decoration: none;
color: #464646;
font-weight: 100;
}

#enlaces ul li a:hover{
color: white;
}

#articleindex {
margin-top: 40px;
margin-left: 20px;
width: 620px;
height: 620px;
float: left;
}

#divindexlamateria{
width: 300px;
height: 300px;
float: left;
}

#divindexdocentes{
width: 300px;
height: 300px;
float: left;
margin-left: 20px;
}

#divindextrabajos{
width: 300px;
height: 300px;
float: left;
margin-top: 20px;
}

#divindexgaleria{
width: 300px;
height: 300px;
float: left;
margin-top: 20px;
margin-left: 20px;
}

#aside{
float: left;
width: 150px;
margin-left: 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
}

#asideup{
position: fixed;
}

#linksdeinteres{
margin-left: -40px;
margin-top: 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
}

#enlaces2 ul li{
width: 150px;
margin-bottom: 10px;
margin-left: 0px;
list-style: none;
background-color: rgba(255, 190, 0, 0.69);
text-align: center;
line-height: 2;
}

#enlaces2 ul li a{
text-decoration: none;
color: #464646;
}

.linksdeinteres{
font-family: 'Raleway', sans-serif; 
font-weight: 300;
font-size: 15px;
color: #464646;
}

#sectionindex{
width: 620px;
margin-left: 20px;;
margin-right: auto;
margin-top: 20px;
float: left;
}

#divinteriorsectionindex1{
width: 620px;
height: 300px;
background-image: url(imagenes/bienvenidaindex.jpg);
}

#divinteriorsectionindex2{
width: 620px;
height: 200px;
margin-top: 20px;
margin-bottom: 20px;
}

#divnoticiasindex1{
width: 193px;
height: 200px;
background-image: url(imagenes/noticia1index.jpg);
float: left;
}

#divnoticiasindex2{
width: 194px;
height: 200px;
background-image: url(imagenes/noticia1index.jpg);
margin-left: 20px;
float: left;
}

#divnoticiasindex3{
width: 193px;
height: 200px;
background-image: url(imagenes/noticia1index.jpg);
margin-left: 20px;
float: left;
}

#footerindex{
width: 960px;
height: 90px ;
clear: both;
background-color: rgba(34, 180, 234, 0.74);
margin-top: 20px;
}

/* ------------Estilos de contenidosnivel1.html-------------- */

#paginalamateria{
width: 960px;
margin-left: auto;
margin-right: auto;
overflow: auto;
background-image: url(imagenes/fondoweb2.svg);
}

#articlelamateria{
width: 640px;
height: 350px;
float: left;
background-image: url(imagenes/headermaterian1.jpg)
}

#divarticlelamateria{
float: right;
margin-top: 300px;
}

#ulnavdivarticlelamateria{
list-style: none;
margin-top: 16px;
}

#ulnavdivarticlelamateria li{
background-color: rgba(34, 180, 234, 0.74);
display: inline-block;
padding: 5px;
}

#ulnavdivarticlelamateria li a {
text-decoration: none;
font-family: 'Raleway', sans-serif;
font-size: 20px;
font-weight: 300;
font-variant: small-caps;
color: white;
}

#sectionlamateria{
margin-top: 20px;
margin-left: 20px;
width: 620px;
float: left;
}

#divsectionlamateria1{
width: 300px;
margin: auto;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
float: left;
}

#h2lamateria{
font-size: 25px;
font-weight: 400;
margin-top: 0px;
font-family: 'Raleway', sans-serif;
font-variant: small-caps;
background-color: rgba(255, 190, 0, 0.69);
}

#uldivsectionlamateria1{
list-style: none;
padding-left: 0px;
}

#divsectionlamateria2{
margin-left: 20px;
width: 300px;
height: 300px;
background-image: url(imagenes/proximaclase.jpg);
float: left;
}


#divsectionlamateria3{
width: 300px;
height: 300px;
margin-top: 20px;
margin-left: 20px;
background-color: rgba(239, 239, 239, 0.33);
float: left;
background-image: url(imagenes/mapatematico.jpg);
}

#divsectionlamateria4{
width: 300px;
height: 300px;
margin-top: 20px;
margin-bottom: 20px;
background-image: url(imagenes/descargaprograma.jpg);
margin-left: 20px;
float: left;
}

#asidelamateria{
width: 150px;
float: left;
margin-left: 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
}


#footerlamateria{
width: 960px;
height: 90px;
clear: both;
background-color: rgba(34, 180, 234, 0.74);
}

.titulosh3{
font-size: 23px;
font-weight: 800;
font-variant: small-caps;
margin-top: -10px;
margin-bottom: -10px;
}

/* ------------Estilos de contenidosnivel2.html-------------- */

#articlelamateria2{
width: 640px;
height: 350px;
float: left;
background-image: url(imagenes/headermaterian2.jpg)
}

#divsectionlamateria2n2{
margin-left: 20px;
width: 300px;
height: 300px;
background-image: url(imagenes/proximaclasen2.jpg);
float: left;
}

#asidelamateria2{
width: 150px;

float: left;
margin-left: 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
}

#sectionlamateria2{
margin-top: 20px;
margin-left: 20px;
width: 620px;
float: left;
}


/* --------------------Estilos de docentes.html------------------- */

body{
background-image: url(imagenes/fondobody.svg);
}

#divpaginadocentes{
width: 960px;
margin-left: auto;
margin-right: auto;
overflow: auto;
background-image: url(imagenes/fondoweb2.svg);
}

#articledocentes{
width: 620px;
float: left;
margin-left: 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 100;
color: #464646;
}

#divheaderdocentes{
width: 620px;
height: 300px;
background-image: url(imagenes/headerdocentes.jpg)
}

#h2docentes{
font-family: 'Raleway', sans-serif;
font-variant: small-caps;
font-weight: 300;
text-align: center;
margin-top: 20px;
background-color: rgba(255, 190, 0, 0.69);
}

#divarticledocentes{
margin-top: 0px;
width: 300px;
float: left;
}

#fotosdocentes{
width: 620px;
clear: both;
overflow: auto;
margin: auto;
}

.divdocentes{
background-image: url(imagenes/adjunta1.jpg);
width:150px;
height: 150px;
margin-left: 5px;
float: left;
background-color: cyan;
margin-top: 5px;
}

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

#asidedocentes{
width: 150px;
height: 900px;
float: left;
margin-left: 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
}

#asideup{
position: fixed;
}

#footerdocentes{
width: 960px;
height: 90px;
margin-top: 20px;
clear: both;
background-color: rgba(34, 180, 234, 0.74);
}


/* ----------------Estilos de trabajos.html ---------------*/

#divpaginatrabajos{
width: 960px;
background-image: url(imagenes/fondoweb2.svg);
margin-left: auto;
margin-right: auto;
overflow: auto;
}

#articletrabajos{
width: 620px;
margin-top: 0px;
float: left;
margin-left: 20px;
}

#h2trabajos{
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-variant: small-caps;
text-align: center;
margin-top: 0px;
background-color:rgba(255, 190, 0, 0.69); 
}

#trabajosnivel1{
width: 620px;
height: 300px;
}


#trabajosnivel2{
width: 620px;
height: 300px;
margin-top: 50px;
margin-bottom: 20px;
}

#asidetrabajos{
float: left;
width: 150px;
margin-left: 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
}

#asideup{
position: fixed;
}

#footertrabajos{
width: 960px;
height: 90px;
margin-top: 20px;
background-color: rgba(34, 180, 234, 0.74);
clear: both;
}

/* ----------------Estilos de informacion Util------------------*/

#body{
background-image: url(imagenes/fondobody.svg);
}

#paginainfoutil{
width: 960px;
margin-right: auto;
margin-left: auto;
background-image: url(imagenes/fondoweb2.svg);
overflow: auto;
}

#articleinfoutil{
width: 620px;
margin-left: 20px;
float: left;
}

#divheaderinfoutil{
width: 620px;
height: 300px;
background-image: url(imagenes/headerinfoutil.jpg); 
}

#h2articleinfoutil{
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-variant: small-caps;
text-align: center;
background-color:rgba(255, 190, 0, 0.69);
color: #464646;
}

#div1infoutil{
width: 300px;
height: 300px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
color: #464646;
float:left; 
}

#h3lineometroinfoutil{
font-family: 'Yanone Kaffeesatz', sans-serif;
color: #464646;    
}

#div2infoutil{
width: 300px;
height: 300px;
background-image: url(imagenes/lineometro.jpg);
float: left;
margin-left: 20px;
}

#div3infoutil{
width: 300px;
height: 300px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
color: #464646;
float: left;
margin-top: 20px;
}

#h3cuentahilosinfoutil{
font-family: 'Yanone Kaffeesatz', sans-serif;
color: #464646;
}

#div4infoutil{
width: 300px;
height: 300px;
background-image: url(imagenes/Cuentahilos1.JPG);    
margin-left: 20px;
margin-top: 20px;    
float: left;
margin-bottom: 20px;
}

#div5infoutil{
width: 620px;
height: 300px;
background-color: green;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
clear: both;
}

#sectioninfoutil{
width: 620px;
height: 300px;
background-color: red;
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}

#asideinfoutil{
float: left;
width: 150px;
height: 700px;
margin-left: 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
}

#asideup{
position: fixed;
}

#footerinfoutil{
width: 960px;
height: 90px;
background-color: rgba(34, 180, 234, 0.74);
}

/* ----------------Estilos de contacto.html------------------*/

#paginacontacto{
width: 960px;
margin-left: auto;
margin-right: auto;
overflow: auto;
background-image: url(imagenes/fondoweb2.svg);
}

#articlecontacto{
width: 620px;
float: left;
margin-left: 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
color: #464646;
}

#headercontacto{
width: 620px;
height: 300px;
background-image: url(imagenes/headercontacto.jpg);
}

#div1sectioncontacto{
width: 300px;
height: 300px;
float: left;
color: #464646;
margin-top: 20px;
font-weight: 200;
}

#h2contacto{
font-variant: small-caps;
font-weight: 300;
margin-top: 0px;
}

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

#asidecontacto{
float: left;
width: 150px;
margin-left: 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
overflow: auto;
}

#asideup{
position: fixed;
}

#footercontacto{
width: 960px;
height: 90px;
margin-top: 20px;
background-color: rgba(34, 180, 234, 0.74);
clear: both;
}

/* ----------------Estilos de todos.html------------------*/

#paginatodos{
width: 960px;
margin-left: auto;
margin-right: auto;
overflow: auto;
background-image: url(imagenes/fondoweb2.svg);
}

#articletodos{
width: 620px;
height: 350px;
margin-left: 20px;
float: left;
background-image: url(imagenes/headertodos);
}

#divarticletodos{
float: right;
margin-top: 300px;
}

#ulnavdivarticletodos{
list-style: none;
margin-top: 16px;
}

#ulnavdivarticletodos li{
background-color: rgba(34, 180, 234, 0.74);
display: inline-block;
padding: 5px;
}

#ulnavdivarticletodos li a {
text-decoration: none;
font-family: 'Raleway', sans-serif;
font-size: 20px;
font-weight: 300;
font-variant: small-caps;
color: white;
}

#sectiontodos{
margin-top: 20px;
margin-left: 20px;
width: 620px;
float: left;
}

#divsectiontodos1{
width: 620px;
height: 150px;
background-image: url(imagenes/datoslibreta);
}

#divsectiontodos2{
width: 620px;
height: 150px;
margin-top: 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
}

#divsectiontodos3{
width: 620px;
height: 300px;
margin-top: 0px;
}

#cronogramatodos{
width: 620px;
height: 150px;
background-image: url(imagenes/cronograma.png);
}

#aside{
float: left;
width: 150px;
margin-left: 20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-weight: 200;
}

#asideup{
position: fixed;
}