body {
	font: 100%/1.4 Rosario, Verdana, Arial, Helvetica, sans-serif;
	background-color: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
    list-style: none;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}

.pagina {
	width: 960px;
    height: 915px;
	background-color: #FFFFFF;
	margin: 0 auto; 
}

header {
	background-color: #FFFFFF;
}

.pagina header .rayagris hr {
  background-color: #E8E8E8;
  border: none;
  height: 12px;
  box-shadow: inset 0 12px 12px -12px;
  width: 100%;
  position: relative;
  top: 20px;
    
}

.pagina header .rayaverde hr {
  background-color: #E8E8E8;
  border: none;
  height: 1px;
  width: 100%;
  position: relative;
  top: -90px;
    
}

.botoneragrande {
	float: left;
	width: 350px;
	background-color: #FFFFFF;
    margin-left: 15px;
}

.novedades {
   width: 602px;
   height: 150px;
   float: right;
   position: relative;
   right: 24px;
   top: -233px;
   background-color: #E8E8E8;
	}

.novedades .pablo {
    float: right;
    position: relative;
    top: 55px;
    margin-right: 15px;
}

.pagina header .iconos {
	float: right;
	margin-top: 25px;
    margin-right: 20px;
}
.pagina header .iconos a img {
	margin: 3px;
}

.pagina footer .iconosabajo a img {
position: relative;
left: 60px;
top: 20px;
}

.pagina header .titulo {
    top: 35px;
    left: 20px;
	width: 350px;
	position: relative;
    
}

.pagina header .alumnos {
	width: 570px;
	float: right;
    position: relative;
    top: -110px;	
}

.pagina header .alumnos h2 {
	color: #E01291;
    position: relative;
    top: 9px;
    font-size: 27px;
    line-height: 15px;
}

.pagina header .alumnos p {
	color: #999999;
    font-family: 'Rosario italic';
    font-size: 14px;
	line-height: 19px;
    margin: 0px;
    top: 0px;
}
.pagina header .alumnos hr {
  background-color: #E01291;
  border: none;
  height: 1px;
  width: 93%;
  position: relative;
  right: 8px;
}

.pagina .novedades h3 {
	line-height: 0px;
    font-size: 16px;
}

.pagina .novedades h5 {
    width: 80px;
    float: right;
    position: relative;
    left: 60px;
    top: -125px;
}

.pagina .novedades a h5 {
    text-decoration: none;
}

.pagina .novedades p {
	font-size: 14px;
	line-height: 20px;
    margin: 0px;
    top: 0px;
}

.pagina .novedades h3, h5, p {
    margin-top: 10px;
	color: #8c8b8b;
}
.pagina .novedades h1 {
	font-size: 23px;
    line-height: 20px;
    color: #98CB00;
    margin-top: 15px;
}

.pagina .novedades hr {
  background-color:  #98CB00;
  border: none;
  height: 1px;
  width: 40%;   
}

footer {
    width: 100%;
	padding: 10px 0; 
	clear: both; 
    top: 70px;
}

.pagina footer p {
	color: #E8E8E8;
	font-size: 10px;
}

.botoneraarriba {
     margin-left: 25px;
}


nav ul.navgris li a {
    background-color: #8c8b8b;
    margin-top: 20px;
    text-decoration: none;
    color: #FFF;
    float: left;
    padding-left: 14px;
    padding-right: 14px;
    margin-right: 15px;
}

nav ul.navgris li a:hover {
    color: #000;
}

nav ul.navrosa li a {
    background-color: #E01291;
    margin-top: 20px;
    text-decoration: none;
    color: #FFF;
    float: left;
    padding-left: 14px;
    padding-right: 14px;
    margin-right: 15px;
}

nav ul.navrosa li a:hover {
    color: #000;
}

nav ul.navverde li a {
    background-color: #98cb00;
    margin-top: 20px;
    text-decoration: none;
    color: #FFF;
    float: left;
    padding-left: 14px;
    padding-right: 14px;
    margin-right: 15px;
}

nav ul.navverde li a:hover {
    color: #000;
}

.navgrande {
    position: relative;
    top: -78px;
}

.navgrande img {
    margin-top: 8px;
    margin-left: 11px;
}

.navgrande li a {
    text-decoration: none;
    color: #FFF;
    font-weight: 700;
    position: relative;
    bottom: 22px;
    right: 40px;
    
}

.navgrande li a:hover {
    text-decoration: none;
    color: #000;
    font-weight: 700;
    position: relative;
    bottom: 22px;
    right: 40px;
    
}


.sliderr {
   width: 590px;
   float: right;
    position: relative;
    right: 30px;
    top: -70px;
   text-align:center;
   
}


.botoneraabajo {
    width: 960px;
    height: 100px;
    position: absolute;
    top: 812px;
    
}

ul.navabajo li a {
    margin-top: 0px;
    text-decoration: none;
    float: left;
    margin-left: 13px;
    position: relative;
    left: 12px;
}

ul.navabajo li a:hover{
    background-color: #000;
    line-height: 0px;
}


<!-- -->


@media all and (min-width: 321px) and (max-width: 640px) {
    
    
    body {
	font: 100%/1.4 Rosario, Verdana, Arial, Helvetica, sans-serif;
	background-color: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
    list-style: none;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}

.pagina {
	width: 620px;
    height: 915px;
	background-color: #FFFFFF;
	margin: 0 auto; 
}

header {
	background-color: #FFFFFF;
}

.pagina header .rayagris hr {
  background-color: #E8E8E8;
  border: none;
  height: 12px;
  box-shadow: inset 0 12px 12px -12px;
  width: 100%;
  position: relative;
  top: 20px;
    
}

.pagina header .rayaverde hr {
  background-color: #E8E8E8;
  border: none;
  height: 1px;
  width: 100%;
  position: relative;
  top: -90px;
    
}

.novedades {
   width: 595px;
   height: 150px;
   float: right;
   position: relative;
   right: 10px;
   top: -150px;
   background-color: #E8E8E8;
	}

.novedades .pablo {
    float: right;
    position: relative;
    top: 55px;
    margin-right: 15px;
}

.pagina header .iconos {
	float: left;
	margin-top: 18px;
    margin-left: 11px;
    position: absolute;
}
.pagina header .iconos a img {
	margin-right: 1px;
    width: 17px;
    height: 17px;
}

.pagina footer .iconosabajo a img {
position: relative;
left: 60px;
top: 20px;
}

.pagina header .titulo {
    top: 35px;
    left: 10px;
	width: 350px;
	position: relative;
    
}
    
    .pagina header .titulo img {
    width: 205px;
    margin-top: 10px;
    margin-bottom: 10px;
    
}

.pagina header .alumnos {
	width: 400px;
	float: right;
    position: relative;
    top: -100px;	
}

.pagina header .alumnos h2 {
	color: #E01291;
    position: relative;
    top: 5px;
    font-size: 19px;
    line-height: 15px;
}

.pagina header .alumnos p {
	color: #999999;
    font-family: 'Rosario italic';
    font-size: 12px;
	line-height: 15px;
    margin: 0px;
    top: 0px;
    width: 350px
}
.pagina header .alumnos hr {
  background-color: #E01291;
  border: none;
  height: 1px;
  width: 93%;
  position: relative;
  right: 8px;
}

.pagina .novedades h3 {
	line-height: 0px;
    font-size: 16px;
}

.pagina .novedades h5 {
    width: 80px;
    float: right;
    position: relative;
    left: 60px;
    top: -125px;
}

.pagina .novedades a h5 {
    text-decoration: none;
}

.pagina .novedades p {
	font-size: 14px;
	line-height: 20px;
    margin: 0px;
    top: 0px;
}

.pagina .novedades h3, h5, p {
    margin-top: 10px;
	color: #8c8b8b;
}
.pagina .novedades h1 {
	font-size: 23px;
    line-height: 20px;
    color: #98CB00;
    margin-top: 15px;
}

.pagina .novedades hr {
  background-color:  #98CB00;
  border: none;
  height: 1px;
  width: 40%;   
}

footer {
    width: 100%;
	padding: 10px 0; 
	clear: both; 
    top: 70px;
}

.pagina footer p {
	color: #E8E8E8;
	font-size: 10px;
}

.botoneraarriba {
     margin-left: 10px;
}


nav ul.navgris li a {
    background-color: #8c8b8b;
    margin-top: 20px;
    text-decoration: none;
    color: #FFF;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 7px;
    font-size: 12px;
}

nav ul.navgris li a:hover {
    color: #000;
}

nav ul.navrosa li a {
    background-color: #E01291;
    margin-top: 20px;
    text-decoration: none;
    color: #FFF;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 7px;
    font-size: 12px;
}

nav ul.navrosa li a:hover {
    color: #000;
}

nav ul.navverde li a {
    background-color: #98cb00;
    margin-top: 20px;
    text-decoration: none;
    color: #FFF;
    float: left;
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 7px;
    font-size: 12px;
}

nav ul.navverde li a:hover {
    color: #000;
}

    
.navgrande {
    position: relative;
    top: -78px;
    width: 455px;
    height: 200px;
}

.navgrande img {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 10px;
    width: 200px;
    float: left;
    
}

.navgrande li a {
    text-decoration: none;
    color: #FFF;
    font-weight: 600;
    position: absolute;
    margin-right: 15px;
    margin-bottom: 25px;
    font-size: 12px;
  
}

.navgrande li a:hover {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    position: absolute;
    

    
}


.sliderr {
   width: 585px;
   float: right;
    position: relative;
    right: 15px;
    top: -100px;
   text-align:center;
   
}


.botoneraabajo {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 240px;
    left: 415px;
    
}
    
.botoneraabajo img {
    width: 170px;
}

ul.navabajo li a {
    margin-top: 0px;
    text-decoration: none;
    float: left;
    position: relative;
    left: 12px;
    margin-bottom: 9px;
}

ul.navabajo li a:hover{
    background-color: #000;
    line-height: 10px;
    margin-bottom: 14px;
    margin-top: 0px;
}

 
    
}


<!-- -->














@media all and (min-width: 1px) and (max-width: 320px) {
    

    body {
	font: 100%/1.4 Rosario, Verdana, Arial, Helvetica, sans-serif;
	background-color: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
    list-style: none;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}

.pagina {
	width: 300px;
    height: 1080px;
	background-color: #FFFFFF;
	margin: 0 auto; 
}

header {
	background-color: #FFFFFF;
}

.pagina header .rayagris hr {
  background-color: #E8E8E8;
  border: none;
  height: 12px;
  box-shadow: inset 0 12px 12px -12px;
  width: 100%;
  position: relative;
  top: 20px;
    
}

.pagina header .rayaverde hr {
  display: none;
    
}

.novedades {
   width: 271px;
   height: 150px;
   float: right;
   position: relative;
   right: 14px;
   top: 0px;
   background-color: #E8E8E8;
	}

.novedades .pablo {
    display: none;
}

.pagina header .iconos {
	float: left;
    width: 285px;
	margin-top: 18px;
    margin-left: 11px;
    position: absolute;
}
.pagina header .iconos a img {
	margin-right: 9px;
    width: 20px;
    height: 20px;
}

.pagina footer .iconosabajo a img {
position: relative;
left: 60px;
top: 20px;
}

.pagina header .titulo {
    top: 45px;
    left: 10px;
	width: 280px;
	position: relative;
    
}
    
.pagina header .titulo img {
    width: 155px;
    margin-top: 10px;
    margin-bottom: 10px;
    
}

.pagina header .alumnos {
	width: 280px;
	float: right;
    position: relative;
    top: -185px;
}

.pagina header .alumnos h2 {
	color: #E01291;
    position: relative;
    top: 2px;
    right: 3px;
    font-size: 13px;
    line-height: 2px;
}

.pagina header .alumnos p {
display: none;
}
    
.pagina header .alumnos hr {
  background-color: #E01291;
  border: none;
  height: 1px;
  width: 93%;
  position: relative;
}
    
.pagina .novedades img {
    width: 270px;
}

.pagina .novedades h3 {
	line-height: 15px;
    font-size: 12px;
    margin: 0px;
    bottom: 15px;
    position: relative;
}

.pagina .novedades h5 {
    font-size: 11px;
    width: 60px;
    left: 60px;
    top: -30px;
}

.pagina .novedades a h5 {
    text-decoration: none; 
}

.pagina .novedades p {
	font-size: 12px;
	line-height: 16px;
    margin: 0px;
    top: -10px;
    
}

.pagina .novedades h3, h5, p {
    margin-top: 10px;
	color: #8c8b8b;
}
.pagina .novedades h1 {
	font-size: 23px;
    line-height: 20px;
    color: #98CB00;
    margin-top: 15px;
}

.pagina .novedades hr {
  background-color:  #98CB00;
  border: none;
  height: 1px;
  width: 40%;   
}

footer {
    width: 100%;
	padding: 10px 0; 
	clear: both; 
    top: 70px;
}

.pagina footer p {
	color: #E8E8E8;
	font-size: 10px;
}

.botoneraarriba {
    margin-left: 17px;
}


nav ul.navgris li a {
    background-color: #8c8b8b;
    margin-top: 40px;
    text-decoration: none;
    color: #FFF;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 12px;
}

nav ul.navgris li a:hover {
    color: #000;
}

nav ul.navrosa li a {
display: none;
}

nav ul.navverde li a {
    display: none;
}
    
.botoneragrande {
    width: 270px;
    background-color: none;
}
    
.navgrande {
    position: relative;
    top: 0px;
    width: 270px;
    height: 450px;
}

.navgrande img {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 270px;
    float: left;
    
}

.navgrande li a {
    text-decoration: none;
    color: #FFF;
    font-weight: 600;
    position: absolute;
    margin-right: -24px;
    margin-bottom: -7px;
    font-size: 12px;
  
}

.navgrande li a:hover {
    text-decoration: none;
    color: #000;
    font-weight: 600;
    position: absolute;
    
}


.sliderr {
    display: none;
}


.botoneraabajo {
    width: 290px;
    height: 250px;
    position: relative;
    top: 8px;
}
    
.botoneraabajo img {
    width: 270px;
}

ul.navabajo li a {
    margin-top: 0px;
    text-decoration: none;
    float: left;
    position: relative;
    left: 2px;
    margin-bottom: 0px;
}

ul.navabajo li a:hover{
    background-color: #000;
    line-height: 10px;
    margin-bottom: 5px;
    margin-top: 0px;
}

 
    
}  























<!--Hoja de estilo de exp.en el tallerrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr -->



.pagina header .titulotaller {
    top: 35px;
    left: 20px;
	width: 350px;
	position: relative;
    
    
}

.pagina header .titulotaller img {
    top: 35px;
    left: 20px;
	width: 160px;
	position: relative;
    
}


ul.navhome li a {
    margin-top: 0px;
    text-decoration: none;
    margin-left: 13px;
    position: relative;
    left: 635px;
    bottom: 79px;
    float: right;
}

ul.navhome li a:hover{
    background-color: #000;
    line-height: 0px;
}

.pagina header .rayaverde2 hr {
  background-color: #E8E8E8;
  border: none;
  height: 1px;
  width: 100%;
  position: relative;
  top: -10px;
    
}

nav ul.navrosa .seleccionado li a {
    color: #000;

}

.pagina .interiorpagina {
    width: 960px;
    background-color: #98CB00;
    position: relative;
    bottom: 18px;
}

.botoneraadentro1 {
    width: 575px;
    position: absolute;
    left: 46px;
}

nav ul.navnegro li a {
    background-color: #E01291;
    margin-top: 20px;
    text-decoration: none;
    color: #FFF;
    float: left;
    padding-left: 14px;
    padding-right: 14px;
    margin-right: 12px;
}

nav ul.navnegro li a:hover {
    color: #000;
}

.experimentacion {
    width: 95%;
    height: 100%;
    margin-left: 24px;
    background-color: #E8E8E8;
}

.experimentacion .interiorlogo {
    float: right;
    margin-right: 20px;
    margin-top: 18px;
}

.pagina .experimentacion h3, p {
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    top: 60px;
}

.pagina .experimentacion h3 {
	line-height: 40px;
    text-align: center;
    width: 540px;
    margin: 0px;
    
}

.pagina .experimentacion .alumnos3 {
    margin-top: 50px;
    margin-bottom: 15px;
}

.pagina .experimentacion .alumnos3 h2 {
	line-height: 0px;
    text-align: center;
    font-size: 10px;
    color: #8c8b8b;
    
}

.pagina .experimentacion .alumnos3 hr {
    width: 28%;
    background-color: #8c8b8b;
    
}


.pagina .experimentacion p {
	font-size: 14px;
	line-height: 20px;
    top: 60px;
    width: 540px;
    margin: 5px;
    margin-bottom: 25px;
}

.fotostaller {
    text-align: center;
    position: relative;
    top: 35px;
    width: 600px;
}

.fotostaller img {
   width: 550px;
   margin-bottom: 10px;
}

<!-- -->

.colgadas {
    width: 95%;
    height: 100%;
    margin-left: 24px;
    background-color: #E8E8E8;
}


.botoneraadentro2 {
    width: 575px;
    position: absolute;
    left: 210px;
}

.botoneraadentro2 .seleccionado li a {
    color: #000;

}
.colgadas .columna1 {
    float: left;

}

.colgadas .columna2 {
    float: right;

}

.pagina .colgadas h3, p {
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    top: 60px;
}

.pagina .colgadas h3 {
	line-height: 40px;
    text-align: center;
    width: 884px;
    margin: 0px;
    
}

.pagina .colgadas .alumnos3 {
    margin-top: -70px;
    margin-bottom: 15px;
}

.pagina .colgadas .alumnos3 h2 {
	line-height: 0px;
    text-align: center;
    font-size: 10px;
    color: #8c8b8b;
    
}

.pagina .colgadas .alumnos3 hr {
    width: 28%;
    background-color: #8c8b8b;
    position: relative;
left: 300px;
    
}


.pagina .colgadas p {
	font-size: 14px;
	line-height: 20px;
    top: 60px;
    width: 405px;
    margin: 10px;
    margin-bottom: 25px;
}



.pagina .colgadas h4 {
    width: 405px;
    color: #8c8b8b;
    position: relative;
    margin: 5px;
    top: 60px;
}

.fotoscolgadas {
    text-align: center;
    position: relative;
    top: 45px;
    width: 100%;
}

.fotoscolgadas img {
   width: 860px;
   margin-bottom: 5px;
}

.colgadasanteriores {
    text-align: center;
    position: relative;
    top: 45px;
    width: 100%;
}

.colgadasanteriores img {
   width: 860px;
   margin-bottom: 5px;
}




.anterioresadentro {
    position: relative;
    width: 67%;
    left: 225px;
    bottom: 125px;
}

.anterioresadentro img {
    width: 180px;
    margin-left: 10px;
    text-decoration: none;

}




ul.linksanterior {
    width: 67%;
    position: relative;
    left: 225px;
    bottom: 123px;
}

ul.linksanterior li a {
    text-decoration: none;
    color: #E01291;
    position: relative;
    float: left;
    margin-left: 20px;
    width: 180px;
}

 ul.linksanterior li a:hover {
    text-decoration: none;
    color: #000;
    font-weight: 700;
}

<!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- -->


.interiorpagina .botoneraadentro1 nav ul.navnegro .seleccionado li a {
    color: #000;
}

.pagina .teoricas p a {
    color: #98CB00;
    text-decoration: none;
}

.pagina .teoricas p a:hover {
    color: #E01291;
    text-decoration: none;
}
    
    
.pagina .teoricas h4 {
	line-height: 15px;
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    top: 60px;
    color: #8c8b8b;
    }



.teoricas {
    width: 95%;
    height: 100%;
    margin-left: 24px;
    background-color: #E8E8E8;
}


.botoneraadentro2 {
    width: 575px;
    position: absolute;
    left: 210px;
}

.botoneraadentro2 .seleccionado li a {
    color: #000;

}

.pagina .teoricas h3, p {
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    top: 60px;
}

.pagina .teoricas h3 {
	line-height: 40px;
    text-align: center;
    width: 884px;
    margin: 0px;
    
}

.pagina .teoricas .alumnos3 {
    width: 100%;
    margin-top: 100px;
    margin-bottom: 15px;
}

.pagina .teoricas .alumnos3 h2 {
	line-height: 0px;
    text-align: center;
    font-size: 10px;
    color: #8c8b8b;
    
}

.pagina .teoricas .alumnos3 hr {
    width: 28%;
    background-color: #8c8b8b;
    position: relative;

    
}


.pagina .teoricas p {
	font-size: 14px;
	line-height: 20px;
    top: 60px;
    width: 350px;
    margin: 10px;
    margin-bottom: 25px;
    float: left;
}


.pagina .teoricas p a {
    color: #98CB00;
    text-decoration: none;
}

.pagina .teoricas p a:hover {
    color: #E01291;
    text-decoration: none;
}
    

.pagina .teoricas h4 {
    width: 390px;
    color: #8c8b8b;
    position: relative;
    margin: 5px;
    top: 60px;
}


.pagina .teoricas .videos {
    width: 480px;
    position: absolute;
    float: right;
    right: 50px;
    bottom: 150px;
 
}

.pagina .teoricas .videos iframe {
    margin-bottom: 20px;
}

.pagina .proxteorica {
    position: relative;
    top: 80px;
    width: 350px;
    margin-left: 22px;
    
    
}

<!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- -->

.sabados {
    width: 70%;
    height: 100%;
    margin-left: 150px;
    background-color: #E8E8E8;
}

.pagina .sabados h3, h5, p {
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    top: 10px;
}

.pagina .sabados h3 {
	line-height: 30px;
    text-align: center;
    
}

.pagina .sabados h5 {
	line-height: 30px;
    text-align: center;
    
}

.pagina .sabados p {
	font-size: 14px;
	line-height: 20px;
}

.pagina .sabados h4 {
	line-height: 15px;
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    top: 10px;
    color: #8c8b8b;
    }

.fotoscorreccion {
    text-align: center;
    position: relative;
    top: 10px;
}

.fotoscorreccion img {
   width: 550px;
   margin-bottom: 10px;
}

.interiorlogo {
    width: 300px;
    
}

<!-- --><!-- --><!-- --><!-- --><!-- --><!-- -->

.botoneraarriba .navverde .seleccionado li a {
    color: #000;

}

.premiados {
    width: 70%;
    height: 100%;
    margin-left: 150px;
    background-color: #000;
}


.pagina .premiados p {
	font-size: 14px;
	line-height: 20px;
    color: #E8E8E8;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    top: 10px;
}

.pagina .premiados .alumnos3 {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 15px;
}

.pagina .premiados .alumnos3 h2 {
	line-height: 0px;
    text-align: center;
    font-size: 10px;
    color: #8c8b8b;
    
}

.pagina .premiados .alumnos3 hr {
    width: 28%;
    background-color: #8c8b8b;
    position: relative;

    
}

.premiados .grilla {
    width: 670px;
}

.premiados .grilla img {
    width: 630px;
    margin-left: 20px;
    margin-right: 10px;
}

.cuadrado1 {
    width: 370px;
    position: absolute;
    bottom: 815px;
    margin-left: 35px;
}

.cuadrado1 h4 {
    color:  #98CB00;
}

.cuadrado1 h4 a {
    color:  #E8E8E8;
    text-decoration: none;
}

.cuadrado1 h4 a:hover {
    color:  #E01291;
    text-decoration: none;
}

.cuadrado2 {
    width: 215px;
    position: absolute;
    bottom: 175px;
    margin-left: 20px;
}


<!-- -->

.cuadrado3 {
    width: 370px;
}

.cuadrado3 h3 {
    color:  #98CB00;
    width: 180px;
    position:absolute;
    bottom: 675px;
    margin-left: 30px;
}

.cuadrado3 h3 a {
    color:  #E8E8E8;
    text-decoration: none;
}

.cuadrado3 h3 a:hover {
    color:  #E01291;
    text-decoration: none;
}

.cuadrado4 {
    width: 170px;
    position: absolute;
    bottom: 360px;
    left: 620px;
    margin-left: 0px;

}

<!-- --> <!-- --> <!-- -->

.cosguiteam {
    width: 95%;
    height: 100%;
    margin-left: 24px;
    background-color: #E8E8E8;
}


.botoneraadentro3 {
    width: 200px;
    position: absolute;
    left: 397px;
    top: 60px;
}

.botoneraadentro3 .seleccionado li a {
    color: #000;

}

nav ul.navteam li a {
    background-color: #8c8b8b;
    margin-top: 20px;
    text-decoration: none;
    color: #FFF;
    float: left;
    padding-left: 14px;
    padding-right: 14px;
    margin-right: 12px;
}

nav ul.navteam li a:hover {
    color: #000;
}

    
}

.pagina .cosguiteam .alumnos3 {
    width: 100%;
    margin-top: 100px;
    margin-bottom: 15px;
}

.pagina .cosguiteam .alumnos3 h2 {
	line-height: 0px;
    text-align: center;
    font-size: 10px;
    color: #8c8b8b;
    
}

.pagina .cosguiteam .alumnos3 hr {
    width: 28%;
    background-color: #8c8b8b;
    position: relative;

    
}

.teamteam img {
    width: 914px;
}

.valientes img {
    width: 500px;
    position: relative;
    left: 200px;
    top: 80px;
    margin-bottom: 10px;
}


.elteam1 {
    width: 100%;
    text-align: center;
    position: relative;
    top: 75px;
    
}

.elteam1 img {
    width: 120px;
    margin-bottom: 35px;
    margin-left: 5px;
    border: 5px solid;
    border-color: #FFF;
}

.elteammayor {
    width: 100%;
    text-align: center;
    position: relative;
    top: 75px;
    
}

.elteammayor img {
    width: 150px;
    margin-bottom: 35px;
    margin-left: 5px;
    border: 5px solid;
    border-color: #FFF;
}

.nombresmayor {
    position: relative;
    margin: 0px;
    width: 910px;
    height: 100px;
    top: -480px;
}

.nombresmayor p {
    width: 150px;
    margin: 0px;
    margin-right: 15px;
    padding: 0px;
    font-size: 13px;
    text-align: center;
    float: right;
    left: -205px;
}

<!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- -->



<!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- -->

.botoneraadentro2 {
    position: absolute;
    left: 210px;
    width: 575px;
}

.botoneraadentro2 .seleccionado li a {
  color: #000;
}

.esquicios {
    width: 95%;
    height: 100%;
    margin-left: 24px;
    background-color: #E8E8E8;
}

.esquicios .esquicios1 {
    float: left;
}

.esquicios .esquicios2 {
    float: right;
}

.pagina .esquicios h3, p {
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    top: 60px;
}

.pagina .esquicios h3 {
	line-height: 40px;
    text-align: center;
    width: 884px;
    margin: 0px;
}

.pagina .esquicios .alumnos3 {
    margin-top: -187px;
    margin-bottom: 15px;
}

.pagina .esquicios .alumnos3 h2 {
	line-height: 0px;
    text-align: center;
    font-size: 10px;
    color: #8c8b8b;
    
}

.pagina .esquicios .alumnos3 hr {
    width: 28%;
    background-color: #8c8b8b;
    
}

.pagina .esquicios p {
	font-size: 14px;
	line-height: 20px;
    top: 60px;
    width: 405px;
    margin: 10px;
    margin-bottom: 25px;
}

.fotosesquicios {
    text-align: center;
    position: relative;
    top: 50px;
    width: 862px;
    margin: 25px;
}

.fotosesquicios img {
   width: 862px;
   margin-bottom: 10px;
}

.cuadrado {
    position: relative;
    top: 50px;
    width: 278px;
    margin: 25px;
}

.cuadrado img {
   width: 278px;
   margin-bottom: 10px;
}

.pagina .esquicios .videosesquicio {
    position: relative;
    bottom: 199px;
    width: 580px;
    height: 425px;
}

.pagina .esquicios .videosesquicio iframe {
    position: relative;
    left: 317px;
    margin-bottom: 20px;
}

<!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- -->

.fotosmetodologia {
    text-align: center;
    position: relative;
    top: 38px;
    width: 862px;
    margin: 25px;
}

.fotosmetodologia img {
   width: 280px;
   margin-bottom: 10px;
}

.metodologia {
    width: 95%;
    height: 100%;
    margin-left: 24px;
    background-color: #E8E8E8;
}

.pagina .metodologia h3, p {
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    top: 60px;
}

.pagina .metodologia h3 {
	line-height: 40px;
    text-align: center;
    width: 884px;
    margin: 0px;
}

.pagina .metodologia .alumnos3 {
    margin-top: 50px;
    margin-bottom: 15px;
}

.pagina .metodologia .alumnos3 h2 {
	line-height: 0px;
    text-align: center;
    font-size: 10px;
    color: #8c8b8b;
    
}

.pagina .metodologia .alumnos3 hr {
    width: 28%;
    background-color: #8c8b8b;
    
}

<!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- --> <!-- -->
<!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- --><!-- -->

.sabados {
    width: 95%;
    height: 100%;
    margin-left: 24px;
    background-color: #E8E8E8;
}

.sabados .interiorlogo {
    float: right;
    margin-right: 20px;
    margin-top: 18px;
}

.pagina .sabados h3, p {
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    top: 15px;
}

.pagina .sabados h3 {
	line-height: 40px;
    text-align: center;
    width: 540px;
    margin: 0px;
}

.pagina .sabados h4 {
    width: 540px;
    color: #8c8b8b;
    position: relative;
    margin: 5px;
    top: 20px;
}

.pagina .sabados .alumnos3 {
    margin-top: 25px;
    margin-bottom: 15px;
}

.pagina .sabados .alumnos3 h2 {
	line-height: 0px;
    text-align: center;
    font-size: 10px;
    color: #8c8b8b;
    
}

.pagina .sabados .alumnos3 hr {
    width: 28%;
    background-color: #8c8b8b;
    
}


.pagina .sabados p {
	font-size: 14px;
	line-height: 20px;
    top: 20px;
    width: 540px;
    margin: 5px;
    margin-bottom: 25px;
}


.fotoscorreccion {
    text-align: center;
    position: relative;
    top: 0px;
}

.fotoscorreccion img {
   width: 270px;
   margin-bottom: 0px;
}

<!-- --><!-- --><!-- --><!-- --><!-- --><!-- -->

nav ul.navverde .seleccionado li a {
    color: #000;

}

.invitados {
    width: 70%;
    height: 100%;
    margin-left: 150px;
    background-color: #E8E8E8;
}

.pagina .invitados h3, h5, p {
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    top: 10px;
}

.pagina .invitados h3 {
	line-height: 30px;
    text-align: center;
    
}

.pagina .invitados .proximos {
    line-height: 30px;
    color: #98CB00;
    margin-left: 60px;
    font-size: 18px;
}

.pagina .invitados h5 {
	line-height: 30px;
    text-align: center;
    
}

.pagina .invitados p {
	font-size: 14px;
	line-height: 20px;
}

.pagina .invitados p a {
    color: #98CB00;
    text-decoration: none;
}
.pagina .invitados p a:hover {
    color: #E01291;
    text-decoration: none;
}

.fotosinvitados1 {
    text-align: left;
    margin-left: 60px;
    position: relative;
    bottom: 920px;
}
.fotosinvitados2 {
    text-align: left;
    margin-left: 60px;
    position: relative;
    bottom: 580px;
}

.invitadosanteriores {
    margin-left: 60px;
    position: relative;
    bottom: 250px;
}

.invitadosfotos {
    margin-left: 92px;
    position: relative;
    bottom: 405px;
}

.pagina .invitadosinfo p {
	margin-left: 200px;
    top: -25px;
}

.pagina .invitados .alumnos3 {
    margin-top: -360px;
    margin-bottom: 15px;
}

.pagina .invitados .alumnos3 h2 {
    line-height: 0px;
    text-align: center;
    font-size: 10px;
    color: #8c8b8b;
    
}

.pagina .invitados .alumnos3 hr {
    width: 28%;
    background-color: #8c8b8b;
    
}

.pagina .invitadosfotos {
    bottom: 400px;
    left: -15px;
	width: 520px;
	position: relative;
}

.pagina .invitadosfotos img {
    bottom: 5px;
    left: 15px;
	width: 120px;
	position: relative;
}

<!-- --><!-- --><!-- -->



.pagina .botoneraarriba nav ul.navgris .seleccionado li a {
    color: #000;
}

.infoinfo img {
    position: relative;
    width: 914px;
}

.info {
    width: 95%;
    height: 100%;
    margin-left: 24px;
    background-color: #E8E8E8;
}

.info .tipografia {
    float: left;
}

.info .catedra {
    float: right;
}

.pagina .info h3 {
	line-height: 40px;
    width: 250px;
    color: #8c8b8b;
    margin-top: 20px;
    margin-left: 10px;
}

.pagina .info .tipografia p {
    position: relative;
	font-size: 14px;
	line-height: 20px;
    top: 0px;
    width: 405px;
    margin: 10px;
    margin-bottom: 25px;
}

.pagina .info .catedra p {
    position: relative;
	font-size: 14px;
	line-height: 20px;
    top: 0px;
    width: 405px;
    margin: 10px;
    margin-bottom: 25px;
}

.pagina .info .alumnos3 {
    margin-top: 680px;
    margin-bottom: 15px;
}

.pagina .info .alumnos3 h2 {
	line-height: 0px;
    text-align: center;
    font-size: 10px;
    color: #8c8b8b;
}

.pagina .info .alumnos3 hr {
    width: 28%;
    background-color: #8c8b8b;
    
}


<!-- --><!-- -->

<!-- --><!-- -->

.novedadesnovedades img {
    position: relative;
    width: 914px;
}

.masnovedades {
    width: 95%;
    height: 100%;
    margin-left: 24px;
    background-color: #E8E8E8;
}


.ultima {
    position: relative;
    width: 405px;
    top: 40px;
    left: 5px;
}

.ultima img {
    width: 370px;
    margin-bottom: 15px;
}
.pagina .masnovedades .ultima h3 {
	line-height: 0px;
    width:auto;
    color: #98CB00;
}

.pagina .masnovedades .ultima p {
    position: relative;
    font-size: 14px;
	line-height: 20px;
    margin: 10px;
    margin-bottom: 25px;
    float: left;

}

.pagina .masnovedades .alumnos3 {
    margin-top: 1700px;
    margin-bottom: 15px;
}

.pagina .masnovedades .alumnos3 h2 {
	line-height: 0px;
    text-align: center;
    font-size: 10px;
    color: #8c8b8b;
}

.pagina .masnovedades .alumnos3 hr {
    width: 28%;
    background-color: #8c8b8b;
    
}



.otrasnovedades {
    background-color: #8c8b8b;
    width: 400px;
    float: right;
    position: relative;
    top: -10px;
    right: 30px;

}

.otrasnovedades h4 {
    margin-top: 15px;
    color: #E8E8E8;
}

.anayruben {
    width: 400px;
}

.anayruben img {
    width: 370px;
    position: relative;
    left: 15px;

}

.anayruben p {

    color: #E8E8E8;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0px;
    font-size: 15px;
}

.anayruben li {
    text-decoration: none;
    color: #8c8b8b;
    position: absolute;
}

.anayruben li a {
    text-decoration: none;
    color: #98CB00;
    list-style: none;
    position: relative;
    top: -35px;
}

.anayruben li a:hover {
    text-decoration: none;
    color: #E01291;
    list-style: none;
    position: relative;
    top: -35px;
}