header#masthead { width: 100%; height: 100px; display: block; margin: 0; position: fixed; top: 0; left: 0; z-index: 7999; background: #fff; border-bottom: solid 3px #00458B; box-shadow: 0 3px 5px rgba(0,0,0,0.15); padding: 0; }
header#masthead .container { width: 1250px; height: 100px; display: block; margin: 0 auto; position: relative; float: none; padding: 0; }




a#a-wp { width: 65px; height: 65px; display: block !important; margin: 0; float: none; position: fixed; bottom: 35px; right: 35px; z-index: 888; border-radius: 50%; background: #25D366; box-shadow: 0 0 10px rgba(255,255,255,0.15); transition: all 0.3s ease-in; }
a[href^="https://api.whatsapp.com/send?phone=573104589976"] { display: block !important; }
a#a-wp i { font-size: 2.35em; text-align: center; padding: 16px 0; display: block; margin: 0 auto; float: none; color: #fff; transition: all 0.3s ease-in;
 }
a#a-wp:hover { background: #f60; transition: all 0.15s ease-out; }



header#masthead .container #box-logo-diag { width: 210px; height: 70px; display: block; margin: 0; position: absolute; top: 13px; left: 0; z-index: 2; transition: all 0.3s ease-in; }
header#masthead .container #box-logo-diag img.logo-diag { width: 100%; height: auto; display: block; margin: 0 auto; transition: all 0.3s ease-in; }
header#masthead .container #box-logo-diag:hover img.logo-diag { transform: scale(1.02); transition: all 0.15s ease-out; }



header#masthead .container #top-row { width: 915px; height: 40px; display: block; margin: 0; position: absolute; top: 0; right: 0; }
header#masthead .container #top-row #block-social { width: 125px; height: 33px; margin: 0; display: block; position: absolute; top: 0; left: 0; }
header#masthead .container #top-row #block-social a { width: 37px; height: 33px; margin: 0 3px 0 0; float: left; display: block; color: #fff; text-align: center; font-size: 1.1em; padding: 6px 0 0 0; color: #fff; box-shadow: 2px 2px 3px rgba(0,0,0,0.25); transform: skew(-10deg); background: #00458B; border-radius: 0 0 3px 3px; transition: all 0.3s ease-in; }
header#masthead .container #top-row #block-social a:nth-child(3) { margin: 0; }
header#masthead .container #top-row #block-social a:hover { background: #f60; transition: all 0.15s ease-out; }



header#masthead .container #top-row #block-datos { width: 795px; height: 36px; margin: 0; display: block; position: absolute; top: 0; right: 0; }
header#masthead .container #top-row #block-datos .block-info { width: auto; height: 33px; margin: 0 3px 0 0; display: block; float: left; background: #00458B; box-shadow: 2px 2px 3px rgba(0,0,0,0.25); transform: skew(-10deg); border-radius: 0 0 3px 3px; transition: all 0.3s ease-in; }
header#masthead .container #top-row #block-datos .block-info i.material-icons { font-size: 1.15em; display: block; float: left; color: #FF7217; margin: 8px 5px 8px 12px; transition: all 0.3s ease-in; }
header#masthead .container #top-row #block-datos .block-info span { display: block; float: left; font-family: 'Prompt', sans-serif; text-align: center; font-weight: 400; font-size: 0.9em; color: #fff; letter-spacing: 0.055em; margin: 8px 15px 8px 3px; transition: all 0.3s ease-in; }
header#masthead .container #top-row #block-datos .block-info:hover { background: #FF7217; transition: all 0.15s ease-out; }
header#masthead .container #top-row #block-datos .block-info:hover i.material-icons { color: #fff; transition: all 0.15s ease-out; }
header#masthead .container #top-row #block-datos .block-info:hover span { color: #fff; transition: all 0.15s ease-out; }
header#masthead .container #top-row #block-datos .block-info:nth-child(4) { margin: 0; }



header#masthead .container #mainnav { width: 955px; height: 40px; display: block; margin: 0; padding: 0; position: absolute; bottom: 3px; right: 0; }
header#masthead .container #mainnav #primary-menu { width: 100%; height: 40px; display: block; margin: 0; float: right; padding: 0; }
header#masthead .container #mainnav #primary-menu li { width: auto; height: 40px; display: block; margin: 0; float: left; padding: 0; position: relative; }
header#masthead .container #mainnav #primary-menu li a { width: auto; height: 40px; display: block; margin: 0; float: left; font-style: italic; padding: 10px 16.5px; letter-spacing: 0.025em; font-family: 'Prompt', sans-serif; font-size: 1em; font-weight: 400; background: transparent; color: #000; border-right: solid 1px rgba(0, 69, 139, 0.25); transition: all 0.3s ease-in; }
header#masthead .container #mainnav #primary-menu > li:last-child a { border-right: none; }

header#masthead .container #mainnav #primary-menu li a i { margin: 4px 0 0 8px; float: right; color: #00458B; }

header#masthead .container #mainnav #primary-menu li.current-menu-item > a { color: #fff; background: #f60; text-decoration: none; border-radius: 3px 3px 0 0; transition: all 0.15s ease-out; }

header#masthead .container #mainnav #primary-menu li.current-page-parent > a { color: #fff; background: #f60; text-decoration: none; border-radius: 3px 3px 0 0; transition: all 0.15s ease-out; }

header#masthead .container #mainnav #primary-menu li.current-page-parent ul li.current-menu-item > a { color: #fff; background: #f60; text-decoration: none; border-radius: 0; transition: all 0.15s ease-out; }

header#masthead .container #mainnav #primary-menu li a:hover,
#mainnav #primary-menu li a:hover { color: #fff; background: #f60; text-decoration: none;  border-radius: 3px 3px 0 0; transition: all 0.15s ease-out; }
header#masthead .container #mainnav #primary-menu li ul { width: 375px; height: auto; float: none; position: absolute; top: 100%; left: 0; z-index: 99999; opacity: 1; padding: 0; border-radius: 0 0 5px 5px; }

header#masthead .container #mainnav #primary-menu li#menu-item-127 ul { width: 375px }

header#masthead .container #mainnav #primary-menu li ul li { width: 100%; height: 42px; float: none; display: block; margin: 0; position: relative; }
header#masthead .container #mainnav #primary-menu li ul li a { width: 100%; height: 42px; display: block; margin: 0 auto; font-family: 'Prompt', sans-serif; font-style: normal; font-size: 1em; letter-spacing: 0.025em; text-align: left; font-weight: 300; text-transform: none; background: rgba(0, 69, 139, 0.95); color: #fff; border-bottom: solid 1px #025da7; padding: 12px 10px 5px 15px !important; border-radius: 0; transition: all 0.3s ease-in; }
header#masthead .container #mainnav #primary-menu li ul > li ul { width: 305px; height: auto; float: none; position: absolute; top: 0 !important; left: 305px; z-index: 99999; opacity: 1; padding: 0; border-radius: 0 5px 5px 5px; }
header#masthead .container #mainnav #primary-menu li ul li ul { left: 0; }

header#masthead .container #mainnav #primary-menu li#menu-item-44 > ul { width: 385px; }
header#masthead .container #mainnav #primary-menu li#menu-item-66 > ul { width: 335px; }
header#masthead .container #mainnav #primary-menu li#menu-item-83 > ul { width: 275px; left: -133px; }
header#masthead .container #mainnav #primary-menu li#menu-item-132 > ul { width: 325px; left: -208px; }
header#masthead .container #mainnav #primary-menu li#menu-item-133 > ul { width: 190px; left: -48px; }
header#masthead .container #mainnav #primary-menu li#menu-item-83 a { padding: 9px 12px 0 15px; }

header#masthead .container #mainnav #primary-menu li ul.sub-menu li a { padding: 12px 0 0 15px !important; }

header#masthead .container #mainnav #primary-menu li ul li a:hover { background: #f60; color: #fff; transition: all 0.15s ease-out; }
header#masthead .container .submenu-visible { top: 100% !important; transition: all 0.1s; -webkit-transition: all 0.1s; }
header#masthead .container .main-navigation ul ul ul { left: -999em; top: 0; }
header#masthead .container .main-navigation ul ul a { width: 200px; padding: 0; }
header#masthead .container .main-navigation ul ul a::before, .main-navigation ul ul a::after { display: none; }
header#masthead .container .main-navigation ul ul :hover > a, .main-navigation ul ul .focus > a { }
header#masthead .container .main-navigation ul ul a:hover, .main-navigation ul ul a.focus { }
header#masthead .container .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; }
header#masthead .container .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; }



@media only screen and (max-width: 1279px) {
    header#masthead { height: 95px; }
    header#masthead .container { width: 100%; height: 95px; }
    header#masthead .container #box-logo-diag { margin: 0 auto; position: relative; top: 11px; }
    
    header#masthead .container #mainnav #primary-menu { display: none !important; }
    header#masthead .container #top-row { display: none !important; }
}
@media only screen and (max-width: 1199px) {
    
}
@media only screen and (max-width: 1099px) {
    
}
@media only screen and (max-width: 999px) {
    
}
@media only screen and (max-width: 899px) {
    
}
@media only screen and (max-width: 799px) {
    
}
@media only screen and (max-width: 699px) {
    
}
@media only screen and (max-width: 599px) {
    
}
@media only screen and (max-width: 499px) {
    
}
@media only screen and (max-width: 449px) {
    header#masthead .container #box-logo-diag { margin: 0 0 0 15px; position: relative; float: left; }
}
@media only screen and (max-width: 399px) {
    
}
@media only screen and (max-width: 349px) {
    
}