body{
	background : #FFFFFF;
	padding:0px;
	margin: 0px;
}

div{
	margin-left: 20%;
	margin-right: 20%;
	/*width: 60%;
	padding: 10px;
	margin-left: 19%;
	margin-right: 19%;
	background : #36393f;*/
	font-family :"Montserrat Medium"; 
	font-size : 18px;
	color: #3e4d5c;	
}

p.descr{
	margin-left: 4%;
	margin-right: 4%;
}

img.ico{
	width:4%;
}

img.baner{
	width:100%;
}

h1{
	color: #FFFFFF;
	background: #9144ec;
	padding:10px;
	font-size : 20px;
}

p.sig{
	font-family:"Montserrat Medium"; 
	font-size : 18px;
	margin-left: 4%;
	margin-right: 4%;
}

p.pregunta{
	font-family:"Montserrat Black"; 
	font-size : 18px;
	color: #3e4d5c;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 3%;	
	}

p, label{
	color: #3e4d5c;
	margin-left: -5.6%;
	margin-right: 0%;
	}
input{
	margin-left: 6%;
	margin-right: 6%;
}

m{
	font-family:"Montserrat Black"; 
	font-size : 18px;
}

p.cent{
	font-family:"Montserrat Black"; 
	font-size : 20px;
	text-align: center;
	margin-left: 4%;
	margin-right: 4%;
}


/*Botones*/

#boton{
	display: block;
	margin: auto;
	background: #9144ec;
	width: 250px;
	padding: 10px;
	border:0px;
	color : #FFFFFF ;
	border-radius: 5px;
	font-family :"Montserrat Medium"; 
	font-size : 18px;
}

#boton:hover{
	display: block;
	margin: auto;
	background: #9E62E5;
	width: 250px;
	padding: 10px;	
}

#botonReintentar{
	
	width: 250px;
	padding: 10px;
	margin: auto;
	display: none;
	background: #9E62E5;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

#botonReintentar:hover{
	background: #4578A4;
	border:0;
}

/*Espacio para la gafica*/
#Arquetipos{
  width: 100%;
  height: 500px;
  margin: 20px auto 0 auto;
  align: center;
}

/*Tamaños de pantalla*/

@media (max-width: 1200px) {
	
	div{
	margin-left: 5%;
	margin-right: 5%;
		
}


	
img.ico{width:4%;}	
}/*sin 1200px*/
	
@media (max-width: 800px){
img.ico{width:7%;}
div{
	margin-left: 2%;
	margin-right: 2%;
}
	
}/*fin 800px*/

@media (max-width: 500px) {
div{
	margin-left: 1%;
	margin-right: 1%;
	font-family :"Montserrat Medium"; 
	font-size : 18px;
}
	
m{
	font-family:"Montserrat Black"; 
	font-size : 18px;
}
	
p.pregunta{
	font-family:"Montserrat Black"; 
	font-size : 18px;
}
	
p.sig{
	font-family:"Montserrat Medium"; 
	font-size : 18px;
}

p.cent{
	font-family:"Montserrat Black"; 
	font-size : 19px;
}
		
#Arquetipos{
  width: 100%;
  height: 300px;
}
	
img.ico{width:7%;}	
	
	
	}/*fin 500px*/




/*Pie de pagina*/
footer {
	width: 60%;
	padding: 10px;
	margin-left: 19%;
	margin-right: 19%;
	background: #292b2f;
	text-align: center;
}.class {
}