/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;900&family=Merriweather+Sans&display=swap');
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%;scroll-behavior: smooth;}
body{font-size:1em;font-family:'Lato', Open Sans, Arial, Helvetica, sans-serif; 
    width:100%;margin:0;color:#193062;  
    min-height: 100vh;
  	display: flex;
  	flex-direction: column;
  	}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* col */
[class*="col-"] {
    float: left;
}
.col-center{ display: flex; align-items: center; justify-content: center;}
.row:after {content:"";clear:both;display:block;}
/* For desktop: */
.col-1 {content:"";}
.col-2 {width:16.66%;content:"";}
.col-3 {width:25%;}
.col-4 {width:33.33%;}
.col-5 {width:41.66%;}
.col-6 {width:50%;}
.col-7 {width:58.33%;}
.col-8 {width:66.66%;}
.col-9 {width:75%;}
.col-10 {width:83.33%;}
.col-11 {width:91.66%;}
.col-12 {width:100%;}
/* fin col: */



.zIndex1000{z-index: 1000}



/* fontsize */
.fontSize40em{font-size:4.0em;}
.fontSize30em{font-size:3.0em;}
.fontSize20em{font-size:2.0em;}
.fontSize19em{font-size:1.9em;}
.fontSize16em{font-size:1.6em;}
.fontSize15em{font-size:1.5em;}
.fontSize14em{font-size:1.4em;}
.fontSize13em{font-size:1.3em;}
.fontSize12em{font-size:1.2em;}
.fontSize11em{font-size:1.1em;}
.fontSize109em{font-size:1.09em;}
.fontSize10em{font-size:1.0em;}
.fontSize09em{font-size:0.9em;}
.fontSize85em{font-size:0.85em;}
.fontSize08em{font-size:0.8em;}
.fontSize075em{font-size:0.75em;}
.fontSize07em{font-size:0.7em;}
.fontSize01em{font-size:0.1em;}

.fontSize4vw { font-size: 4vw; }
.fontSize18vw { font-size: calc(1.8em + 0.01vw) }
.fontSize20vw {margin:0; font-size: calc(2em + 0.01vw) }

.WidthSizeResponsive14em { width: calc(14em + 1vw) }
.fontSizeResponsive3em { font-size: calc(3em + 1vw) }
.fontSizeResponsive13em { font-size: calc(1.3em + 0.1vw) }
.fontSizeResponsive1em { font-size: calc(1em + 1vw) }
.fontSizeResponsive09em { font-size: calc(0.9em + 0.9vw) }
.fontSizeResponsive08em { font-size: calc(0.8em + 0.9vw) }
.fontSizeResponsive07em { font-size: calc(0.7em + 0.8vw) }
.fontSizeResponsive07emHome { font-size: calc(0.7em + 0.85vw) }
.fontSizeResponsive06em { font-size: calc(0.6em + 0.6vw) }

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    text-align: left;
    font-size:0.7em;
    background-color:#fff;
}

.fontSize16emMapaHome{font-size:1.2em;}
.fontSize16emRegistroHome{font-size:1em;}
/* fin fontsize */

.tituloH{font-size: 1.7em;}
.cuentaRegistroH{ background: rgba(23, 55, 99, 0.9);color: white; font-size: 1.2em;}

/* justificacion de textos */
.txtCenter{text-align:center;}
.txtJustify{text-align:justify;}
.txtLeft{text-align:left;}
.txtRight{text-align:right;}
/* fin justificacion de textos */

 
/* flotar */
.floatDer{ float: right;}
.floatIzq{ float: left;}
.floatNone{float: none;}
.sifloatDer{float: right;}
.sifloatIzq{float: Left;}

.floatInlineEnd{float: inline-end;}

/* finflotar */
@media only screen and (max-width: 768px) {.floatDer{ float: none;}.floatIzq{ float: none;}}


/* estios generales  */
h1, h2, h3, h4, h5, h6{
    font-family:'Merriweather sans', Lato, Open Sans, Arial, Helvetica, sans-serif;
    font-weight: normal;
}
h1, h2, h4, h5, h6{ color:#193062;}  
h1{font-size:1.5em;}
h2{font-size:1.3em;}
h3{font-size:1.2em;}
h4{font-size:1em;}
h5{font-size:0.95em;}
h6{font-size:0.9em;}

p{font-size:1em}
a { text-decoration: none;}
a:hover { text-decoration: underline;}
span{font-size:1em;}

.contenedor{padding-left:3%; padding-right:3%; margin-top: 0px;}

main { width: 500px; margin: auto;}
#modal {border: 1px solid #eceded; background: #fff; color: #193062; position: absolute; top: 150vh; right: 36px; height: 270px; transition: transform 900ms ease-in-out;
   width: 228px; transition: all 2s; border-radius: 10px;}
.cajaModal{max-width: 260px; padding-inline-start: 10px;}
#mostrar-modal {  display: none;  }
#mostrar-modal + label {  display: table;  margin: 0;  color: #fff; cursor: pointer;}
#mostrar-modal + label:hover { background: transparent; color:#57637E; text-decoration: none;}
#mostrar-modal:checked ~ #modal {  top: 40px;  background: #f6f6f6;}
#mostrar-modal:checked ~ #cerrar-modal + label {  display: block;}


#modal1 {border: 1px solid #eceded; background: #fff; color: #193062; 
    position: absolute; top: -200vh; right: 1px; height: 300px; transition: transform 900ms ease-in-out;
   width: 99%; transition: all 2s; border-radius: 10px;}

#mostrar-modal1 {  display: none;  }
#mostrar-modal1 + label { display: inherit;  margin: 0;  color: #fff; cursor: pointer;}
#mostrar-modal1 + label:hover { background: transparent; color:#57637E; text-decoration: none;}
#mostrar-modal1:checked ~ #modal1 { top: 18px;  background: #fff;}
#mostrar-modal1:checked ~ #cerrar-modal1 + label {  display: block;}

/*  modal */

#cerrar-modal {  display: none;}
#cerrar-modal + label {  position: absolute; top: 10px; right: 20px; z-index: 100;
  color: #fff; font-weight: bold; cursor: pointer; background: #193062; width: 20px;
  height: 20px; line-height: 20px; text-align: center; border-radius: 50%;  
  transition: all 1.5s;}
#cerrar-modal + label:hover {background: #57637E; color:#193062; text-decoration: none;}
#cerrar-modal:checked ~ #modal {  top: -100vh;}
#cerrar-modal:checked + label {display: none; }

#cerrar-modal1 {  display: none;}
#cerrar-modal1 + label {  position: absolute; top: 10px; right: 20px; z-index: 100;
  color: #fff; font-weight: bold; cursor: pointer; background: #193062; width: 20px;
  height: 20px; line-height: 20px; text-align: center; border-radius: 50%;  
  transition: all 1.5s;}
#cerrar-modal1 + label:hover {background: #57637E; color:#193062; text-decoration: none;}
#cerrar-modal1:checked ~ #modal1 {  top: -100vh;}
#cerrar-modal1:checked + label {display: none; }


/* fin modal */


/*modal buscador*/
.modalBuscar {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 120px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
@media only screen and (max-width: 1200px){
  .modalBuscar {padding-top: 100px;}
}
@media only screen and (max-width: 980px) {
  .modalBuscar {z-index: 1001;}
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fff;
  margin: auto;
  padding: 0;
  /*border: 1px solid #888;*/
  width: 80%;
  max-width: 680px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.cerrar {color: #193062;float: right;font-size: 28px;font-weight: bold;}
.cerrar:hover,.cerrar:focus {color: #57637E;text-decoration: none;cursor: pointer;}
.modal-header {padding: 2px 16px;background-color: #f7f8fa;color: white;}  
.modal-body {padding: 2px 16px;background-color: #fff;}
.modal-footer {padding: 2px 16px;background-color: #f7f8fa;color: white;}
.modal-body-2 {padding: 2px 16px;background-color: #f7f8fa;color: white;}
/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fff;
  margin: auto;
  padding: 0;
  /*border: 1px solid #888;*/
  width: 80%;
  max-width: 680px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.cerrar {color: #193062;float: right; font-size: 28px; font-weight: bold;}
.cerrar:hover,
.cerrar:focus {color: #57637E;text-decoration: none;cursor: pointer;}
.modal-header {padding: 2px 16px;background-color: #f7f8fa;color: white;}
.modal-body {padding: 2px 16px;background-color: #fff;}
.modal-footer {padding: 2px 16px;background-color: #f7f8fa;color: white;}
.modal-body-2 {padding: 2px 16px; background-color: #f7f8fa; color: white;}
/*fin modal buscador*/

/* nav en hoja estilos */
.nav{width: 100% !important;height: 39px !important;}

/*********************  JULIO  ***********************************/
.contentVisor {
  background-color: #fefefe;
  margin: 3vh auto;
  padding: 20px;
  padding-top:3px;
  border: 1px solid #888;
  border-radius:15px;
   min-width:50%;
}
/*********************  JULIO  ***********************************/

/*menu*/
.f-nav{ z-index: 9999; position: fixed; left: 0; top: -1px; width: 100%;} 
.nav { height: 40px;background-color: #193063; width: 100%;text-align: left; margin: 0 auto;z-index: 1000;}
.maincontain{ margin: auto;}
.txtSuperiorCabecera{font-size: 1.4vw;padding: 0.4vw;}

.navigation {height: 40px; background:#193063;position: relative; z-index: 100; }
nav { position: absolute; text-align: left;}
.nav-menu {display:inline-block; text-align: left;}
nav ul {list-style: none; margin: 0; padding: 0; margin-left: 3%; background: #193063}
nav ul li {float: left; position: relative;}
nav ul li a {display: block; padding: 0 10px; line-height: 36px; color: #fff; text-decoration: none;}
nav ul li a:hover {background: #41B8BE40; color: #ffffff;}
nav ul li a:not(:only-child):after {padding-left: 5px; font-size: 10px; content: '\25BC';}
.nav-submenu {width:auto; position: absolute; z-index: 200;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); width: auto; display: none;}
.nav-submenu li {width: 100%; white-space: nowrap; background: #075d82;}
.nav-movil {display: none; position: absolute; top: 0; right: 0; background: #193062;
  height: 60px; width: 100%; z-index: 1000}
a.tct{text-decoration: none !important}
/* fin menu */


#nav-boton {position: absolute; left: 20px; top: 14px; cursor: pointer; width:20px;
  height: 10px; padding: 5px 15px 15px 0px; z-index:1;}
#nav-boton span,
#nav-boton span:after,
#nav-boton span:before {transition: all 500ms ease-in-out; border-radius: 1px; height: 4px;
  width: 30px; position: absolute; display: block; content: ""; background: #fff;}
#nav-boton span:before {top: -10px;}
#nav-boton span:after {bottom: -10px;}
#nav-boton.activo span {background-color: transparent;}
#nav-boton.activo span:before,
#nav-boton.activo span:after {top: 0;}
#nav-boton.activo span:after {transform: rotate(-45deg);}
#nav-boton.activo span:before {transform: rotate(45deg);}
.menuDer{width: auto;height:auto;padding-left: 0px;}
@media only screen and (max-width: 980px) {.menuDer{width: 100%;height: 30px !important;padding-left: 80px;}}
.buscador{width: 100%;}
.cabe{border: none;padding:0 40px  5px 0;text-align: left;text-decoration: none;display: inline-block;}
.input-group-dos { position: relative; display: flex; flex-wrap: wrap; align-items: stretch;width: auto;}
.input-group-dos>.form-control, .input-group-dos>.form-select {
    position: relative; flex: 1 1 auto;width: 50%;min-width: 0;}
.input-group-tres { position: relative; display: flex; flex-wrap: wrap; align-items: stretch;}
.input-group-tres>.form-control, .input-group-tres>.form-select {
    position: relative; flex: 1 1 auto;width: 50%;min-width: 0;}
/* fondodegradado */
.fondoBuscadorHome{background: rgba(23, 55, 99, 0.9);border-radius: 5px;/*padding: 15px;*/
    /*box-shadow: 5px 5px 20px rgba(23, 55, 99, 0.9); margin-top: -4px;*/}


  /*@media only screen and (max-width: 670px) {
    .fondoBuscadorHome{ margin-right:5%; margin-left:5%; }
  }*/
  /*@media only screen and (max-width: 640px) {
    .cabe{ padding: 0px 60px 10px 18px;}
  }
  @media only screen and (max-width: 550px) {
   .cabe{ padding: 0px 60px 10px 18px }
    .fondoBuscadorHome{ margin-right:10px;margin-left:3%; }
  }*/
/*@media only screen and (max-width: 450px) {
    .fondoBuscadorHome{ margin-right:10px;  margin-left:0;}
    .cabe { padding: 0px 61px 10px 18px;}*/
}
/*@media only screen and (max-width: 430px) {.cabe { padding: 0px 66px 10px 18px;}}
@media only screen and (max-width: 390px) {.cabe { padding: 0px 54px 10px 18px;}}
@media only screen and (max-width: 330px) {.cabe { padding: 0px 13px 10px 10px}}*/
@media only screen and (max-width: 280px) {.fondoBuscadorHome{ margin-right:3px; }}


/* clear */
.clear{clear:both;content:" ";}
/* fin clear */


/*display */
.displayBlock{display:block;}
.displayInline{display:inline;}
.displayInlineBlock{display:inline-block;}
.displayInlineGrid{display:inline-grid;}
.displayInlineFlex{display:inline-flex;}
.displayInlineTable{display:inline-table;}
.displayGrid{display:grid;}
.displayNone{display:none;}
.displayFlex{display: flex;}
.displayFlexWrap{flex-wrap: wrap;}
.displayTableCell{display:table-cell;}
.displayTableColumn{display:table-column;}
.displayRuby{display: ruby}
.displayContents{display: contents;}
.displayWebkitInlineBox{display:-webkit-inline-box;}
/* fin display */


/* flex */
.flex-container {display: flex; flex-direction: row;}
.flex-item-left {padding: 0px; flex: 100%; margin: 0 auto;}
.flex-item-right {padding: 0px; flex: 100%; margin: 0 auto;}
.flexItemLeft {padding: 0px; flex: 100%; margin: 0 auto;}
.flexItemRight {padding: 0px; flex: 100%; margin: 0 auto;}
/* fin flex */

/* dejo comentado a ver cual es el que utilizo*/
/*
.flex-item-left {padding: 10px; flex: 50%;}
.flex-item-right {padding: 10px; flex: 50%;}
.flexItemLeft {padding: 0px; flex: 50%;}
.flexItemRight {padding: 0px; flex: 50%;}
*/


/* flecha sube pagina*/
.ir-arriba {display: none;padding: 12px;background: #193063;opacity:0.5 ;font-size: 20px;color: #fff;
    cursor:pointer;position: fixed;bottom: 15px;right: 10px;border-radius: 4px;}
.ir-arriba:hover {opacity:1;}
/*fin flecha sube pagina*/

/* flecha baja pagina home
.ir-abajo {padding: 14px;background: #99CCFF;font-size: 20px;opacity:0.5;color: #fff;cursor:pointer;
    right: 10px;position: absolute;bottom: 2%;border-radius: 4px; }
.ir-abajo:hover {opacity:1;scroll-behavior: smooth; text-decoration: none;}*/
/*fin flecha baja pagina home*/

/* position */
.positionRelative{position: relative;}
.positionAbsolute{position: absolute;}
.positionFixed:fixed{position:fixed;}
/* fin position */

.lineHeight15{line-height: 15px;}
.lineHeight23{line-height: 23px;}
.lineHeight25{line-height: 25px;}
.lineHeight27{line-height: 27px;}
.lineHeight35{line-height: 35px;}
.lineHeight37{line-height: 37px;}
.lineHeight08em{line-height: 0.8em;}

.cursorPointer{cursor: pointer;}


/* color enlaces */
a.atxtBlanco{color:#fff;}
a.atxtBlanco:hover{color:#90A2CC; text-decoration: none;}
a.atxtBlancoH{color:#41b8be;}
a.atxtBlancoH:hover{color:#fff; text-decoration: none;}

a.atxtBlancoAzul{color:#fff;}
a.atxtBlancoAzul:hover{color:#193062; text-decoration: none;}


a.acolorAzulClaro{text-decoration: none; color:#193062;}
a.acolorAzulClaro:hover{text-decoration: none;color:#193062cc;}
a.acolorAzulBlanco{text-decoration: none; color:#193062;}
a.acolorAzulBlanco:hover{text-decoration: none;color:white;}

a.acolorAzulUser{text-decoration: none; color:#193062;}
a.acolorAzulUser:hover{text-decoration: none;color:#000; background-color: inherit;}


a.acolorVerde{text-decoration: none; color:#57637E;}
a.acolorVerde:hover{text-decoration: none; color:#193062;}
a.acolorVerdeClaro{text-decoration: none; color:#49ccd3;}/*verde aguamarina usado*/
a.acolorVerdeClaro:hover{text-decoration: none; color:#fff;}

a.acolorVerde85{text-decoration: none; color:#41b8be;}
a.acolorVerde85:hover{text-decoration: none;color:#41b8bed9;}
a.acolorNegro{text-decoration: none; color:#000000;}
a.acolorNegro:hover{text-decoration: none;color:#000000d9;}


/* efecto Links */
a.a-link--border-effect {font-weight: 600;position: relative;display: inline-block;padding-bottom: .5rem;
    font-family: 'Lato', Open Sans, Arial, Helvetica, sans-serif;font-weight: 500;text-decoration: none;}
a.a-link--border-effect:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: .2rem;
    background-color: #57637E;transition: left .25s ease-in-out;}

a.a-link--border-effect:active:before,.a-link--border-effect:focus:before,.a-link--border-effect:hover:before {
    left: 30%
}
a.a-link--border-effect:after {content: "";font-style: normal;font-weight: 400;font-variant: normal;
    text-transform: none;line-height: 1;font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-alt: "";
    speak: none;
    font-size: 1.2rem;
}
a.a-link--border-effect,.a-link--border-effect:active,.a-link--border-effect:focus,.a-link--border-effect:hover {
    color: #091625
}

a.a-linkBorderEffectAzul {
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-bottom: .5rem;
    font-family: 'Lato', Open Sans, Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-decoration: none;
    
}
a.a-linkBorderEffectAzul:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .2rem;
    background-color: #193062;
    transition: left .25s ease-in-out
}
a.a-linkBorderEffectAzul:active:before,.a-linkBorderEffectAzul:focus:before,.a-linkBorderEffectAzul:hover:before {
    left: 30%
}
a.a-linkBorderEffectAzul:after {
    content: "";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-alt: "";
    speak: none;
    font-size: 1.2rem;
}
a.a-linkBorderEffectAzul,.a-linkBorderEffectAzul:active,.a-linkBorderEffectAzul:focus,.a-linkBorderEffectAzul:hover {
    color: #091625
}

/* enlace subrayado azul caja modal */
a.linkRayaIzqDer {overflow: hidden;display: inline-block;}
a.linkRayaIzqDer:after {content: "";width: 100%;height: 2px;background: #193062;}
a.linkRayaIzqDer {display: inline-block;}
a.linkRayaIzqDer {color: #193062;text-decoration: none;padding: 0 0 3px;}
a.linkRayaIzqDer {position: relative;}
a.linkRayaIzqDer:after {position: absolute;bottom: 0;left: -100%;transition: left .8s;}
a.linkRayaIzqDer:hover:after {left: 0;color: #19306240;}
/* fin enlace subrayado azul caja modal */
a.linksRayaIzqDer {position: relative}
a.linksRayaIzqDer:after {position: absolute;bottom: 0;left: -100%;transition: left .8s;}
a.linksRayaIzqDer:hover:after {left: 0;}
a.linksRayaIzqDer {overflow: hidden;display: inline-block}
a.linksRayaIzqDer:after {content: "";width: 100%;height: 2px;background: #193062}
a.linksRayaIzqDer {display: inline-block}
a.linksRayaIzqDer {color: #193062;text-decoration: none;padding: 0 0 3px}



/* Italica, Negrita y subrayado*/
.negrita{font-weight:900;}
.sinNegrita{font-weight:normal;}
.subrayado{text-decoration:underline;}
.Italic{font-style: italic;}
/*fin Italica, Negrita y subrayado*/


/* opacidades */
.opacity0{opacity:0}
.opacity01{opacity:0.1}
.opacity02{opacity:0.2}
.opacity03{opacity:0.3}
.opacity04{opacity:0.4}
.opacity05{opacity:0.5}
.opacity06{opacity:0.6}
.opacity07{opacity:0.7}
.opacity08{opacity:0.8}
.opacity09{opacity:0.9}
.opacity10{opacity:1}
/* fin opacidades */


/* centrar */
.margin0auto{margin:0 auto;}


/* márgenes y paddings */
.marginRight80px{margin-right:80px;}
.marginRight30px{margin-right:30px;}
.marginRight21px{margin-right:21px;}
.marginRight20px{margin-right:20px;}
.marginRight15px{margin-right:15px;}
.marginRight16px{margin-right:16px;}
.marginRight12px{margin-right:12px;}
.marginRight10px{margin-right:10px;}
.marginRight5px{margin-right:5px;}
.marginRight3px{margin-right:3px;}
.marginRightBuscarMapa{margin-right: 40px;}

.marginLeft30px{margin-left:30px;}
.marginLeft20px{margin-left:20px;}
.marginLeft15px{margin-left:15px;}
.marginLeft10px{margin-left:10px;}
.marginLeft6px{margin-left:6px;}
.marginLeft5px{margin-left:5px;}
.marginLeft3px{margin-left:3px;}

.marginTop0{margin-top: 0px;}
.marginTop2por{margin-top: 2%;}
.marginTop2px{margin-top: 2px;}
.marginTop5px{margin-top: 5px;}
.marginTop10px{margin-top: 10px;}
.marginTop15px{margin-top: 15px;}
.marginTop19px{margin-top: 19px;}
.marginTop20px{margin-top: 20px;}
.marginTop30px{margin-top: 30px;}
.marginTop35px{margin-top: 35px;}
.marginTop37px{margin-top: 37px;}
.marginTop40px{margin-top: 40px;}
.marginTop50px{margin-top: 50px;}
.marginTop55px{margin-top: 55px;}
/*.marginTop87px{margin-top: 87px;}  creo que no se usa*/
.marginTop60px{margin-top: 60px;}
.marginTop120px{margin-top: 120px;}
.marginTop-100px{margin-top:-100px;}


.marginBottom0{margin-bottom: 0px;}
.marginBottom5px{margin-bottom: 5px;}
.marginBottom10px{margin-bottom: 10px;}
.marginBottom15px{margin-bottom: 15px;}
.marginBottom20px{margin-bottom: 20px;}
.marginBottom30px{margin-bottom: 30px;}
.marginBottom60px{margin-bottom: 60px;}

.margin20px{margin: 20px;}
.margin15px{margin: 15px;}
.margin10px{margin: 10px;}
.margin8px{margin: 8px;}
.margin5px{margin: 5px;}
.margin04px{margin: 4px;}
.margin03px{margin: 3px;}
.margin0px{margin: 0px !important;}
.margin15DerIzqPc{margin: 10px 7.5% 10px 7.5%;}

.paddingLeft10px{padding-left:10px;}
.paddingLeft15px{padding-left:15px;}
.paddingLeft20px{padding-left:20px;}
.paddingLeft3px{padding-left:3px;}

.paddingRight3px{padding-right:3px;}
.paddingRight5px{padding-right:5px;}
.paddingRight10px{padding-right:10px;}
.paddingRight15px{padding-right:15px;}
.paddingRight20px{padding-right:20px;}
.paddingRight30px{padding-right:30px;}
.paddingRight40px{padding-right:40px;}
.paddingRight45px{padding-right:45px;}
.paddingRight60px{padding-right:60px;}
.paddingRight70px{padding-right:70px;}






.paddingBottom2px{padding-bottom:2px;}
.paddingBottom5px{padding-bottom:5px;}
.paddingBottom10px{padding-bottom:10px;}
.paddingBottom15px{padding-bottom:15px;}
.paddingBottom20px{padding-bottom:20px;}
.paddingBottom22px{padding-bottom:22px;}
.paddingBottom30px{padding-bottom:30px;}
.paddingBottom60px{padding-bottom:60px;}
.paddingBottom70px{padding-bottom:70px;}

.paddingTop06px{padding-top:6px;}


.paddingTop80px{padding-top:80px;} 
.paddingTop50px{padding-top:50px;}
.paddingTop40px{padding-top:40px;} 
.paddingTop38px{padding-top:38px;} 
.paddingTop35px{padding-top:35px;} 
.paddingTop25px{padding-top:25px;} 
.paddingTop20px{padding-top:20px;} 
.paddingTop18px{padding-top:18px;} 
.paddingTop15px{padding-top:15px;} 
.paddingTop10px{padding-top:10px;} 
.paddingTop10px{padding-top:10px;} 
.paddingTop7px{padding-top:7px;}
.paddingTop5px{padding-top:5px;}
.paddingTop2px{padding-top:2px;}
.paddingTop0px{padding-top:0px;}  


.paddingTop3por{padding-top:3%;}
.paddingTop2por{padding-top:2%;} 
.paddingTop1por{padding-top:1%;}

.paddingBottom3por{padding-bottom:3%;}
.paddingBottom2por{padding-bottom:2%;}
.paddingBottom1por{padding-bottom:1%;}

.paddingRight10Por{padding-right:10%;}
.paddingRight3por{padding-right:3%;}
.paddingRight5Por{padding-right:5%;}

.paddingRight2por{padding-right:2%;}
.paddingRight1por{padding-right:1%;}

.paddingLeft33por{padding-left:33%;}
.paddingLeft3por{padding-left:3%;}
.paddingLeft2por{padding-left:2%;}
.paddingLeft1por{padding-left:1%;}


.padding3por{padding:3%;}
.padding2por{padding:2%;}
.padding1por{padding:1%;}

.padding5px{padding:5px;}
.padding10px{padding:10px;}
.padding20px{padding:20px;}
.padding40px{padding:40px;}
/* fin márgenes y paddings */


/* alturas */
.height2 { height: 2px;}
.height6 { height: 6px;}
.height10 { height: 10px;}
.height15 { height: 15px;}
.height20 { height: 20px;}
.height25 { height: 25px;}
.height28 { height: 28px;}
.height30 { height: 30px;}
.height35 { height: 35px;}
.height40 { height: 40px;}
.height45 { height: 45px;}
.height50 { height: 50px;}
.height56 { height: 56px;}
.height60 { height: 60px;}
.height70 { height: 70px;}
.height80 { height: 80px;}
.height90 { height: 90px;}
.height155 { height: 155px;}
.height405{ height: 405px;}
.height425{ height: 425px;}

.height100x100{height: 100%;}

.minHeight20 { min-height: 20px;}
.minHeight43 { min-height: 43px;}
.minHeight40 { min-height: 40px;}
.minHeight50 { min-height: 50px;}
.minHeight75 { min-height: 75px;}
.minHeight80 { min-height: 80px;}
.minHeight100 { min-height: 150px;}
.minHeight150 { min-height: 150px;}
.minHeight160 { min-height: 160px;}
.minHeight170 { min-height: 170px;}
.minHeight222 { min-height: 222px;}
.minHeight240 { min-height: 240px;}
.minHeight250 { min-height: 250px;}
.minHeight96TitusProduct { min-height: 96px; align-items: center;display: flex;justify-content: center;}

.minHeight206 { min-height: 206px;}
.minheight450{ min-height: 450px;}

.minmaxheight150{min-height: 150px;max-height: 150px;}
.minmaxheight230{min-height: 230px;max-height: 230px;}

.maxHeight40 { max-height: 40px;}

.heightIconocesta{ height: 35px;margin-top: 5px;}
.heightIconocestaTablaA{ height: 24px;margin-top: -3px;}
.heightIconocestaTabla{ height: 24px;}
/* fin alturas */

.sizeIcoMapaTabla{width: 24px;margin-bottom: -3px;}
.sizeIcoMapaTablaCnig {width: 30px;margin-bottom: -4px;}
.btnSizeIcoMapaTabla {width: 29px;}
.btnSizeIcoMapa {width: 30px;margin-top: -9px;margin-bottom: -4px;}
.btnSizeIcoInfo {width: 14px; margin-top: -9px; margin-bottom: -4px;}
/* anchos */
.maxWidth4px{max-width: 4px;}
.maxWidth20px{max-width: 20px;}
.maxWidth25px{max-width: 25px !important;}
.maxWidth50px{max-width: 50px;}
.maxWidth100px{max-width: 100px;}
.maxWidth200px{max-width: 200px;}
.maxWidth281pxCombobox{max-width: 281px;}
.maxWidth300px{max-width: 300px;}
.maxWidth400px{max-width: 400px;}
.maxWidth405px{max-width: 405px;}
.maxWidth550px{max-width: 550px;}
.maxWidth650px{max-width: 650px;}
.maxWidth800px{max-width: 800px;}
.maxWidth900px{max-width: 900px;}
.maxWidth1250px{max-width: 1250px;}
.maxWidth90x100{max-width: 90%;}
.maxWidth80x100{max-width: 80%;}
.maxWidth49x100{max-width: 49%;}
.maxWidth20x100{max-width: 20%;}
.maxWidth10x100{max-width: 10%;}

.minwidth10px{min-width:10px;}
.minWidth25px{min-width: 25px;}
.minWidth30px{min-width: 30px;}
.minWidth100px{min-width: 100px;}
.minWidth108px{min-width: 108px;}
.minWidth200px{min-width: 200px;}
.minWidth300px{min-width: 300px;}
.minWidth300pxBuscador{min-width: 80%;}

.minWidth80xc{min-width: 80%;}
.minWidth90xc{min-width: 90%;}
.minWidth20x100{min-width: 20%;}

.width11px{width:11px}
.width15px{width:15px}
.width20px{width:20px}
.width24px{width:24px}
.width30px{width:30px}
.width180px{width: 180px !important;}
.width100x100{width: 100%;}





/*alto y ancho*/
.width40{width: 40px;}
.width50{width: 50px;}
.width150{width: 150px;}
.height150{height: 150px;}
.height100px{height: 100px;}
.height60px{height: 60px;}
.maxHeight36{max-height: 36px;}
/*fin alto y ancho*/

/*cajas alertas*/
.alertas { margin-top: 13px;margin-bottom: 13px;padding: 0 .7em;}
/*fin cajas alertas*/

/*.hrSeries {border: 0.5px solid #41b8be; width: 100%;}*/


.mayusculas{text-transform:uppercase;}
.minusculas{text-transform:lowercase;}
.capitalize{text-transform:capitalize;}

/* colores */
.colorBlanco{color:#fff;}
.colorGrey{color: #00000020}/*20% de negro*/
.colorAzulOscuro{color:#000033;}
.colorAzulClaro{color:#193062;}
.colorAzulFondo{background-color:#193062;}
.colorVerde{color:#41b8be;}
.colorVerdeClaro{color:#57637E;}/*usado en los textos*/
.colorVerdeFondo{background-color:#41b8be;}
.colorGrisCorporativo{color:#41b8be;}
.colorGris{color: #f6f6f6}
.colorGrisclaroFondo { background-color: #ecf1f5;}
.colorGreyFondo{background-color: #f7f8fa}
.colorBlancoFondo{background-color:#fff;}
/* fin colores */

.txtBlanco{color:#fff;}
.fondoBlanco{background-color:#fff !important;}
.txtNegro{color:#000;}
.fondoNegro{background-color:#000;}
.txtVerdeOscuro{color: #57637E;}

.info{font-weight:bold;text-align:center;padding:3%;border-radius:5px;color:#193062;}
/* fin colores textos */

/* línea azul debajo del menú */
.linAzultxtBlanco { color:#fff;background-color: #2d4284 !important;}
/* línea azul debajo del menú */

/* enlaces con efecto */
a.linksRecuadro1 {display: inline-block;color: #193062;text-decoration: none !important;line-height: 16px}
a.linksRecuadro1 {position: relative;}
a.linksRecuadro1:after,a.linksRecuadro1:before {content: "";width: 100%;height: 2px;position: absolute;box-sizing: border-box;transform: scale(0)}
.linksRecuadro1:before {transform: translateX(100%);bottom: 0;left: 0;height: 2px;border-bottom: 2px solid transparent;border-left: 2px solid transparent;transition: .1s transform linear,.1s height linear .1s}
.linksRecuadro1:after {transform: translateX(-100%);top: 0;left: 0;height: 2px;border-top: 2px solid transparent;border-right: 2px solid transparent;transition: .1s transform linear .2s,.1s height linear .3s}
.linksRecuadro1:hover:after,.linksRecuadro1:hover:before {transform: translateX(0);height: 100%;border-color: #193062}
/* fin enlaces con efecto */

/* border radius - redondear esquinas */
.borderRadius3{border-radius: 3px;}
.borderRadius4{border-radius: 4px;}
.borderRadius10{border-radius: 10px;}
/* fin border radius - redondear esquinas */

/*borde color caja*/
.border1pxGrey{border: 1px solid #ced4da;}
.border1pxAzulclaro{border: 1px solid #c2dbef;}
.border1pxVerdeclaro{border: 1px solid #48c6b7;}
.border1pxVerde{border: 1px solid #00ff3c;}
/*fin borde color caja*/


.fondoAltaNuevoUsuario{
 /*background-image:url( '../img/fondoAltaNuevoUsuario.png');
    background-repeat: no-repeat;
    background-size: cover !important;*/
    background-color:#173763;
}
/*colores fondo div descargas*/

@keyframes anim{
    0% {background-color: #193062;} /*Azulmenu*/
   /*25% {background-color: #41b8be;}*/ /*Verde*/
   /*50% {background-color: #193062;}*/ /*Azulmenu*/
   100% {background-color: #41b8be;} /*Otra vez verde*/
  /*100% {background-color: #193062;}*/ /*Otra vez Azulmenu*/
}
div.descargas {
  animation-name: anim;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  max-width: 220px;
  padding: 8px;
}
/* fin color enlaces */

.fondoColornav { background-color: /*#193062*/#193063; width: auto;}
@media only screen and (max-width: 980px) {
    .fondoColornav { background-color: #193063; width: 100%; float: right;}
}

/*cabecera*/
header{overflow: hidden; width:100%; min-height: 80px; margin: 0 auto;
 /*background: #193062;*/position: relative; z-index: 100;}
a.txtSupCdDCabenlace { font-size: 2.7em; padding:0px; color:#193063; text-align: center;text-decoration:none;}
a.txtSupCdDCabenlace:hover { font-size: 2.7em; padding:0px; color:#57637E; text-align: center;}
@media only screen and (max-width: 1220px) {
	a.txtSupCdDCabenlace { font-size: 2.3em;}
	a.txtSupCdDCabenlace:hover { font-size: 2.3em;}
}
@media only screen and (max-width: 1080px) {
	a.txtSupCdDCabenlace { font-size: 2em;}
	a.txtSupCdDCabenlace:hover { font-size: 2em;}
}
.img-fluid {max-width: 100%; height: auto;}

a.linkCab {text-decoration: none;}
a.linkCab:hover {text-decoration: none;}

.imgMinisterio{ display: flex; margin: 4px; max-height: 65px;padding-left:3%;}
.heightRedesSociales {max-height: 37px;}
.contentRRSS{margin-top:1.5em; height:30px;}
.txtSuperiorCabecera {font-size: 1.1em; padding: 0; }
.txtSupCdDCab { font-size: 2.7em; padding:0px; color:#fff; text-align: center;}

/*iconos cabecera */
.icoUser{bottom: 2px; position: relative;}
.icon {display: inline-block;width: 17px;height: 17px;background-size: cover; bottom: -8px; position: relative;}
.iconBlshop {background-image: url(../img/shop-fill.svg);}
.iconBlshop:hover, .iconBlshop:focus { background-image: url(../img/shop-fillN.svg);}
/*fin iconos cabecera */


.fontSizeUsuario{line-height: 23px;}
.fontSizesobre{/*font-size:1.1em;*/line-height: 33px;}

.capaCestaMenu{margin-top: 2px;}

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

    .heightRedesSociales {height: 100%;}
    .contentRRSS{margin-top:1.5em; margin-bottom:5px;right:10px;height:45px;}
    header{ min-height: 80px;}
    .imgCdD{ display: flex; max-height: 100px;}
}
@media only screen and (max-width: 1547px) {
    .heightRedesSociales {height:100% ; }
    .contentRRSS{margin-top:1.5em; height:45px;}
    .txtSuperiorCabecera{font-size: 1em;padding: 0;}
    .txtSupCdDCab { font-size: 2.6em; padding:0px; color:#fff; text-align: center;}


}
@media only screen and (max-width: 1320px) {
    .heightRedesSociales { height: 45px;}
    .txtSuperiorCabecera{font-size: 0.9em;padding: 0;}
    .txtSupCdDCab { font-size: 2.2em; padding:0px; color:#fff; text-align: center;}
}

@media only screen and (max-width: 1200px) {
    header{ min-height: 59px;}
    .txtSuperiorCabecera{font-size: 0.9em;padding: 0;}
    .txtSupCdDCab { font-size: 2.1em; padding:0px; color:#fff; text-align: center;}
}

@media only screen and (max-width: 1100px) {    
    .txtSuperiorCabecera{font-size: 0.8em;padding: 0;}
    .txtSupCdDCab { font-size: 1.9em; padding:0px; color:#fff; text-align: center;}
}
@media only screen and (max-width: 1024px) {
    .heightRedesSociales { height: 45px;}
    .contentRRSS{margin-top:1.1em; height:30px;}
    .txtSuperiorCabecera{font-size: 1.6vw;padding: 0.1vw;}
    .icon {bottom: -8px;}
    .txtSuperiorCabecera{font-size: 0.8em;padding: 0;}
    .txtSupCdDCab { font-size: 1.9em; padding:0px; color:#fff; text-align: center;}
}
@media only screen and (max-width: 980px) {
    .nav-container{padding-top: 0; display: block;}
    /*div.usuario {max-width: 220px; padding: 8px;}*/
    .icon {bottom: -6px;}
    .txtSuperiorCabecera{font-size: 0.8em;padding: 0;}
    .txtSupCdDCab { font-size: 1.6em; padding:0px; color:#fff; text-align: center;}
}
@media only screen and (max-width: 844px) {
    .contentRRSS{margin-top:0.9em;height:30px;}
    header{ min-height: 62px;}
    .txtSuperiorCabecera{font-size: 0.7em;padding: 0;}
    .txtSupCdDCab { font-size: 1.5em; padding:0px; color:#fff; text-align: center;}
}
@media only screen and (max-width: 768px) {
    header{min-height: 154px; width:100%;}
    header #headerTable{}

    header .headerLeftTop{display:none;}
    header .headerCenterTop{width: 80%; float:left; text-align: center; padding: 10px; padding-left: 16%; padding-right: 0;}
    header .headerRightTop{width: 20%; float:right; 
        background-image:url('../imgCdD/headerRight.png');
        background-repeat: no-repeat; text-align: right;  padding:0 0 0 0;}

    header .headerLeft{width: 22%; float:left; padding: 10px; padding-right: 20px;}
    header .headerCenter{width: 50%; float:left; text-align: center; padding: 4px;}
    header .headerRight{width: 12%; float:right; 
        background-image:url('../imgCdD/headerRight.png');
        background-repeat: no-repeat; text-align: right;  padding:0 10px  10px 0;}

    .cestadescargas { color:#fff; text-decoration: none; padding-right: 3px;}
    .cestadescargas:hover {
        text-decoration: none;
        color:#41b8be;
        background-color: #41b8bed9;
        padding-right: 3px;
        transition: all .8s ease-in-out;
        -webkit-transition: all .8s ease-in-out;
    }
    .cestadescargasllena { color:#fff; text-decoration: none;padding-right: 3px;}
    .cestadescargasllena:hover {text-decoration: none;color:#41b8be;background-color: #41b8bed9;padding:0px;padding-right: 3px;}
    /*.imgCdD {display:flex; width: 90%; margin: 0 auto;}*/
    .imgMinisterio {display: flex; margin: 4px; max-height: 46px;padding-left:0%; text-align: center;}
    .contentIdiomas { bottom: 0px; padding-right:10px; color:#fff; padding-left: 0px; padding: 8px;}
    .icon {bottom: -2px;}
    .txtSuperiorCabecera{font-size: 1em;padding: 0;}
    .txtSupCdDCab { font-size: 2.8em; padding:0px; color:#fff; text-align: center;}
    
    .maxWidth281pxCombobox{max-width: 97%;}
}

@media only screen and (max-width: 550px) {
    header{min-height: 130px;}
    header .headerLeft{width: 40%; float:left; padding: 10px; padding-right: 20px;}
    header .headerCenter{width: 100%; float:left; text-align: center; padding: 4px;}
    .txtSuperiorCabecera{font-size: 0.7em;padding: 0;}
    .txtSupCdDCab { font-size: 2em; padding:0px; color:#fff; text-align: center;}
    .heightRedesSociales { height: 35px;}
}
@media only screen and (max-width: 430px) {.maxWidth281pxCombobox{max-width: 95%;}}
@media only screen and (max-width: 350px) {
    header .headerLeftTop{display:none;}
    header .headerCenterTop{width: 80%; float:left; text-align: center; padding-top: 10px; padding-right: 0;}
    header .headerRightTop{width: 20%; float:left; 
        background-image:url('../imgCdD/headerRight.png');
        background-repeat: no-repeat; text-align: right; padding-top:0; padding-right:0; margin-right: 0px}
        .txtSuperiorCabecera{font-size: 2.9vw; padding: 0.7vw;}
    header .headerLeft{width: 40%; float:left; padding: 10px; padding-right: 20px;}
    header .headerCenter{width: 100%; float:left; text-align: center; padding: 4px;}
    .txtSuperiorCabecera{font-size: 0.6em;padding: 0;}
    .txtSupCdDCab { font-size: 1.8em; padding:0px; color:#fff; text-align: center;}
    .heightRedesSociales { height: 30px;}
    .maxWidth281pxCombobox{max-width: 93%;}
}
@media only screen and (max-width:280px){.maxWidth281pxCombobox{max-width: 92%;}}
/* alta nuevo usuario */
.centrarAltaUsu {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 15%;
  padding: 10px;
  grid: 100% / auto auto auto;
}
.centrarRegistrate{
	display: inline-block;
    /*background: #fff;*//*rgba(23, 55, 99, 0.9)*/
    /*height: 160px;*/
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 10px;
    padding: 10px;
    /*grid: 25% / auto auto auto auto;
    bottom: 46px !important;
    position: absolute;
    width: 100%;*/
}
@media only screen and (max-width: 640px) {.centrarRegistrate{display: inline;}}
@media only screen and (max-width: 1368px) {.centrarAltaUsu {gap: 10%;}}
@media only screen and (max-width: 1024px) {.centrarAltaUsu {gap: 10px;}}
/* fin alta nuevo usuario */


/* novedades */
.contenedorNovedades {
    list-style-type: none;
    border: 1px solid #e4e5e7;
    margin-bottom: 20px;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
/*.contenedorNovedades:hover {box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)}*/
.cajaNovedades {overflow: hidden;width: 100%;padding: 0px;float: inherit;height: auto;}
/* fin novedades */

.barraParallaxHome{position:absolute;bottom: 0%;width: 100%;background:#57637E;line-height: 2.4;}

#parallaxFotoHome {
  height:100%;
  display: grid;
  /*grid-template-columns: auto auto auto;*/
  gap: 10px;
  padding: 10px;
  grid: 33% / auto auto auto;

}
#parallaxHome {
  height:100%;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 10px;
  padding: 10px;
  grid: 33% / auto auto auto;

}
#parallaxHome div {
  /*background-color: rgba(255, 255, 255, 1);*/
  text-align: center;
  /*padding: 0;
  font-size: 30px;*/
}
#parallaxBusHome {
  height:100%;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 10px;
  padding: 10px;
  grid: 25% / auto auto auto auto;
  /*margin-top: 30px;
  bottom: 20%;
  margin-left:3%;margin-right:3%*/
}
#parallaxBusHome div {text-align: center;}

#parallaxMapHome {
    height:100%;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 10px;
    padding: 10px;
    grid: 33% / auto auto auto;
    /*margin-top: 30px;
    bottom: 20%;
    margin-left:3%;margin-right:3%*/}

/*@media only screen and (max-width: 440px) {#parallaxMapHome {display: list-item;padding: 0px;}}*/
@media only screen and (max-width: 3860px) {
  .marginMonitor{margin-top: -15%;}
  .separaParallax{  margin-top: 220px;}}
@media only screen and (max-width: 3200px) {.marginMonitor{margin-top:  0%;}}
@media only screen and (max-width: 2560px) {.marginMonitor{margin-top: 0%;}}
@media only screen and (max-width: 300px) {.marginMonitor{margin-top: 5%;}
    #parallaxMapHome {gap: 0px; padding: 0px;}
}

#parallaxTxtBusHome {
  height:100%;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 10px;
  padding: 10px;
  grid: 20% / auto auto auto auto auto;
}

#dosH{
    display: inline-block;
    background: /*rgba(23, 55, 99, 0.9)*/#fff;
    height: 160px;
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 10px;
    padding: 10px;
    grid: 33% / auto auto auto;
    bottom: 46px !important;
    position: absolute;
    width: 100%;
}
.tituloH{ font-size: 2em;}
.separaParallax{  margin-top: 180px;}
.separaBuscador{  margin-top: 50px;/*margin-top: 10%;*/}
@media only screen and (max-width: 1920px) {
  .separaBuscador {margin-top: 50px;}
  .separaParallax{  margin-top: 180px;}
}
@media only screen and (max-width: 768px) {
  #parallaxTxtBusHome {display: list-item;}
  .separaBuscador{  margin-top: 40px;*}
}

.mostrarOcultarDiv{display: inherit;}
@media only screen and (max-width: 980px) {.mostrarOcultarDiv{display: none;}}

.body {height: 100%;margin: 0;}

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top:-120px;

}
.bgimg-1 {background-image: url('../imgCdD/parallax/home-aa.jpg');min-height: 100%;}

.bgimg-2 {background-image: url('../imgCdD/parallax/home-bb.jpg');min-height: 100%;}
.bgimg-3 {background-image: url('../imgCdD/cabecera-home-1.jpg');min-height: 100%;}
.bgimg-4 {background-image: url('../imgCdD/parallax/home-cc.jpg');min-height: 100%;}
.bgimg-5 {background-image: url('../imgCdD/parallax/home-dd.jpg');min-height: 100%;}
/*.bgimg-1 {background-image: url('../imgCdD/home-fotografias-aereas.jpg');min-height: 100%;}
.bgimg-1 {background-image: url('../imgCdD/home-fotografias-aereas-2.jpg');min-height: 100%;}*/
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {background-attachment: scroll;}
}
.cajaHome{margin-top: -120px;}
.sizeMapa{height: 40px;}
.sizeMapa1 {
    height: 60px;margin-top: -20px;
    margin-left: 170px;
}
.sizeMapa2 {
    height: 40px;margin-left: 10px;
}
.buscarEnMapa{background: rgba(23, 55, 99, 0.9); border-radius: 5px;}
/* fin cabecera */
.icoCertificado{height:35px}
.icoLicencia{height:30px}
.icoLicenciaBtn{height:14px}



@media only screen and (max-device-width: 420px) {.caption { width: 100%; min-width: 400px;}.marginRightBuscarMapa{margin-right: 20px;}}
@media only screen and (max-device-width: 390px) {.caption {min-width: 345px;}}
@media only screen and (max-device-width: 375px) {.caption {min-width: 345px;}}
@media only screen and (max-device-width: 360px) {.caption {min-width: 335px;}}
@media only screen and (max-device-width: 320px) {.caption {min-width: 300px;}}
@media only screen and (max-device-width: 280px) {.caption {min-width: 250px;}.marginRightBuscarMapa{margin-right: 5px;}}


/* barra gris sección */
.grey{
  border-right-color:#f6f6f6;
  border-right-style: solid;
  border-right-width: 5px;
  padding-left: 5px;
  margin-block-start: 0px; margin-block-end: 0px;
  font-size: calc(2em + 0.41vw);
}
.blanco{
  background: #ffffff;
  border-right-color:#ffffff;
  border-right-style: solid;
  border-right-width: 5px;
  padding-left: 5px;
  margin-block-start: 0px; margin-block-end: 0px;
  font-size: calc(2em + 0.79vw);
}
.izqicoLayer{width: 5%;}
.centroicoLayer{width: 82%; margin-top: 8px }
.altoicoLayers{min-height: 40px !important; padding-right: 10px; margin-top: 4px; margin-left: 4px; max-height: 40px;}


@media only screen and (max-width: 1200px) {
  .rayas span{font-size: calc(2em + 0.90vw);}
  .izqicoLayer{width: 7%;}
}
@media only screen and (max-width: 1024px) {
  .rayas span{font-size: calc(2em + 1.31vw);}
  .izqicoLayer{width: 9%;}
}

@media only screen and (max-width: 788px) {
  .rayas span{font-size: calc(2em + 1.3vw);}
  .izqicoLayer{width: 10%;}  
}
@media only screen and (max-width: 640px) {
  .rayas span{font-size: calc(2em + 0.99vw);}
   .blanco{
    border-right-width: 3px;
    padding-left: 3px;
    margin-block-start: 0px; margin-block-end: 0px;
    font-size: calc(2em + 0.41vw);
  }
  .grey{
    border-right-width: 3px;
    padding-left: 3px;
    margin-block-start: 0px; margin-block-end: 0px;
  }
}
@media only screen and (max-width: 500px) {
  .rayas span{font-size: calc(2em - 0.3vw);}
   .blanco{
    border-right-width: 2px;
    padding-left: 2px; 
    margin-block-start: 0px; margin-block-end: 0px;

  }
  .grey{
    border-right-width: 2px; 
    padding-left: 2px; 
    margin-block-start: 0px; margin-block-end: 0px;

  }
}

@media only screen and (max-width: 780px) {
  .centroicoLayer{width: 82%; margin-top: 3px }
  .altoicoLayers{min-height: 22px !important; padding-right: 6px; margin-top: 2px;max-height: 33px;}
  .izqicoLayer{width: 10%;}
}
@media only screen and (max-width: 480px) {
  .altoicoLayers{min-height: 19px !important; padding-right: 6px; margin-top: 2px;}
}
@media only screen and (max-width: 449px) {
  .rayas span{font-size: calc(2em - 0.9vw);}
}
@media only screen and (max-width: 360px) {
  .rayas span{font-size: calc(2em - 1.9vw);}
}
@media only screen and (max-width: 330px) {
  .rayas span{font-size: calc(2em - 3.1vw);}
}
@media only screen and (max-width: 295px) {
   .rayas span{font-size: calc(1.12em + 1.1vw);}
   .centroicoLayer{width: 77%; margin-top: 3px }
}
@media only screen and (max-width: 280px) {
  .izqicoLayer{width: 12%;}
  .centroicoLayer{width: 78%; margin-top: 3px }
  .rayas span{font-size: calc(1.12em + 1.1vw);}
}
/* fin barra gris sección */

/******************************/
main { width: 500px; margin: auto;}
#modal {border: 1px solid #eceded; background: #fff; color: #193062; position: absolute; top: -150vh; right: 36px; height: 192px; transition: transform 900ms ease-in-out;
   width: 280px; transition: all 2s; border-radius: 10px;}
.cajaModal{max-width: 260px; padding-inline-start: 10px;}
.minWidth460px{min-width: 460px;}
.height38px{height: 38px;}
#mostrar-modal {  display: none;  }
#mostrar-modal + label {  /*background: #193063;*/  display: table;  margin: 0;  color: #fff; cursor: pointer;}
#mostrar-modal + label:hover { background: transparent; color:#00ffff; text-decoration: none;}
#mostrar-modal:checked ~ #modal {  top: 40px;  background: #f6f6f6;}
#mostrar-modal:checked ~ #cerrar-modal + label {  display: block;}

.MiCuenta280px{max-width: 280px;}

#cerrar-modal {  display: none;}
#cerrar-modal + label {  position: absolute; top: 20px; right: 20px; z-index: 100;
  color: #fff; font-weight: bold; cursor: pointer; background: #193062; width: 25px;
  height: 25px; line-height: 25px; text-align: center; border-radius: 50%;  
  transition: all 1.5s;}
#cerrar-modal + label:hover {background: #57637E; color:#193062; text-decoration: none;}
#cerrar-modal:checked ~ #modal {  top: -100vh;}
#cerrar-modal:checked + label {display: none; }

@media only screen and (max-width: 768px) {  
  #modal { right: 3px;}
  #cerrar-modal + label { top: 0px !important;  }
}


@media only screen and (max-width: 414px) {
  #cerrar-modal {  display: none;}
  #cerrar-modal:checked ~ #modal {  top: -100vh;}
  #cerrar-modal:checked + label {  display: none;}
}


@media only screen and (max-width: 350px) {
  #modal { right: 0px;width: 332px;}
  #cerrar-modal {  display: none;}
  #cerrar-modal:checked ~ #modal {  top: -100vh;}
  #cerrar-modal:checked + label {  display: none;}
}
@media only screen and (max-width: 280px) {
  #modal {right: 0px;}
  #cerrar-modal {  display: none;}
  #cerrar-modal + label {  top: 10px !important;}
  #cerrar-modal:checked ~ #modal {  top: -100vh;}
  #cerrar-modal:checked + label {  display: none;}
}
/* fin menu usuario */


/******************************/

/*listas con guión */
.listaguion{list-style-type: Square; color: #193062}
/*listas con guión */
.listaSinMargen{list-style-type: none; margin-left: -21px;}
.listaSinBullet{list-style-type:none;}
/* footer */
footer{
    color:#193062;
    background-color: #fff;
    font-size:0.9em;
    padding-left: 3%;
    padding-right: 3%;
    border-top: 1px solid #dee2e6 !important;
    margin-top: auto;
}
.rsFooter{margin: 1px; text-align: right;}
.colorAMFooter{color:#57637E;}
.titulosFooter {color: rgba(241,131,46,1);}
.footer li, .footer ul {  list-style: none; text-align: left; line-height: 1.5em;}

@media screen and (max-width: 768px) {
    .rsFooter{text-align: left;}
    footer{padding-left: 2%;padding-right: 2%;height:fit-content;display: flow-root;}
    .redesSocialesFooter{ float:left;}
}

/* modal  Z-index of #mask must lower than #boxes .window */
#mask { position:absolute; z-index:9000; background-color:#000; display:none;}
  
#boxes .window { position:fixed; width:700px; height:700px; display:none; 
    z-index:9999; padding:20px; margin: 0px; background-color: #ededed; overflow-y: auto;}

/* Customize your modal window here, you can add background image too */
#boxes #dialog { width:100%;  height:100%;}
/* fin modal */

.imput-datePicker{
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    /*font-size: 1rem;
    font-weight: 400;*/
    line-height: 1.5;
    color: #193062;
    /*color: #212529;*/
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    width: 100%;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group>.form-control, .input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 50%;
    min-width: 0;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.7rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #193062;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.form-control {
   display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    /*font-size: 1rem;
    font-weight: 400;*/
    line-height: 1.5;
     background-color: #fff;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/*.form-controlBuscar {
   display: inline-block;
    width: 80%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
     background-color: #fff;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
*/
.form-controlBuscar {
    display: inline-block;
    width: 80%;
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin: 20px;
}


/* The Modal (background) */
.modalCDD {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
 
.modalCDD-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  padding-top:3px;
  border: 1px solid #888;
  border-radius:15px; 
 	max-width:fit-content;
 	min-width:30%;
}

/* The Close Button */
.closeCDD {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closeCDD:hover,
.closeCDD:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/*imput disabled (licencias)*/
input[type="submit" i]:disabled {
    background-color: rgba(23, 118, 159, 0.3);
    background-repeat: repeat-x;
    border-radius: 20px 20px 20px 20px;
    color: white;
    cursor: none;    
}
input[type="button"]:disabled {
    background-color: rgba(23, 118, 159, 0.3);
    background-repeat: repeat-x;
    border-radius: 20px 20px 20px 20px;
    color: white;
    cursor: none;
}

.boton{
    color: #fff; 
    background-color: transparent;
    border: 0;
    cursor: pointer;
}
.boton:hover {
    color: #41b8be !important;
    background-color: transparent;
    border: 0;    
}
.buton{
    color: #193062; 
    background-color: transparent;
    border: 0;
    cursor: pointer;
}
.buton:hover {
    color: #41b8be !important;
    background-color: transparent;
    border: 0;    
}

.btn {
    min-width: 10em; 
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition-behavior: normal, normal, normal, normal;
    transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0s, 0s;
    transition-property: color, background-color, border-color, box-shadow;
    background-color: #193062;
    background-repeat: repeat-x;
    border-radius: 20px 20px 20px 20px;
    color: white; 
    text-decoration: none;
}

.btn:hover {
    background-color: #193062e5 !important;
    background-image: -moz-linear-gradient(center top , #2F96B4, #2F96B4);
}
.btnHomeV {
    min-width: 10em; 
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #57637E;
    padding: 0.375rem 0.75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition-behavior: normal, normal, normal, normal;
    transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0s, 0s;
    transition-property: color, background-color, border-color, box-shadow;
    background-color: #fff;
    background-repeat: repeat-x;
    border-radius: 20px 20px 20px 20px;
    color: #57637E; 
    text-decoration: none;
}

.btnHomeV:hover {
    background-color: #57637E !important;
    background-image: -moz-linear-gradient(center top , #2F96B4, #2F96B4);
    color: #fff;
}
.btnHomeAz {
    min-width: 10em; 
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #193062;
    padding: 0.375rem 0.75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition-behavior: normal, normal, normal, normal;
    transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0s, 0s;
    transition-property: color, background-color, border-color, box-shadow;
    background-color: #fff;
    background-repeat: repeat-x;
    border-radius: 20px 20px 20px 20px;
    color: #193062; 
    text-decoration: none;
}

.btnHomeAz:hover {
    background-color: #193062e5 !important;
    background-image: -moz-linear-gradient(center top , #2F96B4, #2F96B4);
    color: #fff;
}
.btnNav {
    display: inline-block;
    line-height: 2;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition-behavior: normal, normal, normal, normal;
    transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0s, 0s;
    transition-property: color, background-color, border-color, box-shadow;
    background-color: transparent;
    border-radius: 0px 0px 0px 0px;
    color: white; 
    text-decoration: none;
}

.btnNav:hover {
    background-color: #193062e5 !important;
    background-image: -moz-linear-gradient(center top , #2F96B4, #2F96B4);
}
.btnBlanco {
    /*min-width: 150px;*/
    min-width: 10em;  
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition-behavior: normal, normal, normal, normal;
    transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0s, 0s;
    transition-property: color, background-color, border-color, box-shadow;
    background-color: #fff;
    background-image: -moz-linear-gradient(center top , #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-radius: 20px 20px 20px 20px;
    color: #193062; 
    text-decoration: none;
}
.btnBlanco:hover {
    background-color: #41b8be !important;
    background-image: -moz-linear-gradient(center top , #2F96B4, #2F96B4);
    color: #ffffff;
}

.btnNuevaAlta:hover {
    background-color: #d9dadb !important;
    background-image: -moz-linear-gradient(center top , #2F96B4, #2F96B4);
    text-decoration: none;
}

.btnSeries{
    /* estilo para posicionar los botones series y registro por delante de tabs */
    z-index: 9; 
    position: relative;
}

.buttonIconsNew {
  color:#193062;
  display:inline-block;
  padding:5px;
  text-align:center;
  min-width: 125px;
  max-width: 150px;
  width:100%;
  height: 100%;
  text-decoration:none;
  box-shadow:0px 3px 0px #373c3c;
  border-radius: 3px;
    box-shadow: inset 0 -4px 0 rgb(23,55,99);
    -webkit-box-shadow: inset 0 -4px 0 rgba(23,55,99);
      

}
.buttonIconsNew:hover {  
  box-shadow:0px 0px 0px;
  border-radius: 3px;
    box-shadow: inset 0 -4px 0 rgb(73,204,211);
    -webkit-box-shadow: inset 0 -4px 0 rgba(73,204,211);
    text-decoration: none;
  color:#193062;
}


.butn {
  border-bottom: border-bottom: 1px solid #e4e5e7;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(228, 229, 231);
  border-top: 0;
  border-right: 0;
  border-left: 0;
  background: #f7f8fa;  
  color: #193062 /*#3f4a55*/;
  padding: 6px 6px 6px 6px;
  margin: 0em 0.1em 0.1em 0.1em;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.butn:hover { background-color: #e4e5e7;}
/* btn filtrados */
 .alert {
  border-radius: 4px;
  cursor: hand;
  cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.1rem 0.75rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition-behavior: normal, normal, normal, normal;
    transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0s, 0s;
    transition-property: color, background-color, border-color, box-shadow;
    border-radius: 5px 5px 5px 5px;
    text-decoration: none;
}
.alertCheckbox { display: none;}
:checked + .alert { display: none;}
.alertText { display: table; margin: 0 auto; text-align: center; font-size: 0.9em;}
.alertClose { float: right; padding-top: 0px; font-size: 0.9em; margin-left: 5px;}


.btnFiltrado1 {
  background-color: white;
  border: 1px solid #173763;
  color: #173763;
}

.btnFiltrado1:hover {
  background-color: #f6f6f6;
  border: 1px solid #41b8be;
  color: #173763;
}


/*fin btn filtrados */


.filtradoProducto {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    background-color: #fff;
    background-image: url(../img/v-baja.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* capa desplegable boton */
.dropdown { position: relative; display: inline-block;}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 200px;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
  padding: 8px 12px;
  z-index: 1;
  top:45px;
  right: -100px !important;
}
.dropdown:hover .dropdown-content { display: block;}

.dropdown-content-tabla {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 162px;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
  padding: 8px 12px;
  z-index: 1;
  top:22px;
  right: -20px !important;
}
.dropdown:hover .dropdown-content-tabla { display: block;}


.dropdown-content-redes {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 170px;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
  padding: 6px 6px;
  z-index: 1;
  top:45px;
  right: 0px !important;
}
.dropdown:hover .dropdown-content-redes { display: block;}



/*  botones texto mas peque */
@media screen and (max-width: 350px) {
    .btn {font-size: 1em;}
    .btnBlanco {font-size: 1em;}
    .btnFondoBlancoTxtNaranjaBold {font-size: 0.9em;}
    .btnFondoBlancoTxtNaranjaBold:hover {font-size: 0.9em;}
    
}
/*  fin botones texto mas peque */

.form-select {
    font-family: 'Lato', Open Sans, Arial, Helvetica, sans-serif !important;
    display: block;
    width: 100%;
    padding: 0.3rem 2.25rem 0.375rem 0.75rem;
    /*padding: 0.375rem 2.25rem 0.375rem 0.75rem;*/
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 0.9em;
    /*font-size: 1rem;*/
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-image: url("../img/v-baja.svg");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modalBotonesContenidoAuxiliar{	
	background-color: #fff;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 8px 12px;
    z-index: 1;
    margin-top: 4px;
    right: 3% !important;
}

/*color para los placeholder de imput y textarea */
textarea, placeholder{font-family: 'Lato', Open Sans, Arial, Helvetica, sans-serif;}
select { color:#8c8c8c; /*color: #41b8be;*/ }
select:focus { color: #193062;}

option:not(:checked) { color: #193062; }
::placeholder{ color:#8c8c8c !important;}
::-ms-input-placeholder { /* Edge 12-18 */ color: #8c8c8c;}
.placeholder{ color:#8c8c8c !important;}


.localizarMapa{
  vertical-align: text-bottom; 
  max-width:730px;
  margin-right: 25px;
}

.mapa {display: contens;background-size: cover;}
.mapa-svg {
  background-image: url(../imgCdD/2-ico-map.svg);
  background-repeat: no-repeat;
  background-position: right;
}
.mapa-svg:hover, .mapa-svg:focus {
  background-image: url(../imgCdD/2-ico-map-v-h.svg);
}

@media only screen and (max-width: 1768px) {
.localizarMapa{max-width:765px;min-width: 235px;}
}

@media only screen and (max-width: 1268px) {
.localizarMapa{max-width:840px;min-width: 235px;}
 /*.mapa-svg {background-image: url(../imgCdD/2-ico-map.svg); }*/
 /* .mapa-svg:hover, .mapa-svg:focus {background-image: url(../imgCdD/2-ico-map-h.svg); }*/
}
@media only screen and (max-width: 720px) {
  . Mapa{min-width: 100%;}
}
@media only screen and (max-width: 640px) {
  .localizarMapa{max-width: 230px;}
/*  .mapa-svg {background-image: url(../imgCdD/1-ico-map.svg);}
  .mapa-svg:hover, .mapa-svg:focus {background-image: url(../imgCdD/1-ico-map-h.svg);}*/
}
@media only screen and (max-width: 450px) {.localizarMapa{max-width: 220px;}}
@media only screen and (max-width: 430px) {.localizarMapa{max-width: 390px;}}
@media only screen and (max-width: 414px) {.localizarMapa{max-width: 376px;}}
@media only screen and (max-width: 390px) {.localizarMapa{max-width: 270px;}}
@media only screen and (max-width: 360px) {.localizarMapa{max-width: 270px;}}
/* color placeholder de buscar */
::placeholder {color: #8c8c8c;opacity: 1; /* Firefox */}
::-ms-input-placeholder { /* Edge 12 -18 */ color: #8c8c8c;}
/* fin color placeholder de buscar */


/*estilos simples opcion seleccionada combobox*/
.text-black\/70 { color: #193062;}
.invalid\:text-black\/30:invalid { color: #b1b3b4;}



/*color para los placeholder de imput y textarea */

/* tabs */
.ui-tabs-vertical .ui-tabs-nav {padding: 0.2em 0.1em 0.2em 0.2em;float: left;width: 45%;}
/* tabs */
.ui-tabs-vertical { width: 100%; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 1px !important; margin: 0 0 .2em 0; }
.ui-tabs-vertical .ui-tabs-panel {padding: 0em 1em 1em 1em;/* float: right; */width: 52%; float:right}
.paddincheckboxseries{padding: 0.5em 0.5em 0.5em 0.5em;}

.borderRadius{border-radius: 4px;}
.borderRadius25{border-radius: 25px;}

@media screen and (max-width: 820px) {
    .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 45%; }
    .ui-tabs-vertical .ui-tabs-panel { padding: 0em 1em 1em 1em; float: right; width: 55%;}
}
@media screen and (max-width: 780px) {
    .ui-tabs-vertical .ui-tabs-panel {
        padding: 0em 1em 1em 1em;
        float: right;
        width: 100%;
        float: right !important;
    }
    .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 100%; }
}
ul, .sinmargenul{list-style-position:inside; padding-left:10px; list-style:none; margin:2px; padding:0;}
/* fin tabs */

ul, .margin0px{list-style:none; margin:0px; padding:0;}
ul, separalista{list-style: circle;padding-left: 20px;}
/*cards licencias */
#divScroll{
  height: 500px;
  width: 95%;
  border: 1px solid #ddd;
  background: #fff7f7;
  overflow-y: scroll;
  margin: 0 auto;
}

/*card*/
.card {
  position: relative;
  /*display: flex;*/
  display: inline-block;
  flex-direction: column;
  max-width: 95%;
  /*min-height: 42em;*/
  min-height: 17em;
  word-wrap: break-word;
  /*background-color: #fff;*/
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
}

@media only screen and (max-width: 1620px) {
    .card {min-height: 19em;}
}
@media only screen and (max-width: 1380px) {
    .card {min-height: 18.9em;}
}
@media only screen and (max-width: 880px) {
    .card {min-height: 20em;}
}
@media only screen and (max-width: 768px) {
    .card {min-height: auto;}
}
.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}




.bakgroundGristxtBlanco {
  color: #fff !important;
  background-color: #193062 !important;
}
.backgroundNaranjatxtBlanco{
  color: #fff;
  background-color: #193062 !important;
}

/* fin cards licencias */
.backgroundGrisclaro{
    background-color: #f6f6f673 !important;
}

.backgroundAzulClarotxtBlanco{
  color: #fff;
  background-color: #193062 !important;
}

.cajalinkFooter {
    background: rgba(255, 255, 255, 0.14);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100px;
    height: 75px;
    vertical-align: middle;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0.875em;
    border-radius: 5px;
}
.cajalinkCD {
    background: rgba(0, 0, 255, 0.14);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100px;
    height: 75px;
    vertical-align: middle;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0.875em;
    border-radius: 5px;
}
.cajalinkAC {
    background: rgba(0, 0, 255, 0.14);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 154px;
    height: 75px;
    vertical-align: middle;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0.875em;
    border-radius: 5px;
}
/* sombra divs */
.sombras{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
    
/* fin sombra divs */

 /*faqs*/
.content {padding: 16px;}
.sticky {position: fixed;top: 40px;/*width: 100%;*/padding-right:40px;}
@media screen and (max-width: 768px) {.sticky { position: relative; top: 0px;}}


 /* slider home */
#container-slider
{
    position: relative;
    display: block;
    width: 100%;
}
#slider {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
    min-height: 500px;
    max-height: 500px;
}
#slider li {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    z-index: -1;
    opacity: 0;
}
#container-slider .arrowPrev, #container-slider .arrowNext{
    font-size: 30pt;
    color: #193062;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50px;
    z-index: 2; 
}
#container-slider .arrowPrev:hover{    
    color: #fff;
}
 #container-slider .arrowNext:hover {    
    color: #fff;
}

#container-slider .arrowNext {
    left: initial;
    right: 50px !important;
}

.content_slider{
    padding: 15px 100px;
    color: #FFF;
    width: 100%;
    height: 100%;
    /*position:absolute;*/
    /*bottom:55px;*/
}
.content_slider div{
    text-align: center;
    width: 100%;
}
.content_slider h2{
    font-size: calc(2.1vw + 0.5vw);
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.content_slider p {
    font-size: calc(1.5em + 0.1vw) ;
    color: #FFF;
    margin-bottom: 10px;
}
#slider li .content_slider{
    background: rgba(0, 0, 0, 0.50);
    /*padding: 10px 125px;*/
}
.content_slider{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.listslider {
    position: absolute;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    left: 50%;
    bottom: 5%;
    list-style: none;
    z-index: 2;
    transform: translateX(-50%);
}
.listslider li {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    cursor: pointer;
    margin: 0 5px;
}
.listslider li a {
    background: #CCC;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
}
.item-select-slid {
    background: #FFF  !important;
}
.sliderImgUno{background-image: url("../img/1g.png");}
.sliderImgDos{background-image: url("../img/2g.png");}
.sliderImgTres{background-image: url("../img/3g.png");}
.altoCajaSlider{height: 880px !important;}
@media screen and (max-width: 760px){
    .altoCajaSlider{height: auto !important;}
}
@media screen and (max-width: 460px){
    .content_slider h2 {
        font-size:  calc(1.02em + 0.4vw); 
    }
    .content_slider p {
        font-size:  calc(0.8em + 0.4vw);
    }
    #container-slider .arrowPrev, #container-slider .arrowNext{
        font-size: 20pt;
    }
    #container-slider .arrowPrev{
        left: 15px;
    }
    #container-slider .arrowNext{
        right: 15px !important;
    }
    #slider{
        height: 320px;
        /*min-height: 320px;*/
        max-height: 320px;
    }
    #slider li .content_slider{
        padding: 10px 60px;
        height: 100%;
    }
}
/* fin slider home */

/* buscador home*/
.barraBuscadorHome{display: flex;}
.barraBuscadorHomeMini{display: none;}
.BorderRadius10Bl{border-radius: 10px; background-color: #fff;}
@media only screen and (max-width: 980px) {
    .barraBuscadorHome{display: none;}
    .barraBuscadorHomeMini{display: flex; background-color:#193062}
}
#search-box {position: relative;margin: 0;}
#search-form {
height: 32px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 13px;
background-color: #fff;
overflow: hidden;
border-top-left-radius: 0em 15em;
}
#search-text {font-size: 14px;color: #ddd;border-width: 0;background: #fff;}

#search-box input[type="text"] {
border: 1px solid #cbf3ee;
width: 90%;
padding: 7px 0 7px 1em;
color: #193062;
outline: none;
}
#search-button {
  top: 0;
  right: -18px;
  height: 34px;
  width: 90px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 4px;
  border-width: 0;
  background-color: #193062;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 15px 15px 0px;
  cursor: pointer;
}
#search-buttonMini {
  top: 0;
  height: 34px;
  width: 100%;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 4px;
  border-width: 0;
  background-color: #43a2cb;
  cursor: pointer;
}
/* fin buscador */
/* filtrado */

#nav-search {
    position: relative;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    padding: 9px 0 0 0;
    height: 60px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    border-radius: 0\9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: auto;
}


#nav-search .nav-search-scope {
    position: relative;
    top: 5px;
    float: left;
    height: 32px;
    margin: 0;
    margin-left: 5px;
    margin-right: 0px;
    overflow: hidden;
    border: 1px solid #193062;
    border-right: 1px solid #193062;    
    -webkit-border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px;
    border-radius: 16px 0 0 16px;
    border-radius: 0\9;
    background: #193062;

}

#nav-search .nav-search-facade .nav-search-label {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;;
    font-size: 14px;
    line-height: 30px;
    margin-right: 21px;
    margin-left: 21px;
    min-width: 19px;

}

#nav-search .nav-search-facade .nav-icon {
    position: absolute;
    top: 14px;
    right: 8px;
    border-style: solid;
    _border-style: dashed;
    border-width: 4px;
    border-color: transparent;
    border-top: 4px solid #fff;
    border-bottom-width: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

#nav-search .nav-search-dropdown {
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    height: 35px;
    width: auto;
    font-family: inherit;
    outline: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
    border: 0;
    line-height: 35px;
}

* html #nav-search .nav-search-dropdown {
    top: 6px;
}

#nav-search .nav-search-submit {
    position: relative;
    top: 5px;
    right: 0;
    height: 40px;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border-radius: 0\9;
    background-position: 0 -381px;
}

#nav-search .nav-search-submit:focus,#nav-search .nav-search-submit:hover {
    background-position: 0 -431px;
}

* html #nav-search .nav-search-submit {margin-left: -4px;width: 57px;}

#nav-search .nav-search-submit #nav-search-submit-text {
    position: absolute;
    top: 10px;
    left: 12px;
    color: #111;
    text-shadow: none;
}

#nav-search .nav-search-submit #nav-search-submit-text.nav-sprite {
    background-position: -10px -290px;
    width: 21px;
    height: 21px;
    text-indent: -500px;
}

#nav-search .nav-search-submit .nav-input {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    font-size: 14px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    outline: 0;
    color: #fff;
    background: 0 0;
    border: none;
    text-indent: -1000px;
    line-height: 1px;
}

#nav-search .nav-search-submit .nav-input::-moz-focus-inner {border: 0;padding: 0;}

#nav-search .nav-search-field {
    position: relative;
    top: 5px;
    height: 40px;
    background: #fff;
}

#nav-search .nav-search-field .nav-input {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    line-height: 15px;
    padding: 7px 10px 10px 0;
    margin: 0;
    border: 0;
    height: 38px;
    font-family: inherit;
    font-size: 15px;
    background: 0 0;
    color: #111;
    outline: 0;
    -webkit-appearance: none;
    box-shadow: none;
    text-indent: 8px;
    direction: ltr;
}

* html #nav-search .nav-search-field .nav-input {
    height: 33px;
    padding-top: 8px;
    padding-bottom: 8px
}

#nav-search .nav-search-field .nav-input::-ms-clear {display: none}

#nav-search .nav-active {background: #fff}

#nav-search.nav-active,#nav-search.nav-focus {
    -webkit-box-shadow: 0 0 3px 2px rgba(228,121,17,.5),0 1px 0 rgba(0,0,0,.07) inset;
    -moz-box-shadow: 0 0 3px 2px rgba(228,121,17,.5),0 1px 0 rgba(0,0,0,.07) inset;
    box-shadow: 0 0 3px 2px rgba(228,121,17,.5),0 1px 0 rgba(0,0,0,.07) inset
}

#nav-search #nav-iss-attach {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    line-height: 1
}

#nav-search #nav-vsar {
    display: flex;
    width: 40px;
    max-width: 40px;
    padding: 10px
}
.selectFiltrado{
  width: 100px;
  top: 0px;
  height: 34px;
  margin: 0;
  margin-right: 0px;
  margin-left: 0px;
  margin-left: 5px;
  margin-right: 0px;
  overflow: hidden;
  border: 1px solid #193062;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgb(23, 118, 159);
  border-right: 1px solid #193062;
  -webkit-border-radius: 16px 0 0 16px;
  -moz-border-radius: 16px 0 0 16px;
  border-radius: 16px 0 0 16px;
  border-radius: 0\9;
  background: #193062;
  color:#fff;
  padding-left: 10px;
}
.selectFiltradoMini{
  width: 96%;
  top: 0px;
  height: 34px;
  margin: 0;
  margin-right: 0px;
  margin-left: 0px;
  margin-left: 5px;
  margin-right: 0px;
  overflow: hidden;
  background: #43a2cb;
  color:#fff;
  padding-left: 10px;
  border:0px;
}
.tamanoImputSearch{min-width:430px !important; width: 100% !important;}
.botonBuscarHome{display: table-cell;}
.filtrado{display: flex;}
.imgProductHome{display: block; }
@media only screen and (max-width: 550px) {.tamanoImputSearch {min-width: 100px !important;width: 100% !important;}}
@media only screen and (max-width: 770px) {.imgProductHome{display: none;}.filtrado{display: none;}}
/* fin filtrado */



.f-nav-lc{ z-index: 9999; position: fixed;  top: 38px;float:left;} 

.headMenuAgr{
	/*font-family: 'Merriweather sans', Lato, Open Sans, Arial, Helvetica, sans-serif;*/
	/*border-bottom: 1px solid #c5c5c5;
	font-weight: normal;*/
	/*color: #3f4a55;*/
	color:#193062;
	cursor: pointer;
  	margin: 2px 0 0 0;
  	padding: .5em .5em .5em .5em;
  	display:block;
  	border-bottom: 1px solid #e4e5e7;
    background: #f7f8fa;
}

.headMenuAgrSelected{
	font-family: 'Merriweather sans', Lato, Open Sans, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #c5c5c5;
	font-weight: normal;
	background-color:#e4e5e7;
	color: #193062;
  	margin: 2px 0 10px 0;
  	padding: .5em .5em .5em .5em;
  	display:block;
  	cursor:pointer;
}





/* accordion */
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.2em;
  /*font-size: 100%;*/
}

.ui-state-default:hover {background: #193062;color:white;}
.ui-accordion .ui-accordion-content {padding: 1em 0.2em;}
/* fin accordion */
/* galería de 5 */
.SizeImgGaleria5{max-height: 205px; max-width: 100%;margin: 0 auto;}
#owl-demo .item{border: 0px solid #57637E; background: #fff;padding: 5px 5px 2px 5px; margin: 10px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container 
{width: 100%; max-width: 100%}

#owl-demo .item{ background: #fff;padding: 0px 0px; margin: 10px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center;}
/* galería de 5 */

/* iconos ficha producto */
.iconocesta {height: 40px !important;}
/* iconos ficha producto */
/*ico cesta menu */
.icoCestaMenu{height: 24px;margin-bottom: -2px;}
/*fin ico cesta menu */

/* efecto lineas blancas titulo catalogo */
.efectoTitularBl{display: initial;}
@media only screen and (max-width: 560px) {
    .efectoTitularBl{display: none;}
}
/* fin efecto lineas blancas titulo catalogo */

/*imagen catálogo con texto encima */
.catalogoPro{ position: relative; text-align: left;}
.catalogoTxt{ background: #193062; position: absolute; top: 15px; left:15px; 
    margin-right: 4px;  padding:0px 15px 5px 15px;max-width: 90%;}

@media only screen and (max-width: 1700px) {.catalogoTxt{max-width: 87%;}}
@media only screen and (max-width: 1550px) {.catalogoTxt{max-width: 87%;}}
@media only screen and (max-width: 1420px) {.catalogoTxt{max-width: 86%;}}
@media only screen and (max-width: 1280px) {.catalogoTxt{max-width: 84%;}}
@media only screen and (max-width: 1080px) {.catalogoTxt{max-width: 80%;}}
@media only screen and (max-width: 1024px) {.catalogoTxt{max-width: 82%;top:4px; left:5px; padding: 0px 5px 5px 5px;}}
@media only screen and (max-width: 980px) {.catalogoTxt{max-width: 90%; top:4px; left:5px; padding: 0px 5px 5px 5px;}}
@media only screen and (max-width: 560px) {.catalogoTxt{ max-width: 87%; top: 4px; left:4px;  padding:0px 5px 5px 5px;}}
@media only screen and (max-width: 420px) {.catalogoTxt{max-width: 84%;}}
@media only screen and (max-width: 360px) {.catalogoTxt{max-width: 82%;}}
@media only screen and (max-width: 330px) {.catalogoTxt{max-width: 80%; /*background: #193062CC;*/  top: 1px; left:1px;  padding:0px 2px 2px 2px;}}

/* para quitar, en principio no se usa
.catalogoTxt4{background: #193062; position: absolute; top: 15px; left:15px;  padding:0px 15px 5px 15px;
    border-radius: 45px;}
*/

/*catalogo*/
[id^="linkContentDetalleSerie_"]:hover{/*color:#00ffff;*/;text-decoration:none;}
[id^="bVerMas"]{background-color: #193062;color: white;cursor: pointer;padding: 8px;width: 100%;
  border: none;text-align: center;outline: none;}
[id^="bVerMas"]:hover{background-color: #41B8BE;}
.active{background-color: #fff;}
/* fin catalogo*/

/*nuevo menu*/
.button__container {
  bottom: 30px;
  right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row-reverse;
}

.button-radio {
  width: 24px;
  height: 24px;
  cursor: pointer;
  /*margin: 3px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-radio--red { background: #ff1f1f;}
.button-radio--blue { background: #193062;}
.button-radio--redessociales { background: #193062;}
.button-radio--hidden {
  width: 0px;
  height: 10px;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.button__container:hover>.button-radio--hidden {width: 24px;height: 24px;opacity: 1;}
.iconoEstrella{background: #193062;margin-right: 4px;padding: 0px 5px 3px 5px;}
 
 /*estrellas*/
.ec-stars-wrapper {display: inline-block;}
.ec-stars-wrapper a {text-decoration: none;display: inline-block;color: #fff;}
.ec-stars-wrapper:hover a {color: #e4e5e7;}
/* El selector de hijo, es necesario para aumentar la especifidad */
.ec-stars-wrapper > a:hover ~ a { color: #fff;}

.BordeHrGris3px{border:3px solid #f1f1f1}

/*estrellas galeria unificar con la de arriba o eliminar sólo cambia el color de la estrella
.ec-stars-wrapper a {text-decoration: none;display: inline-block;color: #193062;}
.ec-stars-wrapper:hover a {color: #193062;}
.ec-stars-wrapper > a:hover ~ a { color: #193062;}*/
/*---estrellas nuevos------*/


#hashLink {  display: none;  margin-bottom:-38px;  margin-right: 0px;}
#hashLink:target {  display: block;}
.float-nav {  position: relative;  /*top: 100px;  right: 20px;*/  z-index: 9999999;}
.float-nav:hover {cursor:pointer;}
.float-nav-2 {  position: initial;bottom: 20px;  right: 20px;  z-index: 9999; display: inline-flex;}
.float-nav-2:hover {cursor:pointer;}
.main-nav-2 { position:: initial;  /*bottom: 7px;*/  margin-right: 0px;  width: 120px; /*margin-bottom:40px;*/  display: initial;}
.main-nav-2.active {  display: block;  opacity: 1;}
.main-nav-2 > ul {  width: 100%;  display: block;  list-style: none;  z-index:10;}
.main-nav-2 > ul > li { display: flex; justify-content: space-between;}
.main-nav-2 > ul > li > a { text-decoration: none; display: block; font-weight: 200;
  padding: 18px 80px 18px 18px; color: black;}
.main-nav-2 > ul > li > a:hover { font-weight: 400;}
/*buscador detalle producto*/
#Buscador {
  background: url(../img/buscar_icon.svg) no-repeat 0px 5px;
  background-size: 24px;
  min-width: 164px;
  /*max-width: 768px;*/
  width: 100%;
  border: transparent;
  border-bottom: solid 1px #ccc;
  padding: 10px 10px 10px 30px;
  outline: none;
  font-family: 'Lato', Open Sans, Arial, Helvetica, sans-serif;
  color: #193062;
  font-size: 1rem;
}

/*pitu*/
.iconoCorazon{background: #193062; bottom:15px; right:110px; /* cambiado jsa margin-right:6px;*/ margin-right:3px; padding:1px 8px 4px 8px;/*cambiado JSA padding:6px 8px 5px 8px;*/}
.iconoCorazon{color: white;}
.iconoCorazon:hover{color: #57637E;}
.iconoCorazon:focus{color: #e4e5e7;}
.iconoCorazonRojo{background: #193062; bottom: 15px; right:110px;margin-right: 6px; padding:6px 8px 5px 8px;}
.iconoCorazonRojo{color: #fd1b1b;}
.iconoCorazonRojo:hover{color: white;}
.iconoCorazonRojo:focus{color: white;}
/*fin pitu */


.iconoCorazonListado{background: #193062; top: 15px; right:15px; margin-right: 6px; padding:6px 8px 5px 8px; 
}
.iconoCorazonListado{color: white;}
.iconoCorazonListado:focus{color: white;}


.social { right: 0; top: 20%; z-index: 2000; text-align: right;}
.social ul {list-style: none;}
.social ul li{display: inline-flex;}

.social ul li a {display: inline-block;color:#fff;background: #193062e6;padding: 10px 15px;margin: 0;
text-decoration: none;-webkit-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;}
.social ul li a:hover {background: #193062;padding: 10px 30px;}
@media only screen and (max-width: 560px) {.social ul li a { padding: 10px 8px;}}


.colorIconosTabla{color:#122246;}

/*tabla listado de detalle de productos*/
/**{margin:0;padding:0;box-sizing:border-box}*/

.lHeightTD15{line-height: 1.5em;}
.lHeight30 {line-height: 30px;}

ul,li{margin:0;list-style-type:none;}
.container-table100{width:100%;min-height:100vh;background:#d1d1d1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:33px 30px;}
.wrap-table100{width:1300px;}
table{width:100%;background-color:#fff,}
th,td{font-weight:unset;padding-right:10px;}
.column100{/*width:130px;*/padding-left:25px,}
.column100.column2{/*width:265px;*/padding-left:10px,}
.row100.head th{padding-top:12px;padding-bottom:10px;}
.row100 td{padding-top:9px;padding-bottom:7px;}



.table100.ver8 td{line-height:0.5em;/*line-height:1.5em;line-height:0.8*/}
.table100.ver8 th{color:#fff;line-height:0.8;/*text-transform:uppercase;*/background-color:#193063a3;}
/*.table100.ver8 .row100:hover td{background-color:#f6f6f6;color:#fff;}*/

/*.table100.ver8 .row100 td:hover{background-color:#57b846;color:#fff;}*/
.table100.ver8 tbody tr:nth-child(even){background-color:#6c7a9a; color:#fff;}

/*.table100.ver8 .row100:hover td{background-color:#fff;color:#333;}*/







/* tabla adaptable  tabla últimas descargas */

table.tablaAdaptable {empty-cells: show; max-width: 100%; width: 100%;}
.tablaAdaptable { border-collapse: collapse; width: 100%;}
.tablaAdaptable { border: 0; padding: 0;}
.tablaAdaptable th,
.tablaAdaptable td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em 0.7em;
}

.tablaAdaptable thead tr:first-child th {
  padding-top: 0.9em;
  padding-bottom: 0.7em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  height: 47px;
  background-color: #193063;
  color: white;
  border-left:1px solid #fff;
  text-align: center;
}


.tablaAdaptableCab td .tablaAdaptableCeldas,
.tablaAdaptableCab th .tablaAdaptableCeldas { display: none;}

.txtTablasCab{font-size:0.9em;}
.txtTablasTd{font-size:0.9em;}
.centrarCamposTablaTd {display: block; float: initial; align-self: auto; margin: 0 auto;}
.textoLeftArchivoTable{ text-align: left;}

@media only all {
  .tablaAdaptableCab td,
  .tablaAdaptableCab th { text-align: center; display: block;}
  .tablaAdaptableCab tr { clear: both; display: table-row;}
  .tablaAdaptableCab td .tablaAdaptableCeldas,
  .tablaAdaptableCab th .tablaAdaptableCeldas {
    display: block;
    margin: 0 2em 0 0;
    width: 28%;
    display: inline-block;
    background-color: #41b8be;
    color: #fff;
  }
  .tablaAdaptableCab th .tablaAdaptableCeldas-top,
  .tablaAdaptableCab td .tablaAdaptableCeldas-top { display: block; padding: .4em 0; margin: .4em 0;}
  .tablaAdaptableCeldas { display: block; float: left;}
  .tablaAdaptableCab tbody th.group { margin-top: -1px;}
  .tablaAdaptableCab th.group b.tablaAdaptableCeldas { display: none !important;}
  .txtTablasCab{font-size:0.8em;}
}

@media (max-width: 780px) {
  .textoLeftArchivoTable{ text-align: center;}
  .tablaAdaptableCab thead td,
  .tablaAdaptableCab thead th { display: none;}

  .tablaAdaptableCab tbody td,
  .tablaAdaptableCab tbody th { clear: left; float: left; width: 100%;}
  .tablaAdaptableCeldas { vertical-align: top;}
  .tablaAdaptable-cell-content { max-width: 67%; display: inline-block; color: #41b8be;}
  .tablaAdaptableCab td:empty,
  .tablaAdaptableCab th:empty { display: none;}
  .txtTablasCab{font-size:0.8em;}
}

@media (min-width: 780px) {
  .tablaAdaptableCab tr { display: table-row;}
  .tablaAdaptableCab td,
  .tablaAdaptableCab th,
  .tablaAdaptableCab thead td,
  .tablaAdaptableCab thead th { display: table-cell; margin: 0;}
  .tablaAdaptableCab td .tablaAdaptableCeldas,
  .tablaAdaptableCab th .tablaAdaptableCeldas { display: none !important;}
  .txtTablasCab{font-size:0.8em;}
}
@media (max-width: 870px) {
  .tablaAdaptable th, .tablaAdaptable td {padding: 0.2em 0.1em;}
  .centrarCamposTablaTd{margin: 0 0.22em 0 0;width: 60%;display: inline-block;}
}

/* fin tabla adaptable  tabla últimas descargas */
/*paginacion */
.pagination {display: flex;padding-left: 0;list-style: none;flex-direction: inherit;}
.page-link {
    position: relative;
    display: block;
    /*color: #0d6efd;*/
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.page-link {padding: 0.375rem 0.75rem;}
.page-link:hover {z-index: 2;color: #0a58ca;background-color: #e9ecef;border-color: #dee2e6}
.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.page-link {padding: 0.175rem 0.45rem !important;}

.pagination>.active>a {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #193063;
    border-color: #193063;
}

@media only screen and (min-width: 280px){.page-link {padding: 0.175rem 0.22rem !important;  }}
@media only screen and (min-width: 339px){.page-link {padding: 0.175rem 0.36rem !important;}}
@media only screen and (min-width: 412px){.page-link {padding: 0.375rem 0.75rem;}}
@media only screen and (min-width: 574px){.page-link {padding: 0.375rem 0.75rem !important;}}
@media only screen and (min-width: 1176px){.page-link {padding: 0.375rem 0.75rem !important;}}
@media only screen and (min-width: 1276px){.page-link {padding: 0.375rem 0.75rem !important;}}
@media only screen and (min-width: 1289px){.page-link {padding: 0.375rem 0.75rem !important;}}
/* fin paginación */

.supidc{text-decoration: none;color:white;}

/*oculta datos de descargas a tamaños móviles */
.novisible{display: inherit;}
@media only screen and (max-width: 414px) {.novisible{display: none;}}


/*sobre nosotros*/
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.single-features {
    padding: 20px 20px 20px;
    background-color: #fff;
    min-height: 230px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
@media only screen and (max-width: 1200px) {.single-features {min-height: 250px;}}
@media only screen and (max-width: 780px) {.single-features {min-height: 270px;}}
@media only screen and (max-width: 768px) {.single-features {min-height: 230px;}}
.mt-40 {
    margin-top: 40px;
}
.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
/* fin sobre nosotros */

/******************************************************/
/******************************************************/
@media only screen and (max-width: 1920px) {
    .tituloH{ font-size: 2em;}
    .cuentaRegistroH{font-size: 1.2em;}

}
@media only screen and (max-width: 1768px) {
    .fontSize16emMapaHome{font-size:1.3em;}
    .tituloH{ font-size: 1.7em;}
    .cuentaRegistroH{font-size: 1em;}

}
@media only screen and (max-width: 1600px) {
    .fontSize18vw { font-size: calc(1.7em + 0.01vw) }
    .fontSizeResponsive07em { font-size: calc(0.8em + 0.6vw) }
    .fontSize16emMapaHome{font-size:1.3em;}
}

@media only screen and (max-width: 1440px) {
    .fontSize18vw { font-size: calc(1.4em + 0.0vw) }
    .fontSizeResponsive07em { font-size: calc(0.8em + 0.5vw) }
    .fontSize16emMapaHome{font-size:1.3em;}
}

@media only screen and (max-width: 1366px) {
    .fontSize18vw { font-size: calc(1.29em + 0.01vw) }
    .fontSize14emIcos{font-size:0.9em;}
    .fontSize16emMapaHome{font-size:1.3em;}

    .heightIconocesta{ height: 27px;}
    .heightIconocestaTablaA{ height: 18px;margin-top: -1px;}
    .heightIconocestaTabla{ height: 18px;}
    .sizeIcoMapaTablaCnig {width: 20px;margin-bottom: -2px;}
    .sizeIcoMapaTabla {width: 16px;margin-bottom: -2px;}
}

@media only screen and (max-width: 1280px) {
.fontSize18vw { font-size: calc(1.1em + 0.0vw) }
.fontSizeResponsive07em { font-size: calc(0.8em + 0.28vw) }
.tituloH{ font-size: 1.5em;}
.cuentaRegistroH{font-size: 1.1em;}
.heightIconocesta{ height: 24px;}
}

@media only screen and (max-width: 1024px) {
.fontSize18vw { font-size: calc(1.2em + 0.0vw) }
.fontSizeResponsive07em { font-size: calc(0.8em + 0.3vw) }
.fontSizeResponsive07emHome { font-size: calc(0.7em + 0.9vw);}



}

@media only screen and (max-width: 768px) {
.fontSize18vw { font-size: calc(1.46em + 0.01vw) }
.fontSizeResponsive07em { font-size: calc(0.8em + 1vw) }
.tituloH{ font-size: 1.2em;}
.cuentaRegistroH{font-size: 1em;}

}

@media only screen and (max-width: 720px) {
    .fontSizeResponsive3em { font-size: calc(2em + 1vw) }
    .fontSizeResponsive13em { font-size: calc(1.1em + 1vw) }
    .fontSizeResponsive1em { font-size: calc(0.9em + 1vw) }
    .fontSizeResponsive07em { font-size: calc(0.8em + 0.5vw) }
     .fontSize2vw { font-size: 2vw; }
    .fontSize18vw { font-size: calc(1.46em + 0.1vw) }
}
@media only screen and (max-width: 640px) {
    .tituloH{ font-size: 1.1em;}
    .cuentaRegistroH{font-size: 0.9em;}
}
@media only screen and (max-width: 500px) {
.fontSize20vw { font-size: calc(1.7em + 0.01vw) }
}
@media only screen and (max-width: 450px) {
.fontSize20vw { font-size: calc(1.5em + 0.01vw) }
}
@media only screen and (max-width: 380px) {
.fontSize20vw { font-size: calc(1.4em + 0.01vw) }
.fontSize16emRegistroHome{font-size:0.8em;}
}

@media only screen and (max-width: 360px) {
.fontSize18vw { font-size: calc(1.3em + 0.1vw) }
.fontSize20vw { font-size: calc(1.3em + 0.01vw) }
}
@media only screen and (max-width: 330px) {.fontSize20vw { font-size: calc(1.1em + 0.01vw) }}
@media only screen and (max-width: 280px) {.fontSize20vw { font-size: calc(1.0em + 0.01vw) }}



@media only screen and (max-width: 1280px) {
    nav ul {margin-left: 2%;}
    nav ul li a {padding: 0 4px;}
}
@media only screen and (max-width: 1024px) {
    nav ul li a {padding: 0 3px;}
}



.columns {
  overflow: hidden;
  width:48%;
  padding: 0px;
  float: inherit;
  height: auto;
}

.txtIconosProducto{ font-size: 0.9em; }


@media only screen and (max-width: 1760px) {
  .columns { width: 48%;  }
}

@media only screen and (max-width: 1400px) {
  .columns { width: 47%; height: auto; /*min-height: 550px;*/ }
 
}
@media only screen and (max-width: 1200px) {
 
  .columns { width: 47%; height:auto; }
  /*.buttonIcons { width: 15%; }*/
 
}
@media only screen and (max-width: 980px) {
  .columns { width: 100%; max-width: 698px; height: auto; float: none; margin: 10px auto; }

  .collapsible{font-size: 0.9em;}
}

@media only screen and (max-width: 780px) {
  .columns { width: 100%; /*max-width: 600px;*/ height: auto; float: none; margin: 10px auto; }
  
  .collapsible{font-size: calc(0.5em + 0.9vw);}
}
@media only screen and (max-width: 430px) {
  .columns { width: 100%; max-width: 600px; height: auto; float: none; }

  .collapsible{font-size: calc(0.6em + 0.9vw);}
}

/* botones ficha de productos*/
.displayFlexBotones{display: flex; justify-content: right; align-items: right;}
/* fin botones ficha de productos*/


/* ancho div usuario menu no se si se usa*/
/*@media only screen and (max-width: 980px) {
  .widthDivUsuarioMenu{width: 100% !important}
}*/
/* fin ancho div usuario menu */

@media screen and (max-width: 980px) {
    nav { float: left; width:100%; position: relative;}
    .nav-movil {display: block;position: absolute; height: 0px; z-index: 1000;}
    .nav-menu {display: none; margin-top: 36px;}
    nav ul {margin-left:0;} 
    .nav-menu li {float: none;}
    .nav-menu li a {padding: 10px; line-height: 20px;}
    .nav-menu li ul li a {padding-left: 30px;}
    .nav-submenu {position: static;}
    #nav-boton {top: 11px;}
    .navWidth { width: inherit; padding-right: 0% !important; }
}

@media screen and (min-width: 981px) {
  .nav-menu {display: inline-block !important;}
  #nav-boton {top: 11px;}
}
@media screen and (max-width: 768px) {
  .nav-movil {z-index: 1000; position: absolute;}
  .nav-menu {display: none; margin-top: 36px;} 
  .nav-menu li {float: none;}
  .nav-menu li a {padding: 10px; line-height: 20px;}
  .nav-menu li ul li a {padding-left: 30px;}  
  .nav-submenu {position: static;}
}


@media screen and (max-width: 470px) {
    #nav-boton {position: absolute; left: 15px; top: 18px; cursor: pointer; width:20px;
        height: 10px; padding: 0px 0px 0px 0px; z-index:1;}
}

/* Tablets */
@media only screen and (max-width: 1280px) {
    .col-t-1 {content:"";}
    .col-t-2 {width:16.66%;content:"";}
    .col-t-3 {width:25%;}
    .col-t-4 {width:50%;}
    .col-t-5 {width:50%;}
    .col-t-6 {width:50%;}
    .col-t-7 {width:68.33%;}
    .col-t-8 {width:76.66%;}
    /*.col-t-9 {width:85%;}  original*/
    .col-t-9 {width:83%;} /*modificado*/
    .col-t-10 {width:100%;}
    .col-t-11 {width:100%;}
    .col-t-12 {width:100%;}
}

/* móviles*/
@media only screen and (max-width: 768px) {
    .col-m-1{width:8.33%;}
    .col-m-2{width:16.66%;}
    .col-m-3{width:25%;}
    .col-m-4{width:33.33%;}
    .col-m-5{width:41.66%;}
    .col-m-6{width:50%;}
    .col-m-7{width:58.33%;}
    .col-m-8{width:66.66%;}
    .col-m-9{width:75%;}
    .col-m-10{width:83.33%;}
    .col-m-11{width:91.66%;}
    .col-m-12{width:100%;}
}
/* fin móviles */

@media (max-width: 800px) {
  .flex-container { flex-direction: column;}
}

@media screen and (max-width: 768px) {
    .contenedor{margin-top: 10px;}
}


@media only screen and (max-width: 768px) {
  #modal { right: 3px;}
  #cerrar-modal + label { top: 0px !important;  }
  #cerrar-modal1 + label { top: 0px !important;  }
}

@media only screen and (max-width: 414px) {
  #cerrar-modal {  display: none;}
  #cerrar-modal:checked ~ #modal {  top: -100vh;}
  #cerrar-modal:checked + label {  display: none;}
  
  #cerrar-modal1 {  display: none;}
  #cerrar-modal1:checked ~ #modal1 {  top: -100vh;}
  #cerrar-modal1:checked + label {  display: none;}
}

@media only screen and (max-width: 350px) {
  #modal { right: 0px;width: 332px;}
  #cerrar-modal {  display: none;}
  #cerrar-modal:checked ~ #modal {  top: -100vh;}
  #cerrar-modal:checked + label {  display: none;}
  
  #cerrar-modal1 {  display: none;}
  #cerrar-modal1:checked ~ #modal1 {  top: -100vh;}
  #cerrar-modal1:checked + label {  display: none;}
}
@media only screen and (max-width: 280px) {
  #modal {right: 0px;}
  #cerrar-modal {  display: none;}
  #cerrar-modal + label {  top: 10px !important;}
  #cerrar-modal:checked ~ #modal {  top: -100vh;}
  #cerrar-modal:checked + label {  display: none;}
  
  #cerrar-modal1 {  display: none;}
  #cerrar-modal1 + label {  top: 10px !important;}
  #cerrar-modal1:checked ~ #modal1 {  top: -100vh;}
  #cerrar-modal1:checked + label {  display: none;}

  #modal1 {height: 470px;}
}

.divAdmOn,.divAdmOff,.hojaOn,.hojaOff,
.coordsOn,.coordsOff,.refCatasOn,.refCatasOff,
.shapeOn,.shapeOff,.puntoOn,.puntoOff,
.poligonoOn,.poligonoOff,.eraserOff,.eraserOn
{background:url('../img/icos-visor.png') 0 0;width:45px;height:50px;}

.divAdmOff{background-position:0 0;}
.divAdmOn{background-position:0 -50px;}
.hojaOff{background-position:-45px 0;}
.hojaOn{background-position:-45px -50px;}
.coordsOff{background-position:-90px 0;}
.coordsOn{background-position:-90px -50px;}
.refCatasOff{background-position:-135px 0;}
.refCatasOn{background-position:-135px -50px;}
.shapeOff{background-position:-180px 0;}
.shapeOn{background-position:-180px -50px;}
.puntoOff{background-position:-225px 0;}
.puntoOn{background-position:-225px -50px;}
.poligonoOff{background-position:-270px 0;}
.poligonoOn{background-position:-270px -50px;}
.eraserOff{background-position:-315px 0;}
.eraserOn{background-position:-315px -50px;}


.grisDisabled{color:#a0a0a0}



.password-wrapper {
  position: relative;
}

.eye-button {
  display: inline-flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  right: 12px;
  cursor: pointer;
}

.eye-icon {
  width: 20px;
  height: 20px;
}

.width13{
	width:13px;
}


.modalEncuesta {
  display: none;
  position: fixed;
  z-index: 88888; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color:fff;
}

/* Modal Content/Box */
 
.modalEncuesta-content {
  background-color: #fefefe;
  padding: 20px;
  padding-top:3px;
  border: 1px solid #888;
  border-radius:15px; 
  height: 100vh;
  overflow: auto; 
}

.borderInfo {background-color: white; border: 1px solid #41b8be; color: #193062;}


.butnBlancoLin {
  	border-bottom: 1px solid #e4e5e7;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(228, 229, 231);
  	border-top: 0;
  	border-right: 0;
  	border-left: 0;
  	background: #fff;  
  	color: #173763 /*#3f4a55*/;
  	padding: 6px 6px 6px 6px;
  	margin: 0em 0.1em 0.1em 0.1em;
  	cursor: pointer;
  	width: 100%;
  	text-align: left;
}
.butnBlancoLin:hover { background-color: #e4e5e7;}

.link{text-decoration: none; color: #41b8be;}