@charset "UTF-8";
/* CSS by Lerihenny Miranda 2023 */


.logos-super{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3% 5% 3% 5%;
}

.w-25{
  width: 25% !important;
}

.w-50{
  width: 50% !important;
}

.mt-3{
  margin-top: 3%;
}

.text-center{
  text-align: center;
}

.center{
  margin-left: auto;
  margin-right: auto;
}

.parrafo-labora{
  font-size: 1.5rem !important;
  color: white !important;
  line-height: 2.45rem;
}

.labora-title{
  color: #e4022e !important;
  font-size: 3rem !important;
}
/* CSS by Lerihenny Miranda 2023 */

@keyframes sube {
  from {
    transform: translateY(5vh);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1440px) {
  .codificacion {
    flex-wrap: wrap;
  }
  .lema {
    display: none;
  }
  h4 ~ p {
    width: 90% !important;
  }
  .contenedor ~ p {
    width: 90% !important;
  }
  #wrapper-tabs fieldset p {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .sombreado {
    font-size: 1.5em !important;
    padding: 0;
  }
  .cod p {
    padding: 0;
  }
  .plus {
    width: 90% !important;
    height: auto !important;
  }
  .dataempresa {
    margin: 5px 0;
  }
  .descaccnoticia {
    max-width: 40% !important;
  }
  .descacceam {
    width: 40% !important;
  }
  .mapa {
    margin: auto !important;
    width: 75% !important;
  }
}
@media all and (max-width: 1180px) {
  .block__kpi {
    justify-content: center !important;
  }
  .respon {
    line-height: 40px;
  }
  .form-basic .form-row > label.doslineaspeq span {
    width: 155px !important;
    text-align: left !important;
  }
  .form-basic .form-row > label.doslineas span {
    width: 155px !important;
    text-align: left !important;
  }
  #barramenu {
    margin: auto !important;
  }
  .rs-caption a h2:hover {
    font-size: 0.9rem;
  }
  .mySlides h2 {
    font-size: 0.9rem;
  }
  .mySlides span {
    font-size: 0.9rem;
  }
  #content {
    width: 100% !important;
  }
  #contenido {
    padding: 100px 10px !important;
  }
  #contenido2 {
    padding: 100px 10px !important;
  }
  .cod img {
    width: 20px;
  }
}
@media (max-width: 1080px) {
  #contenedor_ppal {
    margin: 20px 0 !important;
    flex: 1 1 51% !important;
    width: 100% !important;
  }
  #contenido {
    width: 100% !important;
  }
  #contenido2 {
    width: 100% !important;
  }
  .contenido_ppal {
    width: 100%;
  }
  .contenido_ppal2 {
    width: 100%;
  }
  .div_noticias_foto img {
    margin: auto;
    max-width: 50%;
  }
  .div_noticias_2 {
    max-width: 35%;
    height: 100%;
  }
  .cod img {
    width: 20px;
  }
  p {
    font-size: 0.9rem;
  }
  ul {
    font-size: 0.9rem;
  }
}
@media (max-width: 990px) {
  #barramenu1 {
    height: initial !important;
  }
  .confirmar {
    float: unset !important;
    width: auto !important;
  }
  .modificar {
    float: unset !important;
    padding: 25px !important;
    width: auto !important;
  }
  .ped {
    float: unset !important;
    padding: 25px !important;
    width: auto !important;
  }
  .botonera {
    float: unset !important;
    width: 40% !important;
    margin: auto !important;
  }
  #cabecera {
    min-height: 20px !important;
    margin-top: 0 !important;
  }
  .imagepagestaticas {
    width: 90%;
  }
  #usos {
    margin: auto !important;
    text-align: center !important;
    float: none !important;
    width: 90% !important;
  }
  #detalles {
    margin: auto !important;
    text-align: center !important;
    float: none !important;
    width: 90% !important;
  }
  .imgsbsec {
    margin: auto !important;
    text-align: center !important;
    float: none !important;
    width: 90% !important;
  }
  .centro {
    max-width: 100% !important;
  }
  #wrapper-tabs {
    width: 100%;
  }
  #main .imgsbsec {
    clear: both;
  }
}
@media (max-width: 880px) {
  .riskg-left::before {
    content: "\a";
    white-space: pre;
  }
  .form-control {
    width: 50% !important;
  }
  #contenedor_ppal img {
    position: relative;
    max-width: none;
  }
  .fifty {
    width: 100% !important;
    margin: 0 auto !important;
  }
  .gris50 {
    margin: auto !important;
    padding: 5%;
  }
  #main {
    margin: 0 5%;
  }
  #main table td {
    white-space: normal !important;
  }
  .priority4 {
    display: none;
  }
  .div-pestanyas {
    margin: -26px 35px 0 25px;
  }
  .div-pestanyas2 {
    margin: -26px 35px 0 25px;
  }
  .closedivpestanyasmovil {
    display: block;
  }
  .volverproductos {
    margin-top: 5px;
  }
  .docu-divs {
    width: 45%;
  }
  .list-equipos-title {
    width: 98% !important;
    margin: 0 auto 35px auto !important;
  }
  p.equiposimg {
    float: none;
    text-align: center;
  }
  .equip-image {
    border-right: 1px solid white;
  }
  p.equipos5 {
    width: 98%;
  }
  #tabcontainer {
    border: none !important;
  }
  #tabs > ul {
    border: none !important;
  }
  #tabs > ul > li {
    display: block !important;
    font-size: 1.5em;
  }
  .impr {
    width: 92%;
    text-align: center !important;
  }
  .impr a {
    width: 92%;
    margin-left: 13px;
  }
  .global {
    width: 100%;
  }
  #menu {
    margin-top: 20px;
  }
  .logo_container {
    float: left;
    width: 50%;
    text-align: left;
  }
  .rs-arrows .rs-next {
    opacity: 1 !important;
    right: 12px !important;
  }
  .rs-arrows .rs-prev {
    opacity: 1 !important;
    left: 12px !important;
  }
  .newsletter-home-div1 {
    display: none;
  }
  .newsletter-home-div2 {
    width: 100% !important;
  }
}
@media only screen and (max-width: 769px) {
  p {
    margin: auto 10px !important;
  }
  ul {
    margin: auto 10px !important;
  }
  .descargas a {
    margin: 10px !important;
    padding: 10px !important;
    min-height: unset !important;
  }
  .overlay {
    height: 100% !important;
    background: none !important;
  }
  .overlay:hover .nombre {
    margin: auto !important;
  }
  .bloque {
    border: 1px solid #007cc3;
  }
  .container2 {
    width: 45% !important;
  }
  .container2 .image {
    display: block;
    max-height: 100%;
    text-align: center;
    margin: auto;
    padding-bottom: 55px;
  }
  .container4 {
    width: 45% !important;
  }
  .container4 .image {
    display: block;
    max-height: 100%;
    text-align: center;
    margin: auto;
    padding-bottom: 55px;
  }
  .container3 {
    width: 45% !important;
  }
  .container3 .image {
    display: block;
    max-height: 100%;
    text-align: center;
    margin: auto;
    padding-bottom: 55px;
  }
  .container5 {
    padding-top: 50px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }
  .container5 .image {
    display: block;
    max-height: 100%;
    text-align: center;
    margin: auto;
    padding-bottom: 55px;
  }
  .container5 a img {
    display: block;
    max-height: 100%;
    text-align: center;
    margin: auto;
    padding-bottom: 55px;
  }
  .nombre {
    visibility: visible !important;
    color: black !important;
  }
  .nombre::before {
    content: none !important;
  }
  .codigo {
    visibility: visible !important;
    color: black !important;
  }
  .abnom {
    font-size: 1.5em !important;
    background-color: #007cc3;
    margin: 5px !important;
    text-align: center;
  }
  .item {
    flex-basis: 100% !important;
  }
  .item25 {
    flex-basis: 100% !important;
  }
  .item10 {
    flex-basis: 100% !important;
  }
  .section_video {
    margin-bottom: 50px;
  }
  .span_2_of_3_video {
    width: 99%;
    margin: 10px 0 0 0 !important;
    height: 370px !important;
    width: 45%;
    margin: 10px;
    height: auto;
  }
  .col_video {
    margin: 10px 0 10px 0;
  }
  .span_1_of_3_video {
    width: 45% !important;
  }
  #big {
    width: 40%;
  }
  .container {
    width: 45% !important;
  }
  #tabs > ul {
    border-bottom: 0 solid #007cc3 !important;
  }
  #tabs > ul > li.tabActiveHeade {
    border-bottom: 1px solid #007cc3 !important;
    border-bottom: 1px solid #007cc3 !important;
  }
  .div_cables_2 {
    width: 36% !important;
  }
  .div_cables_5 {
    width: 36% !important;
  }
  .masnoticias_inicio {
    margin-top: 20px !important;
  }
  table.codificacion .flotante {
    float: none !important;
    margin-left: 2px !important;
  }
  #breadcrumbs2 {
    text-align: left !important;
  }
  .telefono_mob {
    font-size: 20px;
  }
  .rs-arrows .rs-next,
  .rs-arrows .rs-prev {
    width: 43px !important;
    height: 43px !important;
    background-size: cover !important;
  }
  #main img {
    margin: 0 auto !important;
    border: none;
    max-width: 100%;
  }
  #main table {
    width: 99% !important;
  }

  #main img.plano {
    width: 100%;
    height: auto;
  }
  video {
    margin: 0 auto !important;
    border: none;
    max-width: 100%;
  }
  figure {
    width: 75% !important;
  }
  fieldset.marcoexterior {
    margin: 20px 0 10px;
    padding: 0;
    width: 100%;
  }
  .calendar {
    width: 48% !important;
  }
  #modelo {
    width: 85%;
  }
  .codificacion td {
    font-size: 10px !important;
  }
  .codificacion table {
    table-layout: auto !important;
  }
  .intensidad img {
    max-width: 99%;
    height: auto;
  }
  td img {
    max-width: 99%;
    height: auto;
  }
  #menu ul li {
    width: 20%;
  }
  .col-12 {
    width: 97%;
  }
  .col-11 {
    width: 81%;
  }
  .col-10 {
    width: 83.33333333%;
  }
  .col-9 {
    width: 64.2%;
  }
  .col-8 {
    width: 6.66666667%;
  }
  .col-7 {
    width: 58.33333333%;
  }
  .col-6 {
    width: 46.9%;
  }
  .col-5 {
    width: 41.66666667%;
  }
  .col-4 {
    width: 3.23333333%;
  }
  .col-3 {
    width: 46.9%;
  }
  .col-2 {
    width: 3.23333333%;
  }
  .col-1 {
    width: 13.6%;
  }
  .ban-caption h2 {
    font-size: 1rem;
  }
  .graficauniformidad img {
    width: 100%;
    height: auto;
  }

  select#pais {
    width: 100%;
  }
  #black .col-1 {
    margin: auto;
    text-align: center;
    width: 97%;
  }
  #black .col-10 {
    margin: auto;
    text-align: center;
    width: 97%;
  }
  #black .col-11 {
    margin: auto;
    text-align: center;
    width: 97%;
  }
  #black .col-12 {
    margin: auto;
    text-align: center;
    width: 97%;
  }
  #black .col-2 {
    margin: auto;
    text-align: center;
    width: 97%;
  }
  #black .col-3 {
    margin: auto;
    text-align: center;
    width: 97%;
  }
  #black .col-4 {
    margin: auto;
    text-align: center;
    width: 97%;
  }
  #black .col-5 {
    margin: auto;
    text-align: center;
    width: 97%;
  }
  #black .col-6 {
    margin: auto;
    text-align: center;
    width: 97%;
  }
  #black .col-7 {
    margin: auto;
    text-align: center;
    width: 97%;
  }
  #black .col-8 {
    margin: auto;
    text-align: center;
    width: 97%;
  }
  #black .col-9 {
    margin: auto;
    text-align: center;
    width: 97%;
  }
  .ms .col-12 {
    width: 97%;
  }
  .ms .col-11 {
    width: 81%;
  }
  .ms .col-10 {
    width: 83.33333333%;
  }
  .ms .col-9 {
    width: 64.2%;
  }
  .ms .col-8 {
    width: 6.66666667%;
  }
  .ms .col-7 {
    width: 58.33333333%;
  }
  .ms .col-6 {
    width: 46.9%;
  }
  .ms .col-5 {
    width: 41.66666667%;
  }
  .ms .col-4 {
    width: 3.23333333%;
  }
  .ms .col-3 {
    width: 27%;
  }
  .ms .col-2 {
    width: 3.23333333%;
  }
  .ms .col-1 {
    width: 13.6%;
  }
}
@media (max-width: 650px) {
  .imagenew {
    float: none !important;
  }
  .hidden_mov {
    display: none !important;
  }
  .show_mov {
    display: inline !important;
  }
  #flip-scroll thead {
    display: block;
    float: left;
    width: 100px;
  }
  #flip-scroll thead tr {
    display: block;
  }
  #flip-scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  #flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid aliceblue;
    max-width: 110px;
  }
  #flip-scroll th {
    display: block;
    min-height: 3.5rem;
    text-align: left;
    border-bottom: 0 !important;
  }
  #flip-scroll th:last-child {
    border-bottom: 1px solid aliceblue;
  }
  #flip-scroll td {
    display: block;
    min-height: 3.5rem;
    text-align: left;
  }
  #flip-scroll td:last-child {
    border-bottom: 1px solid aliceblue;
  }
  .acc tr td:first-child,
  .acc tr th:first-child {
    display: none;
  }
  .codificacion {
    max-width: 100% !important;
  }
  .plus {
    width: 250px !important;
    height: auto !important;
  }
  .dataempresa {
    margin: 5px 0;
  }
  .descacceam {
    width: 95% !important;
  }
  .priority4, priority3 {
    display: none;
  }
  .docu-divs {
    width: 98%;
  }
  .subcontent {
    width: 100%;
  }
  p.blue {
    margin: 3% auto 5% auto;
  }
  .list-equipos {
    width: 98% !important;
    margin-bottom: 20px !important;
  }
  .equip {
    width: 95%;
    height: 300px;
  }
  #big {
    width: 60%;
  }
  .form-basic {
    padding: 5px 30px 0 30px;
    max-width: 480px;
    box-shadow: none;
  }
  .form-basic .form-row {
    margin: 25px auto;
  }
  .form-basic .form-row > label.pais span {
    display: inline-block !important;
    width: 40px !important;
  }
  .form-basic .form-row > label.cath span {
    display: inline-block !important;
    width: 97px !important;
  }
  .form-basic .form-row > label span {
    display: block;
    text-align: left;
  }
  .form-basic .form-title-row {
    margin-bottom: 50px;
  }
  .form-basic select {
    width: 240px;
  }
  .form-basic input[type=checkbox] {
    margin-top: 0;
  }
  .form-basic .form-radio-buttons > div {
    margin: 0 0 10px;
  }
  .form-basic button {
    margin: 0;
  }
  .boton-enviar-new {
    margin: 0 0 0 !important;
  }
}
@media screen and (max-width: 500px) {
  .block__kpi a, .block__kpi, .kpi__column {
    width: 100% !important;
    margin:auto !important;
}

.block__kpi{
  gap:0 !important;
}

  #registro {
    width: 100%;
  }
  .rs-caption {
    padding: 0 50px;
    top: 250px;
    top: 150px;
  }
  select#pais {
    width: 100%;
  }
  div.noticia div.titulo {
    font-weight: 700;
    border-bottom: none;
    padding: 20px;
  }
  div.noticia div.imagen {
    text-align: center;
    float: none;
  }
  .noticia div.hrnoticia {
    height: 18px;
    font-size: 11px;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #007cc3;
  }
  #main {
    margin: auto;
    text-align: center;
    font-size: 0.9rem;
    margin: 0 2%;
  }
  #main .imgsbsec {
    margin: auto;
    float: none;
    display: block;
    width: 90%;
  }
  #main .imgsbsec div {
    margin: auto;
  }
  #main table .atributo {
    display: none;
    visibility: hidden;
  }
  #menu ul li {
    width: 50%;
  }
  .col-1 {
    width: 97%;
  }
  .col-10 {
    width: 97%;
  }
  .col-11 {
    width: 97%;
  }
  .col-12 {
    width: 97%;
  }
  .col-2 {
    width: 97%;
  }
  .col-3 {
    width: 97%;
  }
  .col-4 {
    width: 97%;
  }
  .col-5 {
    width: 97%;
  }
  .col-6 {
    width: 97%;
  }
  .col-7 {
    width: 97%;
  }
  .col-8 {
    width: 97%;
  }
  .col-9 {
    width: 97%;
  }
  #productos {
    margin-top: 0;
  }
  .productosseleccion {
    width: 8% !important;
  }
  .ban-caption {
    top: 10px;
    left: 10px;
    width: auto !important;
    position: absolute;
  }
  .ban-caption h2 {
    font-size: 0.9rem;
    margin: 0;
    padding: 1px 2px;
    text-shadow: 0 -1px 0 white;
    line-height: 0.9rem;
    text-align: center;
  }
  .logo {
    width: 100px;
    height: 34px !important;
  }
  p.fs14 {
    margin-right: 5px !important;
  }
  td.spec, td.spec .btn {
    font-size: 10px !important;
    white-space: break-spaces;
  }
  .listafamiliaboton {
    display: block;
    width: 65% !important;
    margin: 0 auto 10px auto;
    border-right: 1px solid aliceblue;
    border-left: 1px solid aliceblue;
  }
  .list-equipos-title {
    margin: 0 auto -30px auto !important;
    clear: both;
    height: 50px !important;
    text-align: center;
  }
  .equip-title,
  .equip-subtitle,
  .equip-descrip {
    width: 96%;
  }
  .equip-image {
    width: 50%;
    clear: both;
    margin: 0 0 0 25%;
    min-height: auto;
  }
  .equip-subtitle-relacionada {
    width: 60%;
    float: left !important;
    margin-left: 20% !important;
  }
  #big {
    width: 40%;
  }
  .container3,
  .container2,
  .container,
  .container4,
  .itemauto,
  .itemauto2 {
    width: 100% !important;
  }
  .textup h3 {
    font-size: 18px !important;
  }
  .complementos {
    table-layout: fixed !important;
    max-width: none !important;
    width: auto !important;
    min-width: 100% !important;
  }
  .descargas {
    table-layout: fixed !important;
    max-width: none !important;
    width: auto !important;
    min-width: 100% !important;
  }
  .rs-arrows .rs-next,
  .rs-arrows .rs-prev {
    display: none !important;
  }
  #cabecera {
    background: none;
  }
  .cc-cookies {
    bottom: 0;
    font-size: 11px;
  }
  .col {
    margin: 1% 0;
  }
  .span_1_of_4,
  .span_1_of_4_2,
  .span_2_of_4,
  .span_3_of_4,
  .span_4_of_4 {
    width: 100%;
  }
  .botonera {
    width: 80% !important;
  }
  .descacceam {
    min-width: 300px !important;
  }
}
@media only screen and (max-width: 350px) {
  #big {
    width: 75%;
  }
}
.main {
  max-width: 2500px !important;
  margin: auto;
  scroll-behavior: smooth;
}

.fixed2 {
  position: sticky;
  z-index: 500000;
  top: 0;
  width: 100%;
  background-color: white;
}

.refer h4 {
  margin: 10px;
}

.elemento {
  margin: 5px;
  padding: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  width: 400px;
}
.elemento .titulodata {
  text-align: center !important;
  padding: 20px;
}
.elemento p {
  width: initial !important;
  text-align: center !important;
}
.elemento:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 125, 194, 0.19);
}

.marquee {
  padding: 5px;
  font-size: 1.2em;
  background-color: #E8972A;
  color: white;
  text-align: center;
}

hr {
  border: 1px solid #007cc3;
}

#logo {
  width: 120px;
}

a {
  text-decoration: none;
  color: #007cc3;
}

a.alink {
  text-decoration: none;
  color: #003080;
}

.relieve:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#main {
  margin: auto;
  min-height: 50vh;
}
#main #usos .iconos {
  display: inline-block;
}
#main div.hr {
  height: 5px;
  border-top: 1px solid #efefef;
  font-size: 10px;
  text-align: right;
  margin: 10px 35% 10px auto;
  width: 100%;
}
#main div.hrp {
  height: 5px;
  border-top: 1px solid #efefef;
  font-size: 10px;
  text-align: right;
  margin: 5px 5px 5px auto;
}
#main div.hrplano {
  height: 2px;
  border-bottom: 1px solid #efefef;
  margin-left: auto;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: right;
}
#main .imgsbsec {
  float: left;
  width: 30%;
  text-align: center;
}
#main .imgsbsec2 {
  float: left;
  width: 50%;
  text-align: right;
}
#main .titulo {
  font-family: Oswald, sans-serif;
  color: #007cc3;
  background-size: contain;
  text-align: center;
  text-transform: uppercase;
}
#main .titulo_ilu {
  color: #007cc3;
  text-transform: uppercase;
}
#main h1.inicio {
  font-family: Oswald, sans-serif;
  padding-top: 10px;
  margin: 0;
  text-align: center;
  font-size: clamp(22px, 1.5vw, 42px);
}
#main h1.inicio a {
  color: black;
}
#main h2.inicio {
  font-family: Oswald, sans-serif;
  padding-top: 10px;
  margin: 0;
  text-align: center;
  font-size: 2.5em;
}
#main h2.inicio a {
  color: black;
}
#main h3.inicio {
  font-size: 2.5em;
}
#main h1.producto {
  font-family: Oswald, sans-serif;
  color: #007cc3;
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: -2px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  width: auto;
  border: none;
}
#main .usos h1.producto {
  font-size: clamp(40px, 3vw, 55px);
  margin: auto;
}
#main table {
  font-family: Bahnschrift, Helvetica, sans-serif;
  border-collapse: collapse;
  /* text-align: left; */
  vertical-align: top;
  max-width: 1200px;
  min-width: 250px;
  width: 100%;
  margin: auto;
}
#main table th {
  padding-left: 8px;
  padding: 10px;
  border: 1px solid white;
  background-color: #007cc3;
  color: white;
  text-align: center;
}
#main table td.wh {
  border: 0;
  background-image: none;
  vertical-align: top;
  float: left;
  margin: 0 0 0 10px;
  text-align: left;
}
#main table td.ini {
  width: 130px;
  padding: 0;
}
#main table td.iconos {
  padding: 0;
}
#main table td.spec_titulo {
  font-weight: 700;
  width: auto;
  text-align: right;
}
#main table td.spec_class1 {
  text-align: left;
}
#main table td.spec_titulo_class2 {
  font-weight: 700;
  width: 25%;
}
#main table td.atributo {
  padding: 8px;
  vertical-align: middle;
  background-color: white !important;
  text-align: center;
}
#main table th.atributo {
  padding: 8px;
  vertical-align: middle;
  background-color: white !important;
  color: black;
}
#main table tr {
  border-bottom: 1px solid #efefef;
  vertical-align: middle;
}
#main table tr:hover > td.nomprod,
#main table tr:hover > td.nomprod2 {
  background-color: white !important;
}
#main table tr:hover > td.minifoto {
  border-left: 1px solid #efefef !important;
}
#main table td {
  padding: 5px 10px;
  background-image: none;
  border-bottom: 1px solid #efefef;
  font-weight: 400;
}
#main .descripcion {
  padding: 0 25px;
  margin: auto;
  max-width: 1000px;
}
#main table.listaproductos {
  width: 70%;
  margin: auto;
}
#main table.listaproductos td.nomprod {
  font-weight: 700;
  padding-left: 7px;
  width: 25%;
  vertical-align: middle;
  background-color: white !important;
  text-align: center;
}
#main table.listaproductos td.nomprod2 {
  padding-left: 7px;
  width: 50%;
  vertical-align: middle;
  background-color: white !important;
}
#main ul li.roll {
  background: 0 0;
  padding: 0;
}
#main ul li.iblue {
  color: #003080;
  margin: 0;
}
#main ul li.lista {
  background: url(../images/ley_azul.gif) 20px 1px no-repeat;
  list-style: none;
  font-size: 1rem;
  padding: 0 0 20px 50px;
}
#main img.plano {
  margin: 10px 0;
  height: auto;
  max-width: 100%;
  width: auto;
}
#main table.legend td {
  background-image: none;
  vertical-align: middle;
  padding: 5px 5px 5px 2px;
}
#main table#download {
  padding: 3px;
}
#main table#tablemodificadores {
  padding: 3px;
}
#main table.currentspecification {
  padding: 3px;
  margin: auto;
}
#main table.currentspecification th {
  text-align: center;
  padding: 3px;
  background-color: #efefef;
  color: #007cc3;
}
#main table.currentspecification tr td {
  text-align: center;
  padding: 3px;
}
#main table.descargas td {
  padding: 5px;
}
#main table.specs {
  table-layout: fixed;
  margin: auto;
  text-align: center;
}

#menu ul {
  margin: 0;
  list-style: none;
  display: block;
}
#menu ul li {
  height: 36px;
  vertical-align: middle;
  border-bottom: 1px solid aliceblue;
}
#menu ul li a {
  height: 36px;
  vertical-align: middle;
  font-family: Bahnschrift, Helvetica, sans-serif;
}
#menu ul li a span {
  display: inline-block;
  vertical-align: middle;
  line-height: 0.95em;
}
#menu ul li:hover {
  border-bottom: 1px solid aliceblue;
  padding: 0;
  background: white;
  color: black;
}
#menu ul li:hover a {
  color: black;
}
#menu ul li:first-child {
  border-left: none;
  margin-left: 0;
}
#menu ul li.marcado {
  padding: 0;
  background: white;
  color: black;
  border-bottom: 1px solid white;
}
#menu ul li.marcado a {
  color: black;
}
#menu ul li.marcado:hover {
  border-bottom: 1px solid white;
}
#menu > ul {
  padding: 0;
  max-width: 980px;
  text-align: center;
}
#menu > ul > li {
  width: 11.1%;
  background: #007cc3;
  float: left;
  margin: 0 0 0 -1px;
  text-align: center;
  border-left: 1px solid aliceblue;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
#menu > ul > li > a {
  color: white;
  font-size: 12px;
  margin-top: 0;
  display: inline-block;
  line-height: 36px;
}
#menu:hover ~ #div2 {
  background: red;
}

img {
  border: none;
  max-width: 100%;
}

body {
  font-family: Bahnschrift, Helvetica, sans-serif;
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: 0;
  margin: 0;
}

.logodcm {
  text-align: left;
  float: left;
}

.logodcmsistemes {
  height: 50px;
  margin-top: 0;
  margin-left: 15px;
}

#sub ul {
  padding: 0;
  max-width: 980px;
  text-align: center;
}
#sub > ul > li {
  margin: 0;
  flex-grow: 1;
  display: inline-block;
  border-right: 1px solid white;
  padding: 0;
  background-color: aliceblue;
}

#content {
  background: white;
  margin: 0 auto;
}

#barraform {
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  font-size: 10px;
  padding-bottom: 7px;
  float: right;
  margin-top: 5px;
}

.registrocolor {
  text-decoration: none;
  color: black;
  text-transform: uppercase;
}

.formulario-es-en {
  z-index: 1000 !important;
  text-align: left !important;
  top: 8px;
  right: -5px;
  position: relative;
  padding: 0 !important;
}

.formulario-fr {
  z-index: 100000000 !important;
  text-align: left !important;
  top: 11px;
  right: -5px;
  position: relative;
  padding: 0 !important;
}

.buscador {
  display: inline-flex;
  vertical-align: middle;
}

.gsc-control-cse {
  padding: 0 5px !important;
  border: none;
  background-color: transparent;
}

.gsc-input {
  font-size: 12px !important;
}

.gsc-modal-background-image-visible {
  opacity: 0.85 !important;
}

.gsc-results .gsc-cursor-page.gsc-cursor-current-page {
  text-shadow: none !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  background-color: transparent !important;
}

.gsc-tabHeader.gsc-tabhActive {
  border-color: transparent !important;
}

.gsc-tabsArea {
  border-color: black !important;
}

.gssb_c {
  z-index: 10000000000000 !important;
}

input.gsc-search-button {
  width: 60% !important;
  margin-left: 12px !important;
  min-width: 94px !important;
}

div.mapa_banner {
  position: relative;
}

.form-busc-men {
  width: 150px !important;
}

ul.banner li {
  position: absolute;
  list-style: none;
}
ul.banner li#nota1 {
  width: 140px;
  top: 10px;
  height: 50px;
  left: 25px;
}
ul.banner li#nota2 {
  width: 140px;
  top: 10px;
  height: 45px;
  left: 825px;
}

img.button {
  position: relative;
  top: 6px;
}

.centrado {
  text-align: center;
}

.gris {
  color: #545454;
}

.gris50 {
  background-color: rgba(0, 125, 194, 0.7);
  margin: 50px 0 0 -150px;
  padding: 50px;
}
.gris50 p {
  color: white;
  font-size: clamp(1rem, 1vw, 20px);
}

.dcmblue {
  color: #007cc3;
}

.fs13 {
  font-size: 13px;
}

.fs14 {
  font-size: 0.9rem;
  margin-top: 0 !important;
  margin-right: 5px !important;
}

div.listafamilias {
  border: 3px solid #aaa;
  margin: 0 0 10px 0;
  clear: both;
  width: 175px;
  height: 232px;
  vertical-align: top;
  margin-left: 7px;
}
div.listafamilias:hover {
  border-color: #007cc3;
  background: white;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
div.listafamilias:hover a div.nombre {
  background-color: #007cc3 !important;
  color: white;
  transition: all cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
}
div.listafamilias:hover a div.abnom {
  background-color: #007cc3 !important;
  color: white;
  transition: all cubic-bezier(0.42, 0, 0.58, 1) 0.4s;
}
div.listafamilias a div.img {
  text-align: center;
  margin: 10px 10px 0;
}
div.listafamilias a div.nombre {
  background-color: white;
  font-size: 10px;
  color: black;
  padding: 0 5px 6px;
  height: 32px;
  text-align: center;
}
div.listafamilias a div.abnom {
  background-color: white;
  font-weight: 700;
  font-size: 1rem;
  padding: 5px 5px 0;
  height: 18px !important;
  text-align: center;
}

div.listafamilias.active {
  border-color: #007cc3;
  background: white;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

p {
  text-align: left;
  color: black;
  margin: 10px auto;
  max-width: 1000px;
  width: 90%;
  font-size: 1rem;
}

ul {
  text-align: left;
  color: black;
  margin: 10px auto;
  max-width: 1000px;
  width: 90%;
  font-size: 1rem;
}

p.notas {
  font-size: 10px;
  color: #aaa !important;
  width: 80%;
  margin: auto;
}

span.notas {
  font-size: 10px;
  color: #aaa !important;
  width: 80%;
  margin: auto;
}

.centro12 {
  font-size: 12px !important;
  text-align: center;
  font-weight: lighter;
}

.rs-arrows {
  overflow: hidden;
  position: absolute;
  bottom: 12px;
  z-index: 4;
  width: 100%;
  background: 0 0;
  height: 55px;
}
.rs-arrows:after {
  content: "\b";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}
.rs-arrows .rs-next {
  z-index: 1;
  width: 55px;
  height: 55px;
  display: block;
  margin: 0;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  opacity: 0;
  position: absolute;
  right: -60px;
  background: url(../banner/assets/img/arrow_r.png);
}
.rs-arrows .rs-next:before {
  content: "\b";
  width: 0;
  height: 0;
  position: absolute;
  top: 11px;
  left: 1rem;
}
.rs-arrows .rs-prev {
  z-index: 1;
  width: 55px;
  height: 55px;
  display: block;
  margin: 0;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  opacity: 0;
  position: absolute;
  left: -60px;
  background: url(../banner/assets/img/arrow_l.png);
}
.rs-arrows .rs-prev:before {
  content: "\b";
  width: 0;
  height: 0;
  position: absolute;
  top: 11px;
  left: 1rem;
}
.rs-arrows:hover .rs-next {
  z-index: 2;
}
.rs-arrows:hover .rs-prev {
  z-index: 2;
}
.rs-arrows .rs-next.rs-hover {
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  right: 12px;
  opacity: 0.8;
}
.rs-arrows .rs-next.rs-hover:hover {
  opacity: 1;
}
.rs-arrows .rs-prev.rs-hover {
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  left: 12px;
  opacity: 0.65;
}
.rs-arrows .rs-prev.rs-hover:hover {
  opacity: 1;
}

.rs-caption {
  position: absolute;
  max-height: 100%;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.25);
}
.rs-caption:after {
  content: "\b";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}
.rs-caption a h2 {
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
}
.rs-caption a h2:hover {
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  font-size: 3em;
  margin: 20px;
  padding: 20px;
  text-shadow: 0 -1px 0 white;
}
.rs-caption p {
  color: black;
  margin-bottom: 0;
}

.rs-slider {
  padding: 0;
  margin: 0;
}
.rs-slider:after {
  content: "\b";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}
.rs-slider > li {
  list-style: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0 -100% 0 0;
  padding: 0;
  float: left;
  position: relative;
}
.rs-slider > li > a {
  display: block;
  padding: 0;
  background: 0 0;
  border-radius: 0;
}
.rs-slider > li img {
  display: block;
  max-height: 100%;
  -ms-interpolation-mode: bicubic;
  width: 100%;
}

.rs-thumb-wrap {
  margin: 21px 0 0;
}
.rs-thumb-wrap:after {
  content: "\b";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}
.rs-thumb-wrap > a {
  display: block;
  float: left;
  position: relative;
  box-sizing: border-box;
  opacity: 0.7;
  padding: 0;
  transition: opacity 0.5s ease-in-out;
}
.rs-thumb-wrap > a > img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  -ms-interpolation-mode: bicubic;
}
.rs-thumb-wrap > a:first-child {
  margin-left: 0 !important;
  margin-left: 0 !important;
}
.rs-thumb-wrap > a:hover {
  opacity: 1;
}
.rs-thumb-wrap > a.active {
  opacity: 1;
}

.rs-wrap {
  position: relative;
  width: 100%;
  margin: auto;
  text-align: left;
}
.rs-wrap:after {
  content: "\b";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden;
}

.rs-caption.rs-top-left {
  top: 0;
  bottom: auto;
}

.rs-caption.rs-top-right {
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
}

.rs-caption.rs-bottom-left {
  bottom: 0;
  left: 0;
}

.rs-caption.rs-bottom-right {
  right: 0;
  left: auto;
  border-bottom: none;
  border-right: none;
}

.rs-caption.rs-top {
  top: 0;
  bottom: auto;
  width: 100% !important;
}

.rs-caption.rs-bottom {
  width: 100% !important;
  bottom: 0;
}

.rs-caption.rs-center {
  top: 50px;
  left: 10%;
  width: 80% !important;
  text-align: center;
}

.rs-grid {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: none;
  overflow: hidden;
}

.rs-gridlet {
  position: absolute;
  opacity: 1;
}

.rs-slide-bg {
  padding: 0;
}

.mySlides h2 {
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  font-size: 3em;
  margin: 20px;
  padding: 20px;
  text-shadow: 0 -1px 0 white;
  font-size: clamp(36px, 4vw, 65px) !important;
  color: white;
  display: inline-block;
}
.mySlides span {
  color: white;
  display: inline-block;
}

.overlay2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.addressinfo {
  font-size: 1rem !important;
}

.howweare {
  width: 48%;
  margin: 0 1%;
}

.logofooter {
  height: 50px;
  margin-top: 21px;
  margin-left: 5px;
}

.googlemaps {
  background-color: transparent !important;
  border: 0 !important;
  border: none !important;
  width: 100% !important;
  overflow: hidden;
}

#mainhome {
  min-height: calc(100vh - 500px);
  background-color: white;
  margin: auto;
}
#mainhome div.hr {
  height: 5px;
  border-top: 1px solid #aaa;
  font-size: 10px;
  text-align: right;
  margin: 10px 35% 10px auto;
  width: 100%;
}
#mainhome div.hrp {
  height: 5px;
  border-top: 1px solid #aaa;
  font-size: 10px;
  text-align: right;
  margin: 5px 5px 5px auto;
}
#mainhome h1.inicio {
  font-family: Oswald, sans-serif;
  padding-top: 10px;
  margin: 0;
  text-align: center;
  font-size: clamp(22px, 1.5vw, 42px);
}
#mainhome h1.inicio a {
  color: black;
}
#mainhome h2.inicio {
  font-family: Oswald, sans-serif;
  padding-top: 10px;
  margin: 0;
  text-align: center;
  font-size: 2.5em;
  font-size: 2.5em;
}
#mainhome h2.inicio a {
  color: black;
}

.imgsbsec img {
  max-width: 100%;
  max-height: 100%;
}

.margen {
  border-top: 6px solid;
  border-bottom: 1px solid;
  background-color: aliceblue;
  padding: 25px 0;
  color: #007cc3;
  text-align: center;
  margin-bottom: 10px;
  text-shadow: none;
  margin: 1em 0;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
}
.margen::before {
  clear: both;
}

.margen2 {
  margin: 25px auto;
  border-top: none;
  background-color: transparent;
  padding: 5px;
  max-width: 1200px;
  min-width: 250px;
  width: 100%;
  text-transform: uppercase;
}

h1.titulo {
  font-size: clamp(1rem, 10vw, 2rem);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.titulo {
  font-family: Oswald, sans-serif;
  color: #007cc3;
  background-size: contain;
  text-align: center;
  text-transform: uppercase;
}

h2 {
  font-family: Oswald, sans-serif;
  padding-top: 10px;
  margin: 0;
  text-align: center;
}

h3 {
  font-family: Oswald, sans-serif;
  padding-top: 10px;
  margin: 0;
  text-align: center;
  font-size: 1.3rem;
  font-weight: initial;
}

.blue {
  color: #007cc3 !important;
}

.acc {
  width: 100%;
}
.acc > .spec_titulo {
  width: auto;
  text-align: center;
}
.acc > .spec {
  width: auto;
  text-align: center;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
  display: table;
}
.btn-group-vertical > .btn-group:before {
  display: table;
}

.btn-toolbar:after {
  clear: both;
  display: table;
}
.btn-toolbar:before {
  display: table;
}

.clearfix:after {
  clear: both;
  display: table;
}
.clearfix:before {
  display: table;
}

.container-fluid:after {
  clear: both;
  display: table;
}
.container-fluid:before {
  display: table;
}

.container {
  display: flex;
  flex-flow: row wrap;
  margin: auto;
}
.container:after {
  clear: both;
  display: table;
}
.container img {
  max-width: 100%;
  height: auto;
}
.container:before {
  display: table;
}

.dl-horizontal dd:after {
  clear: both;
  display: table;
}
.dl-horizontal dd:before {
  display: table;
}

.form-horizontal .form-group:after {
  clear: both;
  display: table;
}
.form-horizontal .form-group:before {
  display: table;
}

.group:after {
  clear: both;
}

.modal-footer:after {
  clear: both;
  display: table;
}
.modal-footer:before {
  display: table;
}

.nav:after {
  clear: both;
  display: table;
}
.nav:before {
  display: table;
}

.navbar-collapse:after {
  clear: both;
  display: table;
}
.navbar-collapse:before {
  display: table;
}

.navbar-header:after {
  clear: both;
  display: table;
}
.navbar-header:before {
  display: table;
}

.navbar:after {
  clear: both;
  display: table;
}
.navbar:before {
  display: table;
}

.pager:after {
  clear: both;
  display: table;
}
.pager:before {
  display: table;
}

.panel-body:after {
  clear: both;
  display: table;
}
.panel-body:before {
  display: table;
}

.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  max-width: 1700px;
  gap: 10px;
  margin: auto;
  padding: 15px;
}
.row:after {
  clear: both;
  display: table;
}
.row img {
  max-width: 100%;
  height: auto;
}
.row:before {
  display: table;
}

.section {
  clear: both;
  padding: 0;
  margin: 0;
}

.acceder {
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  padding: 0 0 0 0.5rem;
}

.show_mov {
  display: none;
}

#cabecera {
  text-align: right;
  min-height: 150px;
  background-color: transparent;
  margin-top: 100px;
}

#idiomas {
  text-align: right;
  box-shadow: 0 8px 6px -6px #aaa;
  padding-top: 25px;
  font-size: 12px;
  width: 100%;
  padding-top: 10px;
}

.spec_class1 div {
  margin: 4px 0;
}

.spec {
  white-space: nowrap;
}

.nom {
  font-size: 18px;
  color: black;
  font-style: italic;
  text-align: center;
}

#barramenu1 {
  width: 95%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin: auto;
}

#barramenu {
  width: 95%;
  margin: auto;
}

#familias {
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.servicios {
  transition: all 350ms cubic-bezier(0.42, 0, 0.58, 1);
  padding: 5px 0;
  transition: all 350ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.servicios:hover {
  transition: all 350ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 350ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.servicios:hover img {
  width: 124px;
  height: 124px;
  margin: 0;
  transition: all 350ms cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.servicios:hover .masinfo_inicio {
  border: 1px solid #007cc3 !important;
}
.servicios img {
  width: 100px;
  height: 100px;
  margin: 12px;
}

table.listaproductos th {
  background-color: white !important;
  border-bottom: 1px solid #aaa !important;
}

h4 {
  margin-bottom: 10px;
  font-size: 25px;
  color: #007cc3;
  text-align: center;
}

.usos h1 {
  font-size: 55px;
}
.usos p.description {
  font-size: 23px;
  width: 100%;
  padding: 0;
  text-align: center;
}

#usos {
  width: 65%;
  float: right;
}
#usos a {
  margin: 6px 2px;
}
#usos a img {
  border: 0 solid #aaa;
}

.slider {
  height: 250px;
}
.slider li {
  list-style: none;
  position: absolute;
}
.slider li:nth-child(1) label {
  left: 0.5em;
}
.slider li:nth-child(2) label {
  left: 3em;
}
.slider li:nth-child(3) label {
  left: 5.5em;
}
.slider li:nth-child(4) label {
  left: 8em;
}
.slider li input:checked ~ .fotoprod img {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
.slider input {
  display: none;
}
.slider input:checked + label {
  background-color: #007cc3;
}
.slider label {
  background-color: white;
  background-image: linear-gradient(transparent, hsla(0, 0%, 0%, 0.25));
  border: 0.2em solid transparent;
  bottom: 0;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 2em;
  left: 24em;
  opacity: 1;
  position: absolute;
  transition: 0.25s;
  width: 2em;
  visibility: visible;
  z-index: 10;
}
.slider label:after {
  border-radius: 100%;
  bottom: -0.2em;
  box-shadow: inset 0 0 0 0.2em #111, inset 0 2px 2px #000, 0 1px 1px hsla(0, 0%, 100%, 0.25);
  content: "";
  left: -0.2em;
  position: absolute;
  right: -0.2em;
  top: -0.2em;
}
.slider .fotoprod img {
  opacity: 0;
  transition: 0.25s;
  width: auto;
  vertical-align: top;
  visibility: hidden;
  max-height: 250px;
  max-width: 300px;
}

.fotoprod {
  width: 100%;
  height: 250px;
}

#nota {
  margin-left: 25px;
  font-size: 10px;
  font-weight: 700;
  float: right;
}

span.graficauniformidad {
  display: inline-block;
}

span.conexionados {
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 1px;
  font-size: 11px;
}
span.conexionados img {
  margin-bottom: 3px;
}

.descaccdescprod {
  height: 320px;
}
.descaccdescprod a .data {
  position: relative;
}
.descaccdescprod .titulodescprod {
  height: 75px;
}

.data {
  padding: 2px;
  background: #007cc3;
  margin: 5px auto;
  width: 90%;
  border: 1px solid #007cc3;
  position: absolute;
  bottom: 5px;
}
.data img {
  float: left;
  margin: 10px;
}
.data p {
  color: white;
}
.data:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 125, 194, 0.19);
}

.dataempresa {
  padding: 0 50px;
  max-width: 70%;
  background: white;
  position: relative;
}
.dataempresa p {
  color: #007cc3;
}

.descacc {
  min-height: 280px;
  padding: 10px;
  text-align: center;
  width: 250px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.descacc:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 125, 194, 0.19);
}
.descacc p {
  text-align: center;
  text-transform: initial !important;
}
.descacc .titulonoticia {
  font-family: Oswald, sans-serif;
  font-size: 18px;
  color: #007cc3;
  text-transform: uppercase;
  margin: 6px;
  padding: initial;
  width: auto;
}
.descacc .titulodescprod {
  font-family: Oswald, sans-serif;
  font-size: 18px;
  color: #007cc3;
  text-transform: uppercase;
  margin: 6px;
  padding: initial;
  width: auto;
}
.descacc .tituloeam {
  font-family: Oswald, sans-serif;
  font-size: 18px;
  color: #007cc3;
  text-transform: uppercase;
  margin: 6px;
  padding: initial;
  width: auto;
}
.descacc .titulodata {
  font-family: Oswald, sans-serif;
  font-size: 18px;
  color: #007cc3;
  text-transform: uppercase;
  margin: 6px;
  padding: initial;
  width: auto;
  color: white;
}
.descacc img {
  transition: all 0.2s ease-in-out;
  max-width: 100%;
}
.descacc img:hover {
  transform: scale(1.1);
}
.descacc span {
  transition: all 0.2s ease-in-out;
  max-width: 100%;
}
.descacc span:hover {
  transform: scale(1.1);
}

.datanoticia {
  width: 48%;
  float: left;
  position: relative;
  padding: 0;
  margin: 0 1px;
}

.descacc.tabla {
  min-height: 50px;
  height: auto;
}

.descacc.iconos {
  border: none;
  height: auto;
  min-height: 50px;
  width: 500px;
}
.descacc.iconos:hover {
  border: none;
  box-shadow: none;
}

.descacc.iconos2 {
  border: none;
  height: auto;
  min-height: 50px;
  width: 200px;
  background-color: white;
}
.descacc.iconos2:hover {
  border: none;
  box-shadow: none;
}

.equip:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 125, 194, 0.19);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.descargas {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.descargas a {
  width: 300px;
  text-align: center !important;
  border: 1px solid #007cc3;
  float: left;
  margin: 5px;
  padding: 5px;
}
.descargas a:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 125, 194, 0.19);
}

.descaccnoticia {
  height: auto;
  min-width: 300px;
  flex: 1 1 20%;
  max-width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.descacceam {
  min-height: 370px;
  min-width: 400px;
}

.descaccacc {
  min-height: initial;
}

.altonoticia {
  overflow: auto;
}

.plus {
  width: 460px;
}
.plus img {
  max-height: 100% !important;
}

#enlaces {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
}

ul#enlaces li {
  font-size: 12px;
  margin-left: 0;
}

table.codificacion {
  min-width: 100px !important;
}
table.codificacion .flotante {
  float: left;
  margin-left: 7px;
}
table.codificacion td {
  overflow: hidden;
  text-align: left;
  font-size: 11px;
  border: 1px solid #aaa;
  vertical-align: top;
}
table.codificacion div {
  margin: 0;
  padding: 7px 5px 7px 3px;
}
table.codificacion div div.cabecera {
  font-weight: 700;
  border-bottom: 1px solid #aaa;
  font-size: 13px;
  padding: 6px 5px;
  color: #545454;
}
table.codificacion .sombreado {
  font-size: 25px;
  margin: 0;
}

div.cg {
  background-color: white;
}
div.cg div.titulo {
  text-align: right;
}
div.cg div.titulo span.cuartel {
  float: left;
}
div.cg div.cuerpo img {
  vertical-align: top;
}

.mapa {
  background: url(../images/mapamundi.jpg) center center no-repeat;
  float: left;
  margin: 0 auto;
  width: 25%;
}
.mapa p {
  text-align: center;
}

form.formulario {
  margin: 0 5px;
  border: 0 !important;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 0 40px -10px #aaa;
  margin: 5%;
  padding: 20px 30px;
  box-sizing: border-box;
  position: relative;
}
form.formulario fieldset {
  margin-bottom: 0;
  border: 0 solid #007cc3;
  padding: 30px 10px 10px;
  border: 0 solid #007cc3;
  padding: 30px 10px 10px;
}
form.formulario fieldset div.centrado input.envio {
  width: auto;
  background-color: #007cc3;
  padding: 2px 10px;
  margin-top: 25px;
  height: 31px;
  float: right;
  margin-right: 35px;
  color: white !important;
  border: 1px solid #007cc3;
  cursor: pointer;
  width: auto;
  background-color: #007cc3;
  padding: 2px 10px;
  margin-top: 25px;
  height: 31px;
  float: right;
  margin-right: 35px;
  color: white !important;
  border: 1px solid #007cc3;
  cursor: pointer;
}
form.formulario fieldset div.centrado input.envio:hover {
  width: auto;
  background-color: white;
  padding: 2px 10px;
  margin-top: 25px;
  height: 31px;
  float: right;
  margin-right: 35px;
  color: #007cc3 !important;
  border: 1px solid #007cc3;
  cursor: pointer;
  width: auto;
  background-color: white;
  padding: 2px 10px;
  margin-top: 25px;
  height: 31px;
  float: right;
  margin-right: 35px;
  color: #007cc3 !important;
  border: 1px solid #007cc3;
  cursor: pointer;
}
form.formulario label {
  line-height: 1.8;
  text-align: left !important;
  width: 160px;
  text-align: right;
  width: 160px;
}
form.formulario em {
  font-weight: 700;
  font-style: normal;
  color: red;
  font-weight: 700;
  font-style: normal;
  color: red;
}
form.formulario input.envio {
  padding: 5px 2px;
}

#black form.formulario fieldset {
  border: none;
  background: 0 0;
}

.formulario input.micuenta {
  width: auto !important;
  min-width: 45%;
  max-width: 80%;
  box-sizing: border-box;
}
.formulario select.micuenta {
  width: auto !important;
  min-width: 45%;
  max-width: 80%;
  box-sizing: border-box;
}

form#formlogin {
  border: 0 solid #007cc3;
  padding: 30px 10px 10px;
  margin: 0 5px;
  border: 0 !important;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 0 40px -10px #aaa;
  margin: 5%;
  padding: 20px 30px;
  box-sizing: border-box;
  position: relative;
  border: 0 solid #007cc3;
  padding: 30px 10px 10px;
}
form#formlogin fieldset input.button {
  width: auto;
  background-color: #007cc3;
  padding: 2px 10px;
  margin-top: 25px;
  height: 31px;
  float: right;
  margin-right: 35px;
  color: white !important;
  border: 1px solid #007cc3;
  cursor: pointer;
  width: auto;
  background-color: #007cc3;
  padding: 2px 10px;
  margin-top: 25px;
  height: 31px;
  float: right;
  margin-right: 35px;
  color: white !important;
  border: 1px solid #007cc3;
  cursor: pointer;
}
form#formlogin fieldset input.button:hover {
  width: auto;
  background-color: white;
  padding: 2px 10px;
  margin-top: 25px;
  height: 31px;
  float: right;
  margin-right: 35px;
  color: #007cc3 !important;
  border: 1px solid #007cc3;
  cursor: pointer;
  width: auto;
  background-color: white;
  padding: 2px 10px;
  margin-top: 25px;
  height: 31px;
  float: right;
  margin-right: 35px;
  color: #007cc3 !important;
  border: 1px solid #007cc3;
  cursor: pointer;
}

fieldset.marcoexterior {
  margin: auto;
  border: 0;
}

#formcontacto input, #formcontacto .input, #formcontacto textarea, #formcontacto select {
  max-width: 450px;
  width: 100%;
}

#formcontacto input#news {
  width: 10px;
  text-align: right;
}
#formcontacto input#inforequerida {
  width: 450px;
  height: 150px;
  border: 1px solid #aaa;
}
#formcontacto div.centrado input {
  width: auto;
  background-color: #007cc3;
  padding: 2px 10px;
  margin-top: 25px;
  height: 31px;
  float: right;
  margin-right: 35px;
  color: white !important;
  border: 1px solid #007cc3;
  cursor: pointer;
  width: auto;
  background-color: #007cc3;
  padding: 2px 10px;
  margin-top: 25px;
  height: 31px;
  float: right;
  margin-right: 35px;
  color: white !important;
  border: 1px solid #007cc3;
  cursor: pointer;
}
#formcontacto div.centrado input:hover {
  width: auto;
  background-color: white;
  padding: 2px 10px;
  margin-top: 25px;
  height: 31px;
  float: right;
  margin-right: 35px;
  color: #007cc3 !important;
  border: 1px solid #007cc3;
  cursor: pointer;
  width: auto;
  background-color: white;
  padding: 2px 10px;
  margin-top: 25px;
  height: 31px;
  float: right;
  margin-right: 35px;
  color: #007cc3 !important;
  border: 1px solid #007cc3;
  cursor: pointer;
}

.error {
  background-color: aliceblue;
}

h6 {
  margin-bottom: 2px;
}

.ano {
  margin: -5px 0 0;
  display: block;
  color: white;
  text-align: center;
  padding: 1px;
  text-transform: uppercase;
  font-size: 11px;
}

.dia {
  margin: -5px 0 0;
  display: block;
  color: white;
  text-align: center;
  font-weight: 700;
  font-size: 19px;
  padding-top: 0;
}

.mes {
  margin: -5px 0 0;
  display: block;
  color: white;
  text-align: center;
  padding: 1px;
  text-transform: uppercase;
  font-size: 11px;
}

div.notnew {
  display: block;
  height: 62px;
  width: 120%;
  margin-left: 0;
}

.col-12 {
  width: 97%;
}

.col-11 {
  width: 81%;
}

.col-10 {
  width: 83.33333333%;
}

.col-9 {
  width: 71.2%;
}

.col-8 {
  width: 6.66666667%;
}

.col-7 {
  width: 58.33333333%;
}

.col-6 {
  width: 47.5%;
}

.col-5 {
  width: 41.66666667%;
}

.col-4 {
  width: 3.23333333%;
}

.col-3 {
  width: 21.94%;
  min-width: 200px;
}

.col-2 {
  width: 13.6%;
}

.col-1 {
  width: 8%;
}

.col-pull-12 {
  right: 100%;
}

.col-pull-11 {
  right: 91.66666667%;
}

.col-pull-10 {
  right: 83.33333333%;
}

.col-pull-9 {
  right: 75%;
}

.col-pull-8 {
  right: 66.66666667%;
}

.col-pull-7 {
  right: 58.33333333%;
}

.col-pull-6 {
  right: 50%;
}

.col-pull-5 {
  right: 41.66666667%;
}

.col-pull-4 {
  right: 33.33333333%;
}

.col-pull-3 {
  right: 25%;
}

.col-pull-2 {
  right: 16.66666667%;
}

.col-pull-1 {
  right: 8.33333333%;
}

.col-pull-0 {
  right: auto;
}

.col-push-12 {
  left: 100%;
}

.col-push-11 {
  left: 91.66666667%;
}

.col-push-10 {
  left: 83.33333333%;
}

.col-push-9 {
  left: 75%;
}

.col-push-8 {
  left: 66.66666667%;
}

.col-push-7 {
  left: 58.33333333%;
}

.col-push-6 {
  left: 50%;
}

.col-push-5 {
  left: 41.66666667%;
}

.col-push-4 {
  left: 33.33333333%;
}

.col-push-3 {
  left: 25%;
}

.col-push-2 {
  left: 16.66666667%;
}

.col-push-1 {
  left: 8.33333333%;
}

.col-push-0 {
  left: auto;
}

.col-offset-12 {
  margin-left: 100%;
}

.col-offset-11 {
  margin-left: 91.66666667%;
}

.col-offset-10 {
  margin-left: 83.33333333%;
}

.col-offset-9 {
  margin-left: 75%;
}

.col-offset-8 {
  margin-left: 66.66666667%;
}

.col-offset-7 {
  margin-left: 58.33333333%;
}

.col-offset-6 {
  margin-left: 50%;
}

.col-offset-5 {
  margin-left: 41.66666667%;
}

.col-offset-4 {
  margin-left: 33.33333333%;
}

.col-offset-3 {
  margin-left: 25%;
}

.col-offset-2 {
  margin-left: 16.66666667%;
}

.col-offset-1 {
  margin-left: 8.33333333%;
}

.col-offset-0 {
  margin-left: 0;
}

.center {
  text-align: center !important;
}
.center p {
  text-align: center;
}
.center img {
  margin: auto;
}

#pie {
  background: #aaa;
  height: 60px;
  padding-top: 3px;
  color: #545454;
}

#contenidopie {
  text-align: center;
  margin: auto;
  color: white;
}

footer {
  background-color: #007cc3;
  margin-top: 70px;
}
footer p {
  text-align: center;
  font-size: 1rem;
  color: white;
}
footer a {
  text-align: center;
  font-size: 1rem;
  color: white;
}
footer ul {
  list-style: none;
  font-size: 1rem;
  padding: 0;
  color: white;
  text-align: center;
}
footer li {
  margin: 10px 0;
}
footer li a:hover {
  text-decoration: underline;
}

.familiasprod ul {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.familiasprod ul li {
  display: inline-block;
  width: 30px;
  text-align: center;
  margin-bottom: 4px;
  height: 15px;
  padding-top: 2px;
  font-weight: 700;
}
.familiasprod ul li:hover {
  background-color: #007cc3;
}
.familiasprod ul li:hover a {
  color: white;
}

.listaproductos img {
  width: auto;
  max-height: 70px;
}
.listaproductos img.imagenew {
  height: 40px !important;
}

td.minifoto {
  width: 25%;
  text-align: center;
  border-top: 1px solid #aaa !important;
  border-left: 1px solid #aaa !important;
  border-right: 0 solid #aaa !important;
  border-bottom: 0 solid #aaa !important;
}
td.minifoto a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
td.minifoto:hover {
  width: 25%;
  border-top: 1px solid #aaa !important;
  border-left: 1px solid #aaa !important;
  border-right: 0 solid #aaa !important;
  border-bottom: 0 solid #aaa !important;
}

td.nomprod a {
  vertical-align: middle;
  -webkit-padding-before: 30px;
  height: 100%;
  width: 100%;
}

.ban-caption {
  top: 20px;
  left: 20px;
  width: auto !important;
}
.ban-caption h2 {
  padding: 10px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset;
  display: block;
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  font-size: 2.5em;
  margin: 0;
  text-shadow: 0 -1px 0 white;
  text-align: center;
}

#rollup {
  height: auto !important;
  margin: 0 -3%;
}

.flexslider .slides img {
  width: 100%;
  height: auto;
}

#calendario {
  width: 98%;
  table-layout: auto !important;
}

.banderas {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.ms {
  margin-bottom: 30px;
}

.hrregistro {
  border: 0;
  border-bottom: 1px dashed #007cc3;
  background: aliceblue;
  margin: 10px auto 20px;
  width: 90%;
}

.hrregistro2 {
  border: 0;
  border-bottom: 1px solid #007cc3;
  opacity: 0.22;
  background: aliceblue;
  margin: 10px auto 20px;
  width: 80%;
}

.icon_media img {
  margin-left: 5px;
  opacity: 1;
}
.icon_media img:hover {
  opacity: 0.8;
}

h3.footer_titulos {
  color: white;
  font-size: 1.5rem;
  text-transform: uppercase;
}

.info-bottom-copy {
  text-decoration: none !important;
  color: #545454 !important;
}

.col {
  display: block;
  float: left;
  margin: 0 0 0 2.28%;
}
.col:first-child {
  margin-left: 0;
}

.span_4_of_4 {
  width: 100%;
}

.span_3_of_4 {
  width: 74.6%;
}

.span_2_of_4 {
  width: 49.2%;
}

.span_1_of_4 {
  width: 23.8%;
}

.span_1_of_4_2 {
  width: 23.8%;
  height: 50px;
}

.span_1_of_4B {
  width: 16%;
}

.span_1_of_4_2B {
  width: 16%;
  height: 50px;
}

.span_1_of_4_2C {
  width: 4%;
}

#d_clip_button:hover {
  box-shadow: 0 0 2px 1px rgba(50, 50, 50, 0.45);
}

.small {
  font-size: 1em;
  width: 100%;
  height: 15px;
  background-color: white;
  color: #545454;
  margin: 0 auto;
  padding: 8px 0 0 0;
  text-align: center;
  font-size: 10px;
}

.square {
  width: 0.7em;
  height: 0.7em;
  margin: 0.5em;
  display: inline-block;
}

.custom-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: -5px;
}
.custom-dropdown select {
  background-color: white;
  color: #545454;
  font-size: inherit;
  padding: 0.5em 2.5em 0.5em 0.5em;
  border: 0;
  margin: 0;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: "";
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -o-appearance: none;
}
.custom-dropdown select::-ms-expand {
  display: none;
}
.custom-dropdown::after {
  content: "\b";
  position: absolute;
  content: "▼";
  height: 1em;
  font-size: 0.625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -0.5em;
  color: rgba(0, 0, 0, 0.3);
}
.custom-dropdown::before {
  content: "\b";
  position: absolute;
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
  background-color: rgba(0, 0, 0, 0.15);
}
.custom-dropdown select[disabled] {
  color: rgba(0, 0, 0, 0.3);
}
.custom-dropdown select[disabled]::after {
  color: rgba(0, 0, 0, 0.3);
}

.telefono_mob {
  font-size: 1rem;
  margin-top: 35px;
}

.boton-enviar-new {
  display: block !important;
  background-color: #007cc3 !important;
  color: white !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  border-radius: 20px;
  padding: 10px;
  margin: auto;
  width: 250px;
}
.boton-enviar-new:hover {
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.form-pass {
  text-align: center;
  margin: 0 auto;
}
.form-pass a {
  padding: 5px 10px;
  background-color: white;
}
.form-pass a:hover {
  padding: 5px 10px;
  background-color: white;
}
.form-pass a:active {
  padding: 5px 10px;
  color: black !important;
}

.campos-obligatorios {
  font-weight: lighter;
  text-align: center !important;
}

.campos-obligatorios2 {
  height: 20px;
  margin-bottom: 10px;
  margin-top: -15px;
  font-weight: bolder;
}

.form-row {
  margin: 20px;
}

.form-input-nuevo {
  max-width: 250px;
  width: 100%;
}

.form-basic .form-row > label span {
  display: inline-block;
  box-sizing: border-box;
  color: #007cc3;
  width: 250px;
  text-align: right;
  padding: 4px 5px;
  font-weight: 100;
}
.form-basic .form-title-row {
  text-align: center;
  margin-bottom: 55px;
}
.form-basic h1 {
  display: inline-block;
  box-sizing: border-box;
  color: #aaa;
  font-size: 24px;
  padding: 0 10px 15px;
  border-bottom: 2px solid #007cc3;
  margin: 0;
}
.form-basic input[type=checkbox] {
  box-shadow: none;
  width: auto !important;
  margin-top: 13px;
}
.form-basic input[type=radio] {
  box-shadow: none;
  width: auto !important;
}
.form-basic select {
  background-color: white;
  color: #aaa;
  box-sizing: border-box;
  max-width: 240px;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
  padding: 4px 8px;
  border-bottom: 2px solid aliceblue;
}
.form-basic textarea {
  border: 1px solid #007cc3 !important;
  height: 80px;
  font: normal 13px sans-serif;
  max-width: 250px;
  width: 100%;
}
.form-basic .form-radio-buttons {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}
.form-basic .form-radio-buttons label span {
  margin-left: 8px;
  color: #aaa;
  font-weight: 400;
}
.form-basic .form-radio-buttons input {
  width: auto;
}
.form-basic button {
  display: block;
  border-radius: 2px;
  background-color: #007cc3;
  color: white;
  font-weight: 700;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
  padding: 0.9rem 1.4rem;
  border: 0;
  margin: 40px 193px 0;
  cursor: pointer;
}

.lblError {
  color: red !important;
  text-align: end !important;
}

.oblig-form {
  color: red !important;
  font-size: 11px;
  vertical-align: super;
}

.gs-promotion-text-cell {
  width: 100% !important;
}

.gsc-table-cell-snippet-close {
  width: 100% !important;
}

#mapDiv {
  width: 120% !important;
}

.imagenewdiv {
  margin-left: -1px;
  margin-top: -1px;
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 90000 !important;
  opacity: 1;
  transition: background 0.5s ease-in;
}

.docum {
  text-align: justify;
  clear: left;
  margin: 0 10px;
}

.imagenew {
  float: left;
  text-align: left;
  margin: 10px;
}

.imagedocu {
  float: left !important;
  text-align: left;
  padding: 10px;
  border: 1px solid #aaa;
  margin: 3px 25px 3px 0;
  max-width: -moz-max-content;
  max-width: max-content;
  width: 100%;
}

.imagenewdiv2 {
  position: absolute;
  z-index: 700 !important;
  opacity: 1;
  transition: background 0.5s ease-in;
}

.imagenew2 {
  float: left !important;
  text-align: left;
}

#wrapper-tabs {
  margin: auto;
  position: relative;
  text-align: center;
}

.reflect {
  width: auto !important;
}

.vcu h1.producto {
  font-size: 55px !important;
  margin-bottom: 15px !important;
}
.vcu p.description {
  font-size: 26px;
  margin: auto;
}
.vcu p {
  text-align: left !important;
}
.vcu .imgsbsec {
  width: 30% !important;
}

#tabContainer {
  margin: 0 auto;
}

to {
  opacity: 1;
}

#tabs > ul {
  padding: 0;
  text-align: center;
}
#tabs > ul > li {
  margin: 0 2px 3px 0 !important;
  padding: 7px 10px !important;
  display: inline;
  background: 0 0 !important;
  color: white !important;
  background-color: #007cc3 !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  border: 1px solid #007cc3 !important;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
#tabs > ul > li:hover {
  cursor: pointer;
  color: #007cc3 !important;
  background-color: white !important;
  border: 1px solid #007cc3 !important;
  transition: all 0.5s cubic-bezier(0.2, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.2, 0, 0.58, 1);
}
#tabs > ul > li.tabActiveHeader {
  cursor: pointer;
  color: #007cc3 !important;
  background-color: white !important;
  border: 1px solid #007cc3 !important;
}

.impr {
  float: left;
  color: white;
  border: 0 solid #007cc3 !important;
  width: 25px;
  margin: 0 2px 2px 0;
  padding: 7px 0 7px 2px !important;
}
.impr a {
  background-repeat: no-repeat;
  color: white;
  padding: 1px 4px !important;
}

.margen-intensidad {
  display: none !important;
}

.top-print {
  display: none;
}

.slidingDiv {
  height: auto;
  text-align: left;
  width: 60%;
  margin: 0 auto 0 10%;
  padding: 20px 30px;
  position: absolute;
  z-index: 1000000002 !important;
  display: none;
  background: white no-repeat;
  border: 3px solid #007cc3;
  border-radius: 10px;
}

.show_hide {
  display: none;
}

.show_hide_close {
  display: none;
  display: block;
  position: absolute;
  top: 3px;
  right: 2px;
  color: #007cc3;
  height: 35px;
  width: 30px;
  font-size: 30px;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
}

.pdf-printer {
  font-size: 12px;
  color: #aaa;
}

.print-head {
  font-size: 21px;
  color: #545454;
  margin-bottom: 15px;
}

.logo-print {
  width: 100%;
  clear: both !important;
}

.logo-print1 {
  text-align: center;
  height: 45px;
  padding: 10px 0 0 0;
  float: left;
  width: 14%;
}

.logo-print2 {
  height: 70px;
  float: left;
  width: 86%;
  font-size: 9px;
}

#pageFooter1 {
  display: none;
}

#pageFooter1t {
  display: none;
}

#pageFooter2 {
  display: none;
}

.masnoticias_inicio {
  text-align: center;
  margin: 20px;
}
.masnoticias_inicio a {
  border: 1px solid #aaa !important;
  color: #aaa !important;
  padding: 5px 45px;
}
.masnoticias_inicio a:hover {
  border: 1px solid #007cc3 !important;
  color: #007cc3 !important;
  padding: 5px 45px;
}

.masinfo_inicio {
  border: 1px solid #aaa !important;
  padding: 5px !important;
  color: #007cc3 !important;
  width: 60px;
  margin: 0 auto;
  transition: none;
}
.masinfo_inicio:hover {
  border: 1px solid #007cc3 !important;
  padding: 5px !important;
  color: #007cc3 !important;
  width: 60px;
  margin: 0 auto;
}

.masinfo_about-text {
  padding-top: 20px;
}

.masinfo_about {
  border: 1px solid #aaa !important;
  padding: 5px !important;
  color: #007cc3 !important;
  width: 60px;
  text-align: center;
  transition: none;
}
.masinfo_about:hover {
  border: 1px solid #007cc3 !important;
  padding: 5px !important;
  color: #007cc3 !important;
  width: 60px;
}

.linkmasinfonoticias {
  float: right !important;
  font-size: 12px;
}

.nuevo_cartel {
  margin-left: 7px;
  padding: 1px 4px;
  background-color: #007cc3 !important;
  color: white !important;
  font-size: 10px;
  vertical-align: super;
  border-radius: 5px 5px 5px 5px;
  border: 0 solid #007cc3;
}

.nuevo_cartel_peq {
  margin-left: 7px;
  padding: 1px 4px;
  background-color: #007cc3 !important;
  color: white !important;
  font-size: 8px;
  vertical-align: super;
  border-radius: 5px 5px 5px 5px;
  border: 0 solid #007cc3;
}

.div_cables_1 {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.div_cables_2 {
  float: left;
  margin: 5px;
  border: 1px solid #aaa;
  width: 18%;
}

.div_cables_5 {
  float: left;
  margin: 5px;
  border: 1px solid #aaa;
  width: 15%;
}

.div_cables_3 {
  text-align: center;
  background-color: #efefef;
  padding: 2px 0;
  font-weight: 700;
}
.div_cables_3:hover {
  text-align: center;
  background-color: #007cc3;
  color: white !important;
  padding: 2px 0;
}

.div_cables_4 {
  text-align: center;
  min-height: 60px;
  padding: 8px 10px;
  vertical-align: middle;
}

.search-home {
  padding: 8px;
  right: 8px;
}

.input-search {
  color: #aaa;
  margin-right: 6px;
  bottom: 5px;
}

.icono-cautions {
  vertical-align: bottom;
}

.riskg-left {
  margin: 0 11px 0 0;
}

.tabla-ip {
  border: 1px solid #aaa;
  width: 33%;
}

.global {
  border: 5px solid white;
  margin: 0 auto;
  text-align: center;
}
.global:hover {
  border: 5px solid #aaa;
}

.only-iphone-print {
  display: none !important;
}

.complementos {
  margin: auto;
  width: initial !important;
}
.complementos td {
  padding: 0 10px;
  vertical-align: middle;
}

#big {
  margin: 0 auto;
  text-align: center;
  border: 3px solid #aaa;
  display: inline-block;
  margin: 10px;
  width: 20%;
  position: relative;
  height: 230px;
  transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
#big:hover {
  border: 3px solid #007cc3;
}
#big:hover .small {
  background-color: #007cc3;
  color: white;
  transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
#big:hover .titulo-acces {
  background-color: #007cc3;
  color: white;
  transition: all 0.6s cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
#big img {
  width: 100%;
  margin: 0 auto !important;
}

.titulo-acces {
  width: 90%;
  padding: 10px 5%;
  position: absolute;
  color: #007cc3;
  bottom: 17px;
  margin: 0 auto;
  text-align: center;
  background-color: white;
  font-size: 11px;
  font-weight: 700;
  min-height: 25px;
}

#bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  text-align: center;
  display: flex;
}

.div_noticias_texto {
  content: "\b";
}
.div_noticias_texto:after {
  content: "\b";
}

.form-es-search {
  z-index: 1000 !important;
  text-align: left !important;
  top: 3px;
  right: -5px;
  position: relative;
  padding: 0 !important;
}

.form-fr-search {
  z-index: 100000000 !important;
  text-align: left !important;
  top: 11px;
  right: -5px;
  position: relative;
  padding: 0 !important;
}

.fadeTop {
  opacity: 0;
  transform: translate(0, 10vh);
  transition: all 1s;
}

.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.equip-image img {
  width: 100%;
}

.equip-title {
  margin-top: 3%;
  padding: 1% 2% 0 2%;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
}

.equip-subtitle {
  float: left;
  width: 70%;
  padding: 1% 2% 0 2%;
  font-weight: 700;
}

.equip-subtitle-relacionada a {
  color: white;
}

.equip-descrip {
  margin: 2% 0;
  padding: 3%;
}

.subcontent {
  background-color: white;
  width: 48%;
  height: 180px;
  float: left;
  position: relative;
  margin-top: 35px !important;
  margin: 0 0 0 1%;
}

.subtitle {
  text-transform: uppercase;
  color: #007cc3;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 24px;
  font-weight: 700;
  padding: 2px 10px 0 10px;
  width: auto;
  text-align: center;
}

.imagen1 {
  background-image: url(../images/medida/cabecera-modificaciones.jpg);
  background-size: cover;
  height: 240px;
  margin: 1% 0;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.imagen2 {
  background-image: url(../images/medida/cabecera-medida.jpg);
  background-size: cover;
  height: 240px;
  margin: 1% 0;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

p.equipos {
  width: 97%;
  margin: 0 0 2% 1%;
}

p.blue a {
  text-decoration: underline;
}
p.blue img {
  vertical-align: middle;
  margin-right: 10px;
}

p.equipos5 {
  width: 61%;
  margin: 0 0 2% 1%;
  float: left;
}
p.equipos5 img {
  width: 100%;
}

p.equiposimg {
  width: auto;
  margin: 0 0 2% 1%;
  float: right;
}

.clearspace {
  width: 100%;
  clear: both;
  height: 1px;
}

.blue-servicios {
  width: 96%;
  height: auto;
  margin: 0 0 2% 0;
  border: 1px solid rgba(0, 125, 194, 0.7);
  background-color: white;
  padding: 2%;
}

.list-equipos {
  width: 47%;
  min-height: 250px;
  float: left;
  padding: 20px 1% 10px 1%;
  text-align: center;
}

.list-equipos-title {
  width: 75%;
  margin: 0 auto;
  text-align: center;
  height: 10px;
}
.list-equipos-title a:hover {
  text-decoration: underline;
}

.margin-right {
  margin-right: 2%;
}

.amedida {
  overflow: hidden;
  height: 252px !important;
  clear: none !important;
  float: left;
  margin: 0 0 20px 50px !important;
}

.amedidaimg {
  width: 100%;
}

.amedidanom {
  text-align: center;
  color: #007cc3;
  background-color: white;
  font-weight: 700;
  font-size: 0.9rem;
  padding: 5px 5px 0;
}

.amedidadescrip {
  background-color: white;
  font-size: 10px;
  color: black;
  padding: 5px;
  height: 72px;
}

.pre-titul-example {
  width: 99.5%;
  overflow: hidden;
  padding-top: 5px;
  margin: 1% 0 0 0;
  font-size: 15px;
  font-weight: 700;
}

.docu-divs {
  width: 22%;
  float: left;
  height: 150px;
  margin: 1%;
  border: 1px solid #aaa;
}
.docu-divs:hover {
  border: 1px solid #545454;
}
.docu-divs p {
  text-align: center;
  margin: auto;
  text-transform: uppercase;
  color: #007cc3;
  font-size: 0.9rem;
  font-weight: 700;
  width: 100%;
  text-align: center;
}

.docu-divs2 {
  display: flex;
  height: 100%;
  display: -webkit-flex;
  margin: 0;
  background-color: #E8972A;
}
.docu-divs2:hover {
  background-color: rgba(255, 255, 255, 0.7);
}

.docu-imagen {
  background-size: cover;
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
}

.div-pestanyas {
  max-width: 500px;
  text-align: center;
  margin: -32px 0 0 85px;
  background-color: white;
  position: absolute;
  z-index: 999 !important;
  padding: 7px 15px 9px 15px;
  border-color: #007cc3;
  border-width: 3px;
  border-style: double;
  width: auto;
  color: #007cc3;
  animation: fadein 4s;
  box-shadow: 0 0 5px 0 rgba(74, 74, 74, 0.56);
}
.div-pestanyas img {
  vertical-align: middle;
  margin-right: 10px;
}

.div-pestanyas2 {
  max-width: 500px;
  text-align: center;
  margin: 60px 0 0 0;
  background-color: white;
  position: absolute;
  z-index: 999 !important;
  padding: 7px 15px 9px 15px;
  border-color: #007cc3;
  border-width: 3px;
  border-style: double;
  width: auto;
  color: #007cc3;
  animation: fadein 4s;
  box-shadow: 0 0 5px 0 rgba(74, 74, 74, 0.56);
}
.div-pestanyas2 img {
  vertical-align: middle;
  margin-right: 10px;
}

.i #ffficon {
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  margin: 0 0 3px 4px;
  padding: 3px;
}

.iblueicon {
  border: solid #007cc3;
  border-width: 0 2px 2px 0;
  display: inline-block;
  margin: 0 0 3px 4px;
  padding: 2px;
}

.down {
  transform: rotate(45deg);
}

.up {
  transform: rotate(-45deg);
  margin: 0 0 1px 3px;
}

.accept-button {
  float: right;
  margin: -16px -25px 0 0;
}

.closedivpestanyas {
  background-color: #007cc3;
  color: white;
  padding: 3px 5px 2px 5px;
  font-weight: 700;
  border-radius: 70px;
}

.nuevoconfi {
  background-color: #007cc3;
  color: white;
  padding: 0 15px;
  border-radius: 4px;
}

.loadingiframeproducts {
  z-index: 2;
  margin: auto;
  text-align: center;
  width: auto !important;
}

.volverproductos {
  margin-top: -35px;
  cursor: pointer;
  float: right;
  background-color: #007cc3;
  color: white;
  padding: 2px 4px;
  margin-bottom: 10px;
}

.listafamiliaboton {
  display: none;
}

.descriptionlightingtype {
  text-align: center !important;
  font-size: 9.4px;
}
.descriptionlightingtype:hover {
  color: white;
}
.descriptionlightingtype:hover a {
  color: white;
}

.iluminacion {
  background-color: white;
}
.iluminacion:hover {
  background-color: #007cc3;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.iluminacion:hover .descriptionlightingtype {
  color: white !important;
}
.iluminacion:hover .descriptionlightingtype a {
  color: white !important;
}

.productosmenu {
  display: inline;
  background-color: white;
  color: #007cc3;
  text-align: left !important;
}
.productosmenu li {
  display: inline;
}
.productosmenu li a {
  padding-left: 5px !important;
  text-align: left !important;
}

.accesoriosmenu {
  display: block;
  background-color: white;
  color: #007cc3;
  text-align: left !important;
}
.accesoriosmenu li {
  display: block !important;
}
.accesoriosmenu li a {
  padding-left: 5px !important;
  text-align: left !important;
}

.referenciamenu {
  display: inline;
  background-color: white;
  color: #007cc3;
  text-align: left !important;
}
.referenciamenu li {
  display: inline;
}
.referenciamenu li a {
  padding-left: 5px !important;
  text-align: left !important;
}

.productosseleccion {
  border-bottom: 1px solid #aaa !important;
  margin: 0 2px !important;
}

.newsletter-home-div {
  height: 165px;
  background-color: #007cc3;
  background-image: url(../images/newsletter-singup-dcmsistemes2.png);
  background-position: right;
  background-repeat: no-repeat;
}

.newsletter-home-div2 {
  width: 70%;
  float: left;
  text-align: left;
}

.newsletter-home-div2-nombre {
  width: 125px !important;
  background-color: white !important;
  height: 22px !important;
  margin: 0 6px 10px 0;
}

.newsletter-home-div2-correo {
  width: 200px !important;
  background-color: white !important;
  height: 22px !important;
  margin: 0 6px 0 0;
}

.newsletter-home-div2-enviar {
  width: auto !important;
  height: 30px !important;
  background-color: #007cc3;
  color: white;
  border: 1px solid #007cc3 !important;
  cursor: pointer !important;
  margin: 0 0 0 15px;
}
.newsletter-home-div2-enviar:hover {
  border: 1px solid #007cc3 !important;
  background-color: white !important;
  color: #007cc3 !important;
}

.newsletter-home {
  color: white;
  margin: auto;
  text-align: center;
  padding: 15px;
}
.newsletter-home a {
  color: white;
  margin: auto;
  text-align: center;
  padding: 15px;
}

.notavailable {
  color: #aaa;
}

.videoWrapper {
  max-width: 620px;
  position: relative;
  padding-bottom: 56.2%;
  padding-top: 0;
  height: 0;
  margin: 0 auto;
}

.videoWrapperYoutube {
  max-width: 620px;
  margin: 15px auto;
  height: 350px;
}
.videoWrapperYoutube iframe {
  width: 100%;
  height: 350px;
}

.leido-text {
  font-size: 1rem;
  font-weight: lighter;
  margin: 20px 0 !important;
  width: 100% !important;
  text-align: center;
}

.legal-notice-contact {
  text-align: justify;
  font-weight: lighter;
  color: red;
  background-color: white;
  color: #aaa;
  border: 1px solid white;
  padding: 5px 20px;
}
.legal-notice-contact a {
  text-decoration: none !important;
}
.legal-notice-contact p {
  font-size: 10px;
}

.enviar-contacto-div {
  width: 100%;
  height: 60px;
}

.envio {
  width: 200px !important;
}

.enviar-contacto {
  padding: 10px 0 0 0;
  margin: -20px 0 0 0;
  float: left !important;
}

.legal-notice-inicio {
  text-align: justify;
  font-weight: lighter;
  color: #aaa;
  border: 1px solid #f0f0f0;
  padding: 0 2.5%;
  margin: -60px 0 20px 0;
  width: 95%;
}
.legal-notice-inicio p {
  font-size: 10px !important;
}

.required-dot {
  font-weight: 700;
  font-style: normal;
  color: red;
}

#cuadro {
  border: 1px solid white;
  padding: 2px;
  width: 90%;
  margin: 10px auto;
  background-color: white;
}
#cuadro p {
  color: #007cc3;
}

#cuadro1 {
  border: 1px solid white;
  padding: 2px;
  width: 90%;
  margin: 10px auto;
}

.centro {
  margin: auto;
  max-width: 1000px;
  text-align: center;
  overflow: hidden;
}
.centro p {
  width: 90%;
  text-align: left;
}

#st-2 .st-btn {
  height: 30px;
}
#st-2 .st-btn > svg {
  height: 32px;
  width: 15px;
  top: 2px;
}

#st-3 .st-btn {
  height: 30px;
}
#st-3 .st-btn > svg {
  height: 32px;
  width: 15px;
  top: 2px;
}

#st-4 .st-btn {
  height: 30px;
}
#st-4 .st-btn > svg {
  height: 32px;
  width: 15px;
  top: 2px;
}

#st-5 .st-btn {
  height: 30px;
}
#st-5 .st-btn > svg {
  height: 32px;
  width: 15px;
  top: 2px;
}

#st-6 .st-btn {
  height: 30px;
}
#st-6 .st-btn > svg {
  height: 32px;
  width: 15px;
  top: 2px;
}

#st-1 .st-btn {
  height: 30px;
}

.section_video {
  clear: both;
  padding: 0;
  text-align: center;
  margin: 0 auto;
  max-width: 80%;
}

.col_video {
  display: block;
  float: left !important;
  margin: 0 60px 150px 0;
}

.col_video2 {
  display: block;
  float: left !important;
  margin: 5px;
  width: 48%;
}

.span_3_of_3_video {
  width: 100%;
}

.span_2_of_3_video {
  width: 63.33%;
  height: 141px !important;
  font-size: 0.9rem;
}

.span_1_of_3_video {
  width: 30%;
  margin: 20px;
  flex: 1 1 auto;
  max-width: 450px;
  border:1px solid #007cc3;

}

.row-youtube {
  display: flex;
  flex-wrap: wrap;
}

.iconos_redes0 {
  border-top: 5px solid #007cc3;
  margin-top: -5px;
  background-color: aliceblue;
  height: auto;
  padding: 8px 5px 0 5px;
  min-height: 52px;
  line-height: 120%;
  font-weight: 700;
  color: #007cc3;
  opacity: 1;
  position: relative;
  text-align: center;
  font-size: 1rem;
}

.accordion_ilu {
  background-color: white;
  cursor: pointer;
  margin: 10px 0;
  border: 1px solid #007cc3;
  outline: 0;
  transition: 0.4s;
  text-align: center;
  padding: 20px 0;
}
.accordion_ilu img {
  vertical-align: text-bottom;
}
.accordion_ilu:hover {
  background-color: aliceblue;
}

#tipos_luz {
  max-width: 1500px;
  margin: auto;
}
#tipos_luz details[open] > summary {
  background-color: aliceblue;
}

#tipos_iluminacion {
  max-width: 1500px;
  margin: auto;
}
#tipos_iluminacion [open] > summary {
  background-color: aliceblue;
}

#ibluedrive details[open] > summary {
  background-color: aliceblue;
}

#ibluledrive {
  max-width: 1500px;
  margin: auto;
}

.limpio {
  border: none !important;
  vertical-align: middle !important;
}

.ipz-button {
  width: 30%;
  background-color: white;
  border: 1px solid #007cc3 !important;
  cursor: pointer !important;
  min-width: 300px;
  margin: auto;
}
.ipz-button a p {
  color: #007cc3;
  text-align: center;
}

#scroll {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #007cc3;
  text-indent: -9999px;
  display: none;
  border-radius: 60px;
  border: 1px solid white;
  z-index: 10;
  display: none;
}
#scroll span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: white;
}
#scroll:hover {
  background-color: red;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

figure:after {
  display: block;
  clear: both;
}

.containercalendar {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: center;
  max-width: 1399px;
  margin: auto;
}

.cal {
  text-align: center;
  font-size: 18px;
  color: white;
  background-color: #007cc3;
  padding: 5px 0;
  margin: 0 auto;
}

.cabecera {
  border-bottom: 1px solid;
  color: #007cc3;
  padding: 10px 0;
}

.sombreado {
  font-size: 42px;
  margin-top: 20px;
  color: black;
}

.cod p {
  color: #aaa;
  padding: 0.2em;
}

.opciones {
  text-align: center;
  margin: 0 auto 1%;
  padding: 1%;
}

.codificacion2 {
  margin: auto;
  max-width: 1200px;
  flex-wrap: wrap;
  margin: auto;
  display: flex;
  flex-basis: min-content;
  align-self: flex-start;
  flex-grow: 1;
  justify-content: center;
}

.codificacion {
  display: flex;
  flex-basis: min-content;
  align-self: flex-start;
  flex-grow: 1;
  justify-content: center;
}

.itemauto {
  text-align: center;
  margin: 10px;
  min-width: 120px;
}
.itemauto p {
  text-align: center;
}

.itemauto2 {
  margin: 10px;
  min-width: 260px;
}
.itemauto2 p {
  text-align: center;
}

.itemauto.conector {
  max-width: 450px;
}

.item {
  flex-basis: 45%;
  margin: 10px;
  text-align: left;
}

.item25 {
  flex-basis: 25%;
  text-align: center;
  margin: 0 auto 1%;
}

.item10 {
  flex-basis: 10%;
  margin: 0 1%;
}

.contenedor {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  max-width: 1700px;
  gap: 10px;
  margin: auto;
}

.ods_icon {
  width: 63px;
}

.space {
  justify-content: space-between;
}

.bloque {
  width: 45%;
  text-align: center;
}

.bloque2 {
  width: 240px;
  animation: sube 1s;
}

.bloque3 {
  width: 49%;
}
.bloque .small {
height: 100px;
width: 75%;
margin: auto;
float: none;
}
.container2 {
  position: relative;
  float: left;
  margin: 1%;
  width: 14%;
  height: 150px;
}
.container2:after {
  clear: both;
}
.container2 .image {
  height: 100%;
}
.container2:hover .overlay {
  height: 100%;
  background-color: rgba(0, 125, 194, 0.7);
}

.container3 {
  position: relative;
  float: left;
  margin: 5px 10px;
  width: 175px;
  height: 175px;
  padding: 15px;
}
.container3:after {
  clear: both;
}
.container3 .image {
  height: 100%;
}
.container3:hover .overlay {
  height: 100%;
  background-color: rgba(0, 125, 194, 0.7);
}

.container4 {
  position: relative;
  float: left;
  width: 250px;
}
.container4::after {
  clear: both;
}
.container4 .image {
  height: 100%;
}
.container4:hover .overlay {
  height: 100%;
  background-color: rgba(0, 125, 194, 0.7);
}

.container5 {
  position: relative;
  float: left;
  width: 100%;
  height: 160px;
  overflow: hidden;
}
.container5:after {
  clear: both;
}
.container5 .image {
  height: 100%;
}
.container5 a img {
  height: 100%;
}
.container5:hover .overlay {
  height: 100%;
  background-color: rgba(0, 125, 194, 0.7);
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 30%;
  transition: 0.5s ease;
  overflow: hidden;
}
.overlay:hover .nombre {
  visibility: visible;
  transition-delay: 0.2s;
}
.overlay:hover .codigo {
  visibility: visible;
  transition-delay: 0.2s;
}
.overlay:hover .abnom {
  font-size: 1.3rem;
  transition: all 0.5s ease 0.1s;
  padding: 0 1rem;
}

.fotofamilia {
  max-width: 50px;
  float: left;
  margin: 10px;
}

.nombre {
  font-size: 1rem;
  color: white;
  visibility: hidden;
  text-align: center;
}
.nombre::before {
  content: "[+]\a";
  font-size: 55px;
  white-space: break-spaces;
}

.codigo {
  font-size: 1rem;
  color: white;
  visibility: hidden;
  text-align: center;
}

.abnom {
  color: white;
  margin-top: 0.5rem;
  padding: 0 1rem;
}

form input,
form textarea {
  padding: 5px;
  box-sizing: border-box;
  border: 0;
  transition: all 0.3s;
  border-bottom: 1px solid #007cc3;
  margin: 5px;
}
form input:focus,
form textarea:focus {
  background: aliceblue;
}

#pais {
  width: 250px;
  padding: 5px;
  box-sizing: border-box;
  border: 0;
  transition: all 0.3s;
  border-bottom: 1px solid #007cc3;
  margin: 5px;
}

input:focus {
  background: aliceblue;
}

.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown:hover .dropdown-content {
  display: block;
  background-color: white;
}
.dropdown:hover .dropbtn {
  background-color: white;
}

.dropbtn {
  background-color: white;
  padding: 8px;
  font-size: 1rem;
  border: none;
  text-transform: uppercase;
  font-weight: 400;
  font-family: Oswald, sans-serif;
}
.dropbtn a:hover {
  color: black;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #007cc3;
  min-width: 200px;
  z-index: 3;
  right: -50%;
}
.dropdown-content a {
  font-size: 0.9rem;
  text-decoration: none;
  display: block;
  text-align: center;
  border: 1px solid #007cc3;
  background-color: #007cc3;
  color: white;
  transition: background-color 0.3s ease;
  padding: 8px 20px;
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
}
.dropdown-content a:hover {
  background-color: white;
  color: #007cc3;
  border: 1px solid #007cc3;
}

#breadcrumbs {
  width: 95%;
  margin: 10px auto;
	/* margin: 140px auto auto;   */
    font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
#breadcrumbs a {
  color: #007cc3;
  text-transform: capitalize;
}
#breadcrumbs a:hover {
  color: #007cc3;
}
.breadcero {
  border: 1px solid #007cc3;
  padding: 1px 2px 0;
  margin-left: 4px;
  display: inline-block;
  opacity: 0.55;
  border-radius: 4px;
}
.breadcero a {
  color: #007cc3;
  text-transform: capitalize;
}
.breadcero a:hover {
  color: #007cc3;
}
.breadcero:hover {
  box-shadow: 0 0 1px 0 #007cc3;
}

.breaduno {
  border: 1px solid #007cc3;
  padding: 1px 2px 0;
  margin-left: 4px;
  display: inline-block;
  opacity: 0.55;
  border-radius: 4px;
}
.breaduno a {
  color: #007cc3;
  text-transform: capitalize;
}
.breaduno a:hover {
  color: #007cc3;
}
.breaduno:hover {
  box-shadow: 0 0 1px 0 #007cc3;
}

.breaddos {
  border: 1px solid #007cc3;
  padding: 1px 2px 0;
  margin-left: 4px;
  display: inline-block;
  opacity: 0.55;
  border-radius: 4px;
}
.breaddos a {
  color: #007cc3;
  text-transform: capitalize;
}
.breaddos a:hover {
  color: #007cc3;
}
.breaddos:hover {
  box-shadow: 0 0 1px 0 #007cc3;
}

.breadtres {
  border: 1px solid #007cc3;
  padding: 1px 2px 0;
  margin-left: 4px;
  display: inline-block;
  opacity: 0.55;
  border-radius: 4px;
}
.breadtres a {
  color: #007cc3;
  text-transform: capitalize;
}
.breadtres a:hover {
  color: #007cc3;
}
.breadtres:hover {
  box-shadow: 0 0 1px 0 #007cc3;
}

.breadcuatr a:hover {
  color: #007cc3;
}

.breadcuat {
  border: 1px solid #007cc3;
  padding: 1px 2px 0;
  margin-left: 4px;
  display: inline-block;
  opacity: 0.55;
  border-radius: 4px;
}

.main_menu {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  height: 400px;
  margin: 20px 0;
}
.main_menu p {
  font-size: 22px;
  background-color: white;
  margin: auto;
  padding: 10% 0;
  text-align: center;
}

#contenedor_ppal {
  position: relative;
  overflow: hidden;
  height: 500px;
  flex: 1 1 48%;
}
#contenedor_ppal img {
  min-height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}

#contenido {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 140px 0px;
  transition: 1s;
  background-color: rgba(0, 125, 194, 0.1);
}
#contenido:hover {
  background-color: #E8972A;
  background-color: rgba(0, 0, 0, 0.3);
}

#contenido2 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 140px 0px;
  transition: 1s;
}
#contenido2:hover {
  background-color: #E8972A;
  background-color: rgba(0, 125, 194, 0.7);
}

.texto {
  margin: auto;
  text-align: center;
  color: #007cc3;
  padding: 5px;
  max-width: 800px;
  width: 80%;
  color: white;
  left: 5%;
  background-color: rgba(0, 125, 194, 0.7);
}
.texto h1 {
  font-size: clamp(35px, 1vw, 45px);
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
}
.texto h2 {
  font-size: clamp(35px, 1vw, 45px);
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  color: white;
}
.texto h3 {
  font-weight: lighter;
  padding: 0 50px;
  font-family: inherit;
  margin: 2rem 0;
  font-size: clamp(20px, 1.5vw, 25px);
}

.texto2 {
  margin: auto;
  text-align: center;
  color: #007cc3;
  padding: 5px;
  max-width: 800px;
  width: 80%;
  color: black;
  right: 5%;
  background-color: rgba(255, 255, 255, 0.7);
}
.texto2 h1 {
  font-size: clamp(35px, 1vw, 45px);
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
}
.texto2 h2 {
  font-size: clamp(35px, 1vw, 45px);
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
}
.texto2 h3 {
  font-weight: lighter;
  padding: 0 50px;
  font-family: inherit;
  margin: 2rem 0;
  font-size: clamp(20px, 1.5vw, 25px);
}

.text h1:hover {
  font-size: 60px;
}

.textup h3 {
  font-weight: lighter;
  padding: 0 50px;
  font-family: inherit;
  margin: 2rem 0;
  font-size: clamp(20px, 1.5vw, 25px);
}

.imgportada {
  overflow: hidden;
  width: 100%;
  max-height: 350px;
}
.imgportada img {
  width: 100%;
  transition: 0.3s ease-in-out;
}
.imgportada img:hover {
  transform: scale(1.1);
}

.contenedor_ppal {
  margin-top: 25px;
}

.mov {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#text {
  z-index: 100;
  position: absolute;
}

.contenido_ppal {
  max-height: 450px;
  margin: auto;
  background: aliceblue;
  overflow: hidden;
  text-align: center;
}
.contenido_ppal img {
  max-height: 450px;
  margin: auto;
  background: aliceblue;
  overflow: hidden;
  text-align: center;
}
.contenido_ppal p {
  bottom: 350px;
  padding: 5px;
  width: 100%;
  text-align: center;
  margin-top: 25px;
  transition-property: all;
}
.contenido_ppal h1 {
  bottom: 370px;
  padding: 5px;
  width: 100%;
  text-align: center;
  margin-top: 25px;
  transition-property: all;
}

.contenido_ppal2 {
  background: white;
  max-height: 450px;
  margin: auto;
  overflow: hidden;
  text-align: center;
  animation-duration: 200ms;
  animation-timing-function: linear;
}
.contenido_ppal2 img {
  background: white;
  max-height: 450px;
  margin: auto;
  overflow: hidden;
  text-align: center;
  animation-duration: 200ms;
  animation-timing-function: linear;
}
.contenido_ppal2 p {
  bottom: 350px;
  padding: 5px;
  width: 100%;
  text-align: center;
  margin-top: 25px;
  transition-property: all;
}
.contenido_ppal2 h1 {
  bottom: 370px;
  padding: 5px;
  width: 100%;
  text-align: center;
  margin-top: 25px;
  transition-property: all;
}

.texto_ppal {
  width: 85%;
  font-variant: oldstyle-nums;
  color: #aaa;
  margin: auto;
  display: block;
}

.button {
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1rem;
  margin: 21px;
  cursor: pointer;
}

.button2 {
  background-color: white;
  color: #007cc3;
  border: 2px solid #007cc3;
  margin: auto;
  display: flex;
}
.button2:hover {
  background-color: #007cc3;
  color: white;
}

.cincuenta {
  width: 50%;
  margin: auto;
}

.izq5 {
  float: left;
  margin: 1rem;
  text-align: center;
  width: 40%;
}

.fifty {
  width: 50%;
  float: left;
  margin: 2% 0;
}
.fifty h4 {
  text-align: center;
}

.h3azul {
  font-size: 20px;
  color: #007cc3;
  text-align: center;
}

.h3gris {
  font-size: 1rem;
  color: #aaa;
}

.h2negro {
  font-size: 0.9rem;
  color: black;
}

.h2 {
  font-size: 1.5rem;
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
}

.borde2 {
  border: 1px solid #aaa;
  width: 50%;
  text-align: center !important;
}

.max200 {
  width: 200px;
  max-width: 99%;
}

table.borde {
  table-layout: fixed !important;
}

.borde th {
  padding: 10px;
  border: 1px solid white;
  background-color: #007cc3;
  color: white;
  text-align: center;
}
.borde td {
  padding: 5px 10px;
  background-image: none;
  border-bottom: 1px solid #aaa;
  font-weight: 400;
}

.seccion {
  border-bottom: none !important;
}

.seccionseparata {
  border-bottom: none !important;
}

.cerrar {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: red;
  transition: all 200ms;
}

.overlay_not {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay_not:target {
  visibility: visible;
  opacity: 1;
}

.popupBody {
  width: 46%;
  padding: 2%;
  border-radius: 15px;
  box-shadow: 0 0 5px #aaa;
  background: white;
  position: relative;
  margin: 20% auto;
  transition: all 5s ease-in-out;
}

.lema {
  margin-left: 30px;
  text-align: right;
  font-size: clamp(6px, 1.2vw, 25px);
  vertical-align: bottom;
}

.col15 {
  margin: 50px;
}

.asistente {
  display: flex;
  flex-basis: min-content;
  align-self: flex-start;
  flex-grow: 1;
  justify-content: center;
}
.asistente form {
  max-width: 90%;
  width: 1000px;
  background: aliceblue;
  border: 1px solid #007cc3;
}
.asistente p {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 5px;
  margin: 5px;
}
.asistente input {
  width: auto;
}

#asistente fieldset:not(:first-of-type) {
  display: none;
}

fieldset {
  border: none;
}

.btn {
  background-color: #007cc3 !important;
  color: white !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  border-radius: 10px;
  padding: 10px;
  border: none;
}
.btn:hover {
  transition: all 0.2s ease;
  box-shadow: #aaa 0px 2px 2px;
}

.previous.btn {
  background-color: aliceblue !important;
  color: #007cc3 !important;
  border: 1px solid #007cc3;
}

.actualizar {
  background: none;
  border: none;
  text-decoration: underline;
  color: #007cc3;
  text-align: center;
}
.actualizar:hover {
  cursor: pointer;
  text-decoration: none;
}

.carritopreview {
  max-width: 1000px;
  margin: auto;
}

.confirmar {
  float: left;
  width: 70%;
}

.modificar {
  float: left;
  width: 70%;
  padding: 25px;
}

.ped {
  float: left;
  width: 70%;
  padding: 25px;
}

.botonera {
  float: right;
  display: flex;
  flex-direction: column;
  padding: 25px;
}
.botonera .btn {
  margin: 10px 0;
  background-color: white !important;
  color: #007cc3 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #007cc3;
}
.botonera .btn:hover {
  transition: all 0.2s ease;
  box-shadow: #aaa 0px 2px 2px;
  background-color: #007cc3 !important;
  color: white !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  border-radius: 10px;
  padding: 10px;
}
.botonera .pedir {
  color: white !important;
  background-color: green !important;
  border: 1px solid green !important;
}
.botonera .pedir:hover {
  color: green !important;
  background: white !important;
}

#cart_menu_num {
  position: relative;
  top: 10px;
  left: 50%;
  background: red;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  padding: 2px;
  font-size: 10px;
  z-index: 1;
}

.notice {
  margin: 25vh auto !important;
  text-align: center !important;
  background: white;
  padding: 25px;
}
.notice p {
  text-align: center;
  margin: 20px auto !important;
}

.idiomaicono {
  margin: 0 5px;
  position: relative;
  height: 25px;
  max-width: 25px;
}

.contenedorpop {
  max-width: 100%;
  margin: 1rem;
}

.angulos input {
  width: unset;
  border: 1px solid #aaa;
}

video.video_teoriaib {
  max-width: inherit;
  margin: -10px;
  max-height: 500px;
}

video.video_teoriaib_xs {
  max-width: 300px;
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0.8;
  display: none;
}

.preloader {
  width: 70px;
  height: 70px;
  border: 10px solid white;
  border-top: 10px solid #545454;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 9999;
  display: none;
}

.boton_news {
  background-color: #007cc3;
  padding: 10px;
  border-radius: 1rem;
}
.boton_news p {
  color: white;
}

.moreinfolink {
  width: 45%;
}

.anchor::before {
  content: "\a\a\a\a\a";
  white-space: pre;
}

.planosiblue {
  display: inline-block;
  position: relative;
}
.planosiblue a img {
  position: absolute;
  bottom: 3em;
  right: 3em;
  width: 60px;
  opacity: 50%;
}
.planosiblue a:hover img {
  opacity: 100%;
}

.small {
  height: 100px;
  width: 75%;
  margin: auto;
  float: none;
}


.small {
  height: 100px;
  width: 75%;
  margin: auto;
  float: none;
}

.visibility{
  position: absolute;
  cursor: pointer;
  
}

.block__kpi {
  justify-content: space-between;
  }

  .kpi__column {
      width: 200px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 1rem;
      padding: 25px;
      height: 250px;
      transition: transform .3s;
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

  }

  .kpi__column:hover {
      transform: scale(0.98);
  }

  .kpi__number {
      font-size: 3em;
      font-weight: bold;
      color: white;
      margin-top: 15px;
  }

  .kpi__label {
      color: white;
      text-align: center;
      font-size: 1.2rem;
  }