#acceder-link2cloud:hover, #acceder-link2cloud-footer:hover{background-color: rgba(34, 68, 51, 0.85); color: white; border: 1px solid #004080;}

#td_header a {text-decoration: none; color: black;}
#td_header:hover a {text-decoration: none; color: black;}

#link_footer:hover{text-decoration: none; font-family: 'TradeGothicLTStd-Bd2'; font-size: larger;}

#header_container {text-align: center;margin: 0 auto; position: relative;}
#header_container > div {float: left; position: relative;}

#header_div_img{position: relative; margin: 0 auto;}
#header_div_img img {display: block; width: 100%; height: 100%;object-fit: contain;}

#header_div_menu_centered{position: relative; margin: 0 auto;}
.header_div_menu_link {display: table; float: left; border-right: 1px solid black;}
.header_div_menu_link a {display: table-cell; vertical-align: middle;}
.header_div_menu_link > a {text-decoration: none !important; color: gray;}
.header_div_menu_link > a:hover {color: black;}
.header_div_menu_link:last-child{border-right: none !important;}

@media only screen and (min-width: 1440px) {
    .header{background-color: #eceded; position: fixed; z-index: 20; top: 0px;
            height: 80px; width: 100%; margin: 0 auto; border-bottom: 1px solid black;}
    /*#header_container{position: relative; width: 70%; margin: 0 15% 0 15%;}*/
    #header_container {width: 1440px;}
    #header_div_img{width: 15%; height: 80px;}
    #header_div_img img {max-height: 60px; margin-top: 10px;}
    #header_div_menu{width: 70%;  height: 80px;}
    #header_div_menu_centered{width: 620px;}
    .header_div_menu_link {padding: 0 15px; height: 25px; margin-top: 30px; margin-bottom: 30px; font-size: 12pt;}
    #header_div_button{width: 15%; height: 80px; margin-top: 17px}

    #acceder-link2cloud {background-color: #004080; color: white; display: inline-block; 
                         font-size: 16pt; border-radius: 15px; font-family: 'TradeGothicLTStd'}

    #nav-mobile{display: none;}

    #footer{position:relative; top: 0px; height: 150px; clear: both; background-color: #6d6e70; border-top: 1px solid black;
            width: 100%; text-align: center; vertical-align: middle;}
    #img_footer{width: 200px; margin: 5px auto 5px auto; position: relative;}
    #table_footer{height: 125px; margin: 6.78px auto 6.78px auto; font-size: 16pt;}
    #link_footer{color: white;}
    #acceder-link2cloud-footer{background-color: #404041; color: white; font-size: 16pt; border-radius: 15px; border-color: #404041;
                               font-family: 'TradeGothicLTStd'}
}

@media only screen and (max-width: 1439px) and (min-width: 769px) {
    .header{background-color: #eceded; position: fixed; z-index: 20; top: 0px;
            height: 55px; width: 100%; border-bottom: 1px solid black;}
    
    #header_container {width: 740px;}
    #header_div_img{width: 15%; height: 55px;}
    #header_div_img img {max-height: 45px;}
    #header_div_menu{width: 70%;  height: 55px;}
    #header_div_menu_centered{width: 430px;}
    .header_div_menu_link {padding: 0 7px; height: 15px; margin-top: 20px; margin-bottom: 15px; font-size: 9pt;}
    #header_div_button{width: 15%; height: 80px; margin-top: 17px}
    
    #acceder-link2cloud{position: fixed; right: 2.5%; top: 8px; width: auto; background-color: #004080; color: white; display: inline-block; 
                        font-size: 13pt; border-radius: 15px; font-family: 'TradeGothicLTStd'}
    #nav-mobile {display: none;}

    #footer{position:relative; top: 0px; height: 150px; clear: both; background-color: #6d6e70; border-top: 1px solid black;
            width: 100%; text-align: center; vertical-align: middle;}
    #img_footer{height: 100px; width: auto; margin: 25px auto 25px auto; position: relative;}
    #table_footer{height: 120px; margin: 15px auto 15px auto; font-size: 13pt;}
    #link_footer{color: white;}
    #acceder-link2cloud-footer{background-color: #404041; color: white; font-size: 16pt; border-radius: 15px; border-color: #404041;
                               font-family: 'TradeGothicLTStd'}
}

@media only screen and (max-width: 768px) {
    .header{background-color: #eceded; position: fixed; z-index: 20; top: 0px;
            height: 55px; width: 100%; border-bottom: 1px solid black;}
    #header_container{position: relative; left: 5%; right: 15%; height: 45px; margin-top: 5px;}
    #nube-erp-lims-cmms{position:relative; width: auto; height: 45px;}

    #header_div_img {width: 150px !important; max-height: 45px;} 
    #header_div_img img {width: auto; max-height: 45px;} 

    #header_div_menu{display:none;}
    #header_div_button #acceder-link2cloud {display: none;}

    .dropdown-menu-left .dropdown-menu:after {left: auto;right: 13px;}
    .dropdown-menu-left .dropdown-menu {left: auto;right: 0;}                 

    #nav-mobile{position: relative; float: right !important; margin-right: 10%; margin-top: 10px; width: 100px;}
    #boton_menu{border:none; background-color: #eceded; font-size: 1.35em; position: relative; top: -3px; right: 10px;}
    #boton_menu:hover, #boton_menu:focus, #boton_menu:visited, #boton_menu:active {outline: none; box-shadow: none;} 
    .dropdown-menu-left { width: 160px; height: 195px;}

    #td_header {position: relative; width: 90%; margin: 0 auto; text-align: center;}

    /* CSS para el navbar */
    .glyphicon.glyphicon-menu-hamburger{font-size:25px;}  
    ul li:last-child {position: relative; width: 100% !important; margin: 0 auto; text-align: center !important; margin-top: 10px !important;}
    #acceder-link2cloud-nav-mobile{position: relative; margin: 0 auto; width: 100% !important; padding: 7px; background-color: #004080; border-radius: 15px; color: white !important;}
    #acceder-link2cloud-nav-mobile:hover{background-color: rgba(116, 2, 13, 0.75); border: 1px solid #004080;}
    #acceder-link2cloud{position: fixed; right: 3%; top: 8px; background-color: #004080; color: white; display: inline-block; 
                        font-size: 13pt; border-radius: 15px; font-family: 'TradeGothicLTStd'}

    .dropdown-menu #td_header:last-child a:hover{color:white} 

    #footer{position:relative; top: 50px; height: 150px; clear: both; background-color: #6d6e70; border-top: 1px solid black;
            width: 100%; text-align: center; vertical-align: middle;}
    #img_footer{height: 50px; width: auto; margin: 50px auto 50px auto; position: relative;}
    #table_footer{height: 125px; margin: 7.5px auto 7.5px auto; font-size: 9pt;}
    #link_footer{color: white;}
    #acceder-link2cloud-footer{background-color: #404041; color: white; font-size: 9pt; border-radius: 15px; border-color: #404041;
                               font-family: 'TradeGothicLTStd'; margin-left: -30px;}
}