/*

Author:   José Guilherme Moreira
Contact:  jgmoreira@gangnetworks.com
Web Site: https://gangnetworks.com */

@media screen { 

/* Top area properties and values */

#top-area { 
display: none; 	/* block || none */
z-index: 3; 
clear: both; 
width: auto; 
height: 40px; 
background: transparent url('../../public/gfx/top_area_bg.png') repeat-x left top; 
border: 0; 
vertical-align: top; 
text-align: center; 
font: bold 1em/1em 'Trebuchet MS', Helvetica, Arial, sans-serif; 
color: inherit; 
} 

/* Toggle button properties and values */

#menu-top-box-toggle { 
position: relative; 
display: none; 
float: right; 
clear: left; 
width: 40px; 
height: 40px; 
background-color: rgba(0,0,0,1); 
background-image: none; 
margin: 0 1rem; 
padding: 0; 
border: 1px solid rgba(60,60,60,1); 
border-radius: 4px; 
box-shadow: none; 
text-align: center; 
} 

#menu-top-box-toggle .icon-bar { 
display: block; 
width: 22px; 
height: 2px; 
background-color: rgba(255,255,255,1); 
margin: 0 auto; 
border-radius: 1px; 
color: inherit; 
} 

#menu-top-box-toggle .icon-bar + .icon-bar { 
margin-top: 4px; 
} 

/* Top menu box properties and values */

#menu-top-box { 
position: relative; 
display: block; 
width: 100%; 
} 

* html #menu-top-box ul li a { 
display: inline-block; 
} 

#menu-top-box ul li ul { 
position: absolute; 
display: none; 
left: 0; 
visibility: hidden; 
} 

/* Top menu properties and values */

ul#menu-top { 
list-style-type: none; 
position: relative; 
display: block; 
z-index: 100; 
left: auto; 
top: auto; 
width: auto; 
height: 40px; 
background-color: transparent; 
margin: 0 25px; 
border: 0; 
text-align: left; 
color: inherit; 
} 

#menu-top > li { 
position: relative; 
display: inline; 
float: left; 
clear: right; 
min-width: 14%; 
height: 40px; 
margin: 0; 
padding: 0; 
vertical-align: middle; 
text-align: center; 
} 

#menu-top > li > a { 
display: block; 
width: auto; 
margin: 0 6px 0 0; 
padding: 12px 0; 
border: 0; 
/* text-indent: 25px; */
font: bold 1em/16px 'Trebuchet MS', Helvetica, Arial, sans-serif; 
} 

#menu-top > li:first-child > a { 
border-left: 0; 
} 

#menu-top > .menu-option > a { 
background: transparent url('../../public/gfx/menu_top_options.png') repeat-x left top; 
color: #fffffd; 
text-decoration: none; 
transition: color 0.5s; 
} 

#menu-top > .menu-option > a:hover { 
background: transparent url('../../public/gfx/menu_top_options.png') repeat-x left center; 
color: #fffffd; 
text-decoration: none; 
transition: color 0.5s; 
} 

#menu-top > .menu-option-active > a, #menu-top > .menu-option-active > a:hover { 
background: transparent url('../../public/gfx/menu_top_options.png') repeat-x left bottom; 
color: #fffffd; 
text-decoration: none; 
transition: color 0.5s; 
} 

#menu-top .menu-option a span, #menu-top .menu-option-active a span { 
display: block; 
margin: 0; 
padding: 0; 
} 

/* Dropdown menu properties and values */

#menu-top ul { 
list-style-type: none; 
z-index: 100; 
margin: 0; 
padding: 0; 
} 

#menu-top ul li { 
position: relative; 
display: block; 
min-width: 185px; 
height: 30px; 
background-color: transparent; 
margin: 0; 
padding: 0; 
border-top: 1px solid #ccccce; 
border-right: 1px solid #ccccce; 
border-bottom: 0; 
border-left: 1px solid #ccccce; 
text-align: left; 
font: normal 0.9em/20px 'Trebuchet MS', Helvetica, Arial, sans-serif; 
color: #fffffd; 
} 

#menu-top ul li a:before { 
content: '\203A\00A0'; 	/* Single right-pointing angle quotation mark */
} 

#menu-top ul li a, #menu-top ul li a:link { 
display: block; 
width: auto; 
background: transparent url('../../public/gfx/dropdown_menu_options.png') repeat-x left top; 
margin: 0; 
padding: 5px 10px; 
border-bottom: 1px solid #ccccce; 
text-indent: 5px; 
white-space: nowrap; 
color: #fffffd; 
text-decoration: none; 
} 

#menu-top ul li a:hover { 
background: transparent url('../../public/gfx/dropdown_menu_options.png') repeat-x left bottom; 
color: #fffffd; 
text-decoration: none; 
} 

#menu-top ul li ul { 
left: 0; 
top: 0; 
margin: -1px 0 0 -2px; 
} 

#menu-top ul li ul li { 
display: list-item; 
float: none; 
} 

#menu-top ul li ul li ul { 
left: 0; 
top: 0; 
margin: -1px 0 0 -2px; 
} 

.dropdown-menu-arrow-down { 
position: absolute; 
display: none; 
top: 11px; 
right: 10px; 
width: 11px; 
height: 8px; 
} 

.dropdown-menu-arrow-down:before { 
font-weight: normal; 
font-family: 'FontAwesome'; 
line-height: 8px; 
content: '\00A0\F078'; 
} 

.dropdown-menu-arrow-right { 
position: absolute; 
right: 10px; 
width: 11px; 
height: 11px; 
} 

.dropdown-menu-arrow-right:before { 
font-weight: normal; 
font-family: 'FontAwesome'; 
line-height: 11px; 
content: '\00A0\F054'; 
} 

.dropdown-menu-shadow { 
position: absolute; 
left: 0; 
top: 0; 
width: 0; 
height: 0; 
background-color: transparent; 
color: inherit; 
} 

.top-level-shadow { 
opacity: 0.8; 
} 

/* Top submenu properties and values */

ul#menu-top-submenu { 
list-style-type: none; 
position: relative; 
left: auto; 
top: auto; 
width: auto; 
height: 25px; 
background-color: transparent; 
margin: 0; 
border: 0; 
text-align: left; 
color: inherit; 
} 

#menu-top-submenu li { 
display: inline; 
float: left; 
clear: right; 
width: 15%; 
height: 25px; 
margin: 0; 
padding: 0; 
vertical-align: middle; 
text-align: center; 
} 

#menu-top-submenu li a { 
display: block; 
width: auto; 
margin: 0; 
padding: 7px 0 3px; 
border: 0; 
font: bold 0.9em/15px 'Trebuchet MS', Helvetica, Arial, sans-serif; 
} 

#menu-top-submenu .menu-option a { 
background-color: transparent; 
color: #1f3721; 
text-decoration: none; 
} 

#menu-top-submenu .menu-option a:hover { 
background-color: transparent; 
color: #162617; 
text-decoration: none; 
} 

#menu-top-submenu .menu-option-active a, #menu-top-submenu .menu-option-active a:hover { 
background-color: transparent; 
color: #fffffd; 
text-decoration: none; 
} 

#menu-top-submenu li a span { 
display: block; 
} 

/* SideBar menus properties and values */

ul#menu-left, ul#menu-right { 
list-style-type: none; 
position: relative; 
display: block; 	/* block || none */
z-index: 4; 
width: auto; 
background-color: transparent; 
margin: 0 auto 1.5rem; 
border: 0; 
text-align: left; 
color: inherit; 
} 

/* Left menu properties and values */

#menu-left li { 
display: block; 
width: auto; 
margin: 0; 
padding: 0; 
border: 0; 
vertical-align: middle; 
text-align: left; 
} 

#menu-left li a { 
display: block; 
width: auto; 
margin: 0; 
padding: 10px 25px; 
border-bottom: 1px solid transparent; 
/* text-indent: 25px; */
font: bold 1em/16px 'Trebuchet MS', Helvetica, Arial, sans-serif; 
} 

#menu-left li:first-child a { 
border-top: 1px solid transparent; 
} 

#menu-left li.menu-option a { 
background: transparent url('../../public/gfx/menu_left_options.png') repeat-x left top; 
color: #fffffd; 
text-decoration: none; 
} 

#menu-left li.menu-option a:hover { 
background: transparent url('../../public/gfx/menu_left_options.png') repeat-x left center; 
color: #fffffd; 
text-decoration: none; 
} 

#menu-left li.menu-option-active a, #menu-left li.menu-option-active a:hover { 
background: transparent url('../../public/gfx/menu_left_options.png') repeat-x left bottom; 
color: #fffffd; 
text-decoration: none; 
} 

#menu-left li a span { 
display: block; 
} 

/* Right menu properties and values */

#menu-right li { 
display: block; 
width: auto; 
margin: 0; 
padding: 0; 
border: 0; 
vertical-align: middle; 
text-align: left; 
} 

#menu-right li a { 
display: block; 
width: auto; 
margin: 0; 
padding: 10px 25px; 
border-bottom: 1px solid transparent; 
/* text-indent: 25px; */
font: bold 1em/16px 'Trebuchet MS', Helvetica, Arial, sans-serif; 
} 

#menu-right li:first-child a { 
border-top: 1px solid transparent; 
} 

#menu-right li.menu-option a { 
background: transparent url('../../public/gfx/menu_right_options.png') repeat-x left top; 
color: #fffffd; 
text-decoration: none; 
} 

#menu-right li.menu-option a:hover { 
background: transparent url('../../public/gfx/menu_right_options.png') repeat-x left center; 
color: #fffffd; 
text-decoration: none; 
} 

#menu-right li.menu-option-active a, #menu-right li.menu-option-active a:hover { 
background: transparent url('../../public/gfx/menu_right_options.png') repeat-x left bottom; 
color: #fffffd; 
text-decoration: none; 
} 

#menu-right li a span { 
display: block; 
} 

/* Menus child groups properties and values */

ul.menu-option-child-group, ul.menu-option-child-subgroup { 
list-style-type: none; 
width: auto; 
background-color: transparent; 
margin: 0; 
padding: 0; 
text-align: left; 
color: inherit; 
} 

.menu-option-child-group li, .menu-option-child-subgroup li { 
display: block; 
width: auto; 
margin: 0; 
padding: 0; 
border: 0; 
vertical-align: middle; 
text-align: left; 
} 

.menu-option-child-group li a:before, .menu-option-child-subgroup li a:before { 
content: '\203A\00A0'; 	/* Single right-pointing angle quotation mark */
} 

.menu-option-child-group li a, .menu-option-child-subgroup li a { 
display: block; 
width: auto; 
margin: 0; 
padding: 4px 25px; 
border-bottom: 1px solid transparent; 
} 

.menu-option-child-subgroup li a { 
text-indent: 10px; 
} 

/* Bottom area properties and values */

#bottom-area { 
position: relative; 
display: block; 	/* block || none */
z-index: 3; 
left: auto; 
top: auto; 
clear: both; 
width: auto; 
background: transparent url('../../public/gfx/bottom_area_bg.png') repeat left top; 
margin: 0 auto; 
border: 0; 
text-align: center; 
font: bold 1em/1em var(--navigation-font-family); 
color: inherit; 
} 

#bottom-area-inner { 
display: block; 
clear: both; 
width: auto; 
height: var(--navigation-bottom-area-height); 
margin: 0 1.5rem; 
border: 0; 
vertical-align: top; 
text-align: center; 
} 

/* Bottom menu box properties and values */

#menu-bottom-box { 
position: relative; 
display: block; 
width: 100%; 
margin: 0 auto; 
} 

/* Bottom menu properties and values */

ul#menu-bottom { 
list-style-type: none; 
position: relative; 
display: inline-block; 
left: auto; 
top: auto; 
width: auto; 
height: var(--navigation-bottom-area-height); 
background-color: transparent; 
margin: 0 auto; 
border: 0; 
text-align: center; 
color: inherit; 
} 

#menu-bottom li { 
display: inline; 
float: left; 
clear: right; 
height: var(--navigation-bottom-area-height); 
margin: 0; 
padding: 0; 
vertical-align: middle; 
text-align: center; 
} 

#menu-bottom li a { 
display: block; 
width: auto; 
margin: 0; 
padding: 6px 25px 18px; 
border: 0; 
font: bold 1em/16px 'Trebuchet MS', Helvetica, Arial, sans-serif; 
} 

#menu-bottom .menu-option a { 
background-color: transparent; 
color: #152254; 
text-decoration: none; 
} 

#menu-bottom .menu-option a:hover { 
background-color: transparent; 
color: #152254; 
text-decoration: none; 
} 

#menu-bottom .menu-option-active a, #menu-bottom .menu-option-active a:hover { 
background-color: transparent; 
color: #152254; 
text-decoration: none; 
} 

#menu-bottom .menu-option a span, #menu-bottom .menu-option-active a span { 
display: block; 
} 

/* @media screen end */

} 

/**/