/* 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; 
        width:530px;

	}
	

/* 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 ; 
background-color : #ffffff; 
margin: auto; 
width:500px;
} 

div.cuerpo {
width:450px;
margin-left: 8px; 
padding: 0px 0px 0px 10px; 
background-color : #ffffff; 

} 


.titulo {
	position: relative;
	color: #336699;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	top: 10px;
	padding: 10px 0px 0px 25px;
    }
.parrafo{
	
	padding: 10px 0px 5px 25px;
	}


	
/*elementos*/

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

.listaazul
{
 color: #336699;
 list-style-image:url(img/arrow1.jpg);
 margin:0px;
 padding-bottom:10px;
    }   
   
.listaazul li 
{
 margin:0px;
  
    }
   
   
   
    
.lista
{
 list-style-image:url(img/arrow1.jpg);
 margin:0px;
 padding-bottom:10px;
    }   
    
    
 .lista li {
  margin:0px;
  
    }
   
   
   A {
	color: Black;
	text-decoration: none;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A:HOVER 
{
	color: #638ab1;
}



/* Textos */

	
.justificado {
	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;
	}


.Rojo 
{
    padding: 10px 0px 5px 25px;
	color: #990000;
}


.Rojo2 
{
    
	color: #C00;
}