body
    {

	background: white url(fondo1.jpg);
	/*este background da a la web un fondo tenue de lineas azules. 
	En todos los subdirectorios debe haber un fondo1.jpg en raiz*/
    }
    
#cerocero
   {
    position: absolute;
    background-color: #FFFFFF;
    top: 0px;
    left: 0px;
    width: auto;
    /*este ID unico sirve para posicionar toda la pantalla arriba y a la izquierda. 
    Tras el body cada pagina se inicia con un DIV y este primer div es el que tiene este ID unico cerocero*/  
    }

.tabla1
  {
   background-color: #FFFFFF;
   border:0; 
   width: 745;
   /*esta CLASE esta creada para incluir el encabezado, separada del resto de contenido para que la carga de este sea muy rapida y sirve para dar color de fondo a la tabla 1 de diseño tal que el background del body solo se vera en la pantalla que sobre a la izquierda en aquellos monitores con resolucion superior a 800x600*/
  }
  
.tabla2   {
   background-color: #FFFFFF;
   margin-left: 3;
   border:0;  
   width: 742;
   /*esta CLASE sirve para dar forma al espacio real de trabajo de la web de 742 pixels y da color de fondo a las tabla 2 de diseño tal que el background  del body solo se vera en la pantalla que sobre a la izquierda en aquellos monitores con resolucion superior a 800x600*/
  }
  
.tabla3
  {
   background-color: #FFFFFF;
   border:0;
   width: 742;
   /*esta CLASE  divida en dos columnas separa menu de navegacion de contenidos y sirve para dar color de fondo a las tabla 3 de diseño tal que el background del body solo se vera en la pantalla que sobre a la izquierda en aquellos monitores con resolucion superior a 800x600*/
  }

.tabla4
  {
   background-color: #FFFFFF;
   border-top: solid #000065 1px;
   margin-left: 25;
   margin-right: 7;
   width: 550;
   /*esta CLASE sirve para formatear la tabla donde van todos los contenidos de esa pantalla*/
  }

.tabla5
  {
   border: solid #7070B6 1px;
   margin: 7;
   padding:7;
   width: auto;
   /*esta CLASE sirve para formatear tablas enmarcadas dentro area de contenidos y con color de border azul-web*/
  }

.tabla6
  {
   border: solid #EC9900 1px;
   margin: 7;
   padding:7;
   width: auto;
   /*esta CLASE sirve para formatear tablas enmarcadas dentro area de contenidos y con color de borde naranja-web*/
  }

.tabla7
  {
   border: solid black 1px;
   margin: 1;
   padding:1;
   width: auto;
   /*esta CLASE sirve para enmarcar imagenes*/
  }

.tabla8
  {
   border: solid black 1px;
   margin: 0;
   padding:0;
   width: auto;
   /*esta CLASE sirve para enmarcar tablas del area de enfermedades de profesionales*/
  }

.tdmigas
  {
   height: 20px;
   /*esta CLASE sirve para altura al menu de migas*/
  }

a:link, a:visited 
   { 
   text-decoration: none; color: blue; 
   }  
a:hover       
   { 
   border-bottom : 1px dotted red;
   color: red; 
   }
   
a.dos:link 
   { 
   text-decoration: underline; color: blue; 
   }  
a.dos:visited
   { 
   text-decoration: underline; 
   color: blue; 
   } 
a.dos:hover 
   { 
   text-decoration: none; 
   color: red; 
   }

a.imagen:link 
   { 
   text-decoration: none; 
   color: black; 
   border-bottom : 0px;
   
   }  
a.imagen:visited
   {
   color: black; 
   border-bottom : 0px;
   } 
a.imagen:hover 
   { 
   color: black; 
   border-bottom : 0px;
   }

a.ver:link, a.ver:visited 
   { 
   border-bottom : 1px dotted blue;
   color: blue;  
   }  
a.ver:hover 
   { 
   border-bottom : 1px dotted red;
   color: red; 
   }

        
h1, h2, h3, h4, h5, h6, p, td
    {
	font-family: Arial, Verdana, Tahoma, "Sans Serif";
	color: black;
	font-size : 12;	
    }
/* a continuacion aparecen subclases para dar estilo al texto siendo texto, texto2 y titular 
las que deben utilizarse de forma sistemática. Esta web es una web en Arial, como idea clave*/

.texto 
   {font-family : Arial, Tahoma, "Sans Serif";
    color: black;
    font-size : 12;
	text-decoration : none;
	/*la clase texto da estilo al texto corrido general, siendo el tamaño por defecto de toda la web, 
	da tambien estilo al menú de migas, auqnue este al ir en un parrafo (p) no necesita definir dicho estilo*/
	}
	
.texto2 
    {font-family : Arial, Tahoma, "Sans Serif";
    color: black;
    font-size : 10;
	text-decoration : none;
	/*la clase texto2 da estilo a comentarios pequeños, pie de página, texto de subapartados... 
	Es el mismo arial pero 2 px mas pequeño que la clase texto*/
	}
	
	
.textohigh 
   {font-family : Arial, Tahoma, "Sans Serif";
    color: black;
    font-size : 12;
    Font-weight: bold;
	text-decoration : none;
	/*la clase textohigh da estilo a los enlaces de texto que aparecen en la zona central 
	del index de la web, pero no a los enlaces del menu java, cuyos estilos controla arbol.css
	No obstante aunque textohigh es relevante para los index, se puede soslayar y usar texto y texto2 
	para dar estilo a enlaces de paginas interiores*/
	}

.textolow
   {font-family : Arial, Tahoma, "Sans Serif";
    color: #808080;
    font-size : 12;
    Font-weight: bold;
	text-decoration : none;
	/*la clase textolow da estilo a los enlaces de texto cuando estos estan desactivados*/
	}

.titular
    {font-family : Arial, Tahoma, Verdana, "Sans Serif";
    color: #000065;
    font-size : 18;
	text-decoration : none;
	Font-weight: bold;
	margin-right: 7;
	/*la clase titular con un color marrón da estilo a los titulos de cada página. Es el estilo de titular por defecto*/
	}
	
.titular2
    {font-family : Arial, Tahoma, Verdana, "Sans Serif";
    color: #7070B6;
    font-size : 18;
	text-decoration : none;
	Font-weight: bold;
	/*la clase titular2  es igual que la titular pero el color del texto es el azul propio de la web y 
	de la barra de desplazamiento*/
    }
    
.titular3 
    {font-family : Arila, Tahoma, Verdana, "Sans Serif";
    color: black;
    font-size: 18;
	text-decoration : none;
	Font-weight: bold;
	/*igual que las clases titular titular2 con el color de texto negro*/
	}

.wmapa4 
   {
	border: 1px dotted #EC9900;
	padding: 5px;
	font-family : Arial, Tahoma, Verdana, "Sans Serif";
    color: black;
    font-size : 10;
	text-decoration : none;
	Font-weight: normal;
}
/* a continuacion dos selectores con estilo dado por Pablo*/

input, textarea, select  {
	font-size: 10;
	font-family: Arial, Tahoma, "Sans Serif";
}
label {
	font-family: Arial, Tahoma, "Sans Serif";
	font-size: 11px;
	color: #000033;
}
.olvido {
	background-position: 0px 0px;
	margin: 4px;
	position: absolute;
	visibility: hidden;
	border: 1px dotted #EC9900;
	background-image: url(../imagen/fondo1.jpg);
	padding: 5px;
}

/*Necesito un estilo de texto más pequeño*/
.texto3 
    {font-family : Arial, Tahoma, "Sans Serif";
    color: #808080;
    font-size : 9;
	text-decoration : none;
	/*la clase texto3 da estilo a comentarios mas pequeños, pie de página, texto de subapartados... 
	Es el mismo arial pero 3 px mas pequeño que la clase texto*/
	}
.textolow2
{
	font-family : Arial, Tahoma, "Sans Serif";
    color: #808080;
    font-size : 12;
	text-decoration : none;
	/*Para las vacunas opcionales*/
}

/*Un estilo que de color a la celda de los artículos*/
.celda1 {
	background-color: #afbfe4;
}
.celda2 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #afbfe4;
	font-weight: 400;
	background-color: #afbfe4;
	text-align: center;
}
/* Un estilo para colocar parrafos enmarcados */
.marco {
	border: 1px dashed #EC9900;
	padding: 5px;

}

.lista1 {
	list-style-type: none;
	/*Estilo para listado de vacunas*/
}
/*Clases para los calendarios vacunales*/
.tablavac {
	padding: 5px;
	width: 520;
	border: 1px solid #85B6AC;
	background-position: center;
	font-size: 10;
	text-align: center;
	background-color: #DBEAFB;
}
.encabezadovac {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #afbfe4;
	color: #FFFFFF;
}
.vacunas {
	font-weight: bolder;
	background-color: #DBEAFB;
}
.edades {
	font-weight: bolder;
	background-color: #DBEAFB;
}
.hb {
	background-color: #ffa8d3;

}
.dtp {
background-color: #91B5FF;
}
.polio {
background-color: #CCCCFF;
}
.hib {
background-color: #CC99FF;
}
.tv {
background-color: #B3ECB3;
}
.mcc {
background-color: #FFCC99;
}
.n7v {
background-color: #cccccc;
}
.var {
background-color: #efe18f;
}
.ha {
background-color: #E9FFA6;
}
.bcg {
background-color: #E1C5BB;
}
.vph {
background-color: #ACD5CE;
}
.otras {
background-color: #afeeee;
}
.otras2 {
background-color: #cceedd;
}
.obs {
	font-size: 9;
	background-color: #D5D7EA;
	text-align: left;
}
.external {

}