body{
  	overflow-x: hidden;
  	height:125vh !important;
  	background-color: #FFFFFF;
}
select {
  	text-align: center;
  	text-align-last: center;
  	-moz-text-align-last: center;
}
.secciones_form{
  	width: 100%;
  	height: 100%;
  	display: flex;
  	flex-direction: row;
}
.seccion_contacto{
	height:100%;
	width: 65%;
}
.contacto_encuesta{
  	margin: 0 auto;
	margin-right: 1rem;
  	width:75%;
  	height: 70vh;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center; 
  	font-family: 'roboto';
  	margin-top: 0.5rem;
}
.contacto_titulo{
	width: 100%;
  	font-family: 'roboto';
  	margin-top: 5rem;
}
.contacto_titulo_texto{
  	font-size: 2.4rem;
	font-weight: 700;
  	color: #0A3D62;
  	font-family: 'roboto';
	text-align: left !important;
}
.bloque_datos{
	margin-top: 3rem;
	width: 100%;
	height: 90%;
}
.contacto_dato_usuario{ 
  	width: 80%;
  	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
  	height: 10vh;
  	border-radius: 8px;
  	border:none;
  	background-color: transparent;
	display:flex;
	flex-direction:column;
}
.contacto_label_estilos{
	margin-bottom: 0.5rem;
	font-family: 'roboto';
}
.datos_usuario_input{
  	margin-top: 1%;
	margin-left: 0;
  	width: 80%;
  	height: 7vh;
  	border-radius: 8px;
  	border:solid 1px #818589;
  	background-color: transparent;
}
.contacto_usuario_mensaje{
  	position: relative;
  	width: 80%;
  	height: 25vh;
	display:flex;
	flex-direction:column;
}
.usuario_mensaje{
  	width: 80%;
  	height: 15vh !important;
  	margin-top: 0.5rem;
}
.contacto_enviar_caja{
  	width: 100%;
  	margin-top: 1.2rem;
}
.contacto_enviar{ 
  	margin-left: 0;
  	margin-top:4rem;
  	width: 20%;
  	margin-top: 1%;
  	height: 6vh;
  	border-radius: 10px;
  	background-color: #B71C1C;
  	border-color: #B71C1C;
  	color: #FFFFFF;
  	font-weight: 500;
  	font-size: 1.5rem;
}
.contacto_enviar:hover{
  background-color:#C62828;
  border-color:#C62828;
  color:#FFFFFF;
}
.seccion_info{
  	height:100%;
  	width: 35%;
}
.info_contenido{
	width: 100%;
	height: 100%;
}
.info_bloque{
	width: 50%;
	height: 25%;
	margin-top: 8.5rem;
	margin-left: -5rem;
	display:flex;
	flex-direction:column;
  	border: 1px solid #e0e0e0;   
  	border-radius: 8px;          
  	padding: 16px;              
  	background-color: #fff;      
  	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); 	
}
.titulo_info{
	width: 90%;
	margin-top: 2.5rem;
	margin-bottom: 2rem;
}
.titulo_info_texto{
	margin-bottom: 2rem;
	font-size: 1.4rem;
	font-weight: 600;
	margin-left: 2rem;
}
.info_detalle{
	width: 90%;
	height: 8hv;
	display:flex;
	flex-direction:row;
	margin-bottom: 0.8rem;
}
.info_detalle_imagen{
	width:35%;
}
.det_imagen_estilo{
	width:30%;
	margin-left: 1.5rem;
}
  ::placeholder {
    font-size: 9.5pt;
    text-align: center;
  }
  ::-webkit-input-placeholder {

    font-size: 9.5pt;
    text-align: center;
  }
  :-moz-placeholder {
    font-size: 9.5pt;
    text-align: center;
  }
  ::-moz-placeholder {
    font-size: 9.5pt;
    text-align: center;
    }
  :-ms-input-placeholder {
    font-size: 9.5pt;
    text-align: center;
  }
  ::-ms-input-placeholder {
    font-size: 9.5pt;
    text-align: center;
  }