@charset "utf-8";
.recuadro_flujo_centrado{
	margin-right: auto;
	margin-left: auto;
	max-width: 1920px;
	width: 94%;
	margin-right: auto;
	margin-left: auto;	
	height: auto;
}
.modulImg{
	width: 100%;
	height: auto;
	border: 1px solid #f0a6e9;
	margin-right: auto;
	margin-left: auto;	
}
.modulImgIzq{
	float: left;
	width: 25%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.modulImgDer{
	float: right;
	width: 74.5%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-left: 1px solid #feafea;
}
.modulIzqSub{
	float: left;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top:5px;
}
.imagenPeq{
	width: 95%;
	max-width: 250px;
	max-height: 166px;
	min-width: 60px;
	border: 0px; 
	text-align: center;
	height:auto;
	float: left;
	margin-top: 10px;
}
.titulo{
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	color: #79004b;
	padding-top: 30px;
	padding-left: 5%;
	width: 95%;
	padding-bottom: 10px;
	border-bottom: 1px solid #ffd2ee;
}

.tituloDetalle{
	font-size: 30px;
	font-weight: 400;
	text-align: left;
	color: #370023;
	padding-top: 30px;
	padding-left: 3%;
	width: 97%;
	padding-bottom: 5px;
}
.muestraColores{
	max-width: 40px;
	min-width: 30px;
	width: 20%;
	height: auto;
	float: left;
	padding-left: 3px;
	padding-right: 3px; 
	padding-top: 0px; 
	text-align: center;
}
.imagenGrande:hover{
	cursor:pointer;
}
.imgLogos{
	max-width: 100px;
	width:15%;
	min-width: 50px;
	margin-top:30px;
	margin-bottom:30px;
}

.titRefere{
	width: 60%;
	float: left;
	font-size: 30px;
	color: #650047;
	font-weight: 400;
	padding-top: 1px;
	margin-top:30px;
	margin-bottom:30px;
}
.modulInform{
	width: 100%;
	border-bottom: 1px solid #f0a6e9;
}
.input_number{
	width:43%; 
	font-size:19px; 
	font-weight:300;	
	text-align: center; 
	height: 45px; 
	background: #ffffff;
	margin-bottom:5px;
	margin-right: 2%;
	float: left;
}
.input_button{
	width:50%; 
	font-size:19px; 
	font-weight:300;	
	text-align: center; 
	height: 45px; 
	color:#ffffff;
	background: #80005c;
	border:0px solid #e11fab;
	margin-bottom:5px;
	
	float: right;
}
.input_button:hover{
	background: #f9c1ea;
	color:#480033; 
	border:1px solid #f9c1ea;
	cursor:pointer;
}
.txtEspecifico{
	font-size: 25px;
	font-weight:300;
	color: #550035;
	padding-bottom: 5px;
	padding-left: 7%;	
	line-height: 10px;
	text-align: left;
}
.txtEspecificoArea{
	font-size: 25px;
	font-weight:300;
	color: #550035;
	padding-bottom: 0px;
	padding-left: 7%;	
	line-height: 35px;
	text-align: left;
}
.modulDetalle{
	width:30.8%; 
	margin-left:1%;
	margin-right:1%;
	margin-bottom:10px;
	margin-top:10px;
	font-size:19px; 
	font-weight:300;	
	text-align: left; 
	border:1px solid #f0a6e9;
	float: left;
}
@media (min-width: 1441px){
	
	.modulImgIzq{
		float: left;
		width: 20%;
	}
	.modulImgDer{
		float: right;
		width: 79.5%;
	}
	
}

@media (max-width: 1440px) and (min-width: 1081px){
	.modulImgIzq{
		float: left;
		width: 15%;
	}
	.modulImgDer{
		float: right;
		width: 84.5%;
	}
	.imgLogos{
		margin-top:25px;
		margin-bottom:25px;
	}
	
}

@media (max-width: 1080px) and (min-width: 801px){
	.recuadro_flujo_centrado{
		width: 99%;
	}
	.modulImgIzq{
		float: left;
		width: 100%;
	}
	.modulImgDer{
		float: left;
		width: 100%;
		border-left: 0px;
	}
	.imagenPeq{
		width: 18%;
		max-width: 200px;
		max-height: 132px;
		margin-top: 5px;
		margin-left: 6px;
	}
	.titulo{
		font-size: 19px;
		width: 99%;
		padding: 1%;
		padding-top: 8px;
	}
	.imgLogos{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.tituloDetalle{
		font-size: 25px;
	}
		
}

@media (max-width: 800px) and (min-width: 561px){
	.recuadro_flujo_centrado{
		width: 99%;
	}
	.modulImgIzq{
		float: left;
		width: 100%;
	}
	.modulImgDer{
		float: right;
		width: 100%;
		border-left: 0px;
	}
	.imagenPeq{
		width: 18%;
		max-width: 200px;
		max-height: 132px;
	}
	.titulo{
		font-size: 19px;
		width: 99%;
		padding: 1%;
		padding-top: 8px;
	}	
	.titRefere{
		float: left;
		font-size: 25px;
		padding-top: 2px;
		margin-top:15px;
		margin-bottom: 15px;
	}
	.imgLogos{
		margin-top:15px;
		margin-bottom:15px;
	}
	.input_number{
		width:96%; 
		font-size:16px; 
		height: 25px; 
		margin-bottom:5px;
		margin-right: 0px;
	}
	.input_button{
		width:100%; 
		font-size:16px; 
		height: 25px; 
		color:#ffffff;
		margin-top: 10px;	
	}
	.tituloDetalle{
		font-size: 20px;
	}
	.modulDetalle{
		width: 47%;
	}
	
}

@media (max-width: 560px){
	.recuadro_flujo_centrado{
		width: 99%;
	}
	.modulImgIzq{
		float: left;
		width: 100%;
	}
	.modulImgDer{
		float: left;
		width: 100%;
	}
	.imagenPeq{
		width: 18%;
		max-width: 200px;
		max-height: 132px;
	}
	.titulo{
		font-size: 19px;
		width: 99%;
		padding: 1%;
		padding-top: 8px;
	}	
	.titRefere{
		float: left;
		font-size: 20px;
		padding-top: 5px;
		margin-top:5px;
		margin-bottom: 5px;
	}
	.imgLogos{
		margin-top:5px;
		margin-bottom:5px;
	}
	.input_number{
		width:96%; 
		font-size:15px; 
		height: 25px; 
		margin-bottom:5px;
		margin-right: 0px;
	}
	.input_button{
		width:100%; 
		font-size:16px; 
		height: 25px; 
		color:#ffffff;	
		margin-top: 10px;
	}
	.tituloDetalle{
		font-size: 20px;
	}
	.modulDetalle{
		width: 97%;
	}
	
}