@font-face 
{
	font-family: 'gotham-bold';
	src: url('../fuentes/gotham-bold.otf');
/*	src: local('☺'), url('../fuentes/Gotham-Medium.woff') format('woff'), url('../fuentes/Gotham-Medium.ttf') format('truetype'), url('../fuentes/Gotham-Medium.svg') format('svg'); */
}
@font-face 
{
	font-family: 'Gotham-Medium';
	src: url('../fuentes/Gotham-Medium.otf');
/*	src: local('☺'), url('../fuentes/gotham-bold-Bold.woff') format('woff'), url('../fuentes/Gotham-Medium_b.ttf') format('truetype'), url('../fuentes/Gotham-Medium_b.svg') format('svg');*/
}

body 
{
	width: 100%;
	margin:0Px 0Px 0Px 0Px;
	background: #dfe5e6;   
	color:#0e376b;
	font-size:1.0em;
}

#contenedor 
{
  width: 100%;
  float:left;
  background: transparent;	
}
#cabecera 
{
  width: 100%;
  float:left;
  background: transparent;	
}
#cabecera img { width:100%; }  
#cabeceramovil {
	display:none;
}
.formulario {
	
	margin-left:10%;
	margin-right:10%;
	width:80%;
	float:left;
}
.rellena {
	
	margin-top:4%;
	margin-bottom:2%;
	width: 98%;
	min-height: 100%;
	float:left;
}
.datos {
	margin-top:-2.5%;
	margin-left:35%;
	width: 30%;
	margin-right:35%;
	background-color:#0039a6;
	padding:10Px;
	min-height: 90%;
	font-family: "Gotham-bold", sans-serif;
	text-align:center;
	color:#fff;
	font-size:140%;
	float:left;
}
#datos {
	font-family: "Gotham-Medium", sans-serif;
	text-align:center;
	color:#0039a6;
	font-size:100%;
}
hr {
	background:#0039a6;
	width: 100%;
	height:2Px;
	text-decoration:underline;
	border:0Px;
}
.losdatos {
	margin-left:5%;
	float:left;
	width:90%;
}
#coldatos{
	width: 45%;
	margin-right:5%;
	font-family: "Gotham-Medium_b", sans-serif;
	font-size:100%;
	margin-top:1%;
	height:65Px;
	float:left; 	
}
#coldatosoculto{
	width: 45%;
	margin-right:5%;
	font-family: "Gotham-Medium_b", sans-serif;
	font-size:100%;
	margin-top:1%;
	height:65Px;
	float:left; 	
}
.subcoldatos {
	color:#0039a6;
	width:100%;height:30Px;float:left;
}
#coldatos100{
	width: 90%;
	margin-right:5%;
	font-family: "Gotham-Medium_b", sans-serif;
	font-size:130%;
	margin-top:1%;
	float:left;
}
#coldatos100_nooculto{
	width: 95%;
	margin-right:5%;
	font-family: "Gotham-Medium_b", sans-serif;
	font-size:130%;
	margin-top:1%;
	float:left;
}
#coldatos100_oculto{
	display:none;
	width: 95%;
	margin-right:5%;
	font-family: "Gotham-Medium_b", sans-serif;
	font-size:130%;
	margin-top:1%;
	float:left;
}
.boton_otra{
	background-color: transparent;
	background-image: url(../images/boton_variedad.png) !important;
	border:0Px;
	width:238px;
	height:54Px;
}
.boton_submit{
	background-color: #ffed0c;
	border:2px solid #939495;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   border-radius: 1px;	
	padding:10Px;
	width:266px;
	height:50x;
	font-family: "Gotham-bold", sans-serif;
	font-size:90%;
	color:#0e376b;
}
#camera {
 	 font-size:30px;color:#0039a6;
 }
#imgcamera {
 	 text-align:right;
 	 margin-top:-25Px;
}
input[type="file"]#imagen {
	 width: 0.1px;
	 height: 0.1px;
	 opacity: 0;
	 overflow: hidden;
	 position: absolute;
	 font-family: 'Gotham-Medium';
	 z-index: -1;
 }
 label[for="imagen"] {
	 font-size: 14px;
	 /*font-weight: 600;*/
	 color: #172983;
	 border-radius: 1px;
	 border:1px solid #939495; 
	 background-color: #ffffff;
	 display: inline-block;
	 transition: all .5s;
	 cursor: pointer;
	 padding: 15px 40px !important;
	 text-transform: uppercase;
	 font-family: 'Gotham-Medium';
	 width: 84%;
	 height:8Px;   
	 text-align: center;
 }
 #terms{padding-top: 15px;margin:0; width:100%;float:left;font-family: "Gotham-Medium", sans-serif;font-size:90%;}
#resto {
	width:70%;
	margin-top:10%;  
	margin-left:15%;
	float:left;
} 
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
 /* font-size: 22px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: 'Gotham-Medium';
}
/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #8fbfdf;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #172983;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #172983;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}  
input[type="text"],input[type="email"] {
	background-color: #fff;
	border:1px solid #939495;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   border-radius: 1px;	
	color: #031d39;
	height:30px;
	width:100%;
	font-size:90%;
	margin-bottom: 15px;
	color:black;
   padding-left: 5px;	
   font-family: 'Gotham-Medium';
}
select {
	background-color: #fff;
	border:1px solid #939495;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   border-radius: 1px;	
	color: #031d39;
	height:35px;
	width:102%;
	font-size:90%;
	margin-bottom: 15px;
	color:black;
   padding-left: 5px;	
   font-family: 'Gotham-Medium';
}
#pie { 
	width: 98%;float:left;
	background-color:#0039a6; padding:10Px; text-align:center;color:#fff; font-family: 'Gotham-bold';
}
#veloerror {
	display:none;
	position:absolute;
	top:0Px;
	left:0Px;
	width:100%;
	min-height:3000Px;border:1Px solid #dd4895;
	float:left;
	z-index:1999;
	background-color: rgba(0, 0, 0, 0.5);
	background-repeat: repeat;
	background-size:cover;
}    
#cajaerror {
	display:none;
	position:fixed;
	background: #0039a6;
	/*border-radius: 15px;
	border:6Px solid #172983;*/
   color:#fff;
  width: 800Px;
  height: 600Px;
  margin-top: 0.5%;
  margin-left: 20%;
  font-family: 'Gotham-Medium';
  text-align:left;
  z-index:2000;
}
#movil {
	display:none;
}
@media (max-width: 1366px) {
	.losdatos {
		margin-left:5%;
		float:left;
		width:95%;
	}		
}
@media (max-width: 1024px) {
	.formulario {
		margin-left:5%;
		margin-right:5%;
		width:90%;
	}
	.datos {
		margin-top:-3.5%;
		margin-left:15%;
		width: 70%;
		margin-right:15%;
	}
	#camera {
		 font-size:30px;color:#0039a6;
	 }	
	#imgcamera {
		 margin-top:-25Px !important;
		 margin-right:-20Px !important;
	}	
	#cajaerror {
	  width: 83% !important;
	  height: 600Px;
	  margin-top: 5% !important;
	  margin-left: 4%;
	  margin-right: 5%;
	}	
}
@media (max-width: 860px) {
	#camera {
		 font-size:25px;color:#0039a6;
	 }	
	#imgcamera {
		 margin-top:-20Px !important;
		 margin-right:-25Px !important;
	}	
}
@media (max-width: 823px) {
	body { font-size:0.9em; }
	#coldatos{
		margin-top:4%;
		width:98%;
	}
	#coldatosoculto{
		display:none;
	}	
}
@media (max-width: 500px) {
	body { font-size:0.8em; }
	#cabecera {
		display:none;
	}
	#cabeceramovil {
		display:block;
	}	
	#cabeceramovil img { width:100%; } 	
	label[for="imagen"] {
		width: 75% !important;
	}
	#resto {
		margin-top:2% !important;  
	}	
	.formulario {
		margin-left:1%;
		margin-right:1%;
		width:94%;
	}
	.datos {
		margin-top:-6.5%;
		margin-left:15%;
		width: 70%;
		margin-right:15%;
	}

	#coldatos{
		margin-top:4%;
		width:98%;
	}
	#coldatosoculto{
		display:none;
	}
	#datos {
		font-size:80%;
	}	
	#camera {
		 font-size:20px;color:#0039a6;
	 }	
	#imgcamera {
		 margin-top:-20Px !important;
		 margin-right:-20Px !important;
	}	
	#resto{
		width:90%;
		margin-left:5%;
	}
	#cajaerror {
	  position:absolute;
	  width: 98% !important;
	  height: 600Px;
	  margin-top: 5% !important;
	  margin-left: auto;
	  margin-right: auto;
	}
	#pc {
		display:none;
	}	
	#movil {
		display:block;
		width:100%;
	}	
}
@media (max-width: 360px) {
	body { font-size:0.7em; }
	#camera {
		 font-size:20px;color:#0039a6;
	 }	
	#imgcamera {
		 margin-top:-15Px !important;
		 margin-right:-25Px !important;
	}
	#datos {
		font-size:70%;
	}	
}