@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Raleway&display=swap');

html,body{ overflow-x:hidden;
font-family: 'Lato', sans-serif;
font-size:16px; background-color:#ffffff;font-display:swap; color:#333; }
.msg-cookie{ background-color:rgb(0, 0,0, 0.8);  position:fixed; bottom:0px; z-index:1000; padding-top:10px; padding-bottom:10px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:14px}
.alto_logo{ margin-top:-25px; }
p{ text-align:justify}
.imagen_slider{min-height:590px; max-height:590px;width:100%;object-fit: cover; object-position: 50% 50%;}
.iconos{ font-size:24px; color:#0493c5; padding-top:8px;}
.iconos_pie{ font-size:22px; color:#1b3d77; padding-top:6px;}
li.nav-item{ font-weight:bold}
.contenedor img { width:100%; height:auto;}
/* head */
.bg-light{ background-color:transparent !important}
.borde1{ border-top:1px solid #cccccc}
.telefonos{ font-size:16px; color:#1b3d77; font-weight:700; padding-right:10px}
.btn-warning{ background-color:#1b3d77;border-color:#1b3d77;color:#ffffff;  width:100%;  border-radius:0px;padding:15px;  }
.btn-warning_top{ background-color:#1b3d77;border-color:#1b3d77;color:#ffffff;  width:100%;  border-radius:0px;padding:5px;  }
.btn-warning:hover{ background-color:#1b3d77;border-color:#1b3d77;color:#ffffff;   }
.btn-warning:active{
color: #fff !important;
background-color: #0493c5 !important;
border-color:  #0493c5 !important
}
.btn-warning:focus {
color: #fff !important;
background-color: #0493c5 !important;
border-color:  #0493c5 !important;
}
.btn-light{padding:15px 30px;  background-color:transparent; width:100%; border:1px solid #ccc; border-radius:0px  }
.btn-light_top{padding:5px 10px;  background-color:transparent; width:100%; border:2px solid #0493c5; border-radius:0px; font-size:14px  }
/* 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: #ccc;
    text-decoration: underline;
}
/* index */
h1.index{ font-weight:300; font-size:26px;}
h1{  font-weight:900; font-size:60px;}
h2{font-weight:300; font-size:26px;  }
h2.hpie{color:#fff; font-size:40px; font-weight:900 }
h3{font-weight:900; font-size:34px; color:#1b3d77   }
h5{font-weight:700; font-size:22px;color:#1b3d77 }
h6{font-weight:700; font-size:18px;color:#1b3d77 }
.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;}
h2.titulo{font-weight:900; font-size:42px; color:#333; }
.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: #1b3d77 !important;
}

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

.titulsec h1 {padding-top:75px; padding-bottom:75px;;}
/* 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;}
.linkmail, .linkmail:visited{color:#000000; text-decoration:none}
.linkmail:hover {color:#000000; text-decoration:underline}
.redes{ padding:25px 0px 25px 0px}
.icoredes, .icoredes:visited {color:#fff; text-decoration:none; font-size:26px; padding:10px}
.icoredes:hover{color:#1b3d77; text-decoration:none; padding:10px}
.flecha, .flecha:visited {display:block;color:#1b3d77; text-decoration:none; font-size:36px;}
.flecha:hover{display:block;color:#1b3d77; text-decoration:none; font-size:36px;}
.fin{ padding-top:20px; padding-bottom:20px}
.last{font-size:14px;}
.linklast,.linklast:visited {color:#000000; text-decoration:none}
.linklast:hover {color:#000000; text-decoration:underline}
/* fin pie de pagina */
.img-responsive{
	width:100%;
	height:auto !important;
}

.nav-item {    color: #000000; font-size:18px;
}
.navbar-light .navbar-nav .nav-link {    color: #000000; font-size:16px; text-transform:uppercase
}
.nav-link:hover {    color: #0493c5; font-size:18px;
}
.active {    color: #0493c5; font-size:18px;
}

.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-primary2 {
color: #fff;
background-color: #1b3d77;
border:#fff 2px solid;
text-align:center;
border-radius:30px;
cursor: pointer;
padding:10px 40px;
}
.btn-primary2:hover {
color: #fff;
background-color: #39312d;
border:#fff 2px 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: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 1px; box-shadow:#A44142;
}
.dropdown-item{
    color: #000;
    text-decoration: none;
    background-color: transparent;
	font-family: 'Lato', sans-serif;
	 font-size:14px; padding-bottom:6px;
}

.dropdown-item:hover {
    color: #fff;
    text-decoration: none; background-color: #1b3d77;
   
}


/* carousel */
.owl-nav {
  display: block;
}
.owl-carousel .owl-nav button.owl-prev,  .owl-nav .owl-prev {
  position: absolute;
  left: 0px;
  top: 40%;
  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: #fff; 
}
.owl-nav .owl-prev span {
  font-size: 55px; 
  display: inline-block;
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-nav .owl-prev:hover {
  background: transparent;
  border: none;
  color: #0493c5;
}

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

  background: #a70064;*/
  color: #fff;
  transition: all 0.3s;
}
.owl-nav .owl-next span {
  font-size: 55px; 
  display: inline-block;
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-nav .owl-next:hover {
  background: transparent;
  border: none;
  color: #0493c5;
}
/* 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;}

.btn-primary {
color: #fff;
background-color: #1b3d77;
text-align:center;
border-radius:0px;
cursor: pointer;
border:#1b3d77 1px solid;


margin-top:15px
}
.btn-primary:hover {
color: #fff;
background-color: #000000;
border-color: #000000;
}
.btn-primary:active{
color: #fff;
background-color: #0493c5 !important;
border: none !important;
}
.btn-primary:focus {
color: #fff;
background-color: #0493c5 !important;
border: none !important;
}
.pagination{list-style: none outside none; margin:0; padding: 0; }
.pagination>li{float:left; padding:2px  }
.pagination>li>a,.pagination>li>span{float:left;padding:5px 10px; margin:0px;line-height:1.428571429;text-decoration:none;background-color: transparent;border:1px solid #ccc}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0px;border-top-left-radius:0px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#ccc; color:#fff; padding:5px 10px;}
.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:#fff;cursor:default;background-color:#999;border-color:#dedede; padding:4px 10px}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#dedede;cursor:not-allowed;background-color: transparent;border-color:#dedede; padding:5px 10px}



@media only screen and (max-width: 1500px) {
	.imagen_slider{min-height:390px; max-height:390px;width:100%;object-fit: cover; object-position: 50% 50%;}

.navbar-light .navbar-nav .nav-link {
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
}
.centradol {text-align:center;}
.centrador {text-align:center;}
.owl-carousel .owl-nav button.owl-prev, .owl-nav .owl-prev {
    left: 1px;
    top: 35%;}
	.owl-carousel .owl-nav button.owl-next, .owl-nav .owl-next {
    right: 1px;
    top: 35%;}
.owl-carousel .owl-nav button.owl-next,  .owl-carousel button.owl-dot, .owl-nav .owl-next {right: -40px;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot, .owl-nav .owl-prev {  left: -40px;}	
}
@media only screen and (max-width: 769px) {


.owl-carousel .owl-nav button.owl-next,  .owl-carousel button.owl-dot, .owl-nav .owl-next {right: -30px;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot, .owl-nav .owl-prev {  left: -30px;}	
}
@media only screen and (max-width: 668px) {
	

.owl-carousel .owl-nav button.owl-next,  .owl-carousel button.owl-dot, .owl-nav .owl-next {right: -45px;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot, .owl-nav .owl-prev {  left: -45px;}	
}
@media (min-width:375px) and (max-width:768px) {
.alto_logo{ margin-top:5px; }
.logo{ max-width:150px}

.imagen_slider{min-height:190px; max-height:190px;width:100%;object-fit: cover; object-position: 50% 50%;}
.owl-nav {
  display: block;
}.iconos{ font-size:20px; color:#0493c5; padding-top:0px;}
h1{  font-weight:900; font-size:40px;}
	h2.hpie{color:#fff; font-size:20px; font-weight:900 }
.btn-light_top {
    padding: 4px ;
    background-color: transparent;
    width: 100%;
    border: 1px solid #0493c5;
    border-radius: 0px;
    font-size: 8px;
}.telefonos{ font-size:12px; color:#1b3d77; 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}

}
@media only screen and (max-width: 375px) {
.alto_logo{ margin-top:5px;}
.logo{ max-width:150px}
.imagen_slider{min-height:190px; max-height:190px;width:100%;object-fit: cover; object-position: 50% 50%;}
.owl-nav {
  display: block;
}.iconos{ font-size:18px; color:#0493c5; padding-top:0px;}
h1{  font-weight:900; font-size:40px;}
	h2.hpie{color:#fff; font-size:20px; font-weight:900 }
.btn-light_top {
    padding: 0px ;
    background-color: transparent;
    width: 100%;
    border: 1px solid #0493c5;
    border-radius: 0px;
    font-size: 8px;
}.telefonos{ font-size:11px; color:#1b3d77; 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}
}


.card-container {
    perspective: 700px;
}

.card-flip, .card-container {
    transform-style: preserve-3d;
    transition: all 0.7s ease;
}

.card-flip div {
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.back {
    transform: rotateY(-180deg);
	background-color:#1b3d77;
	color:#ffffff;
}

.card-container:hover .card-flip {
    transform: rotateY(180deg);
}
.card-flip {
    display: grid; grid-template: 1fr / 1fr;
    grid-template-areas: "frontAndBack";
    transform-style: preserve-3d;
    transition: all 0.7s ease;
}

.front {
    grid-area: frontAndBack;
}

.back {
    grid-area: frontAndBack;
    transform: rotateY(-180deg);

}
.card{  border: none}
.card-body{padding:0px 20px}
.card td, .card p{font-size:14px; text-align:center !important}