/***************************************************
----- CONDICIONALES DE MEDIA QUERIES -----
****************************************************/

@media screen and (max-width: 1200px) {
	/*////////////////////////////////////*/
	/* ESTRUCTURA */
	/*////////////////////////////////////*/
	.maq_contenido, div.maq_cuerpo {padding-left: 5%;padding-right: 5%;}
	.maq_contenido.bg {width: auto;max-width: 100%;}

	div.cont_i, div.cont_der {width: 30%;}
	div.cont_d, div.cont_izq {width: 68%;}

	/*////////////////////////////////////*/
	/*RESERVA ONLINE - PASOS*/
	/*////////////////////////////////////*/
	div.paso {
		width: 24%;
	}

	/*////////////////////////////////////*/
	/* CABEZAL */
	/*////////////////////////////////////*/
	
	/*////////////////////////////////////*/
	/*FORMULARIO DE RESERVAS*/
	/*////////////////////////////////////*/	
	div.reservas_bg input, div.reservas_bg select {font-size: 12px;}
	div.reservas_bg .cont_col_1 {width: 14%;}
	div.reservas_bg .cont_col_2 {
		margin-right: 1%;
		width: 42%;
	}
	div.reservas_bg .cont_col_2 .col_1 {width: 28%;}
	div.reservas_bg .cont_col_2 .col_2 {width: 27%;}
	div.reservas_bg .cont_col_2 .col_3 {width: 45%;}

	div.cont_reservas {bottom: 0;}

	/* BANNER A */
	div.banner_a {
		width: 49%;
		margin-left: 2%;
	}

	/*//////////////////////////////*/
	/* RESERVA DE VEHICULOS */
	/*//////////////////////////////*/
	div.cuerpo_cat_vehiculo {
		width: 70%;
	}

	/*////////////////////*/
	/*COLUMNAS FLOTA*/
	/*////////////////////*/
	div.columnas-3 {
		width: 31%;
		margin-right: 2%;
	}
	div.columnas-3:nth-child(3n+3) {
		margin-right: 0;
	}

	/*////////////////////////////////////*/
	/*PIE*/
	/*////////////////////////////////////*/
	div.cont_pie_l {
		width: 31%;
	}
	div.cont_pie_d {
		width: 64%;
	}
	ul.menu_pie_list {
		padding: 0 0 0 6%;
		margin: 0px 1% 0 0;
		width: 31%;
	}
	div.logo_pie {
		width: 49%;
	}
	div.forms_pago_cont {
		margin-right: 13%;
	}

}

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

	/*SLIDER PORTADA B*/
	.controles_slider.off {display: block;}
}

@media screen and (max-width: 970px) {
	.visible-md {display: block;}
	/*////////////////////////////////////*/
	/* ESTRUCTURA */
	/*////////////////////////////////////*/
	div.cont_i, div.cont_der {display: none;}
	div.cont_d, div.cont_izq {width: 100%;}

	/*////////////////////////////////////*/
	/*CABEZAL*/
	/*////////////////////////////////////*/
	/*SLIDER PORTADA A*/
	.cont_texto_slider {
		padding-top: 50px;
	}

	/* MENU */
	ul.menu > li {margin: 5px 0px 6px 5px;}
	ul.menu > li > a {padding: 10px 5px;}


	/* RESUMEN */
	/*////////////////////////////////////*/
	/*FORMULARIO DE RESERVAS*/
	/*////////////////////////////////////*/
	div.reservas_bg input, div.reservas_bg select {
		font-size: 14px;
	}
	div.reservas_bg .cont_col_1 {
		width: 100%;
	}
	div.reservas_bg .cont_col_2 {
		margin-right: 0;
		margin-bottom: 20px;
		width: 49%;
	}
	div.reservas_bg .cont_col_2:nth-child(2n+2) {
		float: right;
	}
	div.reservas_bg .cont_col_2 .col_1 {
		width: 50%;
	}
	div.reservas_bg .cont_col_2 .col_2 {
		width: 50%;
	}
	div.reservas_bg .cont_col_2 .col_3 {
		width: calc(100% - 1px);
		margin-top: -1px;
	}

	/*////////////////////*/
	/*COLUMNAS FLOTA*/
	/*////////////////////*/
	div.columnas-3, div.columnas-3:nth-child(3n+3) {
		width: 48%;
		margin-right: 2%;
	}
	div.columnas-3:nth-child(2n+2) {
		margin-right: 0;
	}
}

@media screen and (max-width: 780px) {
	body {padding-top: 76px !important;}
	.padding-lg {padding: 5%;}
	.medio {float: none;width: 100%;margin-bottom: 15px;}
	.hidden-sm {display: none;}
	/*////////////////////////////////////*/
	/*CABEZAL*/
	/*////////////////////////////////////*/
	div.logo {
		right: 0;
		left: 0;
		position: absolute;
		margin: 0 auto;
		float: none;
		text-align: center;
		width: 100%;
	}

	/* MENU */
	ul.menu > li > a {padding: 6px 5px;}

	.sb-toggle-left {display: block;}
	.sb-active-left .sb-toggle-left {
		background-position: bottom center;
	}
	div.cabezal_sup_cont {
		position: relative;
		z-index: 2;
	}
	div.cont_cabezal {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 2;
		box-shadow: 0px 1px 1px 1px #e5e7ea;
	}
	div.cabezal_sup {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/*SLIDER PORTADA A*/
	#slides {
		height: 620px;
	}
	.cont_texto_slider h2 {
		font-size: 35px;
		line-height: 40px;
	}
	.cont_texto_slider p {
		font-size: 16px;
	}
	/*SLIDER PORTADA A - SECCION*/
	.prev.slider,.next.slider {display: none;}

	/* MENU */
	div.cabezal_bot {display: none;}

	/*////////////////////////////////////*/
	/*PASOS*/
	/*////////////////////////////////////*/
	div.paso {height: 15px;}
	div.paso_cont {padding: 30px 4%;}

	/*////////////////////////////////////*/
	/* RESERVA */
	/*////////////////////////////////////*/
	.padd-resp {
		padding-right: 5%;
		padding-left: 5%;
	}
	div.maq_cuerpo.full_resp {padding-left: 0;padding-right: 0;}


	/*//////////////////////////////*/
	/* RESERVA DE VEHICULOS */
	/*//////////////////////////////*/
	.img_vehiculos-listado img {
		display: block;
		float: none;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	/*TABLA DATOS RESERVA*/
	td.res_flota_td1 {
		width: 40%;
	}

	/* MENSAJE PHP */
	.mensaje_include {
		margin-bottom: 0;
	}

	/*//////////////////////////////*/
	/* RESERVA DE VEHICULOS */
	/*//////////////////////////////*/
	div.cont_cat_vehiculo {display: none;}

	div.res_flota_txt {
		width: 100%;
	}
	.img_vehiculos.check {
		width: 190px;
		margin: 0 auto;
		margin-bottom: 15px;
		float: none;
	}
	.img_vehiculos.check img {
		display: block;
		margin: 0 auto;
		float: none;
	}
	.img_vehiculos.check > div {
		float: none;
	}
	.img_vehiculos.check::before {
		right: -10px;
	}
	.listado_vehiculos_titulo,
	.listado_vehiculos_precio_uni {
		float: none;
		clear: both;
		margin: 0;
	}
	.listado_vehiculos_titulo .tituloh3  {
		float: none;
	}
	.listado_vehiculos_precio_total {
		width: 24%;
		margin: 0;
		text-align: right;
	}
	.cont_listado_vehiculos {
		padding-left: 3%;
		padding-right: 3%;
	}

	/*////////////////////////////////////*/
	/*PIE*/
	/*////////////////////////////////////*/
	footer#pie {
		padding-top: 20px;
	}
	div.cont_pie_l {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #e5e8eb;
	}
	div.cont_pie_d {
		width: 100%;
	}
	div.logo_pie {
		width: 100%;
		text-align: center;
		margin-bottom: 0;
	}
	div.forms_pago_cont {
		margin-top: 0;
		margin-right: 0;
		float: none;
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	.hidden-xs {display: none;}
	.visible-xs {display: block !important;}

	/*////////////////////////////////////*/
	/* ESTILOS GENERALES*/
	/*////////////////////////////////////*/
	h1,.tituloh1 {
		font-size: 26px;
		line-height: 18px;
	}
	h2,.tituloh2 {
		font-size: 16px;
		line-height: 16px;
	}
	.fecha {display: block;}

	/*////////////////////////////////////*/
	/*CABEZAL*/
	/*////////////////////////////////////*/
	/*SLIDER PORTADA A*/
	#slides {
		height: 780px;
	}
	.cont_texto_slider {
		padding-top: 35px;
	}
	div.logo {
		position: static;
		width: auto;
		margin-left: 10px;
		float: right;
	}
	div.cabezal_sup {
		padding-bottom: 5px;
	}
	.sb-toggle-left img {
		width: 30px;
		margin-top: 7px;
	}

	/*FORMULARIO DE RESERVAS*/
	div.reservas_bg input, div.reservas_bg select {font-size: 16px;}
	div.reservas_bg .cont_col_2, div.reservas_bg .cont_col_2:nth-child(2n+2) {
		margin-bottom: 20px;
		float: none;
		width: 100%;
	}

	/* BANNER - A */
	div.banner_a {
		width: 100%;
		margin: 0;
		margin-bottom: 30px;
	}

	/*////////////////////*/
	/*COLUMNAS FLOTA*/
	/*////////////////////*/
	div.columnas-3, div.columnas-3:nth-child(3n+3), div.columnas-3:nth-child(2n+2) {
		width: 100%;
		margin-right: 0;
	}

	/* TABLA - AMPLIACION DE VEHICULO */
	.flota_datos.precios td.res_flota_td2 {width: 120px;}

	/*//////////////////////////////*/
	/* RESERVA DE VEHICULOS */
	/*//////////////////////////////*/
	.img_vehiculos.check {
		width: 100%;
	}
	div.cuerpo_cat_vehiculo, .listado_vehiculos_precio_total {
		width: 50%;
	}
	.listado_vehiculos_precio_total {
		margin-top: 8px;
		text-align: right;
	}
 	table.reserva_opcgrilla {display: none;}
 	td.celda_cober2 {
 		padding: 20px 5px;
 	}

	/*////////////////////////////////////*/
	/*PASOS*/
	/*////////////////////////////////////*/
	div.paso {width: 24%;padding: 0 1%;}

	/* PASO 3 */
	.agregar_accesorios {
		position: static;
	}

	div.cont_total strong {
		float: left;
	}
	.quitar_acces.resp {

	}

	/*//////////////////*/
	/* FORMULARIOS FORM */
	/*//////////////////*/
	.form-col-2:first-child, .form-col-2:last-child, .form-col-3, .form-col-3:last-child {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	.form-col-3 {margin-bottom: 5px;}
	.form-col-2.label, .form-col-3.label {margin-top: 0;}

	/* OBLIGATORIO */
	.obligatorio {
		top: 50px;
		right: 15px;
		color: #0D7CC1;
	}

	/*BTN RESPONSIVE FIJO*/
	.resp-btn {
		display: block !important;
	}


	/*////////////////////////////////////*/
	/*PIE*/
	/*////////////////////////////////////*/
	ul.menu_pie_list {
		border: none;
		padding: 0;
		margin: 0;
		text-align: center;
		width: 100%;
	}
	li.menu_pie_item {
		display: inline-block;
		margin: 5px;
		padding: 5px 10px;
		color: #FFFFFF;
		background-color: #0f7cc1;
	}
	li.menu_pie_item a.pie_item_a {
		color: #FFFFFF;
	}
}
@media screen and (max-width: 320px) {
	/*FORMULARIO DE RESERVAS*/
	div.reservas_bg .cont_col_2 .col_1,
	div.reservas_bg .cont_col_2 .col_2,
	div.reservas_bg .cont_col_2 .col_3 {margin-top: -1px;width: 100%;}

	/*SLIDER PORTADA A*/
	#slides {
		height: 620px;
	}

	.cont_texto_slider h2, .cont_texto_slider p {display: none;}

	/*//////////////////////////////*/
	/* RESERVA DE VEHICULOS */
	/*//////////////////////////////*/
	.img_vehiculos.check {
		width: 100%;
	}
}