@charset "utf-8";
@-ms-viewport {
    width: device-width;
}

body {
    position: relative;
    width: 100%;
    min-width: 20em;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #036395;    
    color: #333;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.3px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
    color: #385587;
}

h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
    font-size: 45%;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.3px;
    color: #8e92a9;
}

p {
    color: #6d717c;
    line-height: 1.8;
    font-weight: 300;
}
strong {
    color: #385587; 
}

#outer-wrap{
    position: relative;
    overflow: hidden;
    width: 100%;
}

#inner-wrap{
    position: relative;
    width: 100%;
}

.block {
    position: relative;
    margin: 0 auto;
    padding: 0;
}

#hometop{
    position: relative;
    height: 18em;
}

#top {
    z-index: 100;
    position: relative;
    height: 7.8em;
    background: rgb(2,0,36);
    background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.20) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(270deg, rgba(0,0,0,0.20) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, rgb(0 0 0 / 20%) 0%, rgb(255 255 255 / 0%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#ffffff",GradientType=1);

}
#top .block-title {
    margin: 0;
    text-align: center;
    white-space: nowrap;
}

#top .logo{
    margin: 0em;
    padding: 0em;
    position: absolute;
    top: 0.5em;
    right: 1em;
}

.fmeHeader
{
    position: absolute; 
    width: 100%; 
    height: 100%; 
    right: 0em; 
    top: 0em; 
    margin: 0em; 
    padding: 0em; 
    border:0em
}

.pdHeader
{
    background-image: url("/images/start/pulpit.webp");    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;    
    min-height: 350px;
    margin: 0px -20px 0px -20px;
    display: block;
    position: relative;    
}

.caja-cubierta{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.bg-filtro-chido
{
    background-color: rgb(88 17 17 / 40%);
}

.vertical-center {
     display: flex;
     flex-wrap: nowrap;
     justify-content: center;
     align-items: center;
     min-height: inherit;
     position: inherit;
     z-index: 10;
  }

.vertical-center * {
    color: #f7f7f9;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  }


.ds-flex{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.aling-items-strech{
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

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

.pad-5 {
    padding: 3rem !important;
}

.justify-content-between{
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.no-gutters{
    margin-left: 0;
    margin-right: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0; 
}
.row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.info-wrap{
    background-color: #F2F2F2;
}

.info-wrap .dbox {
    width: 100%;
    margin-bottom: 25px;
    color: #6d717c;
    line-height: 1.8;
    font-weight: 300; 
}
.info-wrap .dbox:last-child {
    margin-bottom: 0; 
}
.info-wrap .dbox p {
    margin-bottom: 0; 
}
.info-wrap .dbox p span {
    font-weight: 400;
    font-size: 20px;
    display: block;
    text-transform: uppercase; 
    color: #6d717c;
    line-height: 1.8;
}
.info-wrap .dbox p a {
    color: #6d717c;
}

.info-wrap .dbox .icon {
    margin-top: 10px; 
}
.info-wrap .dbox .icon span {
    font-size: 24px;
    color: #036395;
}
.info-wrap .dbox .text {
    width: 100%; 
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; 
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; 
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; 
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important; 
}
.contact-wrap {
    background: rgb(204, 204, 204);
    border-radius: 10px; 
}
.p-md-5 {
    padding: 2rem !important;
    }

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    background-color: rgb(255, 255, 255);
    /*border-left: 1px solid rgba(51, 51, 51, 0.80);*/
    /*border-right: 1px solid rgba(51, 51, 51, 0.80);*/
    padding-left: 20px;
    padding-right: 20px;
}

/* *************** Sidebar-module **************** */
.sidebar-module{
    padding: 2px;
    margin: 10px 5px 10px 5px;
    background-color: #ebedf2;
    border: #666565  1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.sidebar-head{
    padding: 4px 0px 4px 0px;
    border-bottom: 1px solid #666565;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.sidebar-head a{
    width: 100%;
    display: inline-block;
    padding: 4px;
    color: #385587;
    font-size: 14px;
    font-weight: bold;   
}


.sidebar-head a:hover {    
    color: #e07233;
}

.sidebar-head a:visited :active {
    background-color: #385587;
}

.sidebar-module ul{
    font-size: 12px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.sidebar-module li a{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 2px 10px 2px 10px ;
    color: #385587;
    font-size: 14px;
}

.sidebar-module li a:hover {
    background-color: #a5a9b6;
    color: #385587;
}

.sidebar-module li a:visited :active {
    background-color: #385587;
}

.sidebar-fixed {
    position: -webkit-sticky;
    position: sticky;
    top: 32px;
}


/* ************** Navegacion ************ */
@media only screen and (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
      display: block;
    }
    
    .row.display-flex {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
      }
    
      .row.display-flex > [class*='col-'] {
        flex-grow: 1;
      }

      .nav-valin-center{
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        min-height: inherit;
      }
  }

.navbar {
    font-size: 14px;
    background-image: -webkit-linear-gradient(top, #003e5e, #036395);
    background-image: -moz-linear-gradient(top, #003e5e, #036395);
    background-image: -ms-linear-gradient(top, #003e5e, #036395);
    background-image: -o-linear-gradient(top, #003e5e, #036395);
    border: 0px;
    min-height: 42px; 
    margin-bottom: 0px;   
}  

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

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

.navbar-default .navbar-brand {
    color: #ffffff;
    height: auto;
    padding: 5px;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}
.navbar-default .navbar-text {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    padding: 5px 8px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
   border-bottom: 2px solid #e07233; 
   margin-bottom: -2px;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: #036395;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #385587;
    background-color: #a5a9b6;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
    background-color: #0067d2;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #385587;
    background-color: #006b9c;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    border-bottom: 2px solid #e07233;    
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #006b9c;
}
.navbar-default .navbar-toggle {
    padding: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 5px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #006b9c;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ffffff;
}
.navbar-default .navbar-link {
    color: #ffffff;
}
.navbar-default .navbar-link:hover {
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .navbar .navbar-collapse {
        text-align: left;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #006b9c;
    }
}
/*End nav*/
@media screen and (min-width: 45.0625em) {
     .top-fixed-nav{
        position: fixed !important;
        top: 0em !important;
    }
}

a:link, a:visited, a:active, a:visited {
    text-decoration: none;
}

#back_top{
    position: fixed;
    bottom: 17.5em;
    text-align: center;
    /*width: 100%;*/
}

#back_top a{
    display: inline-block;
    text-align: center;
    font-size: 2.5em;
    line-height: 0em;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    color: #036395;
}

#back_top a:hover{
    color: #ff8c00;
}

#back_top span{
    padding: 0.5em;
    width: 2.5em;
    height: 2em;
    display: block;

    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back_top a:hover span{
    background-color: #0000002a;   
}

.espCorto {
    min-height: 30px;
    width: 100%;
}

.espLargo {
    min-height: 70px;
    width: 100%;
}

.lista-pops-cont{
    overflow: hidden;
}

.lista-pops
{
    padding-left: 0;
    list-style: none;
}

.lista-pops li
{
    float: left;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #001933;
    border: 1px solid #006b9c;
}

.listadisc, .lista-two-cols {
    list-style: disc;
    margin: 0px 0px 0px 15px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.3px;  
    color: #6d717c;
    line-height: 1.8;
    font-weight: 300;  
}

.listadisc > li{
    text-align: justify;
}

.lista-two-cols{
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

#footerDiv {
    background-color: #036395;/*  #02467d;*/
    height: 100%;
    background: rgb(2,0,36);
    background: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0.20) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(270deg, rgba(0,0,0,0.20) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, rgb(0 0 0 / 20%) 0%, rgb(255 255 255 / 0%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#ffffff",GradientType=1);
}

#footerDiv * {
 color: white;
 font-size: 14px;
}

#footerDiv span{
    font-size: 1.4em;
    background: rgba(255, 255, 255, 0.20);
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 16px 0px 16px 0px;
    border-radius: 25px;
}

.page-header {
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: 0px;
    margin-bottom: 30px;
    border: none;
}

.page-header h1{
    display: block;
    padding-top: 5px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    border-bottom: 2px solid #666565; /*#056496;*/

}

.lista {
    list-style: none;
    padding-top: 0px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    margin: 0px;
}

.lista li{
    margin: 0px;
    padding: 5px 5px 20px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    /*paraIE*/behavior:url(/script/border.htc);
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.lista li:hover{
    background-color: #f7ecb5;
    color: #000000;
}
.lista li > span{
    color: #a94543;
    padding-left: 12px;
    display: inline-block;
    border-bottom: dotted #333333 1px;
    width: 100%;
}
.lista li > p{
    padding-top: 5px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 0px;
}

.lista .btn{
    padding: 0px 5px 0px 5px;
}

.iselected{
    font-weight: bold;
}
.inormal{
    background-color: transparent;
}
.iselected i.glyphicon:first-child { display: none}
.iselected i.glyphicon:last-child{ display: inline-block}

.inormal i.glyphicon:first-child { display: inline-block}
.inormal i.glyphicon:last-child { display: none}

/* carousel*/
.carousel-indicators li{
    border: 1px solid #c6c6c6;
}

/**
 * kenburnsy - Easy to use JQuery plugin to make slideshows with Ken Burns effect
 * @version v0.0.5
 * @link https://github.com/ZeroOneStudio/kenburnsy
 * @license MIT
 */
.kenburnsy {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #080808;
}

.kenburnsy.fullscreen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.kenburnsy img {
    display:none;
}

.kenburnsy .slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.containerimg {
    width: 100%;
    min-width: 250px;
    margin: 0 auto;
}

.item .thumbnail {
    background-image: url("../images/team/team_bg.jpg");
    background-color: #d3d3d3;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
    color: #ffffff;
    min-height: 397px;
}

.caption
{
     background-color: rgba(255, 255, 255, 0.158);
}

.thumbnail > .caption> h3
{
    text-align: center;
    color: #ffffff;
}

.thumbnail > .caption> p {
    color: #ffffff;
    text-align: justify;
    width: 100%;
}

.carousel-caption > h4
{
    color: #ffffff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.363);
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

ol.numeric-decimals {
    counter-reset: section;
    list-style-type: none;
}

ol.numeric-decimals li {
    list-style-type: none;
    text-align: justify;
    margin: 15px;
}

ol.numeric-decimals li ol {
    counter-reset: subsection;
}

ol.numeric-decimals li:before {
    counter-increment: section;
    content: counter(section) ". "; /*content:"Section " counter(section) ". ";*/
}

ol.numeric-decimals li ol li:before {
    counter-increment: subsection;
    content: counter(section) "." counter(subsection) " ";
}

ol.numeric-decimals strong {
    display: inline;
    font-weight: bold;
}


/* custom carousel */
.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.flag {
    width: 25px;
    height: 15px;
    background: url(../images/site/flags.png) no-repeat
}

.flag.flag-mx {
    background-position: -25px 0
}

.flag.flag-us {
    background-position: 0 -15px
}

.selected img {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.img-tmb {
    height: 55px;
    width: 55px;
    opacity: 0.4;
    background-color: #000000;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.highlight {
    padding: 9px 14px;
    margin-bottom: 14px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.affix {
    z-index: 150;
}

/* sidebar */
div#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 402px;
    left: 0px;
    z-index: 999;
}

div#navigation ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#navigation li {
    width: 150px;
}

div#navigation li a {
    display: inline-block;
    line-height: 50px;
    vertical-align: middle;
    text-align: right;
    margin-left: -2px;
    width: 150px;
    height: 50px;
    color: #002d56;
    font-size: 14px;
    background: #fcfcfc no-repeat center center;
    border: 1px solid #AFAFAF;
    -webkit-border-radius: 0px 10px 10px 0px ;
    -moz-border-radius: 0px 10px 10px 0px ;
    -ms-border-radius: 0px 10px 10px 0px ;
    -o-border-radius: 0px 10px 10px 0px ;
    border-radius: 0px 10px 10px 0px ;
    /*paraIE*/
    behavior:url(/script/border.htc);
    opacity: 0.8;
    -webkit-filter: opacity(0.80);
    filter: opacity(0.80);
}

div#navigation li a:hover {
    background-color: #002d56;
    color: #ffffff;
}

div#navigation li a:visited :active {
    background-color: #333333;
}

.itemLG{
    display: inline; 
}

.seccion-gris {
    background-image: url("../images/site/bg/60DB15463AF8EB5A4E68982A78B0195D.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 20px;
    padding-bottom: 50px;
}

.seccion-gris .well {background-color: #00000063;height: 100% !important;}

.seccion-gris * {
    color: white !important;
}
.seccion-gris .panel-default>.panel-heading{
 background-color: #036395;
 color: #ffffff;
}
.seccion-gris .panel-default>.panel-heading * {
    color: #fff;
}

.panel-default>.panel-heading {
    color: #f5f5f5;
    background-color: #035a88;
    border-color: #385587;
}

.panel-default>.panel-heading * {
    color: #f5f5f5;
}

.panel-default {
    border-color: #385587;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 48;
  font-size: 32px !important;
}

section#prodXMFeachures{
    background-image: url("/images/site/bg/3274764.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 20px;
    padding-bottom: 50px; 
}

section#prodXMModulos{
    /* background-image: url("/images/site/bg/wireframetechbg.webp"); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 20px;
    padding-bottom: 50px;
}

section#prodXMModulos .panel-info>.panel-heading {
    color: #ff9b00;
    background-color: transparent;
    border-color: transparent;
}

section#prodXMModulos .panel-info>.body-content {
    background-color: transparent;
    color: #ffffff !important;
}

section#prodXMModulos .panel-info>.body-content>p {
    color: wheat;
}

section#prodXMModulos .panel-info {
    background-color: #202020;
    border-color: #035b88;
}
section#prodXMModulos .panel-info, section#prodXMRGM .panel-info{
    height: 100%;
}

section#prodXMRGM{
    background-image: url("/images/site/bg/wireframetechbg.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 20px;
    padding-bottom: 50px;
}
section#contact-message {
    /*background: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);*/
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 20px;
    padding-bottom: 50px;
}

.sending-msg{
    display: none;
    position: fixed;
    margin: 0px;
    padding: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 30001;
    opacity: 0.8;
}
.sending-img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.alg{
    color: rgb(220, 220, 220);
    color: rgb(166, 166, 166);
    color: rgb(177, 213, 255);
    color: rgb(144, 196, 255);
    
}