
/* COLORES PREDETERMINADOS PARA LA PÁGINA */

.fondo_pp{
	background: rgba(94,112,181);
}

.color_pp{
	color: rgba(94,112,181);	
}


.fondoOpacidad{
	background: rgba(94,112,181,0.1);
}

.cajaFlotante{
	background: white;
	border-radius: 8px;
	padding: 30px;
	box-shadow: 10px 10px #888888;
}

.btn-personalizado{
	color: rgba(94,112,181);
	border-color: rgba(94,112,181);
}

.btn-personalizado:hover{
	cursor: pointer;
	background: rgba(94,112,181);
	color: white;
	border-color: white;	
}

.form-check{
	padding-left: 0px;
}


.campos {
	margin-top: 10px;
	margin-right: 10px;
	width: 250px;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


@media (max-width: 875px) {
	/*=============================================
	INDEX
	=============================================*/
	.resized {
		width: 750px;
	}

}

@media (max-width: 455px) {
	/*=============================================
	INDEX
	=============================================*/
	.resized {
		width: 400px;
	}

}

@media (max-width: 320px) {
	/*=============================================
	INDEX
	=============================================*/
	.resized {
		width: 280px;
	}

}

.resized {
	width: 1000px;
}

.resized .imagen {
	margin: auto;
	width: 100%;
}

.resized .imagen img{
	width: 100%;
}