@charset "utf-8";
/* CSS Document */

/******************** FORMULARIO RESERVAS **********************/

#formulario{
width: 940px;
background-color: #FFFFFF;
position: relative;
padding-top: 45px;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
margin-top: 4px;
}

#contendor_formulario_contacto{
	margin: auto;
	position: relative;
	width: 450px;
	height: 600px;
	margin: auto;
}

#contendor_formulario_reservas{
	margin: auto;
	position: relative;
	width: 700px;
	height: 700px;
}

#contendor_formulario{
margin: auto;
position: relative;
width: 800px;
height: 650px;
}

#contendor_formulario_reservas{
margin: auto;
position: relative;
width: 800px;
height: 400px;
}
	
#datos_personales{
	width: 300px;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0px;
}
	
#datos_vehiculo{
width: 420px;
height: 350px;
position: absolute;
left: 380px;
top: 0;
padding: 10px;
text-align: left;
}

#datos_vehiculo_reservas{
	width: 570px;
	height: 300px;
	position: relative;
	margin: auto;
}
	
#datos_vehiculo_cotizar{
	width: 324px;
	height: 440px;
	position: absolute;
	left: 450px;
	top: 0;
}
	
#comentarios_form{
	width: 400px;
	height: 200px;
	position: absolute;
	left: 0px;
	top: 250px;
}
		
#input_nombre input, #input_apellido input, #input_mail input, #input_direccion input, #input_licencia input, #input_telefono input, #input_celular input, #input_fax input{
width: 180px;
color: #666;
font-size: 0.75em;
}
		
#input_nombre{
position: absolute;
top: 38px;
left: 80px;
}
		
#input_apellido{
position: absolute;
top: 78px;
left: 80px;
}
		
#input_mail{
position: absolute;
top: 118px;
left: 80px;
}
		
#input_direccion{
position: absolute;
top: 158px;
left: 80px;
}
		
#input_licencia{
position: absolute;
top: 198px;
left: 80px;
}
		
#input_telefono{
position: absolute;
top: 238px;
left: 80px;
}
		
#input_celular{
position: absolute;
top: 278px;
left: 80px;
}
		
#input_fax{
position: absolute;
top: 318px;
left: 80px;
}
		
		
#select_autos{
position: absolute;
top: 38px;
left: 100px;
}
		
#select_autos select{
width: 190px;
color: #666;
font-size: 0.75em;
}
			
		
#sucursal_form{
position: absolute;
top: 158px;
left: 100px;
}
		
#sucursal_form select{
width: 160px;
color: #666;
font-size: 0.75em;
}
			
			
#formas_pago{
position: absolute;
top: 238px;
left: 100px;
}
		
#formas_pago select{
width: 140px;
color: #666;
font-size: 0.75em;
}
			
#formas_pago_r{
	position: absolute;
	top: 408px;
	left: 100px;
}
		
#formas_pago_r select{
width: 140px;
color: #666;
font-size: 0.75em;
}
			
option{
padding-left: 5px;
line-height: 1.5em;
}
		
		
#retiro{
width: 260px;
height: 25px;
position: absolute;
top: 78px;
left: 100px;
}
		
#devolucion{
width: 260px;
height: 25px;
position: absolute;
top: 118px;
left: 100px;
}
		
.fecha_form{
float: left;
padding-top: 1px;
}
			
.fecha_form input{
color: #666;
font-size: 0.75em;
}
			
.cal_form{
float: left;
margin: 0 10px 0 5px;
}
			
.hora_form{
float: left;
margin-left: 10px;
padding-top: 1px;
}
			
.hora_form select{
color: #666;
font-size: 0.75em;
}
			
#input_vuelo{
position: absolute;
top: 198px;
left: 100px;
}
		
#input_vuelo input{
width: 155px;
color: #666;
font-size: 0.75em;
}
			
#input_vuelo_r{
	position: absolute;
	top: 368px;
	left: 100px;
}
		
#input_vuelo_r input{
width: 155px;
color: #666;
font-size: 0.75em;
}	
		
			
#vuelo2{
width: 175px;
}

#forma_de_pago{
width: 165px;
}		
		
/* DATOS PERSONALES */
		
		
#subtitulo{
position: absolute;
color: #006600;
font-size: 1.2em;
top: 0;
left: 0;
}		
		
		
label{
font-size: 0.75em;
color: #666;
text-align: left;
}
		
#label1, #label2, #label3, #label4, #label6, #label7, #label8, #label9, #label12, #label13{
width: 70px;
}
		
#label1{
position: absolute;
top:40px;
left: 0;
}
		
#label2{
position: absolute;
top:80px;
left: 0;
}
		
#label3{
position: absolute;
top:120px;
left: 0;
}
		
#label4{
position: absolute;
top:160px;
left: 0;
}
		
#label5{
width: 75px;
position: absolute;
top:200px;
left: 0;
}
		
#label6{
position: absolute;
top:240px;
left: 0;
}
		
#label7{
position: absolute;
top:280px;
left: 0;
}
		
#label8{
position: absolute;
top:320px;
left: 0;
}
		
		
		
		
		
/* DATOS VEHICULO */
		
#subtitulo2{
position: absolute;
color: #006600;
font-size: 1.2em;
top: 0;
left: 0;
}
		
#label9{
position: absolute;
top:40px;
left: 0;
}
		
#label10{
position: absolute;
width: 50px;
top:80px;
left: 0;
}
		
#label11{
position: absolute;
width: 80px;
top:120px;
left: 0;
}
		
#label12{
position: absolute;
top:160px;
left: 0;
}
		
#label13{
position: absolute;
top:200px;
left: 0;
}
		
#label13_r{
	position: absolute;
	top:370px;
	left: 0;
}	
		
#label14{
position: absolute;
width: 100px;
top:240px;
left: 0;
}
	
#label14_r{
	position: absolute;
	width: 100px;
	top:410px;
	left: 0;
}
		
		
		
/* COMENTARIOS */
		
#subtitulo3{
position: absolute;
color: #006600;
font-size: 1.2em;
top: 0;
left: 0;
}
		
#form_mensaje{
position: absolute;
top: 40px;
left: 0;
}
		
#form_mensaje textarea{
width: 400px;
height: 150px;
font-size: 0.9em;
color: #666666;
font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
}	
		
		


#boton_form{
	position: absolute;
	top: 490px;
	left: 280px;
}

.submit_bot{
width:60px;
padding: 5px;
color: #FFFFFF;
background-color: #006600;
}

.submit_bot:hover{
background-color: #666666;
}

.submit_bot2{
width:75px;
padding: 5px;
color: #FFFFFF;
background-color: #006600;
}

.submit_bot2:hover{
background-color: #666666;
}

.submit_bot3{
width:90px;
padding: 5px;
color: #FFFFFF;
background-color: #006600;
}

.submit_bot3:hover{
background-color: #666666;
}

span.obligado{
color: #006600;
}

#obliga{
	color: #006600;
	position: absolute;
	top: 500px;
	left: 0px;
}

#obliga h6{
font-size: 0.8em;
}

#telefonos{
position: absolute;
width: 300px;
height: 94px;
/*background-image: url(../img/plan/telefono.gif);
background-repeat: no-repeat;*/
top: 500px;
left: 500px;
}

#telefonos_reservas{
	position: absolute;
	width: 300px;
	height: 94px;
	/*background-image: url(../img/plan/telefono.gif);
background-repeat: no-repeat;*/
top: 434px;
	left: 403px;
}

#telefonos h2{
color:#006600;
text-align: center;
}

#telefonos p{
font-size: 0.7em;
color: #666666;
text-align: center;
}

#telefonos a{
color: #006600;
}

#telefonos a:hover{
color: #666;
}

#volver{
	width: 125px;
	height: 35px;
	position: absolute;
	top: 440px;
	right: 0;
}

#ver_detalle{
	width: 110px;
	height: 25px;
	position: absolute;
	top: 445px;
	left: 0;
}



/***************  DATOS PROCESADOS ***********/

#dp{
width: 324px;
height: 48px;
background-color: #007600;
clear: both;
position: relative;
}

#dp h4{
position: relative;
color: #FFF;
font-size: 1.2em;
padding: 12px;
}


.dp2{
width: 324px;
/*height: 34px;*/
background-image: url(../img/fondo_cotizado_dp1.png);
clear: both;
}

.dp3{
width: 324px;
/*height: 34px;*/
background-image: url(../img/fondo_cotizado_dp2.png);
clear: both;
}

.dp2 p, .dp3 p{
color: #666;
font-size: 0.75em;
padding: 8px 10px;
}

.destacado_cotizado{
color: #666;
font-weight: 700;
padding-right: 5px;
}

#dp4{
width: 324px;
height: 88px;
background-image: url(../img/fondo_cotizado_dp2.png);
clear: both;
position: relative;
text-align: left;
}

.dp4_pesos{
width: 110px;
height: 25px;
position: relative;
left: 110px;
top: 24px;
}

.dp4_dolar{
width: 110px;
height: 25px;
position: relative;
left: 110px;
top: 24px;
}

.dp4_monetario{
width: 324px;
/* width: 30px; */
color: #007600;
/* text-align: left;
float: left;
*/
font-size: 1em;
font-weight: bold;
text-align: left;
}

.dp4_tarifa_valor{
width: 80px;
color: #007600;
text-align: right;
font-size: 1em;
font-weight: bold;
float: right;
}


.dp4_pesos{
width: 110px;
height: 25px;
position: relative;
left: 110px;
top: 24px;
}

.dp4_dolar{
width: 110px;
height: 25px;
position: relative;
left: 110px;
top: 24px;
}

.dp4_monetario{
width: 30px;
color: #007600;
text-align: left;
font-size: 1em;
font-weight: bold;
float: left;
}

.dp4_tarifa_valor{
width: 80px;
color: #007600;
text-align: right;
font-size: 1em;
font-weight: bold;
float: right;
}


/* NUEVO FORMULARIO RESERVAS */

#datos_reserva{
width:300px;
position: absolute;
right: 0;
color: #666666;
}

#datos_reserva h4{
color: #FFFFFF;
text-align: left;
padding: 4px;
font-size: 0.8em;
}

span.txt_reservas{
font-size: 0.7em;
padding-left: 4px;
line-height: 1.4em;
}