/* CSS Document */
#nav_bar li a {
font-weight:900;
}

#nav_bar h3 {
color:#FFF;
font-size:15px;
}


#main_picture h3 {
color:#000;
font-size:14px;
}

div#eventos span.titulos a{
color:#333333;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

/*Rollover para cambiar foto bw a color en la pag principal*/

html > body div#tercera:hover a{
text-decoration:underline;
color:#000;
}

html > body div#foto3 {
background-image:url(../img/principal/montanha_bw.jpg);
}

/*Para que muestre los vinculos subrayados en ie pero no en firefox*/
html > body div#txt_tercera a {
text-decoration:none;
}

html > body div#tercera:hover div#foto3 {
background-image:url(../img/principal/montanha_color.jpg);
}


/*para internet explorer, que no reconoce el selector > por lo tanto no ha reconocido las 
ordenes anteriores*/

div#tercera a {
color:#333;
text-decoration:underline;
}

/*Al pasar por encima de la capa, se ponen los vinculos con fondo azul y subrayados*/
div#tercera a:hover {
text-decoration:underline;
background-color:#00CCFF;
}

/*muestra siempre la imagen en color*/
div#foto3 {
background-image:url(../img/principal/montanha_color.jpg);
}


/*igual para la primera*/

/*Rollover para cambiar foto bw a color en la pag principal*/

html > body div#primera:hover a{
text-decoration:underline;
color:#000;
}

html > body div#foto1 {
background-image:url(../img/principal/colegio_bw.jpg);
}

html > body div#txt_primera a {
text-decoration:none;
}

html > body div#primera:hover div#foto1 {
background-image:url(../img/principal/colegio_color.jpg);
}


/*para internet explorer, que no reconoce el selector > por lo tanto no ha reconocido las 
ordenes anteriores*/

div#primera a {
color:#333;
text-decoration:underline;
}

div#primera a:hover {
text-decoration:underline;
background-color:#00CCFF;
}

/*muestra siempre la imagen en color*/
div#foto1 {
background-image:url(../img/principal/colegio_color.jpg);
}


/*igual para la segunda*/

/*Rollover para cambiar foto bw a color en la pag principal*/

html > body div#segunda:hover a{
text-decoration:underline;
color:#000;
}

html > body div#foto2 {
background-image:url(../img/principal/ex_alumnos_b_w.jpg);
}

html > body div#txt_segunda a {
text-decoration:none;
}

html > body div#segunda:hover div#foto2 {
background-image:url(../img/principal/ex_alumnos_color.jpg);
}


/*para internet explorer, que no reconoce el selector > por lo tanto no ha reconocido las 
ordenes anteriores*/

div#segunda a {
color:#333;
text-decoration:underline;
}

div#segunda a:hover {
text-decoration:underline;
background-color:#00CCFF;
}

/*muestra siempre la imagen en color*/
div#foto2 {
background-image:url(../img/principal/aniversario_color.jpg);
}

/*igual para la cuarta*/

/*Rollover para cambiar foto bw a color en la pag principal*/

html > body div#cuarta:hover a{
text-decoration:underline;
color:#000;
}

html > body div#foto4 {
background-image:url(../img/principal/sello_bw.jpg);
}

html > body div#txt_cuarta a {
text-decoration:none;
}

html > body div#cuarta:hover div#foto4 {
background-image:url(../img/principal/sello_color.jpg);
}


/*para internet explorer, que no reconoce el selector > por lo tanto no ha reconocido las 
ordenes anteriores*/

div#cuarta a {
color:#333;
text-decoration:underline;
}

div#cuarta a:hover {
text-decoration:underline;
background-color:#00CCFF;
}

/*muestra siempre la imagen en color*/
div#foto4 {
background-image:url(../img/principal/atencion_color.jpg);
}


/*igual para la quinta*/

/*Rollover para cambiar foto bw a color en la pag principal*/

html > body div#quinta:hover a{
text-decoration:underline;
color:#000;
}

html > body div#foto5 {
background-image:url(../img/principal/atencion_bw.jpg);
}

html > body div#txt_quinta a {
text-decoration:none;
}

html > body div#quinta:hover div#foto5 {
background-image:url(../img/principal/atencion_color.jpg);
}


/*para internet explorer, que no reconoce el selector > por lo tanto no ha reconocido las 
ordenes anteriores*/

div#quinta a {
color:#333;
text-decoration:underline;
}

div#quinta a:hover {
text-decoration:underline;
background-color:#00CCFF;
}

/*muestra siempre la imagen en color*/
div#foto5 {
background-image:url(../img/principal/atencion_color.jpg);
}

/*para la sexta*/

html > body div#sexta:hover a{
text-decoration:underline;
color:#000;
}

html > body div#foto6 {
background-image:url(../img/principal/pps_b&w.jpg);
}

/*Para que muestre los vinculos subrayados en ie pero no en firefox*/
html > body div#txt_sexta a {
text-decoration:none;
}

html > body div#sexta:hover div#foto6 {
background-image:url(../img/principal/pps_color.jpg);
}


/*para internet explorer, que no reconoce el selector > por lo tanto no ha reconocido las 
ordenes anteriores*/

div#sexta a {
color:#333;
text-decoration:underline;
}

/*Al pasar por encima de la capa, se ponen los vinculos con fondo azul y subrayados*/
div#sexta a:hover {
text-decoration:underline;
background-color:#00CCFF;
}

/*muestra siempre la imagen en color*/
div#foto6 {
background-image:url(../img/principal/pps_color.jpg);
}

/*Fin sexta*/


/*Séptima*/

html > body div#septima:hover a{
text-decoration:underline;
color:#000;
}

html > body div#foto7 {
background-image:url(../img/principal/revista_bw.jpg);
}

html > body div#txt_septima a {
text-decoration:none;
}

html > body div#septima:hover div#foto7 {
background-image:url(../img/principal/revista_color.jpg);
}


/*para internet explorer, que no reconoce el selector > por lo tanto no ha reconocido las 
ordenes anteriores*/

div#septima a {
color:#333;
text-decoration:underline;
}

div#septima a:hover {
text-decoration:underline;
background-color:#00CCFF;
}

/*muestra siempre la imagen en color*/
div#foto7 {
background-image:url(../img/principal/revista_color.jpg);
}




/*Rollover para cambiar foto bw a color en la pag principal*/

html > body div#octava:hover a{
text-decoration:underline;
color:#000;
}

html > body div#foto8 {
background-image:url(../img/principal/aniversario_bw.jpg);
}

html > body div#txt_octava a {
text-decoration:none;
}

html > body div#octava:hover div#foto8 {
background-image:url(../img/principal/aniversario_color.jpg);
}


/*para internet explorer, que no reconoce el selector > por lo tanto no ha reconocido las 
ordenes anteriores*/

div#octava a {
color:#333;
text-decoration:underline;
}

div#octava a:hover {
text-decoration:underline;
background-color:#00CCFF;
}

/*muestra siempre la imagen en color*/
div#foto8 {
background-image:url(../img/principal/aniversario_color.jpg);





#txt_comun {
width:525px;
text-align:left;
}


#upperbar ul li a{
color:#FFFFFF;
}

#txt_bottom {
color:#FFFFFF;
}

#txt_bottom ul li a{
color:#FFFFFF;
}

/*Marca en negrita la asignatura para la que se requiere el libro en libros.php*/
span.materia {
font-weight:bold;
}

#txt_solo span.materia a{
color:#333;
}

/*Coloca el titular de los libros gratuitos o no para los cursos un poco mas abajo*/
#txt_solo h4 {
padding: 25px 0 0 0;
}

/*Coloca el titular del curso un poco mas abajo y lo subraya*/
#txt_solo h3 {
padding: 15px 0 0 0;
text-decoration:underline;
}

/*deja espacio encima de la linea divisoria para poder situar anclas de subir arriba*/
#txt_solo hr {
margin:30px 0 0 0;
}

/*Coloca los anclas a la derecha*/
#txt_solo span.subir a {
color:#333333;
font-size:10px;
float:right;
padding:15px 0 0 0;
}

/*Coloca los enlaces que abren pdf´s*/
#txt_solo span.enlaces_pdf {
color:#333333;
font-size:11px;
padding:15px 0 0 0;
font-weight:bold;
}

/*Coloca las imagenes de los enlaces al pdf*/
#txt_solo span.enlaces_pdf img{
margin:0 10px 0 0;
}

/*Coloca la leyenda de descargar adobe reader*/
#txt_solo span.pdf {
color:#333;
font-size:9px;
}
#txt_solo span.pdf a{
color:#0033FF;
}

/*Avisos.  Seran textos en negrita y subrayados*/
.avisos {
font-weight:bold;
color:#000;
background-color:#00CCFF;
}


/*Cuando hay un titular que tiene 2 lineas y la segunda no tiene el mismo margen, se corre
a la dcha ligeramente*/

.segunda_linea {
padding: 0 0 0 35px;
}