/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/* 

    Created on : 31-dic-2018, 13:02:07

    Author     : Dani

*/

@import url('https://fonts.googleapis.com/css?family=Roboto');

body {
	font-family: 'Roboto', sans-serif;
	color: #3e3e3e;
	margin: 0;
}


.cabecera {
	border: 0px solid #f00;
	padding: 15px 0px;
}

.cuerpo {
	border: 0px solid #0f0;
	background: url("../img/fondo.jpg");
	background-size: 120% auto;
	background-repeat: no-repeat;
	min-height: 650px;
	
}

.cuerpo .contenido {
	border: 0px solid #f00;
}

.piedepagina {
	background: #f00c2f;
	border: 0px solid #f00;
	padding: 15px 0px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}

.contenido {
	border: 0px solid #000;
	max-width: 1590px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.cuerpo .contenido {
	border: 0px solid #000;
	max-width: 1590px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;	
}


.logo_cabildo {
	border: 0px solid #f00;
	width: 200px;
	display: inline-block;
	vertical-align: top;
	padding: 10px 0px;
}
	.logo_cabildo .img {
		border: 0px solid #0f0;
		width: 180px;
	}
.div_form_datos {
	padding-top: 20px;
}
.menu {
	border: 0px solid #00f;
	width: 800px;
	color: #5e6a71;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.menu a {
	color: #5e6a71;
	text-decoration: none;
}

	.menu .opcion {
		border: 0px solid #000;
		display: inline-block;
		margin: 0 5px;
		padding: 22px 0px 0px 0px;
	}
		.menu .opcion .img {
			border: 0px solid #f00;
			width: 55px;
			display: inline-block;
			vertical-align: top;
		}

		.menu .opcion .texto {
			border: 0px solid #FF8E00;
			display: inline-block;
			vertical-align: top;
			font-size: 22px;
			padding: 10px 5px;
			max-width: 180px;
		}


.logo_turismo {
	border: 0px solid #f00;
	display: inline-block;
	padding-top: 30px;
	position: absolute
	
}
	.logo_turismo .img {
		border: 0px solid #0f0;
		width: 200px;
		
	}



/************************************* mapa ******************************************/

.div_buscador {
	border: 0px solid #000;
	background: #fff;
	margin: 0 auto 35px;
	text-align: center;
	max-width: 1200px;
	padding: 15px 0px;
}

	.div_buscador .opcion {
		border: 0px solid #000;
		display: inline-block;
		vertical-align: top;
	}
		.div_buscador .opcion .icono{
			border: 0px solid #000;
			width: 45px;
			display: inline-block;
			vertical-align: top;
		}
		.div_buscador .opcion .input{
			border: 0px solid #000;
			display: inline-block;
			vertical-align: top;
		}
			.div_buscador .opcion .input input{
				border: 2px solid #04AAF2;
				border-radius: 5px;
				font-size: 1.1rem;
				padding: 8px 7px;
			}
			.div_buscador .opcion.fecha .icono{
				width: 38px;
			}
			.div_buscador .opcion.fecha .input input{
				width: 220px;
			}
			.div_buscador .opcion.vehiculo .input input{
				width: 175px;
				cursor: pointer;
			}
			.div_buscador .opcion.vehiculo .icono{
				width: 58px;
			}
			.div_buscador .opcion.vehiculo #vehiculo{
				border: 2px solid #04AAF2;
				width: 145px;
				font-size: 1.1rem;
				padding: 9px 15px;
				border-radius: 5px;
				cursor: pointer;
				text-align: left;
			}
			.div_buscador .opcion .input checkbox{
			}

		.div_buscador .opcion .text{
			border: 0px solid #000;
			display: inline-block;
			vertical-align: top;
		}

		.div_buscador .div_btn_buscar {
			border: 0px solid #000;
			display: inline-block;
			vertical-align: top;
		}
			.div_buscador .div_btn_buscar .btn_buscar {
				background: #04AAF2;
				color: #fff;
				font-size: 18px;
				padding: 10px 25px;
				cursor: pointer;
				border-radius: 5px;
			}







	.div_tipo_vehiculo {
		border: 1.5px solid #04AAF2;
		position: absolute;
		background: #fff;
		width: 200px;
		padding: 4px 0px;
		margin-top: 2px;
		display: none;
		z-index: 9;
	}
		.div_tipo_vehiculo .div_tipo_vehiculo_opcion {
			border: 0px solid #000;
			width: 90%;
			text-align: left;
			margin: 0 auto;
			padding: 5px 0px;
			cursor: pointer;
		}
			.div_tipo_vehiculo .div_tipo_vehiculo_opcion .icono {
				border: 0px solid #00f;
				display: inline-block;
				width: 48px!important;
			}
			.div_tipo_vehiculo .div_tipo_vehiculo_opcion .nombre {
				border: 0px solid #0f0;
				display: inline-block;
				padding: 7px 0px;
			}
					

	.div_buscador .select_persona {
		border: 0px solid #0f0;
		height: 50px;
	}
		.div_buscador .select_persona .icono{
			border: 0px solid #f00;
			display: inline-block;
			width: 44px;
		}

		.div_buscador .select_persona .input .numero{
			border: 1px solid #00f;
			display: inline-block;
				border: 2px solid #04AAF2;
				width: 190px;
				font-size: 1.1rem;
				padding: 9px 15px;
				border-radius: 5px;
				cursor: pointer;
				text-align: left;
		}



		.div_buscador .select_persona .input .div_select_persona{
			border: 0px solid #000;
			background: #fff;
			margin-top: 3px;
			padding: 5px;
			width: 195px;
			z-index: 9;
			display: none;
			position: relative;
		}	
			.div_buscador .select_persona .input .div_select_persona .div_select_persona_opcion{
				border: 0px solid #000;
				margin-bottom: 5px;
			}
				.div_buscador .select_persona .input .div_select_persona .div_select_persona_opcion .persona{
					border: 0px solid #000;
				}	
					.div_buscador .select_persona .input .div_select_persona .div_select_persona_opcion .persona .icono{
						border: 0px solid #f00;
						display: inline-block;
						width: 35px;
						padding: 5px 5px 5px 0px;
					}
					.div_buscador .select_persona .input .div_select_persona .div_select_persona_opcion .persona .div_menos_mas{
						border: 0px solid #00f;
						display: inline-block;
						width: 125px;
					}	
						.div_buscador .select_persona .input .div_select_persona .div_select_persona_opcion .persona .div_menos_mas .negativo{
							border: 1.5px solid #04AAF2;
							display: inline-block;
							font-size: 2.5rem;
							line-height:  30px;
							height: 35px;
							width: 35px;
							border-radius: 5px;
							vertical-align: top;
							cursor: pointer;
						}	
						.div_buscador .select_persona .input .div_select_persona .div_select_persona_opcion .persona .div_menos_mas .input{
							border: 0px solid #f00;
							width: 40px;
							text-align: center;
							display: inline-block;
						}	
						.div_buscador .select_persona .input .div_select_persona .div_select_persona_opcion .persona .div_menos_mas .positivo{
							border: 1.5px solid #04AAF2;
							display: inline-block;
							font-size: 2.0rem;
							line-height:  30px;
							height: 35px;
							width: 35px;
							border-radius: 5px;
							vertical-align: top;
							cursor: pointer;
						}	




	.div_buscador .pmr {
		border: 0px solid #0f0;
		margin-top: 5px;
		margin-right: 10px;
		
	}
		.div_buscador .pmr .input {
			border: 0px solid #f00;
		}
			.div_buscador .pmr .input input {
				border: 0px solid #f00;
				height: 20px;
				width:  20px;
			}
		.div_buscador .pmr .text {
			border: 0px solid #00f;
			padding: 3px 0px;
			font-size: 1.1rem;
		}

					.div_contenido {
						background: #fff;
						min-height: 150px;
						max-width: 1190px;
						margin: 0 auto;
						border: 0px solid #f00;
						padding: 15px 15px;
					}
						.div_contenido .div_paso_a_paso {
							border: 0px solid #f00;
							text-align: center;
							width: 600px;
							margin: 0 auto;
							padding: 15px;
						}
							.div_contenido .div_paso_a_paso .titulo{
								border: 0px solid #00f;
								font-size: 1.5rem;
								font-weight: bold;
							}
							.div_contenido .div_paso_a_paso .linea_gris{
								border: 0px solid #000;
								height: 5px;
								background: #5E6A71;
								position: relative;
								margin-top: 10px;
							}
							.div_contenido .div_paso_a_paso .linea{
								border: 0px solid #000;
								height: 5px;
								background: #04AAF2;
								position:relative;
								top: 15px;
								width: 50%;
								z-index: 5;
							}
							.div_contenido .div_paso_a_paso .circulo_1{
								border: 0px solid #000;
								background: #04AAF2;
								height: 20px;
								width: 20px;
								border-radius: 15px;
								position: relative;
								margin-top: -13px;
								display: none;
							}
							.div_contenido .div_paso_a_paso .circulo_2{
								border: 0px solid #000;
								background: #04AAF2;
								height: 20px;
								width: 20px;
								border-radius: 15px;
								position: relative;
								margin-top: -19px;
								margin-left: 35%;
								display: none;
							}
							.div_contenido .div_paso_a_paso .circulo_3{
								border: 0px solid #000;
								background: #04AAF2;
								height: 20px;
								width: 20px;
								border-radius: 15px;
								position: relative;
								margin-top: -20px;
								margin-left: 65%;
								display: none;
							}
							.div_contenido .div_paso_a_paso .circulo_4{
								border: 0px solid #000;
								background: #04AAF2;
								height: 20px;
								width: 20px;
								border-radius: 15px;
								position: relative;
								margin-top: -20px;
								margin-left: 100%;
								display: none;
							}




	.div_form_datos > .div_contenido {
		margin-top: 5px;
	}	

	.div_dato {
		border: 0px solid #0f0;
	}
		.div_dato .titulo{
			background: #04AAF2;
			color: #fff;
			margin-bottom: 10px;
			padding: 10px;
			border: 0px solid #f00;
			text-align: center;
		}
		.div_dato.acompanante .titulo{
			background: transparent;
			color: #04AAF2;
			margin-bottom: 10px;
			padding: 10px;
			border-bottom: 2px solid #04AAF2;
			text-align: left;
				font-size: 1.25rem;
		}			
		.div_dato.vehiculo .titulo{
			background: transparent;
			color: #04AAF2;
			margin-bottom: 10px;
			padding: 10px;
			border-bottom: 2px solid #04AAF2;
			text-align: left;
				font-size: 1.25rem;
		}
	
	
		.div_dato .div_nombre{
			border: 0px solid #0f0;
			display: inline-block;
			width: 200px;
			vertical-align: top;
			margin-bottom: 10px;
		}
			.div_dato .div_nombre .nombre{
				border: 0px solid #000;
			}
				.div_dato .div_nombre .nombre{
					border: 0px solid #000;
				}
				.div_dato .div_nombre .input{
					border: 0px solid #000;
				}
					.div_dato .div_nombre .input input{
						border: 1px solid #04AAF2;
						font-size: 1.0rem;
						padding: 7px 5px;
						border-radius: 3px;
						width: 100%;
					}

			.div_dato .div_apellido {
				border: 0px solid #f00;
				display: inline-block;
				width: 250px;
				vertical-align: top;
				margin-bottom: 10px;
			}
				.div_dato .div_apellido .nombre {
					border: 0px solid #f00;
				}
				.div_dato .div_apellido .input {
					border: 0px solid #f00;
				}
					.div_dato .div_apellido .input input {
						border: 1px solid #04AAF2;
						font-size: 1.0rem;
						padding: 7px 5px;
						border-radius: 3px;
						width: 100%;
					}

					.div_dato .div_documento {
						border: 0px solid #000;
						display: inline-block;
						vertical-align: top;
							width: 30%;
							max-width: 250px;
						margin-bottom: 10px;
					}
						.div_dato .div_documento .nombre{
							border: 0px solid #f00;
							vertical-align: top;
		
						}
						.div_dato .div_documento .div_input{
							border: 0px solid #f00;
							vertical-align: top;
						}
							.div_dato .div_documento .div_input .tipo{
								border: 0px solid #00f;
								display: inline-block;
								width: 30%;
								max-width: 80px;
								vertical-align: top;
							}
								.div_dato .div_documento .div_input .tipo select{
									border: 1px solid #04AAF2;
								font-size: 1.0rem;
								padding: 7px 5px;
									border-radius: 3px;
									width: 100%;
									color: #7E7E7E;
								}
							.div_dato .div_documento .div_input .input{
								border: 0px solid #0f0;
								display: inline-block;
								width: 68%;
								vertical-align: top;
							}
								.div_dato .div_documento .div_input .input input{
									border: 1px solid #04AAF2;
									font-size: 1.0rem;
									padding: 7px 5px;
									border-radius: 3px;
									width: 100%;
								}
	
								
								
			.div_dato .div_nacionalidad {
				border: 0px solid #000;
				display: inline-block;
				vertical-align: top;
					max-width: 20%;
				margin-bottom: 10px;
			}
				.div_dato .div_nacionalidad .nombre{
					border: 0px solid #f00;
					vertical-align: top;

				}
				.div_dato .div_nacionalidad .div_input{
					border: 0px solid #f00;
					vertical-align: top;
				}
					.div_dato .div_nacionalidad .div_input .tipo{
						border: 0px solid #00f;
						display: inline-block;
						min-width: 50%;
						vertical-align: top;
					}
						.div_dato .div_nacionalidad .div_input .tipo select{
							border: 1px solid #04AAF2;
						font-size: 1.0rem;
						padding: 7px 5px;
							border-radius: 3px;
							width: 100%;
							color: #7E7E7E;
						}
					.div_dato .div_nacionalidad .div_input .input{
						border: 0px solid #0f0;
						display: inline-block;
						width: 47%;
						vertical-align: top;
					}
						.div_dato .div_nacionalidad .div_input .input input{
							border: 1px solid #04AAF2;
							font-size: 1.0rem;
							padding: 7px 5px;
							border-radius: 3px;
							width: 100%;
						}
	
	
	
					.div_dato .div_menor{
						border: 0px solid #f00;
						display: inline-block;
						margin-top: 15px;
						margin-left: 5px;
					}
						.div_dato .div_menor .div_input .menor .input{
							border: 0px solid #000;
							display: inline-block;
							width: 25px;
						}
							.div_dato .div_menor .div_input .menor .input input{
								border: 0px solid #f00;
								font-size: 1.5rem;
								width: 100%;
								position: relative;
								top: 3px;
								width: 20px;
								height: 20px;
							}
						.div_dato .div_menor .div_input .menor .titulo{
							border: 0px solid #000;
							display: inline-block;
							font-size: 1.0rem;
							width: 140px;
							padding: 7px 0px;
							background:  transparent;
							color: #04AAF2;
						}
	
			.div_dato .div_telefono {
				border: 0px solid #f00;
				display: inline-block;
				width: 250px;
				vertical-align: top;
				margin-bottom: 10px;
			}
				.div_dato .div_telefono .nombre {
					border: 0px solid #f00;
				}
				.div_dato .div_telefono .input {
					border: 0px solid #f00;
				}
					.div_dato .div_telefono .input input {
						border: 1px solid #04AAF2;
						font-size: 1.0rem;
						padding: 7px 5px;
						border-radius: 3px;
						width: 100%;
					}
	
	
			.div_dato .div_direccion {
				border: 0px solid #f00;
				display: inline-block;
				width: 250px;
				vertical-align: top;
				margin-bottom: 10px;
			}
				.div_dato .div_direccion .nombre {
					border: 0px solid #f00;
				}
				.div_dato .div_direccion .input {
					border: 0px solid #f00;
				}
					.div_dato .div_direccion .input input {
						border: 1px solid #04AAF2;
						font-size: 1.0rem;
						padding: 7px 5px;
						border-radius: 3px;
						width: 100%;
					}
	
	
			.div_dato .div_codigopostal {
				border: 0px solid #f00;
				display: inline-block;
				width: 250px;
				vertical-align: top;
				margin-bottom: 10px;
			}
				.div_dato .div_codigopostal .nombre {
					border: 0px solid #f00;
				}
				.div_dato .div_codigopostal .input {
					border: 0px solid #f00;
				}
					.div_dato .div_codigopostal .input input {
						border: 1px solid #04AAF2;
						font-size: 1.0rem;
						padding: 7px 5px;
						border-radius: 3px;
						width: 100%;
					}
	
	
			.div_dato.registro .titulo{
				background: #c91818;
				color: #fff;
				margin-bottom: 10px;
				padding: 10px;
				border: 0px solid #f00;
				text-align: center;
			}

			.div_dato.registro .div_tipo_adjunto{
				border: 0px solid #f00 !important;
				width: 95%;
				display: inline-block;
				margin-right: 2%;
				vertical-align: top;
				margin: 5px 0px 25px;
				text-align: justify;
				color: #c91818;
				
				
			}



			.div_dato.adjunto .titulo{
				background: #04AAF2;
				color: #fff;
				margin-bottom: 10px;
				padding: 10px;
				border: 0px solid #f00;
				text-align: center;
			}
			.div_dato.adjunto .div_tipo_adjunto{
				border: 0px solid #f00 !important;
				width: 30%;
				display: inline-block;
				margin-right: 2%;
				vertical-align: top;
				margin: 5px 0px 25px;
				text-align: justify;
				color: #c91818;
				
				
			}
				.div_dato.adjunto .div_tipo_adjunto .div_titulo{
					border-bottom: 2px solid #04AAF2;
					font-size: 1.1rem;
					color: #04AAF2;
					padding: 5px;
				}
				.div_dato.adjunto .div_tipo_adjunto .div_adjuntos{
					border: 0px solid #000;
					display: inline-block;
					vertical-align: top;
					width: 65%;
					min-height: 140px;
				}
					.div_dato.adjunto .div_tipo_adjunto .div_adjuntos .adjunto{
						border: 0px solid #00f;
						padding: 6px;
						display: inline-block;
						text-align: center;
					}
						.div_dato.adjunto .div_tipo_adjunto .div_adjuntos .adjunto .foto{
							border: 2px solid rgba(0,0,0,0.3);
							width: 70px;
							height: 90px;
							margin: 0 auto;
						}
						.div_dato.adjunto .div_tipo_adjunto .div_adjuntos .adjunto .btn{
							padding: 4px 3px;
							cursor: pointer;
				
						}
							.div_dato.adjunto .div_tipo_adjunto .div_adjuntos .adjunto .btn .negativo{
								background: #f00;
								border-radius: 50px;
								padding: 0px 7px;
								color: #fff;
								font-weight: bold;
								font-size: 1rem;

							}
							.div_dato.adjunto .div_tipo_adjunto .div_adjuntos .adjunto .btn .nombre{
								color: #f00;
								font-size: 0.9rem;

							}
	
				.div_dato.adjunto .div_tipo_adjunto .btns{
					border: 0px solid #000;
					display: inline-block;
					vertical-align: top;
					width: 30%;
				}
					.div_dato.adjunto .div_tipo_adjunto .btns .subir{
						background: #04AAF2;
						text-align: center;
						color: #fff;
						padding: 6px 0px;
						width: 100%;
						margin: 5px 0px;
						border-radius: 3px;
						cursor: pointer;
					}
					.div_dato.adjunto .div_tipo_adjunto .btns .camara{
						background: #7E7E7E;
						text-align: center;
						color: #fff;
						padding: 6px 0px;
						width: 100%;
						margin: 4px 0px;
						border-radius: 3px;
						cursor: pointer;
						display: none;
					}
	
	
	.div_dato.metodo_pago .div_titulo {
		border: 0px solid #0f0;
		width: 80%;
		margin: 0 auto;
		text-align: center;
		font-size: 1.5rem;
		color: #04aaf2;
		font-weight: bold;
	}	
	.div_dato.metodo_pago .div_texto {
		border: 0px solid #f00;
		width: 70%;
		margin: 0 auto;
		padding: 0px 15px;
	}	
		.div_dato.metodo_pago .div_opciones{
			border: 0px solid #f00;
			text-align: center;
			margin-top: 25px;
			margin-bottom: 40px;
		}
			.div_dato.metodo_pago .div_opciones .opciones{
				border: 0px solid #f00;
				display: inline-block;
				text-align: center;
				margin: 0 7px;
			}
	
	

/* Hide the browser's default checkbox */
.div_dato.metodo_pago .div_opciones .opciones .opcion input {
  position: absolute;
  opacity: 1;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.div_dato.metodo_pago .div_opciones .opciones .opcion .checkmark {
	position: relative;
	top: 0;
	left: 0;
	font-size: 1.2rem;
	padding: 10px 40px;
	border-radius: 4px;
	background-color: #7E7E7E;
	color: #fff;
	cursor: pointer;
}

/* On mouse-over, add a grey background color */
.div_dato.metodo_pago .div_opciones .opciones .opcion:hover input ~ .checkmark {
  background-color: #61C9F7;
}

/* When the checkbox is checked, add a blue background */
.div_dato.metodo_pago .div_opciones .opciones .opcion  input:checked ~ .checkmark {
  background-color: #04AAf2;
}

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

/* Show the checkmark when checked */
.div_dato.metodo_pago .div_opciones .opciones .opcion  input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.div_dato.metodo_pago .div_opciones .opciones .opcion  .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
}	
	
	
	
	
	.div_dato.condiciones .div_opciones {
		border: 0px solid #0f0;
	}	
	
	
.div_dato.condiciones .div_opciones .opciones .opcion {
	margin: 0 auto;
  display: block;
  position: relative;
	padding: 5px;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	border: 0px solid #f00;
	width: 450px;
}
.div_dato.condiciones .div_opciones .opciones .opcion a {
	color: #04aaf2;
	font-weight: 600;
}
.div_dato.condiciones .div_opciones .opciones .opcion input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.div_dato.condiciones .div_opciones .opciones .opcion .checkmark {
  position: absolute;
  top: 3px;
  left: 3px;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
.div_dato.condiciones .div_opciones .opciones .opcion:hover input ~ .checkmark {
  background-color: #7E7E7E;
}
.div_dato.condiciones .div_opciones .opciones .opcion input:checked ~ .checkmark {
  background-color: #2196F3;
}
.div_dato.condiciones .div_opciones .opciones .opcion .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.div_dato.condiciones .div_opciones .opciones .opcion input:checked ~ .checkmark:after {
  display: block;
}
.div_dato.condiciones .div_opciones .opciones .opcion .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0px 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}	
	
	.div_btn_reservar {
		background: #00A952;
		color: #fff;
		cursor: pointer;
		padding: 10px 40px;
		border-radius: 4px;
		width: 200px;
		margin: 45px auto;
		text-align: center;
		font-size: 1.5rem;
	}	
	
	
	
	
	
	
	.acompanante {
		display: none;
	}
	
#div_adjunto_librofamilia {
	display: none;
}

.div_contenido .mapa {
	opacity: 0.5;
}
	

.div_pie_fondo {
	background: #f00;
	width: 100%;
	height: 60px;
	margin: 0;
	position: fixed;
	bottom: 0px;
	opacity: 1;
	z-index: 999;
}

.div_informativo_rojo {
	background: #f00;
	color: #fff;
	font-size: 1.1rem;
	padding: 7px;
	text-align: center;
	font-weight: 500;
	max-width: 1290px;
	margin-left: auto;
	margin-right: auto;
}


@media (max-width: 980px) {

	.div_contenido .div_paso_a_paso .titulo {
		font-size: 2.7rem;
	}
	.div_dato {
		font-size: 2.4rem;
	}
	.div_dato .titulo {
		font-size: 3.4rem;
	}
	.div_dato .div_nombre {
		width: 100%;
	}
	.div_dato .div_nombre .input input {
		font-size: 3.5rem;
	}
	.div_dato .div_apellido {
		width: 100%;
	}
	
	.div_dato .div_apellido .input input {
		font-size: 3.5rem;
	}
	.div_dato .div_documento {
		width: 60%;
	}
	.div_dato .div_documento .div_input .input input, .div_dato .div_documento .div_input .tipo select {
		font-size: 3.5rem;
	}
	.div_dato .div_menor .div_input .menor .input input {
		width: 50px;
		height: 50px;
	}
	.div_dato .div_menor .div_input .menor .titulo {
		font-size: 2.5rem;
	}
	.div_dato .div_menor {
		border: 0px solid #00f;
		width: 37%;
		padding-top: 40px;
	}
	.div_dato .div_menor .div_input .menor .titulo {
		border: 0px solid #00f;
		width: auto;
		position: relative;
		top: -10px;
		margin-left: 25px;
		padding: 5px 0px;
	}
	.div_dato .div_telefono {
		width: 50%;
	}
	.div_dato .div_telefono .input input {
		font-size: 3.5rem;
	}
	.div_dato .div_direccion {
		width: 100%;
	}
	.div_dato .div_direccion .input input {
		font-size: 3.5rem;
	}
	.div_dato .div_codigopostal {
		width: 50%;
	}
	.div_dato .div_codigopostal .input input {
		font-size: 3.5rem;
	}
	.div_dato.acompanante .titulo, .div_dato.vehiculo .titulo {
		font-size: 2.8rem;
		border-bottom: 5px solid;
	}
	.div_dato.adjunto, .div_dato.metodo_pago {
		margin-top: 30px;
	}
	.div_dato.adjunto .div_tipo_adjunto .div_titulo {
		font-size: 2.5rem;
	}
	.div_dato.adjunto .div_tipo_adjunto {
		width: 100%;
	}
	.div_dato.adjunto .div_tipo_adjunto .div_adjuntos .adjunto .foto{
		width: 130px;
		height: 160px
	}
	.div_dato.adjunto .div_tipo_adjunto .div_adjuntos .adjunto .btn .negativo {
		font-size: 1.5rem;
		padding: 0px 10px;
	}
	.div_dato.adjunto .div_tipo_adjunto .div_adjuntos .adjunto .btn .nombre {
		font-size: 1.9rem;
	}
	.div_dato.adjunto .div_tipo_adjunto .btns .subir , .div_dato.adjunto .div_tipo_adjunto .btns .camara{
		padding: 10px 0px;
		font-size: 3.2rem;
		border-radius: 7px;
		margin-bottom: 15px;
	}
	.div_dato.metodo_pago .div_opciones .opciones {
		border: 0px solid #0f0;
		margin-bottom: 25px;
		margin-top: 25px;
		width: 80%;
	}

	.div_dato.metodo_pago .div_opciones .opciones .opcion {
		border: 0px solid #f00;
		width: 100%;
	}
	
	.div_dato.metodo_pago .div_opciones .opciones .opcion .checkmark {
		font-size: 3.5rem;
		border-radius: 10px;
		padding: 15px 50px;
	}
	.div_dato.condiciones .div_opciones .opciones .opcion {
		border: 0px solid #f00;
		font-size: 2.5rem;
		width: 90%;
		padding-left: 75px;
	}
	.div_dato.condiciones .div_opciones .opciones .opcion .checkmark {
		height: 55px;
		width: 55px;
	}
	.div_dato.condiciones .div_opciones .opciones .opcion .checkmark:after {
		left: 18px;
		top: 3px;
		width: 12px;
		height: 30px;
		border: solid white;
		border-width: 0px 7px 7px 0;
	}
	.div_btn_reservar {
		font-size: 4rem;
		width: 90%;
		padding: 25px 0px;
		margin-bottom: 100px;
		margin-top: 50px;
	}
	
	
	
	
	
	
}





@media (max-width: 980px) {
	.div_pie_fondo {
		background: #f00;
		width: 100%;
		height: auto;
		margin: 0;
		position: relative;
		bottom: 0px;
		opacity: 1;
		z-index: 999;
	}

	.div_informativo_rojo {
		background: #f00;
		color: #fff;
		font-size: 2.0em;
		padding: 20px 10px;
		text-align: center;
		font-weight: 500;
		max-width: 1290px;
		margin-left: auto;
		margin-right: auto;
		width: 85%;
	}
}










	.fondo_modal {
		background: rgba(0,0,0,0.6);
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 9999;
		display: none;
	}
	
	.fondo_modal .modal_subir {
		width: 90%;
		max-width: 1200px;
		min-height: 250px;
		background: #fff;
		margin: auto;
		margin-top: 30px;
		border-radius: 5px;
	}
	.fondo_modal .modal_subir .div_close {
		border: 0px solid #0f0;
		width: 100%;
		text-align: right;
		
	}
	.fondo_modal .modal_subir .div_close .cerrar {
		border: 0px solid #f00;
		background: #5E6A71;
		font-size: 1.3rem;
		display: inline-block;
		border-radius: 15px;
		padding: 3px 8px;
		color: #fff;
		margin: 5px 15px;
		cursor: pointer;
	}
	.fondo_modal .modal_subir .contenido_modal {
		border: 0px solid #f00;
		text-align: center;
	
	}
		.fondo_modal .modal_subir .contenido_modal .btn {
		border: 0px solid #0f0;

		}
			.fondo_modal .modal_subir .contenido_modal .select_files .input {
				border: 0px solid #00f;

			}
			.fondo_modal .modal_subir .contenido_modal .select_files .titulo {
				border-bottom: 2px solid #04aaf2;
				width: 70%;
				margin: 0 auto;
				margin-bottom: 20px;
				font-size: 1.7rem;
				font-weight: 500;
				color: #04aaf2;
			}
			.fondo_modal .modal_subir .contenido_modal .select_files .btn_subir {
				border: 0px solid #f00;
				padding: 7px;
			}
				.fondo_modal .modal_subir .contenido_modal .select_files .btn_subir #confirmar_insert {
					border: 0px solid #f00;
					border-radius: 3px;
					background: #04AAf2;
					color: #fff;
					padding: 10px 25px;
				}
			.fondo_modal .modal_subir .contenido_modal .select_files .input {
				background-color: #5e6a71;
				  color: #fff;
				  cursor: pointer;
				  font-size: 18px;
				  font-weight: bold;
				  margin: 10px auto 10px;
				  min-height: 15px;
				  overflow: hidden;
				  padding: 10px;
				  position: relative;
				  text-align: center;
				  width: 400px;
			}
				.fondo_modal .modal_subir .contenido_modal .select_files .input #userfile {
					 border: 1px solid transparent;
					 cursor: pointer;
					 font-size: 18px;
					 margin: 0;
					 opacity: 1;
					 outline: 0 none;
					 padding: 0;
				}
	
	
	
	
	.select_adjunto {
		border: 1px solid #ccc; margin-left: 0px; display: inline-block;
		padding: 10px 15px;
	}



	#div_adjuntos_subidos_head {
		border: 0px solid #c5d9d4;
		background: #e7eeed;
		padding: 5px 7px;
		
	}
	.div_adjuntado {
		border-bottom: 1px solid #ccc;
	}
	#nombre_adjuntado, .nombre_adjuntado {
		border: 0px solid #f00;
		padding: 5px 7px;
		width: 200px;
		display: inline-block;
	}
	#archivo_adjuntado, .archivo_adjuntado {
		border: 0px solid #ff0;
		padding: 5px 7px;
		width: 300px;
		display: inline-block;
	}
	#eliminar_adjuntado, .eliminar_adjuntado {
		border: 0px solid #00f;
		padding: 5px 7px;
		width: 50px;
		display: inline-block;
	}
	#id_adjuntos {
		display: block;
	}	






	.reserva_intento {
		background: #863638;
		color: #fff;
		font-size: 25px;
		font-weight: normal;
		padding: 7px 40px;
		margin-top: 5px;
		max-width: 100%;
		margin-bottom: 10px;
	}
.reserva_intento_text {
	border: 0x solid #f00;
	margin-bottom: 10px;
}
	.reserva_cancelada {
		background: #f00;
		color: #fff;
		font-size: 25px;
		font-weight: normal;
		padding: 7px 40px;
		margin-top: 5px;
		max-width: 100%;
		margin-bottom: 10px;
	}
	.reserva_confirmada {
		background: #06b68f;
		color: #fff;
		font-size: 25px;
		font-weight: normal;
		padding: 10px 40px;
		max-width: 100%;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.reserva_cancelada_text {
		color: #f00;
		font-size: 14px;
		margin-bottom: 30px;
	}
	
	#form_tpv .btn_pagar {
		border: 0px;
		color: #fff;
		background: #04aaf2;
		background: #06b68f;
		font-size: 30px;
		font-weight: bold;
		border-radius: 2px;
		padding: 9px 25px;
		cursor: pointer;
		
	}		


#mapa_plaza {
	background: #fff;
	margin: 0 10px;
}


#titulo_mapa{
	background: #fff;
	margin: 0px 10px;
	padding: 5px 0px;
	text-align: center;
	color: #04AAF2;
	font-size: 1.5rem;
	font-weight: bold;

}

#titulo_mapa > h1, #titulo_mapa > h2 {
	font-size: 1.6rem;
	font-weight: bold;
}