/* CSS Document */

* {
   margin:0;
   padding:0;
   border:0;
   position: relative;
   }
   

body {
	font-family: Lato;
}
   
.cabecera{
    width: 100%;
	height: auto;	
	background-color:#E4F5FA;
	display:flex;
}

.cabecera div{
	width:100%;
	text-align:center;
}

.cabecera h3{
	padding:50px;
	margin:0 auto;
	font-family: Montserrat;
	font-weight: 500;
	font-style: Normal;
	line-height: 70px;
	font-size: 30px;
	color:rgb(0,32,96);
}

.central{
	width:100%;
	height:auto;
	display:flex;
	background-color:#E4F5FA;
}

.central .contImg{
	width:50%;
}

.imgTablet {
	width:60%;
	Float:right;
}

.central .capturaData{
	width:45%;
	display:flex;
	align-items:center;
}

#cajaCaptura{
	width:100%;
	height:auto;
}

.central .capturaData p{
	text-align:center;
	font-size:18px;
	padding:30px;
	color:rgb(43,33,55);
	font-family: Monserrat;
}

form {
	width: 70%;
	margin: 0 auto;
	padding: 10px 20px;
	box-sizing: border-box;
	margin-top: 20px;
}

form input {
	width: 100%;
	margin-bottom: 20px;
	padding: 7px;
	box-sizing: border-box;	
	font-size: 17px;
	border: none;
}

.boxConsultas{
	width:50%;
	margin:0 auto;
	display:block;
}

#paso1{
	width:65%;	
	margin: 0 auto;	
	padding:7px;
	box-sizing: border-box;	
}

.questions{
	width:100%;
	display:block;	
}

.questions p{
	width:100%;
	display:flex;
	padding: 10px 20px;	
}

.questions input{
	width:25px;
	cursor:pointer;
}


#boton_enviar {
	background: rgb(0,32,96);   /* #31384a; */
	color: #fff;
	font-weight:bold;
	padding: 20px;
	width: 100%;
	margin-top:20px;
	margin-bottom: 20px;
	border-radius:15px;
}

#boton_enviar:hover {
	cursor: pointer;
	background:rgb(143,180,245);
	color:#300946;
	font-weight:bold;
	transition: all .4s ease-in-out;	
}

#btn_consultar{
	background: rgb(0,32,96); 
	color: #fff;
	font-weight:bold;
	padding: 20px;
	width: 70%;
	margin:20px auto;
	border-radius:15px;	
}

#btn_consultar:hover{
	cursor: pointer;
	background:rgb(143,180,245);
	color:#300946;
	font-weight:bold;
	transition: all .4s ease-in-out;	
}


#uploadedFile{
	cursor:pointer;
}

#uploadedFile:hover{
	cursor:pointer;
}




@media screen and (max-width:800px) {


.cabecera h3{
	line-height: 50px;
	padding:30px;	
}

.central{
	display:block;
}

.central .contImg{
	width:100%;
	display:flex;
}

.imgTablet {
	width:50%;
	float:none;
	margin:0 auto;
}

.central .capturaData{
	width:100%;
}

form {
	width: 90%;
}


/*  -----  Divs y elementos del formulario de consulta -----*/
.boxConsultas{
	width:100%;
}

#paso1{
	width:90%;	
	margin: 0 auto;	
	padding: 7px;
	box-sizing: border-box;	
}

.questions{
	width:110%;
	margin-left:-10%;
}

.questions p{
	padding: 10px 10px;	
}

.questions input{
	width:30px;
}

#btn_consultar{
	width: 90%;
}

/*  ------------------------------------------*/
	
	
}