/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/


#header.sticky-header #header-wrap, #header.header-section #header-wrap {
    background-image: url(/img/menu-bg.png);
    background-repeat: no-repeat;
    background-position: top right;
}



#header.transparent-header.full-header #logo {
    border-right: none !important;
}

#header.transparent-header.full-header #primary-menu > ul {
    border-right: none !important;
}

#header.transparent-header.full-header #header-wrap {
    border-bottom: none !important;
}


#header:not(.sticky-header) #primary-menu > ul > li:not(.current) > a {
    color: white !important;
}

#header:not(.sticky-header) #primary-menu > ul > li:not(.current) > a:hover {
    color: blue !important;
}

#header.sticky-header #primary-menu > ul > li.current > a {
    color: blue !important;
}

#header.sticky-header #primary-menu > ul > li.current {
    background-color: #eee;
    color: blue !important;
}

#header.header-section #primary-menu > ul > li.current {
    background-color: #F5F5F5;
    color: blue !important;
}

#page-title h1, #page-title span, .breadcrumb > .active, .breadcrumb a {
    color: white !important;
}

.img-responsive {
    margin: auto;
}

.text-bold600 {
    font-weight: 600;
}

.padding1x {
    padding: 8px;
}

.selection {
    background: #052460;
}

#header {
    position: relative;
    background-color: #052460;
    border-bottom: 0px solid #F5F5F5;
}

/*Color Menu 2*/
#header.sticky-header #header-wrap {
    background-color: #052460;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/*Color Fuente Menu 2*/
#primary-menu ul li > a {
    color: #FFFFFF;
}

#primary-menu ul li > a:hover {
    color: gray;
}


/*Current*/
#primary-menu ul li.current > a {
    color: #ffffff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*text-decoration: underline !important;*/
}

/*Fuente*/
#primary-menu ul li > a {
    display: block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px; }


/*UL Menu*/
.dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, #primary-menu.dark ul ul, #primary-menu.dark ul li .mega-menu-content {
    background-color: #052460;
    border-color: none; }

    .dark #primary-menu:not(.not-dark) ul ul li > a, #primary-menu.dark ul ul li > a {
    color: #FFF !important;
}


/*Section*/
.section {
    position: relative;
    margin: 0px 0;
    padding: 60px 0;
    background-color: #F9F9F9;
    overflow: hidden;
}

/* Espacio en seccion*/
.heading-block {
    margin-bottom: 0px;
}


/*Título Páginas*/
#page-title h1, #page-title span, .breadcrumb > .active, .breadcrumb a {
    color: #444 !important;
}

/*espacio antes de footer*/
.content-wrap {
    position: relative;
    padding: 0px 0;
}

/* Botón contáctanos*/
.button.button-border {
    border: 3px solid #052460;
    background-color: transparent;
    color: #052460;
    line-height: 36px;
    font-weight: 700;
    text-shadow: none;
}

/* Botón contáctanos*/
.button.button-border:hover {
    border: 3px solid #052460;
    background-color: #052460;
    color: #fff;
    line-height: 36px;
    font-weight: 700;
    text-shadow: none;
}

/* Color Footer */
.dark #copyrights {
    background-color: #001236;
    color: rgba(255,255,255,0.25);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    color: #FFF;
}

/* Footer */
#footer {
    position: relative;
    background-color: #EEE;
    border-top: 0px solid rgba(0,0,0,0.2);
}


.dark .copyright-links a {
    color: #fff;
    /* border-bottom-color: rgba(255,255,255,0.25); */
}


/* Hover menu LI */
#header:not(.sticky-header) #primary-menu ul li:hover > a, #primary-menu ul li.current > a {
    color: blue !important;
}


/* Hover menu LI */
#header.sticky-header) #primary-menu ul li:hover > a, #primary-menu ul li.current > a {
    color: white !important;
}

#btn-nosotros {
}
#btn-nosotros:hover {
    background-color: #FFF;
    color: #052460;
}
#btn-nosotros:active {
    top: 1px;
}

.paragraph {
    font-size: 20px;
    color: #444;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-align: justify;
}

#sombra-h {
    text-shadow: 1px 1px 2px #ccc;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


#header.header-section #primary-menu ul ul li:hover > a:hover, #header.header-section #primary-menu ul li:hover > a:hover {
	color: gray !important;
}


/*Clase para menu productos*/
.current_active {
    background-color: gray !important;
    color: #000 !important;
}

.current_active:hover {
    background-color: #052460 !important;
    color: black !important;
}

/* Imagen hover gris */
.gris {
    filter: brightness(100%) grayscale(0);
    -webkit-filter: brightness(100%) grayscale(0);
    -moz-filter: brightness(100%) grayscale(0);
    -o-filter: brightness(100%) grayscale(0);
    -ms-filter: brightness(100%) grayscale(0);
}

.gris:hover {
    filter: brightness(80%) grayscale(1) contrast(90%);
    -webkit-filter: brightness(80%) grayscale(1) contrast(90%);
    -moz-filter: brightness(80%) grayscale(1) contrast(90%);
    -o-filter: brightness(80%) grayscale(1) contrast(90%);
    -ms-filter: brightness(80%) grayscale(1) contrast(90%);
    transition: 1s filter ease;
    -webkit-transition: 1s -webkit-filter ease;
    -moz-transition: 1s -moz-filter ease;
    -ms-transition: 1s -ms-filter ease;
    -o-transition: 1s -o-filter ease;
}