@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);
z-index: 2;
/*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(0.8em + 0.8vw);
  color:white;
  padding:inline;
  text-align: left;
  text-justify: inter-word;
  font-family: geometriaextrabold;
}

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

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

/*CLASES DE RESONSIVE*/
.DivCarrusel
{
  width:100%;height:calc(18em + 18vw);background-color:transparent;
}

.lblServicios
{
  font-family:'robotoregular';color:#16133E;font-size:calc(0.4em + 0.4vw);margin:2% 2% 2% 2%;text-align: center !important;
}

.lblserviciosdiv
{
  width: 100%;border: 1pt solid #E5EAF4;border-radius:20px;text-align:left;padding:10% 10% 10% 10%;height: calc(9em + 9vw) !important;
}

/*.divservicios
{
  height: calc(8em + 8vw) !important;width: calc(13em + 13vw) !important;position: relative;
}*/

.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;
}

/*INI MENU FLOTANTE*/

.topnav2 {
  /*overflow: hidden;*/
  background-color: black;
  opacity: 90%;
width: 100%;
padding: 30px;
display: none;
position: fixed;
z-index: 2;
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(23em + 23vw) !important;background-color:transparent;
}

.div001
{
  height:calc(5em + 5vw);width:100%;overflow:visible;
}

.subtitulo_2_1{
  font-family:'geometriamedium'; font-size:calc(0.4em + 0.4vw);color:white;text-align: center;
}

.subtitulo_2_2{
  font-family:'geometria'; font-size:calc(0.3em + 0.3vw);color:white;text-align: center;
 }
/*FIN*/

.imagenfondoservicios{
  background-image:url('../img/home/Serv_home_0001.png');
  background-repeat: no-repeat;
  background-size: contain;

  object-fit: cover;
  height: calc(8em + 8vw) !important;width: calc(16em + 16vw) !important;
}

.imagenfondoservicios2{
  background-image:url('../img/home/Serv_home_0002.png');
  background-repeat: no-repeat;
  background-size: contain;

  object-fit: cover;
  height: calc(8em + 8vw) !important;width: calc(16em + 16vw) !important;
}

.imagenfondoservicios3{
  background-image:url('../img/home/Serv_home_0003.png');
  background-repeat: no-repeat;
  background-size: contain;
  object-fit: cover;
  height: calc(8em + 8vw) !important;width: calc(16em + 16vw) !important;
}

.imagenfondoservicios4{
  background-image:url('../img/home/Serv_home_0004.png');
  background-repeat: no-repeat;
  background-size: contain;
  height: calc(8em + 8vw) !important;width: calc(16em + 16vw) !important;
  object-fit: cover;
}
.imagenfondoservicios5{
  background-image:url('../img/home/Serv_home_0005.png');
  background-repeat: no-repeat;
  background-size: contain;
  height: calc(8em + 8vw) !important;width: calc(16em + 16vw) !important;
  object-fit: cover;
}
.imagenfondoservicios6{
  background-image:url('../img/home/Serv_home_0006.png');
  background-repeat: no-repeat;
  background-size: contain;
  height: calc(8em + 8vw) !important;width: calc(16em + 16vw) !important;
  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);
}

.titulo1{
  font-family:'geometriabold';color:#0064D9;font-size:30pt;margin:5px !important;text-align:center;
}

.subtitulo1{
 font-family:'geometria';color:#1e3c76;font-size:15pt;margin:15px !important;text-align:center;
}

.titulo_1{
  font-family:'geometriabold';color:#87A1B6;font-size:14pt;margin:5px !important;
}

.subtitulo_1{
 font-family:'geometriabolditalic';color:#FF6B00;font-size:28pt;margin:5px !important;
}

.subtitulo_2{
 font-family:'robotoregular';color:#16133E;font-size:calc(0.8em + 0.8vw);
}
/*Fin Estilos menu*/

.chatbotfloat{
  display: none;
  position: absolute;
  background-color: transparent;
  height: 27%;
  width: 17%;
  right: 5%;
  top:75%;
  cursor:pointer;
  z-index: 1;

}

.flotante{
  display: none;
}

.flotante.chatbotfloat2{

  display: block;
  position: absolute;
  background-color: transparent;
  height: calc(10em + 10vw);
  width: 17%;
  right: 8%;
  top:61%;
  cursor:pointer;
  z-index: 2;

}

.lblrecuadro{
  font-family:'robotoregular';color:#16133E;font-size:calc(0.6em + 0.6vw);margin:1% 1% 1% 1%;
}

.botonesslider
{
  width:100%;bottom:20%;position: relative;height: calc(1em + 1vw);bottom: -80%;
}

.botonservicios
{
  height: calc(1.0em + 1.0vw) !important; 
  width: auto;
  top: 0;
  position: relative;
}



@media screen and (max-width: 600px) {
  /*.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:left !important;
  font-size:15pt !important;
  color:white !important;
  padding:inline !important;
  left: 0 !important;
  width: 100% !important;
}

.w3-display-left.w3-large.w3-container.w3-padding-16 .subtitulo
{
  text-align:left !important;
  font-size:10pt !important;
  color:white !important;
  padding:inline !important;
  left: 0 !important;
    width: 100% !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;
}

.titulo1{

  font-size:15pt !important;
  margin:5px !important;

}

.subtitulo1{

 font-size:12pt !important;
 margin:15px !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;
}

/*.recuadroimg
{
  height: 350px !important;
  max-height: 350px !important;
  width: 350px !important;

}*/
.chatbotfloat{
  display: none !important;
}

.flotante.chatbotfloat2{
  display: none !important;
}

.DivCarrusel
{
  height:calc(23em + 23vw) !important;
}

.divservicios{
  height: 100% !important;width: 100% !important;
}

.home1 {
  height: 60% !important;
}

}

.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;
}