body {
	margin: 0em auto;
	padding: 0em;
	background: url(../imagenes/img_background.gif) top center repeat-y;
}

/* La tabla que aparece en la presentación inicial. En index.htm */
.tabla_index { 
    background-color:#000000; 
    border-style:solid;     
    border-width:0px; 
	margin: auto;
} 

/* La tabla que contiene toda la página. En index2.php */
.tabla_principal { 
    background-color:#ffffff; 
    border-style:solid;     
    border-width:0px; 
} 
/* Atributos para la tabla de left_frame.php */
.tabla_left_frame {
    background-color:#415570; 
    border-style:solid;     
    border-width:0px; 
	margin:auto;
	margin-left:5px;
}

/* Separador que se utiliza para dejar un pequeño espacio de 20px */
td.separador {
 height: 20px;
}

/* Atributos para las tablas que aparecen a la derecha de index2.php. Los tablones de anuncios, ejercicios.. */
.tabla_tablones {
    background-color:#ffffff; 
    border-style:solid;     
    border-width:0px; 
	width: 217px;
	
}
/* La tabla que contiene el contenido de las páginas */
.tabla_contenedor {
   margin-left:10px;
}

/* Donde incluiremos el menú que aparece en la parte superior de la página */
#navegador{ 
background : #F5F4C3; 
padding : 3px 10px 5px 10px; 
border-top : 1px solid #cccccc; 
border-bottom : 1px solid #cccccc; 
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
color : #666666; 
} 

#contenedor {
  width:550px;
  margin-left:15px; 
  margin-right:10px;}

#navegador2{ 
background : #0099FF; 
padding : 3px 10px 5px 10px; 
border-top : 1px solid #cccccc; 
border-bottom : 1px solid #cccccc; 
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
color : #666666; 
} 

/* Donde incluiremos la tabla principal que contiene toda la página */
#tabla_principal{ 
width: 750px;
margin: auto;
} 

.titulo_menu {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	background : #003366; 
	font-size:11px; 
    font-family:verdana, arial; 
    color:#ffffff; 
	font-weight: bold;
}

A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{ 
color: #494E6B; 
} 
A.enlacenav:HOVER{ 
color: #3F7DE3; 
} 

A.enlacenav2, A.enlacenav2:VISITED, A.enlacenav2:ACTIVE, A.enlacenav2:FOCUS, A.enlacenav2:LINK{ 
color: #FFFFFF; 
} 
A.enlacenav2:HOVER{ 
color: #FFFF00; 
} 

.op{ font-size:9pt;font-family:"Comic Sans MS";background-color:#ff8800;}

a.menu2:link {
	text-decoration: none;
    font-size:11px; 
    font-family:verdana, arial; 
    color:#ffffff; 
    padding-left:3px; 
    padding-bottom:2px;
}

a.menu2:visited {
	text-decoration: none;
    font-size:11px; 
    font-family:verdana, arial; 
    color:#ffffff; 
    padding-left:3px; 
    padding-bottom:2px;
}

a.menu2:hover {
	text-decoration: none;
    font-size:11px; 
    font-family:verdana, arial; 
    color: #003366; 
	background-color:#FFCC00;
    padding-left:3px; 
    padding-bottom:2px;	
	
}
/* Para los enlaces que son imágenes */
a.imagen:active {
  text-decoration: none;
}

a.imagen:link {
  text-decoration: none;
}

a.imagen:visited {
  text-decoration: none;
}

a.imagen:hover {
  text-decoration: none;
}

a.menu2:active {
	text-decoration: none;
        font-size:11px; 
    font-family:verdana, arial; 
    color:#ffffff; 
    padding-left:3px; 
    padding-bottom:2px;
}

A.menu:link {color:#FF0033; text-decoration:none;
	font-family: "Comic Sans MS", Courier, "Courier New";
	font-size: 11px;
	color: #000000;
}
A.menu:visited {color:#FF0033; text-decoration:none;
	font-family: "Comic Sans MS", Courier, "Courier New";
	font-size: 11px;
	color:#000000;
}
A.menu:active {color:#FF0033; text-decoration:none;
	font-family: "Comic Sans MS", Courier, "Courier New";
	font-size: 11px;
	color: #FF0000;
}
A.menu:hover {color:#990000; text-decoration:none;
	font-family: "Comic Sans MS", Courier, "Courier New";
	font-size: 11px;
	color: #FF0000;
}
.menu2{color:#FF0033; text-decoration:none;
	font-family: "Comic Sans MS", Courier, "Courier New";
	font-size: 11px;
	color: #000000;
}

.texto{
	color:#000000;
	text-decoration:none;
	font:93%/1.5 arial,tahoma,verdana,sans-serif;
	text-align: justify;
}

.texto_centrado{
	color:#000000;
	text-decoration:none;
	font-family: "Verdana";
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
	   
td.encabezado{
	background-color:#8F1247;
	font:83%/1.5 arial,tahoma,verdana,sans-serif;
	color: #FFFFFF;
			   }
table.biblioteca {
	border: thin solid #0000FF;
}

.encabezado_lista {
	font:83%/1.5 arial,tahoma,verdana,sans-serif;
	font-weight: bold;
	color: #CC0000;
}

/* Es la tabla que aparece en la distribución horaria de los módulos de F.P */
table.modulos {
	border-top: thin solid #0000FF;
	border-right: thin solid #0000FF;
	border-bottom: thin solid #0000FF;
	border-left: thin solid #0000FF;
	margin:0px auto;
	
}

td.encabezado_tabla {
    font:93%/1.5 arial,tahoma,verdana,sans-serif;
	font-weight: bold;
	color: #FFFFFF; 
	text-align:center;
	background-color:#0000FF; }
	
td.sombreado {
    background-color:#C8E9F9; }
  
.encabezado_noticias {
	font-family: "Verdana";
	font-size: 12px;
	color: #6C9233;
	font-weight: bold;
}

.encabezado_noticias2 {
	font-family: "Verdana";
	font-size: 16px;
	color: #0000bd;
	font-weight: bold;
}

.encabezado_noticias_tbprincipal {
	font-family: "Verdana";
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.fecha {
	font-family: "Verdana";
	font-size: 10px;
	
	color: #6C9233;
}

.fecha_tbprincipal {
	font-family: "Verdana";
	font-size: 9px;
	font-weight: bold;
	color: #800000;
}

.imagen_tablon {
   height: 100px;
   width: 100px;
   text-align: right; 
   float: right; }
   
/* Texto que aparece en el tablón principal */
.texto_tbprincipal {
	color:#000000;
	text-decoration:none;
	font-family: "Verdana";
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
}

.fichero_adjunto {
	font-family: "Verdana";
	font-size: 11px;
	color: #0000FF;
}
.autor {
	color: #CC0000;
	text-decoration:none;
	font-family: "Verdana";
	font-size: 9px;
	font-weight: normal;
	text-align: justify;
}

.autor2 {
	color: #999999;
	text-decoration:none;
	font-family: "Verdana";
	font-size: 9px;
	font-weight: normal;
	text-align: justify;
}
/* Los encabezados que aparecen en los tablones de anuncios, documentos, artículos */
td.encabezado2 {
	background-color:#0066FF;
	font-family: "Verdana";
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;}
	
td.encabezado1 {
	background-color:#FF0000;
	font-family: "Verdana";
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;}

td.encabezado3 {
	background-color:#009900;
	font-family: "Verdana";
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;}

td.encabezado4 {
	background-color:#ddaa44;
	font-family: "Verdana";
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;}

.texto_pequeno {
	color:#000000;
	text-decoration:none;
	font:70%/1.5 arial,tahoma,verdana,sans-serif;
	text-align: justify;
}
			   
.celda {background-color:#848ED3; font-size:7pt; font-family:"Verdana"; color:#ffffff; font-weight:bold; padding-left:3px; padding-bottom:2px;} 

.left_frame {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #58749A;
	border-right-color: #58749A;
	border-bottom-color: #58749A;
	border-left-color: #58749A;
}

a.link_tablon_principal:link {
	
	color: #CD0B20;
	font-family: "Verdana";
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
}

a.link_tablon_principal:visited {
	
	color: #CD0B20;
	font-family: "Verdana";
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
}
a.link_tablon_principal:hover {
	
	color: #CD0B20;
	font-family: "Verdana";
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
}
a.link_tablon_principal:active {
	
	color: #CD0B20;
	font-family: "Verdana";
	font-size: 11px;
	text-decoration:none;
	font-weight: bold;
}
/* Lo utilizamos para maquetar las fotos que vayamos poniendo */
#principal { 
   margin-left:10px;  
} 
/* Contenedor de las fotografias */
.contenedorfoto { 
   float:left; 
   width:210px; 
   height:180px; 
   margin: 20px; 
   padding:5px; 
   background-color:#f5f7f9; 
   border-right: #a5a7aa solid 1px; 
   border-bottom: #a5a7aa solid 1px; 
   text-align:center; 
} 

/* Para quitar el borde a las fotografías que tienen enlace */
.foto {
  border: 0
}
/* El texto que aparece debajo de cada foto */
.texto_fotos {
  font-family: "Verdana";
  font-size:10px;
}
.texto_tablones {
	color:#0000FF;
	text-decoration:none;
	font:83%/1.5 arial,tahoma,verdana,sans-serif;
	text-align: justify;
}

.titulo_noticias {
	font:83%/1.5 arial,tahoma,verdana,sans-serif;
	
	color: #0000FF;
	font-weight: bold;
}

.tabla_tablon_principal { 
    background-color:#ffffff; 
    border-style:dotted; 
    border-color:#666666; 
    border-width:1px; 
	margin-left: 5px;
	
} 

.estilocelda_tablon_principal { 
    background-color:#ddeeff; 
    color:#333333; 
    font-weight:bold; 
    font-size:10pt; 
} 

h1, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 126%;margin-top:.6em}
h3 {font-size: 100%}
h4 {font-size: 100%}
hr {background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}

h2 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;color:#000;margin-bottom:.1em}
h2 {font-size: 126%;margin-top:.5em}

a.enlace

{

	text-decoration:none;

	color:#c33;

}

a.enlace:visited

{

	color:#f90;

}

/************************/
/***   RIGHT COLUMN   ***/
/************************/
#right-column {
	float: right;
	width: 100%;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	font-size: 92.5%;
	
}

.right-column-box-title-grey {
	clear: both;
	display: block;
   margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(220,220,220);
	font-weight: bold;
	color: rgb(50,50,50);
	font-family: Verdana,Tahoma, Arial,sans-serif;
	font-size: 82.5%;
}

.right-column-box-title-blue {
	clear: both;
	display: block;
   margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(187,211,247);
	font-weight: bold;
	color: rgb(50,50,50);
	font-family: Verdana,Tahoma, Arial,sans-serif;
	font-size: 82.5%;
}

.right-column-box-title-yellow {
	clear: both;
	display: block;
   margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(255,236,128);	
	font-weight: bold;
	color: rgb(50,50,50);
	font-family: Verdana,Tahoma, Arial,sans-serif;
	font-size: 82.5%;
}

.right-column-box-title-green {
	clear: both;
	display: block;
   margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(196,221,108);
	font-weight: bold;
	color: rgb(50,50,50);
	font-family: Verdana,Tahoma, Arial,sans-serif;
	font-size: 82.5%;
}
.right-column-box-title-red {
	clear: both;
	display: block;
    margin: 0em 0em 0.2em 0em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	background-color: rgb(255,176,176);
	font-weight: bold;
	color: rgb(50,50,50);
	font-family: Verdana,Tahoma, Arial,sans-serif;
	font-size: 82.5%;
}

.right-column-box-white {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
}	

.right-column-box-blue {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(226,238,252);			
}	

.right-column-box-yellow {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(255,240,170);			
}	

.right-column-box-green {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(224,244,181);
}	

.right-column-box-red {
	float: right;
	width: 91%;
	margin: 0em 0em 0.8em 0em;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border: solid 0.1em rgb(200,200,200);
	background-color: rgb(255,219,219);		
}	

.right-column-box-white p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-box-blue p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-box-yellow p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-box-green p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-box-red p {
	margin: 0.3em 0em 0.4em 0em;
}

.right-column-img{
	float: right;
	margin: 1.0em 0em 0em 0em;
	border: solid 1px rgb(100,100,100);
}

.title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:120%;
  font-weight:normal;
  line-height:1.4em;
  color:#c60;
  font-family: Verdana,Tahoma, Arial,sans-serif;
  }
  
  ul.prueba {
  margin:.5em 0 1.25em;
  padding:0 0px;
  list-style:none;
  color:#566;
  font: 80%/110% "Trebuchet MS", Trebuchet, "Luxi Sans", Helvetica, Arial, sans-serif;
  }
  
li.prueba {
  background:url("../imagenes/icono.gif") no-repeat 2px .25em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
  border-bottom:1px dotted #eee;
  line-height:1.4em;
  }