@font-face
{
  font-family: 'geometria';
  font-style: normal;
  src: url('../font/Geometria.ttf') format('truetype');
}

@font-face
{
  font-family: 'geometriaextrabold';
  font-style: normal;
  src: url('../font/Geometria-ExtraBold.ttf') format('truetype');
}

@font-face
{
  font-family: 'geometriaregular';
  font-style: normal;
  src: url('../font/Geometria.ttf') format('truetype');
}

@font-face
{
  font-family: 'geometriabold';
  font-style: normal;
  src: url('../font/Geometria-Bold.ttf') format('truetype');
}

@font-face
{
  font-family: 'geometriabolditalic';
  font-style: normal;
  src: url('../font/Geometria-ExtraBoldItalic.ttf') format('truetype');
}

@font-face
{
  font-family: 'robotoregular';
  font-style: normal;
  src: url('../font/Roboto-Regular.ttf') format('truetype');
}

@font-face
{
  font-family: 'geometriamedium';
  font-style: normal;
  src: url('../font/Geometria-Medium.ttf') format('truetype');
}

@font-face
{
  font-family: 'robotobold';
  font-style: normal;
  src: url('../font/Roboto-Bold.ttf') format('truetype');
}


  .mySlides {display:none}
  .mySlides2 {display:none}
  .w3-left, .w3-right, .w3-badge {cursor:pointer}
  .w3-badge {height:13px;width:13px;padding:0}
  .w3-animate-fading{
    animation: fading 10s infinite !important;
  }
  .w3-border {
    border: 1px solid #FF6B00!important;

}
.w3-white{
  background-color: #FF6B00!important;
}

.w3-hover-white:hover
{
  background-color: #FF6B00!important;
}

.w3-badge {
    height: 25px;
    width: 25px;
    padding: 0;
    margin:8px;
}
.arrow_left
{
  left:20% !important;
  top:-250px;
  cursor:pointer;
  height:6%;
  width:6%;
  position:fixed;
}
.w3-display-left {

    top: 40%;
    left: 12%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%);
    background-color:transparent;
    border:none;
    cursor:pointer;
    display:block;
}
.w3-display-right {

    top: 40%;
    right: 12%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%);
    background-color:transparent;
    border:none;
    cursor:pointer;
    display:block;
}
button:focus {
    outline: none;
    background-color: transparent !important;
}

.home1{

  /* Rellenamos el fondo
       min-height: 80%;
       min-width: 800px;

       /* Escalamiento proporcional
       width: 100%;
       height: 80%;

       /* Posicionamiento

       top: 0;
       left: 0;*/
       top:0%;
       width: 100%;
       height: calc(22.5em + 22.5vw);
       position: absolute;
z-index: -1;



}



/*.w3-display-left {
  display:none;
}
.w3-display-right {
  display:none;
}*/


/*Inicio Estilos menu*/

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
min-height: 100vh;
  /*background-color: #122C46;
  opacity: 0.7;*/
}

.topnav {
  /*overflow: hidden;*/
  background-color: transparent;
width: 100%;
padding: 30px;
height: calc(5em + 5vw);
/*margin: 40px;*/
/*border-bottom: 1px solid #645F5F;*/

}

.topnav a {
  float: left;
  color: #9F9F9F;
  text-align: center !important;
  /*padding: 14px 16px;*/
  /*text-decoration: none;*/
  font-size: 14px;
  width: 100%;
  height: 70px;
  font-family: geometria;

  display:flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.topnav a:hover {
  /*background-color: #ddd;
  color: black;*/
  height: 100%;
  height: 70px;
}

.topnav a.active {
  /*background-color: #04AA6D;*/
  color: white;
  border-bottom: 4px solid #FF6B00;
  height: 70px;

}

.topnav a.icon {
  display: none !important;
}

.menufloat{

  display: none !important;

}

.titulo
{
  font-size:calc(1.2em + 1.2vw);
  color:white;
  padding:inline;
  text-align: justify;
  text-justify: inter-word;
  font-family: geometriaextrabold;
}

.subtitulo
{
  text-align:left;
  font-size:calc(0.6em + 0.6vw);
  color:white;
  padding:inline;
  text-align: justify;
  text-justify: inter-word;
  font-family: geometriaregular;
}

.topnav .container .row .col.test{
border-bottom:1px solid #645F5F !important;
}

.DivCarrusel
{
  width:100%;height:calc(16em + 16vw) !important;background-color:transparent
}

.lblfooter
{
  font-family:'geometria';font-size:calc(0.5em + 0.5vw);color:white;
}

.lblfootergrupo
{
  font-family:'geometria' !important;font-size:calc(0.6em + 0.6vw);color:#67DBFF !important;
}

.atencionfloatcsslbl
{
  margin:calc(0.5em + 0.5vw) 1px 1px calc(0.7em + 0.7vw) !important;color:#87A1B6;font-size:calc(0.4em + 0.4vw) !important;
}
.atencionfloatcsslbl2
{
  margin:1px 1px 1px calc(0.7em + 0.7vw) !important;color:#0064D9;font-size:calc(0.3em + 0.3vw) !important;
}

.copyright
{
  font-family:'geometria';font-size:calc(0.4em + 0.4vw);color:white;
}
.lblserviciosdiv
{
  width: 100% !important;border: 1pt solid #E5EAF4;border-radius:20px;text-align:left;padding:10% 10% 10% 10%;height: calc(9em + 9vw) !important;
}
.lblServicios
{
  font-family:'robotoregular';color:#16133E;font-size:calc(0.4em + 0.4vw);margin:8% 8% 8% 8%;text-align: center;
}
.lblrecuadro
{
  font-family:'robotoregular';color:#16133E;font-size:calc(0.7em + 0.7vw);margin:1% 1% 1% 1%;text-align: left;
}

/*INI MENU FLOTANTE*/

.topnav2 {
  /*overflow: hidden;*/
  background-color: black;
  opacity: 90%;
width: 100%;
padding: 30px;
display: none;
position: fixed;
z-index: 1;
height: calc(4em + 4vw);
top: 0;
/*margin: 40px;*/
/*border-bottom: 1px solid #645F5F;*/

}

.topnav2 a {
  float: left;
  color: #9F9F9F;
  text-align: center !important;
  /*padding: 14px 16px;*/
  /*text-decoration: none;*/
  font-size: 14px;
  width: 100%;
  height: 70px;
  font-family: geometria;

  display:flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.topnav2 a:hover {
  /*background-color: #ddd;
  color: black;*/
  height: 100%;
  height: 70px;
}

.topnav2 a.active {
  /*background-color: #04AA6D;*/
  color: white;
  border-bottom: 4px solid #FF6B00;
  height: 70px;

}

.topnav2 a.icon {
  display: none !important;
}

.topnav2 .container .row .col.test{
  border-bottom:1px solid #645F5F !important;
  }

  .DivCarruselScroll
{
  width:100%;height:calc(21em + 21vw) !important;background-color:transparent;
}

/*FIN*/

.subtitulo_1{
  font-family:'geometriabolditalic';color:#0064D9;font-size:calc(1.2em + 1.2vw);margin:5px !important;text-align:left;
}

.subtitulo_2{
  font-family:'robotoregular';color:#16133E;font-size:calc(0.5em + 0.5vw);margin:3% 1% 1% 1%;text-align:center;
}

.imagenes{
  width:100%;height:100%;padding:20% 0 8% 10%;object-fit: cover;border-top-left-radius: 30%;border-bottom-right-radius: 30%;
}

@media screen and (max-width: 600px) {
  /*.container.responsive {position: relative;}*/
  /*.topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }*/
    /*.topnav a:not(:first-child) {display: none !important;}*/
    .topnav.container.row div{
      border: none !important;
    }
  
    .topnav a{
      display: none !important;
    }
    .topnav a.icon {
      float: right !important;
      display: block !important;
    }
    .topnav a.logo{
      display: block !important;
    }
  
    .topnav2{
      display: none !important;
    }
  .menufloat.responsive
  {
   display: block !important;
   background-color: #697887;
    text-align: left !important;
    /*text-decoration: none;*/
    font-size: 10pt;
    width: 80%;
   color: white;
    font-family: 'geometria';
    position: absolute;
    top:2%;
    left:0;
    z-index: 1;
    height: 90%;
    /*display:flex !important;*/
      justify-content: center !important;
      align-items: center !important;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
  }

  .atencionfloatcss.responsive{
    position: absolute;
  background-color: transparent !important;
  height: 30% !important;
  width: 60% !important;
  border: none !important;
  display: block;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  left: 15% !important;
  top:55% !important;
  text-align: justify;
  z-index: 3;
  }

  .atencionfloatcss p{
    font-family: 'geometria';
    font-size: 8pt !important;
    color:white !important;
  }

  .atencionfloatcss.responsive p{
    font-family: 'geometria' !important;
    font-size: 8pt !important;
    color:white !important;
  }

.w3-display-left.w3-large.w3-container.w3-padding-16 .titulo
{
  text-align:center !important;
  font-size:25pt !important;
  color:white !important;
  padding:inline !important;
}

.w3-display-left.w3-large.w3-container.w3-padding-16 .subtitulo
{
  text-align:center !important;
  font-size:10pt !important;
  color:white !important;
  padding:inline !important;
}

.w3-display-left img {
  display:none;
}
.w3-display-right img{
  display:none;
}

.topnav .container .row .col.test{
border:none !important;
}

.topnav .container .row .col .active.logo{
border:none !important;
}

.titulo_1{
font-size:12pt !important;
}

.subtitulo_1{
 font-size:15pt !important;
}

.subtitulo_2{
 font-size:12pt !important;
}

.subtitulo_cuadro{

 height: 100% !important;
}

.subtitulo_2_1{
 font-size:14pt !important;
}

.subtitulo_2_2{
 font-size:12pt !important;
}

.imagenes{
  padding: 0 !important;
}
.DivCarrusel
{
  height:calc(18em + 18vw) !important;
}

}

.imagenfondoservicios{
  background-image:url('../img/home/Serv_home_0001.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.imagenfondoservicios2{
  background-image:url('../img/home/Serv_home_0002.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.imagenfondoservicios3{
  background-image:url('../img/home/Serv_home_0003.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.imagenfondoservicios4{
  background-image:url('../img/home/Serv_home_0004.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imagenfondoservicios5{
  background-image:url('../img/home/Serv_home_0005.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.imagenfondoservicios6{
  background-image:url('../img/home/Serv_home_0006.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer {
  clear: both;
     position: relative;

     margin-top: -200px;
     background-color: #16143D;
     width: 100% !important;

}

.container{
  max-width: 100% !important;
}

/*.container.footer p{
  font-family: 'geometriaregular';
  font-size: 12pt;
  color: white;
}*/

.atencionfloatcss{
  display: none;
}

.atencionfloatcss.responsive{
  position: absolute;
background-color: white;
height: calc(7em + 7vw);
width: calc(9em + 9vw);
display: block;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
right: 27.4%;
top:calc(2.5em + 2.5vw);
text-align: justify;
z-index: 3;
}

.atencionfloatcss p{
  font-family: 'geometriabold';
  font-size: calc(0.8em + 0.8vw);
}

.atencionfloatcss.responsive p{
  font-family: 'geometriabold';
  font-size: calc(0.8em + 0.8vw);
}

.topnav3 {
  /*overflow: hidden;*/
  background-color: black;
  opacity: 100%;
width: 42%;
padding: 0;
display: none;
position: fixed;
z-index: 2;
height: calc(2em + 2vw);
top: 4%;
right: calc(15em + 15vw);
border-radius: 10px;
/*margin: 40px;*/
/*border-bottom: 1px solid #645F5F;*/

}

.txtsearch{
  color: white !important;
}

.encontrado{
	background: #9F9F9F;
	color: #FFF;
  opacity: 90%;
}

.topnav3.topnav3_1{
  display: block !important;
}
/*Fin Estilos menu*/