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

#mycontainer{ max-width:1600px !important}
#mycontainer2{ max-width:1500px; margin:0 auto !important}
html,body{ overflow-x:hidden;
font-family: 'PT Sans', sans-serif;
font-size:18px; background-color:#ffffff;font-display:swap; color:#000;  }




.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6
{
  margin-bottom: .0rem;
  font-weight: 500;
  line-height: 0.5;
}

td { border: transparent !important}
.box{
	  width: 100%;
	  height: 100%;
      margin: auto;
	  background: #fff;

	  border: 2px solid transparent;

	  -moz-border-image: -moz-linear-gradient(left, #1492c0 0%, #e47f0e 100%);
	  -webkit-border-image: -webkit-linear-gradient(left, #1492c0 0%, #e47f0e 100%);
	  border-image: linear-gradient(to right, #1492c0 0%, #e47f0e 100%);

	  border-image-slice: 1;
	  
	 border-radius: 10%;
	}





.subtitularsecc{ font-size:48px; color:#ee7e05;}


.logo{ max-width:300px}
.alto_logo{ margin-top:-45px; }
p{ text-align:justify}
.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}




.iconos{ font-size:34px;  vertical-align:middle}
.iconito{ font-size:20px;  vertical-align:middle}
.iconos_pie{ font-size:22px; color:#e47f0e; padding-top:6px;}
.iconos_blue {font-size:42px; color:#e47f0e; 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: #f6f6f6 solid 4px}
.telefonos{ font-size:17px; color:#e47f0e; font-weight:700; }

.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 #e47f0e; border-radius:0px; font-size:14px  }

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem  !important;
    padding-left: 1rem !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: #333;
    text-decoration: none;
}
/* index */
h1.index{ font-weight:300; font-size:26px;}
h1{  font-weight:400; font-size:60px; } 
h2{font-weight:300; font-size:26px;  }
h2.titulo_index{color:#fff; font-size:68px; font-weight:400;     text-shadow: 1px 1px 1px #666;}
h2.titulos_index{font-weight:800; font-size:54px;}
h2.hpie{color:#fff; font-size:40px; font-weight:900; }
h2.titulo{font-weight:900; font-size:36px;   margin-top:10px }
h3{font-weight:900; font-size:34px; color:#e47f0e   }
h4{font-weight:700; font-size:28px;color:#e47f0e }
h5{font-weight:700; font-size:22px;color:#e47f0e }
h6{font-weight:700; font-size:18px;color:#e47f0e }
.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;}

.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: #e47f0e !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:#e47f0e; text-decoration:none; padding:10px}
.flecha, .flecha:visited {display:block;color:#e47f0e; text-decoration:none; font-size:36px;}
.flecha:hover{display:block;color:#e47f0e; text-decoration:none; font-size:36px;}
.fin{ padding-top:20px; padding-bottom:20px}
.last{font-size:14px;}
.linklast,.linklast:visited {color:#ffffff; 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:14px;
}
.navbar-light .navbar-nav .nav-link {    color: #000000; font-size:14px; font-weight:400;
}
.navbar-light .navbar-nav .nav-link2 {    color: #000000; font-size:18px; font-weight:400;
}
.nav-link2:hover {    color: #ee7e05 !important; font-size:18px;
}



.nav-link:hover {    color: #ee7e05 !important; font-size:14px;
}
.active {   /* color: #e47f0e; */font-size:14px;
}

.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;
  background-color: #fff;
  background-clip: padding-box;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom: 1px solid #e47f0e;
  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:#db2b2b;
  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-primary2 {
color: #fff;
background-color: #e47f0e;
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: 'PT Sans', sans-serif;

	 font-size:14px; padding-bottom:6px;
}

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


/* 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: #e47f0e;
}

.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: #e47f0e;
}
/* 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{ background-color:#fff;border:2px solid #000;color:#000;   border-radius:0px;padding: 25px 40px;  }
.btn-primary_top{ background-color:#e47f0e;border-color:#e47f0e;color:#ffffff;  width:100%;  border-radius:0px;padding:5px;  }
.btn-primary:hover{ background-color:#e47f0e;border-color:#e47f0e;color:#ffffff;   }
.btn-primary:active{
color: #fff !important;
background-color: #e47f0e !important;
border-color:  #e47f0e !important
}
.btn-primary:focus {
color: #fff !important;
background-color: #e47f0e !important;
border-color:  #e47f0e !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: 14px;
    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;}
.subtitularsecc{ font-size:24px; color:#ee7e05;}
td { border: transparent !important}	
}
@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;}	
.subtitularsecc{ font-size:24px; color:#ee7e05;}
td { border: transparent !important}
}
@media (min-width:375px) and (max-width:768px) {
.alto_logo{ margin-top:5px; }
.logo{ max-width:250px}
.nomovil{ display:none}  
.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:20px; color:#e47f0e; padding-top:0px;}
h1{  font-weight:900; font-size:40px;}

h2.titulo_index{ font-size:60px; font-weight:600; }
h2.titulos_index{font-size:30px;}
	h2.hpie{color:#fff; font-size:20px; font-weight:900 }
.btn-light_top {
    padding: 4px ;
    background-color: transparent;
    width: 100%;
    border: 1px solid #e47f0e;
    border-radius: 0px;
    font-size: 8px;
}.telefonos{ font-size:14px; color:#e47f0e; 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}
.subtitularsecc{ font-size:24px; color:#ee7e05;}
td { border: transparent !important}

}
@media only screen and (max-width: 375px) {
.alto_logo{ margin-top:0px;}
.logo{ max-width:250px}
.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:#e47f0e; padding-top:0px;}
h1{  font-weight:900; font-size:40px;}
h2.titulo_index{ font-size:22px; }
h2.titulos_index{font-size:30px;}
	h2.hpie{color:#fff; font-size:20px; font-weight:900 }
.btn-light_top {
    padding: 0px ;
    background-color: transparent;
    width: 100%;
    border: 1px solid #e47f0e;
    border-radius: 0px;
    font-size: 8px;
}.telefonos{ font-size:14px; color:#e47f0e; 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}


.subtitularsecc{ font-size:24px; color:#ee7e05;}
td { border: transparent !important}
}


.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:#e47f0e;
	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:10px !important; border:none!important;box-shadow:-1px 13px 11px -4px #999;
-moz-box-shadow:-1px 13px 11px -4px #999;
-webkit-box-shadow:-1px 13px 11px -4px #ccc; !important; background-color:#fff !important }
.card td, .card p{font-size:14px; text-align:center !important}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #ee7e05; padding:10px 20px;
}
.nav-link:hover {
    color: #ee7e05;
    font-size: 14px;
}
.nav-pills .nav-link {
    border-radius: 0px;
}
.nav-link:focus, .nav-link:hover {
    text-decoration: none;
}

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

       table {
           width:100%;
       }
       thead {
           display: none;
       }
       tr:nth-of-type(2n) {
           background-color: inherit;
       }
       tr td:first-child {
          /* background:#e47f0e;*/
		  /* color:#fff;*/
          /* font-weight:bold;*/
           /*font-size:1.3em;*/
       }
       tbody td {
           display: block;
           text-align:left;
       }
       tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:left;
       }
	   
	   
	   .subtitularsecc{ font-size:24px; color:#ee7e05;}
td { border: transparent !important}	   
	   
	   
	   
	   
	   
	   
}
/*ocultar / mostrar movil*/

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

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

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

}