body {font-family: 'Ubuntu', sans-serif;
}

p, h7{font-size:1.1em; }
h5 { font-size:28px; 
    font-weight: bold;
    font-family: 'Titillium Web', sans-serif;
margin: 0px !importante; text-align: left;color:red;}
.margenintro{margin-bottom: 10%;}

.inicioadministrador{font-family:'Titillium' sans-serif;
}
.distribuidor-logo {
    max-height: 80px;
}

.contenedor-columnas.noticias img {
    max-width: 227px;
    max-height: 170px;
}

#Registrarse {
    height: auto !important;
}

#Descargabrochures {
    padding-top: 0 !important;
}

ul.errors {
    list-style: none;
    padding: 0;
}

ul.errors li {
    color: red;
}

/* borde redondeado al todos los últimos elementos de cada submenu */

ul.submenu li:last-child a {
    font-weight: bold !important; color:red  !important;
}

.title {
    background-color: transparent !important;
}

nav a.current {
    font-weight: bold !important; color:red  !important;
}



#Abrir,
#Cerrar {
    z-index: 10;
}

/*HECHO POR NICOLE 4-06*/

/*MENU - NAV*/
#nav{box-shadow: none !important;}
.marca {
    width: 100%;
}

nav ul a {
    height: 50px !important;
}

.sub-menu {
    color: rgba(0,0,0,0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 32px;
}

.dropdown-content {
    background-color: #9e9e9e;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    display: none;
    border-bottom: 1px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    top: 63.9813px !important;
}

.nav-submenu {
    width: 262.547px !important;
}

.sub-menu {
    width: 100%;
}

.sub-sub-menu {
    background-color: #9e9e9e;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    width: 262.547px !important;
    
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 9999;
    display: none;
}

.sub-sub-menu li {
    padding: 13.5px 14px !important;    
}

.sub-sub-menu li a {
    font-size: 0.830em;
    width: 100%;
}

.sub-sub-menu li:hover {
    color: white !important;
    background-color: red !important;
    border-bottom: none !important;
}

.dropdown-content a:hover {
    color: white !important;
    background-color: red !important;
    border-bottom: none !important;
}

.dropdown-content a {
    
    margin: 0 !important;
}

.dropdown-content {
    margin: none !important;
}

.dropdown-content li {
    min-height: 0px !important;
}

}

.dropdown-content li a {
    color: #fff;
}

nav div ul li a {
    text-transform: uppercase;
    font-size: 13px;
    color: #3E3D3D;
}

nav div ul li a {
    text-transform: uppercase;
    font-size: 13px;
    color: #3E3D3D;
    padding: 0 15px;
}

.margin-nav {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: left;
}

/*nav div ul li a:hover{border-top: 0.375em solid #EF061C; }*/

.color-hamburg {
    color: #444444;
}

#Login a,
#Registro a {
    padding-left: 5px;
    padding-right: 5px;
}

#Login a,
#Registro,
#{padding-left: 5px; padding-right: 5px;} .btn {
    padding-left: 5px;
    padding-right: 5px;
}

#menu ul li a:hover {
    background-color: #fff;
 ;
    color: #3E3D3D;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 0.325em;
    margin-bottom: 10px;
    font-size: 0.930em;
}

#menu ul li a {
    color: #3E3D3D;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 0.325em;

    margin-bottom: 10px;
    font-size: 0.930em;
}

#nav-mobile li a:hover {
    background: none;
}

#dropdown ul {
    border-top: none;
}

/*SUBMENU*/

.sub {
    height: 50 !important;
}

.sidenav li>a {
    padding: 0 20px !important;
}

.sidenav {
    width: 320px !important;
}

.dropdown-content li>a,
.dropdown-content li>span {
   
}

@media only screen and (max-width: 992px) {
    .navbar-fixed {
        position: inherit !important;
    }
    .navbar-fixed nav {
        position: inherit !important;
    }
}

@media only screen and (min-width: 601px) {
    nav.nav-extended .nav-wrapper {
        min-height: 100px;
    }
}

@media only screen and (max-width: 992px) {
    nav.nav-extended .nav-wrapper {
        min-height: 70px;
    }
}

@media only all and (max-width: 1315px) {
    .icono {
        display: none;
    }
}

@media only all and (max-width: 1315px) {
    .icono {
        display: none;
    }
}

@media only all and (max-width: 1315px) {
    .icono {
        display: none;
    }
    nav div ul li a {
        text-transform: uppercase;
        font-size: 13px;
        color: #3E3D3D;
        padding: 0 8px;
    }
}

@media only screen and (max-width: 1105px) {
    #capacitaciones {
        display: none !important;
    }
    #video {
        display: none !important;
    }
}

.redes-menu {
    margin: 1rem;
    clear: both;
    margin-top: 3rem;
}

.redes-menu a {
    padding: 6px;
}

/*-----PERSONA LOGEADA-----*/

#YoLogeo {
    padding-bottom: 4px;
    padding-top: 4px;
    padding-right: 4px;
    text-align: center;
    display: inline-block;
    float: left;
    margin-left: 8px;
    color: #3E3D3D;
    text-transform: uppercase;
    height: 20px;
}

#YoLogeoSalgo {
    float: left;
}

#YoLogeo p {
    float: left;
    margin-bottom: 0px;
    margin-top: 0px;
}

#YoLogeo i {
    float: left;
    line-height: 40px !important;
    margin-right: 3px !important;
}

#YoLogeo i: hover {
    background-color: white !important;
}

#YoLogeo p {
    line-height: 40px !important;
}

#YoLogeo1 a {
    width: 100px;
}

#YoLogeo1 a:hover {
    color: black !important;
}

/*HEADER*/

header { font-family: 'Titillium Web', sans-serif;
    font-size: 1.5em;
        font-weight: bold;
    
    padding-bottom: 5px !important;
    padding-top: 3px !important;
    padding-left: 10px !important;
    padding-right: 10px !important; 
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
    color: #6E6E6E;
    letter-spacing: 0.143em;
    text-align: center;
    border-radius: 5px;
}

.slogan {
   padding-top: 0.8rem;
   padding-bottom: 0.8rem;
   background-color: #ECECED;
}

body {
    overflow-x: hidden;
}

.fixed-action-btn {
    bottom: 53px !important;
}

h3,
h4 {
    text-transform: uppercase;
}

/*red*/

.not-rel-medida1 img {
    border-radius: 15px;
}
.red1{margin-top: 20px;}

/*Nosotros*/
#Nosotros{color:#ffff;}

.fdo-nosotros {
   background-image: url(../imagenes/secciones/nosotros/fondo-nosotros.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    clear: none;
    padding-bottom: 0rem;
}

.fdo-nosotros1 {
   background-color:#f5f5f5;
   height: 1.5rem;
}

.fdo-nosotros2 {
   background-color:#bdbdbd;
   height: 1.5rem;
}
.fdo-nosotros3 {
   background-color: #757575;
   height: 1.5rem;
}


.fdo-nosotros4 {
   background-color: #e0e0e0;
   height: 1.5rem;
}

.nosotrostext h5{color:#ffff;font-size:23px;     letter-spacing: 0.113em; margin-top: 2rem; }

.h5intro{margin-top: 6rem;}

.nosotrosseccion{padding-bottom: 5% !important;}
.section,
.contacto {
    padding-top: 5rem;
}

.centrado-sec {
    text-align: center;
    margin-bottom: 4rem;
}

.raya {
    max-width: 316px;
    height: 10px;
    margin-bottom: 10px;
    background-color: #EF061C;
    border-radius: 5px;
}

.rayablan {
    max-width: 316px;
    height: 10px;
    margin-bottom: 10px;
    background-color: white;
    border-radius: 5px;
}

h6 {
    font-weight: bold;
    color: #3E3D3D;
}

.saber-mas-nos {
    color: #ffffff !important;
    display: block;
    padding: 0;
    left: 0;
    width: 30%;
    text-align: center;
    z-index: 0;
    font-size: 1.14rem;
    
    margin: 1.2rem 0 1.96rem 0;
    text-transform: uppercase;
    
    border-radius: 4px 4px 4px 4px;
    background-color: #f44336;
    
    font-weight: 500;
    
    padding: 15px;
    margin: 0 auto;
    
    position:relative; top:40px;}

   
}



.saber-mas-nos:hover {

    background-color: #424242;
}

/*Distribuidores*/

.marg-dis {
    padding-top: 1rem;
    color: #ECECEC;
}

.distri-logo {
    display: inline-block;
    text-align: center;
}

.distribuidores {
    text-align: center;
    background-color: #9D9C9C;
    opacity: 0.6;
}

.distri-logo-2 span {
    font-weight: bold;
    color: #FFFFFF;
    display: block;
    padding-left: auto;
    padding-right: auto;
}

.distri-logo div {
    padding-top: 5px;
    padding-bottom: 35px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    display: inline-block;
}

.distri-logo-2:hover {
    opacity: 0.6;
}

.tipo-color-dis {
    color: #ECECEC;
}

/*PRODUCTOS*/

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

.container-prod {
    position: relative;
    width: 100%;
    border: 1px solid #9D9C9C;
    border-radius: 10px;
    box-shadow: none;
    
}

.card {
    box-shadow: none;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(93, 93, 93, 0.8);
    border-radius: 10px;
}

.container-prod:hover .overlay {
    opacity: 1;
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.text h6 {
    color: white;
}

.text-tilde {
    float: left;
    margin-right: 8px;
}


/*COBERTURA*/
#Cobertura{background-color: #f5f5f5;}
.mapa{margin-bottom:70px;}

/*CANVAS TECNOLOGIA******************/

.fdo-tecnologia {
    background-image: url('../imagenes/secciones/tecnologia/fondo-tecnologia.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0rem;
    height: 40vh;
    position: relative;
    animation-iteration-count: infinite;
    margin: 0, padding:0;
    
}
responsive-video{height: 380px !important; width: 100% !important
    ;}

source{height: 100% !important;}



.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}



/*VIDEO*/

#Videos {
    margin-bottom: 18rem;
}

/*SOPORTE*/

.fdo-soporte {
    background-image: url('../imagenes/secciones/contacto-soporte/fondo-soporte.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #FFFFFF;
}

/*SOPORTE/ CONTACTO*/
select{z-index: 100000 !important;}
.pais {z-index: 100000 !important;}

.text-blanco {
    color: white;
}

.formu-email {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 10px;
}

.enviar {
    margin-bottom: 6rem;
    font-weight: bold;
}

.contact-soporte form {
    color: white;
}

form input {
    color: #fff;
}


.login .abonado{ color: black !important;}

form #Correologin, form #password  {
    color: #3a3a3a;
}
input:focus {
    border-bottom: 1px solid red;
}

select option {
    background-color: ghostwhite;
}

.dropdown-content li>span {
    background-color: white;
    font-size: 13px;
    color: black;
    display: block;
    line-height: 22px;
    padding: 4px 16px;
    overflow: auto;
}

.dropdown-content li>span:hover {
    background-color: gainsboro !important;
    font-size: 13px;
    color: black;
    display: block;
    line-height: 22px;
    padding: 4px 16px;
    overflow: auto;
}

.select-dropdown li.disabled>span {
    background-color: gainsboro !important;
}

.dropdown-content li>span {
    overflow: auto;
    padding: 4px 16px;
}

.dropdown-content select-dropdown {
    height: 300px !important;
}

/*DESCARGAS*/

em {
    font-weight: bold;
    font-style: normal;
    font-size: 1.080em;
}

.contenedor-descargas p {
    color: #FEFEFE;
    background-color: #EF061C;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 6px;
    padding-right: 6px;
    display: inline-block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1.080em;
    border-radius: 5px;
}

/*NOTICIAS*/

.fondo-noticia-registro {
    background-color: #ECECED;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.noticia {
    margin-bottom: 3rem;
}

.imagen-noticia {
    border-radius: 10px;    max-width: 100%;
    height: 200px;

}

.color-icono {
    background-color: #EF061C;
}

.masnoticias {
    font-size: 17px;
    color: Red;
    font-weight: bold;
}

/*CONTACTO*/

.fdo-contacto {
 
  
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.margen-icon-con {}

.frase {
    margin-top: 80px;
    font-weight: bold;
}

.texto-contac-soporte {
    margin: 15px;
}

/*PANTALLAS APARTE*/

/*  MÁS DX BANNER NOSOTROS*/

#contenedorimg {
    height: 15%;
    margin: auto;
    position: relative;
}

.fotos {
    display: none;
}

#contenedorimg #foto1,
#contenedorimg #foto2,
#contenedorimg #foto3,
#contenedorimg #foto4 {
    border-radius: none;
}

#Masdx .institucional h4 {
    text-align: left;
    margin-bottom: 4px;
    padding-right: 25px;
    color: #d4d4d4;
    border-bottom: 0.075em solid #d4d4d4;
}

.nues-clien {
    color: #3E3D3D;
    padding-top: 5rem;
    clear: both;
    margin-top: 5rem;
}

#Masdx .institucional p {
    margin-top: 1rem;
}

.logo-cliente {
    transition: transform .2s;
    margin: 0 auto;
}

.logo-cliente:hover {
    -ms-transform: scale(1.2);
    /* IE 9 */
    -webkit-transform: scale(1.2);
    /* Safari 3-8 */
    transform: scale(1.2);
}

/*PRODUCTOS*/

.sabermas{height: 50px;}

.botones-producto {
    color: #FEFEFE;
    background-color: #9e9e9e;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 14px;
    padding-right: 14px;
    display: inline-block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1.080em;
    text-transform: uppercase;
    border-radius: 5px;
}

.botones-producto:hover,
.botones-producto:active,
.botones-producto.current {
    color: #FEFEFE;
    background-color: #EF061C;
}

.titulo-pro {
    width: 350px;
}

.descripcion-pro {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.doble-linea1 ul li p {
    padding-top: 3%;
    padding-right: 50px;
    text-align: left;
    height: 30px;
    margin-bottom: 50px;
    font-size: 1.05em;
    color: #565655;
}

.doble-linea1 ul li img {
    float: left;
}

.doble-linea1 ul .entradas {
    width: 120px;
}

.doble-linea1 ul li {
    margin-bottom: 1rem;
    height: 90px;
}

.doble-linea1 ul li img {
    width: 70px;
}

.descarga a {
    color: #FEFEFE;
    background-color: #EF061C;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    display: inline-block;
    text-align: center;
    margin-top: 2rem;
    font-size: 1.180em;
    font-weight: bold;
    border-radius: 5px;
    margin-bottom: 2rem;
}

.raya-producto {
    max-width: 100%;
    height: 1px;
    background-color: #6E6E6E;
    border-radius: 5px;
    margin-bottom: 5rem;
}

.textsub-rubro {
    font-size: 1.180em;
}


/*colapso*/

.collapsible{box-shadow: none !important;
    }
.icono-dx{color:red;}


.badge {color: white !important; background: red;}
/*DESCARGAS - BROCHURE- APLICACIONES*/

.pdf-fila h5 {
    font-weight: bold;
}

#Descargabrochures .pdf-fila a {
    font-size: 1.580em;
    text-transform: capitalize;
    color: #EF061C;
    font-weight: bold;
}

.brochures {
    background-image: url(../imagenes/pantallas-aparte/descarga/fondo-descarga.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    width: auto;
    padding-bottom: 5rem;
}

.marg-brochure {
    padding-top: 5rem;
}

/*REGISTRARSE*/

.fndo-registro {
    background: #ECECEC;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: auto;
    width: auto;
}

.row .text-registro {
    padding: none !important;
    margin-top: 5rem;
    margin-bottom: 2rem;
}

.login-regis {
    margin-top: 7rem;
}

.registrarse-color {
    color: #FEFEFE;
    background-color: #EF061C;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 12px;
    padding-right: 12px;
    display: inline-block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1.080em;
    text-transform: uppercase;
    border-radius: 5px;
}

.registrarse-color:hover,
.registrarse-color:active {
    color: #FEFEFE;
    background-color: #9B9B9A;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 12px;
    padding-right: 12px;
    display: inline-block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1.080em;
    text-transform: uppercase;
    border-radius: 5px;
}

.text-negro {
    color: black;
}

.recaptchaestilo {
    margin-top: 10px;
    margin-bottom: 50px;
}

.enviar-regis {
    margin-top: 9rem;
}

.regis div label {
    color: black;
}

/*LOGIN*/

.fdo-login {
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%;
    color:black;
}

#Registrarse input {
    color: black;
}

.olvi-contra a {
    font-size: 13px;
}

/*RESET CONTRASEÑA AL LOGEARSE*/

.rest-contra-fondo {
    background: #ECECEC;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 5rem;
}

.buscar {
    margin-top: 2rem;
}

.titulo-password {
    text-transform: uppercase;
}

.login-regis {
    margin-top: 11rem;
}

.rest-contra-fondo input {
    color: black;
}

/*ERROR*/

.error-boton {
    margin-top: 5rem;
    color: #FEFEFE;
    background-color: #EF061C;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 12px;
    padding-right: 12px;
    display: inline-block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1.080em;
    text-transform: uppercase;
    border-radius: 5px;
}

/*EVENTO*/

.boton {
    margin-left: 5px;
    margin-right: 5px;
    color: #FEFEFE;
    background-color: #EF061C;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 12px;
    padding-right: 12px;
    display: inline-block;
    text-align: center;
    margin-top: 1rem;
    font-size: 1.000em;
    text-transform: uppercase;
    border-radius: 5px;
}

#evento h6 {
    color: red;
}

#evento p .rojo {
    color: red;
}

/*FOOTER*/

.info p {
    font-weight: bold;
}

.info p a {
    color: #EF061C;
}

.info p a:hover {
    color: #EF061C;
}

/*----ICONOS REDES----*/

/*SVG*/

svg:hover path {
    fill: #EF061C;
}

.st0 {
    fill: none;
}

.st1 {
    fill: #706F6F;
}

polygon,
rect,
path:hover {
    fill: #EF061C
}

/* agregar eso si quiero animar cuando pulso activo*/

svg {
    animation-play-state: paused;
}

/* agregar eso si quiero animar cuando pulso*/

svg:hover {
    animation-play-state: running;
}

/* agregar eso si quiero animar cuando pulso activo*/

.st0 {
    fill: #706F6F;
}

path:hover {
    fill: #EF061C
}

/* agregar eso si quiero animar cuando pulso activo*/

svg {
    animation-play-state: paused;
}

/* agregar eso si quiero animar cuando pulso*/

svg:hover {
    animation-play-state: running;
}

/* agregar eso si quiero animar cuando pulso activo*/

.st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #706F6F;
}

polygon,
rect,
path:hover {
    fill: #EF061C
}

/* agregar eso si quiero animar cuando pulso activo*/

svg {
    animation-play-state: paused;
}

/* agregar eso si quiero animar cuando pulso*/

svg:hover {
    animation-play-state: running;
}

/* agregar eso si quiero animar cuando pulso activo*/

svg:hover path {
    fill: #EF061C;
}

.redes-footer ul.redesmenu2 {
    margin-top: 1rem;
}

.rowfooter{margin: 0;
padding-bottom: 2rem;padding-top: 2rem;}


/*MEDIA QUERIS*/


@media all and (max-width:1300px) {

    .brand-logo {    margin-left:20px !important;
  
    }
    
      .menu-marging2{    
margin-right: 20px !important;
    }
     #margin{margin-left: 30px !important; margin-right: 30px !important;}

    }
@media all and (max-width:995px) {
    .fixed-action-btn {
        display: none;
    }
    .login-regis {
        margin-top: 2rem;
    }
    .marg-sec {
        margin-left: 20px !important;
    }
    #a {
        height: 100px !important;
    }
}

@media all and (max-width:600px) {
    .marg-dis {
        text-align: center;
        margin-bottom: 2rem;
    }
    .libro-ico {
        margin-bottom: 0px;
    }
    #a {
        width: 100%;
    }
    .saber-mas-nos{width: 80%;}
    
}

@media  all and (max-height: 305px) {
    #rc-imageselect,
    .g-recaptcha {
        transform: scale(0.67);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}
@media  all and (max-width: 1190px) {
.imagen-noticia {
  border-radius: 10px;
    max-width: 100%;
    height: 180px;
    }
}


.submenu-pro{color: rgba(0,0,0,0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;     padding: 0 4px !important;}

#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}


/*Tabla*/
#Productos-datalle{margin: 15px;}
.nombrelogeo{font-size:  0.930em; margin-bottom: 15px;}
.bienvenidos{margin-top: 30px;}
.text-aff{font-weight: bold; font-size: 14px;}
.enviar2 {font-weight: bold;}
td, th {   padding: 5px 5px !important;}
#margin{margin:none !important;}