@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playwrite+CU:wght@100..400&display=swap');



html,body{ 

overflow-x:hidden;
font-family: "Open Sans", sans-serif;
background-color:#ffffff;font-display:swap; color:#2f3437; font-weight:500;  font-size:16px }



#mycontainer{ max-width:1500px !important}


.cd-header{
	position: fixed;
	width:100%;
	top:0px;
	/*top:-26px;*/
	left:0;
	z-index:10000;
	transition: all .2s ease-in-out; 
} 

.cd-header.active {
    background: rgba(0,0,0,1);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.8);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.8);
box-shadow: 0 1px 5px rgba(0,0,0,.8);


}

.cd-header.active  img {
	width:60px;


}


blockquote {
    font-style: italic;
    color: #555;
    border-left: 4px solid #ca8500;
    padding-left: 16px;
    margin: 20px 0; font-size: 1.5rem;
}


.logo{ width:100%;max-width:100px}
.alto_logo{ margin-top:-45px; }
.alto_cabecero{min-height:500px}
.alto_titular{ margin-top:10%}
.imagen_slider{min-height:750px; max-height:750px;width:100%;object-fit: cover; object-position: 50% 50%;}

.alto_fichas{margin-top:-280px; z-index:2}

hr.orange{ border-bottom:#211915 8px solid; width:100%}
hr.hrl{ border:#116ca8 2px solid; width:20% ;  margin: 0; margin-bottom:25px}
hr.hrr{ border:#116ca8 2px solid; width:20%; display: inline-block;}

.iconos{ font-size:54px;  vertical-align:middle; color:#000;}
.iconitos{ font-size:20px;  vertical-align:middle; color:#fff}
.iconos_pie{ font-size:22px; color:#116ca8; padding-top:6px;}
.iconos_orange {font-size:28px; color:#b98402;margin-rigth:10px !important;}
/*li.nav-item{ font-weight:bold}*/


.contenedor img { width:100%; height:auto;}
/* head */
.bg-light{ background-color:transparent !important}

.backg1 { background-color:#f3f8fb; color:#000}
.backg_foto { background-image:url(../images/backg_pie.jpg);}
.borde1{ border-top:#116ca8 solid 3px; }

.borde2{ border-bottom:#000 solid 10px; }
.borde3{ border-top:#000 solid 10px; }


.btn-light{padding:15px 60px;  background-color:transparent; border:2px solid #f5821f; border-radius:50px; color:#f5821f !important  }
.btn-light_top{padding:5px 10px;  background-color:transparent; width:100%; border:2px solid #f5821f; border-radius:50px; font-size:14px; color:#fff!important   }


/* fin head */
.fons{ background-image:url(../images/fondo.jpg); background-repeat:no-repeat; background-position:center top;background-size: cover; min-height:742px}
.centradol {text-align:left;}
.centrador {text-align:right;}
a {
  color: #000;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #211915;
    text-decoration: underline;
}

a.telefono {
 color: #333 !important; 
}
a.telefono:hover {
    color: #333;
    text-decoration: none;
}


/* index */h1{  font-weight:800; font-size:2.8rem; color:#e7e5dd !important; } 
h1.index{ font-weight:300; font-size:2.5rem !important; color:#b98402 !important; font-family: "Playwrite CU", cursive !important; margin-bottom:10px  }

h2{font-weight:800; font-size:3.1rem;color:#e7e5dd   }
h2.titulo_index{color:#e7e5dd; font-size:2.5rem ; font-weight:800; }
h3.titulos_index{font-size:2.1rem ; font-weight:300; font-family: "Playwrite CU", cursive !important;}
h2.hpie{ font-size:60px;color:#e7e5dd  }
h2.titulo{font-size:26px;   margin-top:10px; }
h3{ font-size:1.6rem ; }
h4{font-size:28px;}
h5{font-weight:800; font-size:18px;}
h6{ font-size:20px;}
.texto_equip{ font-size:18px; text-transform:uppercase}
span.subtext{display:block; color:#ffffff; padding-bottom:80px}
/*fin index*/
h5.card-title{font-weight:bold; font-size:22px;}
.orange{ color:#211915}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 0rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: .25rem;
	font-size:12px
}
.text-muted {

    color: #116ca8 !important;
}

/* seccion
.fonsec{ background-image:url(../images/fondosec.jpg); background-repeat:no-repeat; background-position:center top;background-size: 100% 100%;}*/


/* fin seccion */
/* pie de pagina */
.fonspie{ background-image:url(../images/fondopie.jpg); background-repeat:no-repeat; background-position:center top;background-size: cover; min-height:742px}
.logopie {padding:25px 0px 20px 0px}
.tel{font-size:28px; display:block; padding:15px 0px 8px 0px;}
.dire{font-size:14px;font-family: 'Raleway', sans-serif;}
.pie_index, .pie_index:visited{color:#e7e5dd; text-decoration:none;}
.pie_index:hover {  color:#ca8400;}
.redes{text-decoration:none; font-size:20px; padding:5px;color:#ffffff}
.icoredes, .icoredes:visited { text-decoration:none; font-size:32px; padding:10px;color:#211915}
.icoredes:hover{color:#116ca8; text-decoration:none; padding:10px}
.flecha, .flecha:visited {display:block;color:#116ca8; text-decoration:none; font-size:36px;}
.flecha:hover{display:block;color:#116ca8; text-decoration:none; font-size:36px;}
.fin{ padding-top:20px; padding-bottom:20px}
.last{font-size:14px;}
.linklast,.linklast:visited { text-decoration:none; font-size:16px; color:#ccc !important}
.linklast:hover {color:#116ca8; text-decoration:none}
/* fin pie de pagina */
.img-responsive{
	width:100%;
	height:auto !important;
}

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .2rem !important;
    padding-left: .2rem !important;
  }
.nav-link { padding:0px 15px !important;}
.navbar-light .navbar-nav .nav-link {     font-size:14px; font-weight:600; padding:0px 20px !important;color: #f0db7e !important; text-transform:uppercase;
}
.nav-link:hover {   color:#211915 !important; 
}


.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000 !important;
  background-color: transparent ;
  background-clip: padding-box;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom: 1px solid #b98402;
  border-radius:0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  .form-control:focus {
  color: #000;
  background-color: #fff;
  border-color:#116ca8;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(219,141,59,.25);
}

.form-controln {
display: block;
color:#fff;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: 20px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
background-color: transparent;
border: 2px solid #fff;
border-radius: 40px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary{ background-color:#fff;border:2px solid #000;color:#000 !important;   border-radius:10px;padding: 5px 50px;  }
.btn-primary_top{ background-color:#116ca8;border-color:#116ca8;color:#ffffff;  width:100%;  border-radius:0px;padding:5px;  }
.btn-primary:hover{ background-color:#39312d;border-color:#fff;color:#fff !important; cursor:pointer   }
.btn-primary:active{
color: #fff !important;
background-color: #116ca8 !important;
border-color:  #116ca8 !important
}
.btn-primary:focus {
color: #fff !important;
background-color: #116ca8 !important;
border-color:  #116ca8 !important;
}



.btn-primary2 {
color: #fff;
background-color: #b98402;
border:#b98402 1px solid;
text-align:center;
border-radius:10px;
cursor: pointer;
padding:10px 50px;


}
.btn-primary2:hover {
color: #fff;
background-color: #39312d;
border:#39312d 1px solid;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 1.5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: rgba(0, 0,0, 0.6);
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 5px; box-shadow:#A44142;
}
.dropdown-item{
    color:#f0db7e;
    text-decoration: none;
    background-color: transparent;
	
	font-size: 14px;
  font-weight: 600; padding-bottom:10px;padding-top:10px; text-transform: uppercase
}

.dropdown-item:hover {
    color:#211915;
    text-decoration: none; background-color:#f0db7e;
   
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}
/* carousel */
.owl-nav {
  display: block;
}
.owl-carousel .owl-nav button.owl-prev,  .owl-nav .owl-prev {
  position: absolute;
  left: 0px;
  top:30%;
  border: none;
  text-align: center;
  z-index: 5000;
  width: 96px;
  height: 60px;
  /*border-radius: 0px 40px 40px 0px;
  background: #a70064; */
  outline: 0;
  transition: all 0.3s;
  color: #116ca8; 
}
.owl-nav .owl-prev span {
  font-size: 200px; 
  display: inline-block;
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-nav .owl-prev:hover {
  background: transparent;
  border: none;
  color:#fff ;
}

.owl-carousel .owl-nav button.owl-next,   .owl-nav .owl-next {
  position: absolute;
  right: 0px;
  top: 30%;
  border: none;
  text-align: center;
  z-index: 50000;
  width: 96px;
  height: 30px;  outline: 0;
 /* border-radius: 40px  0px 0px 40px;

  background: #a70064;*/
  color:  #116ca8;
  transition: all 0.3s;
}
.owl-nav .owl-next span {
  font-size:200px; 
  display: inline-block;
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-nav .owl-next:hover {
  background: transparent;
  border: none;
  color:#fff;
}
/* fin carousel */



.form-control_min{ 
width: 15%;


font-size: 1rem;

line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}




.pagination{list-style: none outside none; margin:0 auto; padding: 0; }
.pagination>li{float:left;padding:1px }
.pagination>li>a,.pagination>li>span{float:left;padding:5px 12px; margin:6px;line-height:1.428571429;text-decoration:none;background-color: transparent;border:none;border-radius:px; font-size:18px}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{ padding:5px 12px; color:#211915}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#211915;cursor:default;border-color:#e8ab23; padding:5px 12px; border-radius:px}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#ebebeb;cursor:not-allowed;background-color: transparent; padding:5px 12px; border-radius:0px}


/*ocultar / mostrar movil*/

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



.alto_cabecero{min-height:200px}
.alto_titular{ margin-top:20%}
	
.alto_logo{ margin-top:5px; }
.logo{ max-width:150px}
/*.nomovil{ display:none}  */

.bg-black{ background-color:#000; border-top:4px solid #fff}
.nav-link { padding: 15px 0px!important;}
.navbar-light .navbar-nav .nav-link {    color: #000000; font-size:18px; text-transform:uppercase;font-weight:200; 
}
.alto_fichas{margin-top:-100px;}

.imagen_slider{min-height:290px; max-height:190px;width:100%;object-fit: cover; object-position: 50% 50%;}
.owl-nav {
  display: block;
}.iconos{ font-size:40px; color:#116ca8; padding-top:0px;}

h1{   font-size:1.8rem !important}
	
h1.index{  font-size:1.2rem !important;   }
	
h2{font-weight:800; font-size:1.8rem;   }
h2.titulo_index{ font-size:28px; }
h2.titulos_index{font-size:30px;}
	
	h3.titulos_index{font-size:1.5rem ; }
	h2.hpie{color:#fff; font-size:20px; font-weight:300 !important  }
.btn-light_top {
	
	border:2px solid #f5821f; border-radius:50px;  
    padding: 4px ;
   
 
    font-size: 8px;
}.telefonos{ font-size:14px; color:#116ca8; font-weight:700; padding-right:10px}
.centradol {text-align:center;}
.centrador {text-align:center;}
.owl-carousel .owl-nav button.owl-prev, .owl-nav .owl-prev {
    left: 1px;
    top: 15%;}
	.owl-carousel .owl-nav button.owl-next, .owl-nav .owl-next {
    right: 1px;
    top: 15%;}
	h2.hpie{color:#fff; font-size:20px; font-weight:900 }

.texto_equip{ font-size:12px; text-transform:uppercase}

}	
	
	
	

.nomovil{display: none}	.centradol { text-align:center}
.centrador { text-align:center}

}
@media only screen and (min-width:992px) {
	.solomovil{display: none}

}
	
	
/*menu movil*/

.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

  background-color: rgba(255,255,255, 1);

   background-position:bottom; background-repeat:no-repeat;
    overflow-y: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
  /* top: 40%;*/
    width: 100%;
    text-align: center;
    margin-top: 100px;
	

}

.overlay ul {
	list-style:none; margin: 0px;
	padding: 0px;
}


.overlay ul  li{
 transition: 0.9s;margin: 0px;
	padding: 0px;
}
.overlay a {
    padding: 10px;
    text-decoration: none;
    font-size: 22px;
    color: #000;
    display: block;
    transition: 0.9s;
	text-transform:uppercase;

}

.overlay a:hover, .overlay a:focus {
    color: #000;
	    font-size: 22px;
   
}

.overlay .closebtn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 50px; font-weight:200
	  
}
@media only screen and (max-width:1430px) {

.telefono{ display:none}
	
	.dropdown-menu {

   width: 100%;

    
    min-width: 10rem;
    padding: 1rem 0;

    font-size: 0.5rem;
    color: #212529;
    text-align: center;

    background-color: #fff;
	 /*box-shadow: 1px 1px 1px #000000;*/
   
}

}
@media only screen and (max-width:835px) {
/* Aquí van los estilos para iPad vertical */

.nomovil{display: none}
#nomovil{display: none}

}
@media only screen and (min-width:835px) {
	.solomovil{display: none}
		#solomovil{display: none}
	}	
	
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #211915 !important;
    background-color: transparent !important;border-bottom:none; font-weight:bold
}

.form-busca {
display: block;
width: 100%;
height: calc(1.5em + 1rem + 1px);
padding: 5px;
font-size: 14px;

line-height: 1.5;
color: #211915;
background-color:#e7e5dd !important;
border: none;

border-radius: 10px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
 background: url(../images/flecha_busca.png) ;
 background-position:right !important;
 background-repeat:no-repeat;
-webkit-appearance: none;
padding-left:20px; 
}

label {
	
  display: inline-block;
  margin-bottom: .1rem; font-size:16px !important
}
.btn_busca {

color: #fff;
background-color: #b98402;
border:#b98402 1px solid;
text-align:center;
border-radius:10px;
cursor: pointer;
padding:5px ; width: 100%


}
.btn-primary2:hover {
color: #fff;
background-color: #39312d;
border:#39312d 1px solid;
}

::placeholder {
  color: #f5821f !important; text-transform:uppercase;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color:#f5821f  !important;
}


/*ficha vehiculo*/
input[type=range] {
  height: 1px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 70%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
 /* box-shadow: 1px 1px 1px #000000;*/
  background: #3071A9;
  border-radius: 5px;
  border: 1px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 26px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ff0000;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
 /* box-shadow: 1px 1px 1px #000000;*/
  background: #000;
  border-radius: none;
  border: 1px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px ff6600;
  border: 3px solid #ff6600;
  height: 35px;
  width: 35px;
  border-radius: 25px;
  background: #fff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #3071A9;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #3071A9;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 26px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071A9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #3071A9;
}
label {
display: inline-block;
margin-bottom: .1rem;
}
.content-input input,
.content-select select{
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.content-input input{
visibility: hidden;
position: absolute;
right: 0;
}
.content-input{
/*position: relative;
margin-bottom: 3px;*/
padding:0px 0 0px 30px; /* Damos un padding de 60px para posicionar el elemento <i> en este espacio*/
display: block;
}
/* Estas reglas se aplicarán a todos las elementos i después de cualquier input*/
.content-input input + i{
background-color:transparent;

border:2px solid rgba(204,204,204,0.9);
position: absolute; 
left: 0;
top: 7;
}
/* Estas reglas se aplicarán a todos los i despues de un input de tipo radio*/
.content-input input[type=radio] + i{
height: 21px;
width: 21px;
border-radius: 4px;
left: 15px;
}
.content-input input[type=radio] + i:before{
content: '';
display: block;
height: 15px;
width: 15px;
border-radius: 3px;
position: absolute;
z-index: 1;
top: 1px;
left: 1px;
background:#ff6600;
transition: all 0.25s ease; /* Todas las propiedades | tiempo | tipo movimiento */
transform: scale(0) /* Lo reducimos a 0*/ ;
opacity: 0; /* Lo ocultamos*/
}
.content-input input[type=radio]:checked + i:before{
transform: scale(1);
opacity: 1;
}
.content-input:hover input[type=radio]:not(:checked) + i{
background: #ff6600;
cursor:pointer;
}

/* Estas reglas se aplicarán a todos los i despues de un input de tipo radio*/
.content-input input[type=checkbox] + i{
height: 21px;
width: 21px;
border-radius: 4px;
left: 15px;
}
.content-input input[type=checkbox] + i:before{
content: '';
display: block;
height: 15px;
width: 15px;
border-radius: 3px;
position: absolute;
z-index: 1;
top: 1px;
left: 1px;
background:#ff6600;
transition: all 0.25s ease; /* Todas las propiedades | tiempo | tipo movimiento */
transform: scale(0) /* Lo reducimos a 0*/ ;
opacity: 0; /* Lo ocultamos*/
}
.content-input input[type=checkbox]:checked + i:before{
transform: scale(1);
opacity: 1;
}
.content-input:hover input[type=checkbox]:not(:checked) + i{
background: #ff6600;
cursor:pointer;
}



.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(255,255,255,1);
  border: 1px solid rgba(0,0,0,1);
}

.btn-link {

  color: #000 !important;

}

.nav-tabs .nav-link {
 
  background-color: transparent;

    border-left:1px solid #ccc;

}
.nav-tabs .nav-link:hover {
 
  background-color: transparent;
 border-bottom: none !important;
    border-left:1px solid #ccc;

}
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: transparent;
  border:2px solid #000;
  margin:0px !important;
 /*border-bottom: none !important;*/
}

.nav-tabs {
  border-bottom: none !important;
}