/* CSS Document */
/* Defino el cuerpo de la página. Estas definiciones, las heredarán el resto de
los elementos */


body{
	text-align: center;
	margin: 0px;
	background-color: white;
	margin : 20px 0px 20px 0px; 

	}
	

/* Capas */


/* Dentro de la capa contenedor, se colocan todos los elementos que va a tener la página.
Body tiene atributo text-align: center por lo que la capa contenedor, estará centrada.
como contenedor alinea a la izda la página estará centrada y alineada a la izda.
El atributo "margin", lo definimos como "auto", para que Mozilla y otros navegadores centren la capa*/
div.contenedor{
    text-align: left; /*width: 990px;*/
    width: 990px;
    background-color : #ffffff;
    margin: auto;
    height: auto;
} 



div.cabecera {
	position: relative;
	top: 0px;
	margin: 0 auto;
	height: 50px;
	z-index: 2;
	background-image: url(imagenes/barrahorizontal.png);
	background-repeat: no-repeat;
	}

.titulo {
	position: absolute;
	color: White;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	left: 45px;
	margin: 0 auto;
	text-align: left;
	top: 10px;
	z-index: 501;
	}

.sombratitulo {
	position: absolute;
	color: #666666;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	left: 48px;
	margin: 0 auto;
	text-align: left;
	top: 13px;
	z-index: 500;
	}
	
	/*Maquetamos los div haciendo que floten a la derecha o izda, con el padding le damos
la distancia a los objetos */

div.cuerpo {
	width: 580px;
	padding: 10px 0px 0px 0px;
	background-color : #ffffff;
	float: right;
} 


div.cuerpo1 {
	width: 460px;
	margin-left: 8px;
	padding: 0px 0px 0px 10px;
	background-color : #ffffff;
	float: left;
} 

div.lateral {
width : 100px;
margin-left: 8px; 
padding: 0px 0px 0px 0px; 
background-color : #ffffff; 
float:right; 
 

} 

/*La etiqueta menu coloca el menu respecto a la página*/

div.menu {
  padding  :  20px 5px 0px 0px; 
  width:138px;
  float :left; 
    }
	
/*Para que el iframe ocupe el 100% que le asigna el div que lo encierra. 
Otra etiqueta DIV es utilizada como envoltura para la etiqueta IFRAME. 
Ambas tienen un ancho en su estilo del 100%.
*/




iframe.ifcontenido{
	/*width: 650px;*/ 
    width: 450px;
	height: auto;
}
    


/* Es necesario colocar el margen y el padding de la lista por que si no
se descuadra en otros navegadores */

.lista{ 
 list-style-image:url(imagenes/arrow1.jpg);
 margin:0px;
    }   
    
    
 .lista li {
  margin:0px;
  padding:0px;  
    }    
    
	
	
/* Tablas */

	
/* Celdas */


/* Enlaces */

/*el div etiqueta coloca los diferentes enlaces del menu entre si*/

div.etiqueta 
{ padding  : 5px 0px 0px 0px;
    }

	.menu a {
  display:block;
  border:none;
  background-position:left top;
  background-repeat:no-repeat;
  width:138px;
  height:21px;
  font-family : Arial;
  font-size : 10px;
  font-weight: bold;
  text-align: center;
  padding  : 5px 0px 0px 0px;
  text-decoration: none;
  color :White;
  background-image: url(imagenes/bot3.gif)

}
.menu a:hover { background-position: 0 -32px;}

.menu a:active { background-position: 0 -32px;} 


/* Textos */

	
.justificado {
	font-family: Times;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	}
	
.justificadoArial {
	font-family: Arial;
	font-size: 12px;
	text-align: justify;
	}
	
	
.azul {
	color: #336699;
	  list-style: none;
		}	

	
	
	
#arial12 {
	font-family: Arial;
	font-size: 12px;
	}