/* #Navegation -----------------------------------------*/
#nav_main_menu {
position: absolute;
left: 50%;
top: 60px;
transform: translate(-50%, 0);
width:100%;text-align:center;
}
.main_menu {
position: relative;
display: block;
}
.main_menu li {
position: relative;
display: inline-block;
text-align: center;
min-width: 120px;
}
.main_menu li{border-right: 1px solid #1a3363;}
.main_menu li:last-child{border:0;}
.main_menu li a {
color: #1a3363;
font-size: 16px;
font-weight: 400;
}
.main_menu li > a:hover,
.main_menu li.active > a {
color: #0082ca;
}
/* sub menu */
.cover_main_menu_sub {
position: absolute;
top: -22px;
left: -1px;
width: 142px;
height: 22px;
z-index: 941;
}
.main_menu_sub {
position: absolute;
display: none;
top: 30px;
border: 1px solid #b0b0b2;
border-top: 14px solid #fff;
background: url(../images/bg_pattern_1.png) #fff repeat center;
z-index: 940;
}
.main_menu_sub li {
display: block;
text-align: center;
line-height: 16px;
width: 120px;
margin: 0;
padding: 6px 10px;
background: url(../images/bg_dot_line_wt.png) repeat-x left bottom;
}
.main_menu_sub li:last-child {
background-image: none;
}
.main_menu_sub li:before {
content: none;
display: none;
}
.main_menu_sub li a {
font-size: 12px;
padding: 0;
}
/*--- Mob #main_menu ---*/
#mob_menu {
position: relative;
display: none;
width: 32px;
height: 32px;
margin: 0;
background: #fff;
border: 1px solid #1a3363;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 995;
}
#mob_menu.close {
border: 1px solid #057db2;
}
#mob_menu {
z-index: 995;
transition: top 300ms ease-in-out;
}
#mob_menu.stuck {} #mob_menu span {
width: 18px;
height: 3px;
display: block;
background: #1a3363;
margin: 5px 0px 0px 7px;
position: relative;
top: 2px;
transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
#mob_menu.close span {
width: 0;
background: #057db2;
}
#mob_menu.close span.slice1 {
width: 18px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: 10px;
}
#mob_menu.close span.slice3 {
width: 18px;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
top: -6px;
}
.screen .main_menu {
padding: 0 10px;
max-width: 260px;
text-align: center;
display: block;
position: relative;
margin: 100px auto 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.screen .main_menu li {
display: block;
color: #fff;
margin: 0;
width: 100%;
background: #1a3363;
line-height: 18px;
font-size: 14px;
font-weight: 600;
border-bottom: 1px solid #7685a1;
}
.screen .main_menu li:before {
content: none;
display: none;
}
.screen .main_menu li:first-child {
border-radius: 5px 5px 0 0;
}
.screen .main_menu li:last-child {
border-bottom: none;
border-radius: 0 0 5px 5px;
}
.screen .main_menu li.active,
.screen .main_menu li:active {
background: #0081c9;
}
.screen .main_menu li a {
display: inline-block;
width: 100%;
padding: 12px 0;
color: #fff;
text-align: center;
}
.screen .main_menu li:hover > a,
.screen .main_menu a:hover {
color: #fff;
cursor: pointer;
}
.screen .main_menu_sub {
display: none;
}
/* language dropdown menu */
.lang_dropdown .lang_list {
position: relative;
}
.lang_dropdown .lang_list li {
display: block;
border: none;
width: 118px;
padding: 0 5px;
text-align: center;
background: url(../images/bg_dot_line_wt.png) repeat-x left bottom;
}
.lang_dropdown .lang_list li:first-child {
margin-right: 0;
}
.lang_dropdown .lang_list li:last-child {
background-image: none !important;
margin-left: 0;
}
.lang_dropdown .lang_list li:hover {
background: url(../images/bg_dot_line_wt.png) #14264a repeat-x left bottom;
}
.lang_dropdown .lang_list li a {
display: block;
font-size: 16px;
line-height: 32px;
}
.lang_dropdown .lang_list li.active a {
color: #1a3363;
background: #fff;
}
/* Left Categories Menu -----------------------------------------*/
.cat_menu {
position: relative;
display: block;
margin: 0 0 10px 5px;
}
.cat_menu > li {
position: relative;
display: block;
font-size: 16px;
font-weight: 600;
border-bottom: 1px dashed #4b6185;
margin: 0 auto;
padding: 12px 0 12px 26px;
}
.cat_menu > li:last-child {
border-bottom: none;
}
.cat_menu li a:after {
content: " ";
color: #000;
position: absolute;
display: inline-block;
width: 15px;
height: 15px;
right: 2px;
background: #fff;
border: 1px solid #bfbebc;
cursor: pointer;
top: 2px;
text-align: center;
}
.cat_menu > li.selected > a:after {
background: #e2d526;
content: " ✔";
}
.cat_menu > li.on {
background: #14264a;
border-left: 10px solid #14264a;
margin-left: -10px;
margin-right: -10px;
border-right: 10px solid #14264a;
}
.cat_menu a {
position: relative;
padding-left: 0px;
display: block;
}
.cat_menu a:hover {
color: #fff;
}
/*expand item*/
.cat_menu .expand {
position: absolute;
display: inline-block;
width: 15px;
height: 15px;
left: 2px;
border: 1px solid #a1a8b7;
text-align: center;
top: 11px;
cursor: pointer;
}
.cat_menu .expand:before {
content: "+";
position: relative;
font-size: 16px;
top: -1px;
}
.cat_menu li.on .expand:before {
content: '-';
font-size: 21px;
top: -4px;
}
.cat_menu li.on .cat_sub {
display: block;
}
.cat_menu .cat_sub {
display: none;
position: relative;
font-size: 14px;
font-weight: 400;
margin: 10px auto 0 -26px;
}
.cat_menu .cat_sub li {
position: relative;
padding: 10px 0 10px 48px;
}
.cat_menu .cat_sub li:last-child {
margin-bottom: 0;
}
.cat_menu .cat_sub li a:after {
right: inherit;
left: -20px;
top: 0px;
}
.cat_sub > li.selected > a:after {
background: #e2d526;
content: " ✔";
}
/* Breadcrumb -----------------------------------------*/
.breadcrumb {
position: relative;
display: block;
line-height: 24px;
margin: 10px auto;
padding: 0;
font-size: 14px;
color: #333;
}
.breadcrumb li {
display: inline-block;
}
.breadcrumb li a {
display: inline-block;
padding: 0 2px;
color: #9b9b9b;
}
.breadcrumb li:before {
content: "\f105";
position: relative;
display: inline-block;
top: 1px;
margin-right: 2px;
padding: 0 2px 0 2px;
color: #b2b6bf;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.breadcrumb li:first-child:before {
content: "\f041";
top: -1px;
font-size: 20px;
}
.breadcrumb li:hover a,
.breadcrumb a:hover {
color: #0081c9;
}
.breadcrumb li:last-child a {
color: #535e5b;
}
.breadcrumb .back {
color: #9b9b9b;
text-decoration: underline;
text-transform: uppercase;
cursor: pointer;
}
.breadcrumb .back:before {
content: "\f0d9";
display: inline-block;
margin-right: 4px;
font: normal normal normal 14px/1 FontAwesome;
font-size: 16px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}