﻿
  
/* Navigation Bar */  
  
#hgomenu {  
    list-style:none;  
    width:100%;
    /*margin:0px auto 0px auto;  */
    height:54px;  
    /*padding:0px 20px 0px 20px;*/
	color: #ffffff;
}  

#hgomenu a, #hgomenu a:visited
{
color: #fff;
}

#hgomenu li {  
    float:left;  
    text-align:center;  
    position:relative;  
    /*padding: 4px 10px 4px 10px;  
    margin-right:30px;  
    margin-top:7px;  */
    border:none;
	list-style: none outside none;
}

#hgomenu > li.drop
{
width: 152px;
display: block;
text-align: left;
height: 16px;
border-left: 1px solid white;
background-image: url("Images/menuUp.png");
background-repeat: no-repeat;
background-position: 140px 35px;
/*margin-left: 4px;*/
cursor: pointer;
padding-top: 34px;
padding-left: 8px;

}
#hgomenu > li.drop.selected
{
border-bottom: 6px solid #33859A;
padding-bottom: 4px;
}

#hgomenu li.drop, #hgomenu li.drop a
{
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-weight: 400;
color: #fff;
font-size: 14px;
}

#hgomenu > li.drop ul li a, #hgomenu li.drop span.menuInactivo
{
color: #000;
font-family: 'Ubuntu', sans-serif;
font-weight: 300;
color: #000;
font-size: 12px;
text-transform: none;
}

#hgomenu > li.drop div a:first-child
{
color: #111B46;
font-family: 'Ubuntu', sans-serif;
font-weight: 300;
/*color: #000;*/
font-size: 12px;
text-transform: none;
}

#hgomenu li.drop span.menuTextoAdicional
{
font-size: 16px;

}

/*#hgomenu li.drop span.menuInactivo
{
color: #000;
}*/

/*nível sem link (a) */
#hgomenu > li.drop ul.simple li
{
}

#hgomenu > li.drop:first-child
{
margin-left: 0px;
}
  
#hgomenu li.drop:hover
{
background-image: url("Images/menuOver.png");
background-repeat: no-repeat;
background-position: 140px 35px;
border-bottom: 6px solid #33859A;
padding-bottom: 4px;
} 

#hgomenu li.drop:hover + li.drop
{
/*padding-bottom: 4px;*/

}

#hgomenu li:hover {  
    /*border: 1px solid #777777;  
    padding: 4px 9px 4px 9px;  */
      
    /* Background color and gradients */  
      
    /*background: #F4F4F4;  
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));  */
      
    /* Rounded corners */  
      
    /*-moz-border-radius: 5px 5px 0px 0px;  
    -webkit-border-radius: 5px 5px 0px 0px;  
    border-radius: 5px 5px 0px 0px;  */
}  

#hgomenu li:hover.drop > div
{
top: 60px;
left: -1px;
background-color: #fff;
border: 1px solid #33859A;
border-top: 6px solid #33859A;
}
  
/*#hgomenu li a {  
    font-family: 'Oswald', sans-serif;
    font-size:14px;   
    color: #EEEEEE;  
    display:block;  
    outline:0;  
    text-decoration:none;  
    text-shadow: 1px 1px 1px #000;  
}*/ 
  
#hgomenu li:hover a {  
    /*color:#161616;  
    text-shadow: 1px 1px 1px #FFFFFF;  */
}  
#hgomenu li .drop {  
    padding-right:21px;  
    background:url("img/drop.png") no-repeat rightright 8px;  
}

#hgomenu li:hover .drop {  
    background:url("img/drop.png") no-repeat rightright 7px;  
}

.dropdown_2columns div.col_1:last-child
{
/*height: 200px;
width: 142px;*/
/*margin-left: 16px;*/
/*background-color: gray;*/
}
/* Drop Down */  
  
.dropdown_1column,   
.dropdown_2columns,   
.dropdown_3columns,   
.dropdown_4columns,  
.dropdown_5columns {  
    /*margin:4px auto;  */
    float:left;  
    position:absolute;  
    left:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:10px 0px 10px 5px;  
    /*border:1px solid #777777;  
    border-top:none; */
	z-index: 9000;	
      
    /* Gradient background */  
    /*background:#F4F4F4;  
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));  */
  
    /* Rounded Corners */  
    /*-moz-border-radius: 0px 5px 5px 5px;  
    -webkit-border-radius: 0px 5px 5px 5px;  
    border-radius: 0px 5px 5px 5px;  */
}  
  
.dropdown_1column {width: 150px;}  
.dropdown_2columns {width: 314px;}  

.dropdown_3columns {width: 476px;}  

.dropdown_4columns {width: 637px;}  
.dropdown_5columns {width: 796px;}  
  
/*#hgomenu li:hover .dropdown_1column,   
#hgomenu li:hover .dropdown_2columns,   
#hgomenu li:hover .dropdown_3columns,  
#hgomenu li:hover .dropdown_4columns,  
#hgomenu li:hover .dropdown_5columns {  
    left:-1px;  
    top:auto;  
} */ 

.dropdown_3columns .col_1 a + ul li,
.dropdown_4columns .col_1.col_1_children ul li,
.dropdown_5columns .col_1.col_1_children ul li
{
padding-left: 10px;
}

/* Columns */  



.col_1,  
.col_2,  
.col_3,  
.col_4,  
.col_5 {  
    display:inline;  
    float: left;  
    position: relative;  
    margin-left: 5px;  
    margin-right: 5px;  
}  
.col_1 {width:145px;}  
.col_2 {width:295px;}  
.col_3 {width:410px;}  
.col_4 {width:570px;}  
.col_5 {width:690px;}  
  
.dropdown_2columns .col_1
/*.dropdown_3columns .col_1*/
{
width: 147px;
} 
.dropdown_3columns .col_1
{
width: 152px;
}

.dropdown_4columns .col_1
{
width: 149px;
}

.dropdown_3columns .col_2
{
width: 295px;
}

/* Right alignment */  
  
#hgomenu .menu_right {
    /*float:right;  */
    margin-right:0px;  
}

#hgomenu li .align_right {
    /* Rounded Corners */  
    /*-moz-border-radius: 5px 0px 5px 5px;  
    -webkit-border-radius: 5px 0px 5px 5px;  
    border-radius: 5px 0px 5px 5px;  */
}

#hgomenu li:hover .align_right {
    left:auto !important;
    right:-1px;
    /*top:auto !important;*/
}

.align_right .col_1
{
margin-left: 10px;
}

div.align_right
{
padding-right: 0;
}
/* Drop Down Content Stylings */  
  
#hgomenu p, #hgomenu h2, #hgomenu h3, #hgomenu ul li {  
    font-family:Arial, Helvetica, sans-serif;  
    line-height:21px;  
    font-size:12px;  
    text-align:left;  
    text-shadow: 1px 1px 1px #FFFFFF;  
}  
#hgomenu h2 {  
    font-size:21px;  
    font-weight:400;  
    letter-spacing:-1px;  
    margin:7px 0 14px 0;  
    padding-bottom:14px;  
    border-bottom:1px solid #666666;  
}  
#hgomenu h3 {  
    font-size:14px;  
    margin:7px 0 14px 0;  
    padding-bottom:7px;  
    border-bottom:1px solid #888888;  
}  
#hgomenu p {  
    line-height:18px;  
    margin:0 0 10px 0;  
}  
  
#hgomenu li:hover div a {  
    font-size:12px;  
    color:#015b86;  
}  
#hgomenu li:hover div a:hover {  
    /*color:#029feb;  */
	font-weight: bold;
}  
.strong {  
    font-weight:bold;  
}  
.italic {  
    font-style:italic;  
}  
.imgshadow {  
    background:#FFFFFF;  
    padding:4px;  
    border:1px solid #777777;  
    margin-top:5px;  
    -moz-box-shadow:0px 0px 5px #666666;  
    -webkit-box-shadow:0px 0px 5px #666666;  
    box-shadow:0px 0px 5px #666666;  
}  
.img_left { /* Image sticks to the left */  
    width:auto;  
    float:left;  
    margin:5px 15px 5px 5px;  
}  
#hgomenu li .black_box {  
    background-color:#333333;  
    color: #eeeeee;  
    text-shadow: 1px 1px 1px #000;  
    padding:4px 6px 4px 6px;  
  
    /* Rounded Corners */  
    /*-moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  */
  
    /* Shadow */  
    -webkit-box-shadow:inset 0 0 3px #000000;  
    -moz-box-shadow:inset 0 0 3px #000000;  
    box-shadow:inset 0 0 3px #000000;  
}  
#hgomenu li ul,
#hgomenu ul li li {  
    list-style:none;
    padding:0;  
    margin:0 0 12px 0;  
}  
#hgomenu li ul li {  
    font-size:12px;  
    /*line-height:24px;  */ padding-bottom: 7px;
    position:relative;  
    text-shadow: 1px 1px 1px #ffffff;  
    /*padding:0;  */
    margin:0;  
    float:none;  
    text-align:left;  
    /*width:200px;  */
}  
#hgomenu li ul li:hover {  
    background:none;  
    border:none;  
    /*padding:0;  */
    margin:0;  
}  
#hgomenu li .greybox li {  
    background:#F4F4F4;  
    border:1px solid #bbbbbb;  
    margin:0px 0px 4px 0px;  
    padding:4px 6px 4px 6px;  
    width:116px;  
  
    /* Rounded Corners */  
    /*-moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  */
}  
#hgomenu li .greybox li:hover {  
    background:#ffffff;  
    border:1px solid #aaaaaa;  
    padding:4px 6px 4px 6px;  
    margin:0px 0px 4px 0px;  
}  

.div-destaque-menu
{
width: 301px; /*para compensar as bordas da imagem*/
}

.div-destaque-menu span
{
color: #000;
font-family: 'Ubuntu', sans-serif;
}

.div-destaque-menu img.img-destaque
{
width: 295px;
height: 148px;
border-width: 3px 3px 8px 3px;
border-style: solid;
border-color: #33859A;

}

.div-destaque-header
{
text-transform: none;
margin-bottom: 10px;
font-weight: bold;
}

.div-destaque-header span
{
font-family: 'Ubuntu', sans-serif;
}


.div-destaque-date
{
background-color: #E9E9E9;
font-size: 12px;
font-weight: bold;
padding-left: 5px;
}

.div-destaque-date span
{
color: #111B46;
}

.div-destaque-link
{
/*background-color: #E9E9E9;*/
padding-left: 5px;

}

 .div-destaque-link span
{
 font-size: 14px;
 color: #111B46;
}

.div-destaque-barra
{
width: 100%;
height: 22px;
/*background-color: #00548F;*/
text-align: right;
padding: 5px 0;
}

.div-destaque-barra .redes-sociais-barra
{
float:right;
}

.icones-web-menu
{
	background-image:url('/Portals/0/Images/HGO/icones.png');
	width:16px;
	height:16px;
	margin-left:3px;
	background-position: 0 -22px;
	cursor:pointer;
	float:left;
}

.icones-web-menu-img2 
{
	background-position: -16px -22px; 
}

.icones-web-menu-img3 
{
	background-position: -32px -22px; 
}

.icones-web-menu-img4 
{
	background-position: -48px -22px; 
}

.icones-web-menu-img5 
{
	background-position: -64px -22px; 
}




.div-destaque-barra a, .div-destaque-barra a:visited, .div-destaque-barra a:hover, .div-destaque-barra a:active
{
/*display: block;*/
color: #fff !important;
font-weight: bold !important;
}

.div-destaque-barra .aShareLink
{
float: right;
/*padding-right: 10px;*/
}

.div-destaque-barra .aShareLink span
{
padding-right: 5px;
}

.div-destaque-barra span
{
font-size: 80%;
}

.div-destaque-barra img
{
/*padding-right: 5px;*/
width: 16px;
}