@charset "utf-8";
/* CSS Document */

.nav-menu {
    height: 50px !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#163248+0,3b4a77+50,4693b7+100 */
    background: #163248; /* Old browsers */
    background: -moz-linear-gradient(left, #163248 0%, #3b4a77 50%, #4693b7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #163248 0%,#3b4a77 50%,#4693b7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #163248 0%,#3b4a77 50%,#4693b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#163248', endColorstr='#4693b7',GradientType=1 ); /* IE6-9 */
}
.nav-menu a{
    text-decoration: none !important;
}

.navigation {
    height: 50px !important;
}

/* Menu links */
a
/*Tamano de la flechita indicadora de sub menus*/
.submenu-indicator-chevron{
	height: 6px;
	width: 6px;
}

/* Color de la flechita indicadora de sub menus */
.submenu-indicator-chevron{
    border-color: transparent #fff #fff transparent;
}

/* Color de la flechita indicadora de sub menus cuando se pasa el mouse por encima */
.nav-menu > li:hover > a .submenu-indicator-chevron,
.nav-menu > .active > a .submenu-indicator-chevron,
.nav-menu > .focus > a .submenu-indicator-chevron{
    border-color: transparent #000 #000 transparent;
}

/* Color del texto de las ligas */
.nav-menu > li > a {
    font-size:85% !important;
    padding-top:15px;
    padding-left:7px;
    padding-right:7px;
    color:#fff;
    font-weight:600 !important;
}

/* Color del texto de las opciones activas */
.nav-menu > li:hover > a,
.nav-menu > .focus > a{
    color: #00D2EB;
}

/* Color del texto de las opciones activas */
.nav-menu > .active > a {
    color: #00D2EB;
}



.nav-dropdown {
    top:50px !important;
}


/* Color del texto de las opciones activas en sub menus */
.nav-dropdown > li:hover > a,
.nav-dropdown > .focus > a{
    color: #fff;
    font-weight:400 !important;
}

/* border bottom skin */
/* menu desplegable */
.nav-dropdown > li > a {
    padding: 10px 20px;
    color: #000;
    background-color: #fff;
    font-size: 95% !important;
}

.nav-dropdown > li > a:hover {
    color: #163247 !important;
    text-decoration:underline !important;
    background-color: #97AEB1;
}

/* menu moviles */
.navigation {
    background-color: #fff;
}
.navigation-portrait .nav-menus-wrapper {
    background-color: #fff;
}

.navigation-portrait .nav-menu > li > a {
    background-color: #fff;
    color:#000;
    font-size:85% !important;
    padding: 15px 10px;
}
.navigation-portrait .nav-menu > li > a:hover,
.navigation-portrait .nav-menu > li > a:active,
.navigation-portrait .nav-menu > li > a:focus {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#163248+0,3b4a77+50,4693b7+100 */
    background: #163248; /* Old browsers */
    background: -moz-linear-gradient(left, #163248 0%, #3b4a77 50%, #4693b7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #163248 0%,#3b4a77 50%,#4693b7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #163248 0%,#3b4a77 50%,#4693b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#163248', endColorstr='#4693b7',GradientType=1 ); /* IE6-9 */
    color:#fff;
}
.navigation-portrait .nav-dropdown > li > a {
    padding: 10px 15px;
    color: #000;
    background-color: #fff;
}

/* Toggle */
.nav-toggle {
	right: 15px;    
	padding-top: 5px;
}
.nav-toggle:before{
	height: 3px !important;
	background-color: #00D2EB;
    border-radius: 10px;
    box-shadow: 0 7px 0 0 #00D2EB, 0 14px 0 0 #00D2EB !important;
}

.navigation-portrait .nav-toggle{
	display: block;
}

.nav-menus-wrapper-close-button {
    color: #00D2EB !important;
}