@charset "UTF-8";
/* CSS Document */
.whatsapp-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}

.whatsapp-float img {
  width: 35px;
  height: 35px;
}

.bg-grupoolivieri {background-color: #A32C26;}
.logo-grupoolivieri {
	
	margin-left: auto;
	margin-right: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100%;
	height: 30%;
	max-width: 350px;
}
.logo-grupoolivieri-nuevo {
	
	margin-left: 10%;
	margin-right: auto;
	display:contents;
	max-width: 10px;
	max-height: 3px;
	
}
/* mensaje para la pagina clientes */
.mensaje-alerta {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #d9534f; /* rojo alerta */
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  margin-top: 15px;
} 
.mensaje-alerta.ok {
  background-color: #5cb85c; /* verde */
}
.mensaje-alerta.warning {
  background-color: #f0ad4e; /* amarillo */
}

    .reserva-table {
        width: 100%;
        border-collapse: collapse;
        font-family: Arial, sans-serif;
    }
    .reserva-table td {
        padding: 8px;
        border-bottom: 1px solid #ddd;
        vertical-align: middle;
    }
    .reserva-table label {
        font-weight: bold;
        color: #333;
        display: inline-block;
        width: 180px; /* ancho fijo para todas las etiquetas */
    }
    .reserva-table input[type="text"],
    .reserva-table input[type="email"],
    .reserva-table input[type="datetime-local"],
    .reserva-table textarea {
        width: 100%;
        max-width: 300px; /* evita que se estire demasiado */
        padding: 6px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 14px;
        box-sizing: border-box;
    }



.cuotas3{
	background-image: url("../imagenes/Imagenes_IA/promo_3_cuotas.jpg");
	background-position:center;
	background-size:contain;
	background-repeat: no-repeat;
	color:#a32c26;
	text-align: left;
	padding: 25% 10% 25% 10%;
	margin-top: 1%;
}


.logo-grupoolivieri_bordes{
	
	background-color: #a32c26;
	
}

.navbar-grupoolivieri{
	text-align: center;
	display: block;
	text-transform:uppercase;
	padding: 30px 0px; 
}
.navbar-administracion{
	text-align: center;
	display: block;
	text-transform:uppercase;
	padding: 30px 0px; 
}

input {
	margin: 0% 2%;
}	
/*
.form_reservas{
	width: auto;
	height: auto;
	background-image: url("../imagenes/Imagenes_IA/cielo_rojo.jpg");
	background-position:center;
	background-size:auto;
	background-repeat: no-repeat;
	color:#a32c26;
	text-align: left;
	 padding: 10% 0% 90% 13%; 
}
*/
.form_reservas {
    width: 100%;
    max-width: 1440px; /* o el valor que prefieras */
	background-image: url("../imagenes/Imagenes_IA/cielo_rojo.jpg");
	background-position:center;
	background-size:auto;
	background-repeat: no-repeat;
    margin: 0 auto; /* centra el div */
    padding: 20px;
    box-sizing: border-box;
}






.pagina_reservas {
	
	width: auto;
	height: auto;
background-image: url("../imagenes/Imagenes_IA/Animacion_2.gif");
	background-size: cover;
	background-position:center;

	background-repeat: no-repeat;
	color:#a32c26;
	text-align: left;

}


.descuentos2023{
	
background-image: url("../imagenes/Imagenes_IA/descuento_3.jpg");
	background-position:center;
	background-size:cover;
	background-repeat: no-repeat;
	color:#a32c26;
	text-align: left;
	padding: 25% 10% 10% 10%;
	margin-top: 1%;
}

.clientes2023{
	background-image: url("../imagenes/Imagenes_IA/acceso_clientes_2.jpg");
	background-position:center;
	background-size:cover;
	background-repeat: no-repeat;
	color:#a32c26;
	text-align: left;
	padding: 25% 10% 10% 10%;
	margin-top: 1%;
}


.planyo{
	
}

h4{font-size: 110%;}
a{
	font-size: 15px;
	color:#FFFFFF;
}

.a_letra_negra{
	color: black;
}

em {text-decoration: underline;}
li{margin-bottom: 15px;}

.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}


.descuento_escalado {
background-color:antiquewhite;
	padding: 6%;
	text-align: center;
	color:#D11C1F;
	text-transform: uppercase;
}

.coronavirus{
	background-color:blueviolet;
	padding: 6%;
	text-align: center;
	color:aliceblue;
	text-transform: uppercase;
	
}

.promocion_marzo{
	border-radius: 2%;
	background-color:chocolate;
	border-radius: 20px;
	padding: 2%;
}

.largaduracion{
	height: 100%;
	width: 100%;
	padding: 0% 0% 0% 0%;
}

.previaje{
	height: 100%;
	width: 100%;
	padding: 6% 0% 0% 0%;
}

.amex6c {
	margin: 5% 0% 0% 15%;
	height: 70%;
	width: 70%;
	border-radius: 10px;
	padding: 1% 0% 6% 0%;
}

.previaje_texto {
	color: white; 
	background: #000000; 
	text-align: center; 
	font-size: 250%; 
	padding: 4% 3% 4% 3%;
	margin-bottom: 6%;
}

.previaje_logo{
	height: 30%;
	width: 30%;
	padding: 0% 0% 0% 0%;
}

.previaje_html{
	background: #000000;
	padding: 10% 5% 20% 5%;
	color: white;
}

.header_pagina_largaduracion{
	width: 100%;
	padding: 3% 3% 2.3% 3%;
	background-image: url("../imagenes/Banner_cruze_luces.png");
	color:white;
	text-align: center
		
}


.interior_cruze{
	background-color: antiquewhite;
	color: black;
	padding: 5% 5% 5% 5%;
	text-align: center;
}





.onix{
	
	width: 90%;
	border-radius: 10px;
	padding: 1% 0% 6% 0%;
}

.columnas_onix{
	background-color: black;
	color: white;
	padding: 1% 3%;
	margin-top: 0%;
}



.cruze{
	
	width: 90%;
	border-radius: 10px;
	padding: 1% 0% 6% 0%;
}

.columnas_cruze {
	background-color:antiquewhite;
	color: black;
	padding: 1% 3%;
	margin-top: 0%;
}

.unidades_disponibles{
	margin: 2% 0% 0% 0%;
	padding: 2% 2%;
	text-align: center;
	background-color: #A32C26;
	color: white;
}

.condiciones{
	background-color: black;
	color: white;
	padding: 30% 3%;
	margin-top: 0%;
}

.contacte_asesor{
	margin: 0% 0% 0% 0%;
	padding: 30% 3% 30% 3%;
	background-color: #A32C26;
	color: white
	
}


.fade-in {
animation: fadeIn ease 10s;
-webkit-animation: fadeIn ease 10s;
-moz-animation: fadeIn ease 10s;
-o-animation: fadeIn ease 10s;
-ms-animation: fadeIn ease 10s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}



.descuento20{
	max-width: 160px;
	margin: auto;
	border-radius: 89px; 
	padding-bottom: 2%;
	padding-top: 2%;
	background-color:#a32c26;
	font-size: 200%;
	font-weight: 700;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}

.tercerdia{
	background-color: #000000;
	background-size: auto;
	padding: 20% 10% 18%;
	background-position: center;
	text-align: center;
	text-transform: uppercase;
	margin-left: -1px;
	margin-right: 0px;
	
}


.rosario{
	background-size: cover;
	
	text-align: center;
	color: #FFFFFF;
	margin-right: 0px;
	margin-left: 0px;
	}

.ajuste_img{
	background-color:#D6C3A3;
	height: 150%;
	width: 150%;
	padding: 0% 0% 0% 0%;
}


.boton{
	border: #FFFFFF solid;
	padding: 8px 30px;
	border-radius: 30px;
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
}
.boton:hover{text-decoration: none;
	color: #a32c26;
	border: #a32c26 solid;
	
	
}

.descuento{
	max-width: 100px;
	margin: auto;
	text-align: center;
	border-radius: 500px; 
	padding: 10px;
	background-color: #FAB610;
	font-size: 200%;
	font-weight: 700;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	
	
}

.ahora12{
	background-color:#F6F073;
	padding-bottom: 10%;
	color: #FFFFFF;
	text-align: CENTER;
	
}




.reserveonline{
	background-color:#AB5441;
	background-size: cover;
	padding:16% 0% 10%;
	text-align: center;
	color: #FFFFFF;
	margin-right: 0px;
	margin-left: 0px;
	
}


.imagenreserveonline {
	height: 90%;
	width: 70%;
	border-radius: 10px;
	padding: 1% 0% 6%;
	
}




.confimautom{
	padding:6% 5% 9%;
	text-align: center;
	color: #FFFFFF;
	background-color: #000000;
	margin-left: 0px;
	margin-right: 0px;
	
}
.imagenconfirmacion{height: 100%;
	width: 100%;
	border-radius: 10px;
	padding: 0px 0px 3%;}


.estadoreserva{
	background: linear-gradient(#A32C26, black);
	padding:8% 5% 10%;
	text-align: center;
	color: #FFFFFF;
	margin-right: 0px;
	margin-left: 0px;
	
}

h3{
	font-size: 100%;
	font-weight: 200;
	margin-bottom: 35px;
	
}

h2{
	color: #FFFFFF;
}

footer{
	background-color: #414141;
	color: #FFFFFF;
	padding: 50px 15px 50px 10px;
	margin-left: 0px;
	margin-right: 0px;
}



p{
	font-size: 15px;
	
}

.col {
	width: 100%;
	min-width: 60%;
}

body{margin-left: auto;
	margin-right: auto;
}




.descuento2 {
	color: #FAB610;
	margin:auto;
	text-align: center;
	font-weight: 800;
	padding: 0% 0%;
	font-size: 200%;
	
}

.footer_tel {
	margin-left: 3px;
}

.footer_email {
	margin-left: 0px;
}

.estadoreserva_plugin {
	
	background: linear-gradient(#a32c26, gold);
	padding: 200px 100px 340px 100px;
	color: white;
}

.volver {
	margin: 30px 0px;
}

.contacto {
	margin: 100px 80px;
}

.rosario_page {
	margin: 10px;
}

.formato_promociones {
	margin: 0px 0px;
	padding: 160px 30px 160px 30px;
	background-image: url("../imagenes/Imagenes_IA/promociones_1.png");
	background-position: center;
	background-size:cover;
	color: white;
}

.formato_promociones_marzo{
	margin: 0px 0px;
	padding: 160px 30px 160px 30px;
	background-color:#2056E4;
	color: white;
	
}

.nombre_pagina {
	padding: 20px;
	color: white;
	background-color: darkgray;
	text-align: center;
}

.palabra_link {
	color: white;
	text-decoration: underline;
}

.beneficios_empresas {
	background: linear-gradient(18deg, gold, black);
	color: white;
	padding: 50px 15px;
}

.imagen_empresas {
	background-image: url("../imagenes/empresas_480x325.jpg");
	background-size: contain;
	padding: 240px 50px 0px;
	margin-left: auto;
	margin-right: auto;
	
	
}

.reservaciones_plugin {
	background: linear-gradient(45deg, goldenrod, white);
	padding-left: 3%;
}

.googlemaps {
margin-left: -20%;
	width: 140%;
	height: 370px;
}


.terminos_y_condiciones {
	background: linear-gradient(10deg, gold, black);
	color: white;
	padding: 50px 5px;
	
}

.formato_promociones2 {
	margin: 0px 0px;
	padding: 160px 30px 200px 30px;
	background: linear-gradient(20deg, #614588, #23a0c8);
	color: white;
}

.formato_promociones3 {
	margin: 0px 0px;
	padding: 190px 30px 210px 30px;
	background-image: url("../imagenes/Imagenes_IA/promociones_2.png");
	background-size: cover;
	background-position: center;
	color: white;
}

.formato_promociones4 {
	margin: 0px 0px;
	padding: 160px 30px 200px 30px;
	background-image: url("../imagenes/Imagenes_IA/promociones_3.png");
	background-position: center;
	background-size: cover;
	color: white;
}

.comercio_ad {
	background-color:#20A0C8;
	color:white;
	padding: 3% 1%;
	
}







.reserveonlineimagen {
	
	
}

.letras {
	font-size: 250%;
	color: #20A0C8;
	text-align: center;
	padding-bottom: 6%;
	font-weight: 900;
	
}

.imagenahora12 {
	height: 70%;
	width: 70%;
	border-radius: 10px;
	padding: 30px 10% 0%;
}

.letrascomercio {
	font-size: 140%;
}

.imagenestadoreserva {
	height: 100%;
	width: 100%;
	border-radius: 10px;
	padding: 0px 0px 3%;
}






.facebook{
	
	width: 40px;
	height: 40px;;
	
	
}


.facebookfooter{
	margin-top: 30px;	
	
}


.atencion{margin: 0% 30% 0% 0%;
	color: #C81316;
	font-size: 100%;
	text-align: center;
	
}
.margen_presupuestos{
		margin: 0% 10%;
	background-color: rgba(220,220,220,0.70);
	padding-bottom: 3%;
	
	}

/*Formato Tablet*/


@media (min-width: 768px){
	
	/*
	.form_reservas_tablet{
	padding: 10% 0% 40% 20%;
	}
*/
	p{font-size: 18px;	}	

	.col-md-one-half{
	width: 50%;
	min-width: 300px;}
	
	.col{float: left;padding: 10px 5px 10px 6px;}
	
	a{font-size: 16px;}
	
	body{max-width: 769px;}
	
	
	
	.tercerdia_tablet{
	
	margin-left: -7px;
	margin-right: 0px;
	padding: 15% 10% 16% 10%;
	
}
	
	.rosario_tablet{
	
	margin-right: -6px;
	margin-left: 10px;}
	
	.ajuste_img_tablet{
		height: 100%;
		width: 100%;
		padding: 0% 0% 24% 0%;
		
	}
	
	
	.ahora12_tablet{
	margin-left: -7px;
	margin-right: 2px;
	padding: 0% 0% 10% 0%;
	
}
	
	

	.reserveonline_tablet{
	margin-right: -6px;
	margin-left: 8px;
	
}
	.confirmautom_tablet{
	margin-left: -7px;
	margin-right: 1px;
	
}
	.amex6c_tablet {
		margin: 0% 0% 0% 25%;
	height: 50%;
	width: 45%;
	border-radius: 10px;
	padding: 1% 0% 6% 0%;
	}
	
	.estadoreserva_tablet{
	margin-left: 9px;
	margin-right: -6px;
	}
	.googlemaps_tablet{
	margin: 0px 20px 20px 0px;
	width: 100%;
	height: 370px;	
		
	}
	.previaje_tablet{
	height: 100%;
	width: 100%;
	padding: 0% 0% 0% 0%;
		margin-left: -1%;
		margin-top: 6%;
}
	.previaje_texto_tablet {
		color: white; 
	background: #000000; 
	text-align: center; 
	font-size: 150%; 
	padding: 3% 3% 3% 3%;
		margin-left: -1%;
		margin-right: 1%;
		
	}
	
	.larga_duracion_tablet{
		margin: 5% 0% 0% 2%;
	height: 100%;
	width: 100%;
	border-radius: 10px;
	padding: 1% 0% 6% 0%;
	}
	.margen_presupuestos{
		margin: 0% 20%;
	
	
	}
	
}


@media (min-width: 992px){
	
	
	.menu_invisible{display: none;	}	
	
	.col-md-one-half{width: 25%;
	}
	
	.col-lg-un-cuarto{width: 25%;
	min-width: 220px;} 
	
	.col{float: left;padding: 10px 5px 10px 6px;} 
	
	 body{max-width: 993px;}
	
	h3{font-size: 70%;}
	
	.margen_presupuestos{
		margin: 0% 35%;
	
	
	}
	
	.descuentos2023_desktop{
	
background-image: url("../imagenes/Imagenes_IA/descuento_3.jpg");
	background-position:center;
	background-size:cover;
	background-repeat: no-repeat;
	color:#a32c26;
	text-align: left;
	padding: 30% 30% 40% 30%;
	margin-top: 1%;
}
	
	.clientes2023_desktop {
		background-image: url("../imagenes/Imagenes_IA/acceso_clientes_2.jpg");
	background-position:center;
	background-size:cover;
	background-repeat: no-repeat;
	color:#a32c26;
	text-align: left;
	padding: 30% 30% 40% 30%;
	margin-top: 1%;
		
}
	
	.descuento2_desktop{
		color: #FAB610;
	margin:auto;
	text-align: center;
	font-weight: 800;
	padding: 0% 0%;
	font-size: 300%;
	
	}
	
	.semitransparente_desktop {
		background-color: rgba(240,223,231,0.80);
					margin: auto 40%;
		
		
	}
	
	/*	
	.form_reservas_desktop{
	padding: 60px 35% 280px 35%;
		
	
	}
*/

	.boton{
	border: #FFFFFF solid;
	padding: 8px 15px;
	border-radius: 30px;
	text-decoration: none;
	color: #FFFFFF;}
	
	a{font-size: 15px;}
	
	p{font-size: 17px;}
	
	.tercerdia_desktop{
	padding: 17% 0% 11% 0%;
	margin-right: 7px;}
	
	.descuento_desktop{
	max-width: 220px;
	margin: auto;
	border-radius: 500px; 
	padding: 25px;
	background-color: #FAB610;
	font-size: 530%;
	font-weight: 700;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	
	
}
	
	.rosario_desktop{
	margin-left: 10px;}
	
	.ajuste_img_desktop{
		height: 100%;;
		width: 100%;
		padding: 49px 0px;
		
	}
	.amex6c_desktop {
		margin: 5% 0% 0% 25%;
	height: 50%;
	width: 45%;
	border-radius: 10px;
	padding: 1% 0% 6% 0%;
	}
	
	
	
	
	.ahora12_desktop{
	padding: 0% 0% 20% 0%;
	margin-right: 2px;}

	
	.letras_desktop{
		padding-bottom: 0%
	}
	
	.letrascomercio_desktop{
		padding: 5% 0%;
		font-size: 140%;
	}
	
	

	
	.reserveonline_desktop{
	padding: 35% 0% 21% 0%;	
	margin-right: 9px;
	margin-left: 8px;}
	
	.confirmautom_desktop{
	padding: 17% 0% 20% 0%;
	margin-left: 8px;
	margin-right: 1px;}
	
	.estadoreserva_dektop{
	padding: 17% 0% 20% 0%;
	margin-left: 9px;}
	
	.googlemaps_desktop{
		
		
	}
	
	.previaje_desktop{
	margin: 5% 1% 0% -1%;
	height: 100%;
	width: 100%;
	
	padding: 1% 0% 0% 0%;
	}
	.previaje_texto_desktop{
			color: white; 
	background: #000000; 
	text-align: center; 
	font-size: 230%; 
	padding: 3% 3% 3% 3%;
		margin-left: -1%;
		margin-right: 1%;
	}
	
	
	.larga_duracion_dektop{
		margin: 5% 0% 0% 2%;
	height: 100%;
	width: 100%;
	border-radius: 10px;
	padding: 1% 0% 6% 0%;
	}
	
	.interior_cruze_desktop{
	margin-top: 5%;
	background-color: antiquewhite;
	color: black;
	padding: 5% 5% 5% 5%;
	text-align: center;
}
	
	.columnas_onix_desktop{
		background-color: black;
	color: white;
	padding: 1% 3%;
	margin-top: 8%;
	}
	
	.columnas_cruze_desktop{
		background-color:antiquewhite;
	color: black;
	padding: 1% 3%;
	margin-top: 8%;
	}
	
	.contacte_asesor_desktop{
		margin: 5% 0% 5% 0%;
	padding: 5% 3% 3% 3%;
	background-color: #A32C26;
	color: white
	}
	
	.condiciones_desktop{
	background-color: black;
	color: white;
	padding: 10% 3%;
	margin-top: 5%;
}



	
}
	
@media (min-width: 1100px){
	.menu_invisible{display: none;}
	
	 body{max-width: 1500px; } 

	.letras_desktop_hd{
		padding-bottom: 4%;
		
	}
	
	.tercerdia_hd{
		padding: 15% 0% 16%;
	}
	
	.ajuste_img_hd{
		height: 100%;;
		width: 100%;
		padding: 50px 0px;
		
	}
	
	
}