@charset "utf-8";
header, nav, section, article, aside, figure, footer{
	display: block;
	text-align: center;
}
.limpiar{
	clear:both;
	}
body{
	background-color: #333333;;
	background-repeat: repeat-x;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	}
p1{
	font-family: Candara;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	margin: 6px;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	margin: 6px;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0px;
	padding-left:2px;
	}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 0px;
	padding-left: 2px;
	}
h4{
	font-family: Candara;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	}
h5{
	font-family: Candara;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	text-align: justify;	
	}


/*-- maquetacion --*/
#contenedor{
	width: 1325px;
	margin: auto;
	padding: 0px;
	background-color: #000000;	
	}

#p-wilita{
	margin-top: 30px;
	margin-bottom: 30px;	
	}


@media only screen and (max-width:1024px){
	/*---index---*/
	body{
	width:100%;	
	}
	
	#contenedor{
		width:100%;
	}
	
	#p-wilita{
	margin-top: 30px;
	margin-bottom: 30px;
	height: auto;
	width: auto;
	}
	
}

/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:768px){
	/*---index---*/
	body{
	width:100%;	
	}
	
	#contenedor{
		width:100%;
	}
	
	#p-wilita{
	margin-top: 30px;
	margin-bottom: 30px;
	height: auto;
	width: auto;
	}
	
}
/******************************************/
/***    DISEÑO PARA MOVILES 640        ****/
/******************************************/
@media only screen and (max-width:640px){
	/*---index---*/
	body{
	width:100%;	
	}
	
	#contenedor{
		width:100%;
	}
	
	#p-wilita{
	margin-top: 30px;
	margin-bottom: 30px;
	height: auto;
	width: auto;
	}									
}
/******************************************/
/***    DISEÑO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){
/*--index--*/	
	body{
	width:100%;	
	}
	
	#contenedor{
		width:100%;
	}
	
	#p-wilita{
	margin-top: 30px;
	margin-bottom: 30px;
	height: auto;
	width: auto;
	}																														
}

/******************************************/
/***    DISEÑO PARA MOVILES 414        ****/
/******************************************/
@media only screen and (max-width:414px){
/*--index--*/
	body{
	width:100%;	
	}
	
	#contenedor{
		width:100%;
	}
	
	#p-wilita{
	margin-top: 30px;
	margin-bottom: 30px;
	height: auto;
	width: auto;
	}																																																			
}

/******************************************/
/***    DISEÑO PARA MOVILES 360        ****/
/******************************************/
@media only screen and (max-width:360px){
/*--index--*/
	body{
	width:100%;	
	}
	
	#contenedor{
		width:100%;
	}
	
	#p-wilita{
	margin-top: 30px;
	margin-bottom: 30px;
	height: auto;
	width: auto;
	}																																																			
}
/******************************************/
/***    DISEÑO PARA MOVILES 240        ****/
/******************************************/
@media only screen and (max-width:240px){
	
	
}
h3 {
	color: #FFF;
}