/*!
 * PUBLICO Framework v2.0 - Masthead
 *
 * Header styles for isolated use.
 *
 * Designed and built by webdesign@publico.pt, based on the amazing work of Bootstrap & H5PB.
 */

@font-face {
	font-family:'PublicoBannerBlack';
	src: url('http://static.publico.pt/files/framework/fonts/publico-bannerblack.eot');
	src: url('http://static.publico.pt/files/framework/fonts/publico-bannerblack.eot?iefix') format('eot'), url('http://static.publico.pt/files/framework/fonts/publico-bannerblack.woff') format('woff'), url('http://static.publico.pt/files/framework/fonts/publico-bannerblack.ttf') format('truetype'), url('http://static.publico.pt/files/framework/fonts/publico-bannerblack.svg#svgFontName') format('svg');
	font-weight: bold;
}

#masthead img {
	border: 0;
}

#masthead a {
	color: #444;
	text-decoration: none;
}

#masthead a:hover {
	color: #000;
	text-decoration: none;
}

#masthead .group:before, 
#masthead .group:after {
	content:".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}

#masthead .group:after { clear: both; }

#masthead .group { zoom: 1; }

#masthead {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 18px !important;
	color: #333333;
	background-color: #ffffff;
	-webkit-font-smoothing: antialiased;
}

#masthead li {
	line-height: 18px;
}

#masthead .container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
	*zoom: 1;
	width: 960px;
}

#masthead .container:before,
#masthead .container:after {
	display: table;
	content: "";
}

#masthead .container:after { clear: both }

#masthead ul,
#masthead ol {
	padding: 0;
	margin: 0 0 8px 25px;
}

#masthead h2 {
	margin: 0;
	font-size: 3em;
}

#masthead h1 {
	margin: 0;
	font-size: 3.75em;
	line-height: 1.2em;
	margin-bottom: 8px;
	font-weight: bold;
}

#masthead h1 {
	font-size: 18px;
}

#masthead .dropup,
#masthead .dropdown { position: relative }

#masthead  .dropdown-toggle { *margin-bottom: -3px }

#masthead .dropdown-toggle:active,
#masthead .open .dropdown-toggle { outline: 0 }

#masthead .caret {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: top;
	border-top: 4px solid #000000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	opacity: 0.3;
	filter: alpha(opacity=30);
}

#masthead .dropdown .caret,
#masthead .expandable .caret {
	margin-top: 8px;
	margin-left: 2px;
}

#masthead .expand-toggle .caret {
	margin-top: 4px;
	margin-left: 2px;
}

#masthead .expanded .caret {
	border-top: 0;
	border-bottom: 4px solid #000000;
	content: "2191";
}

#masthead .dropdown:hover .caret,
#masthead .open .caret {
	opacity: 1;
	filter: alpha(opacity=100);
}

#masthead .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 4px 0;
	margin: 1px 0 0;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

#masthead .dropdown-menu.pull-right {
	right: 0;
	left: auto;
}

#masthead .session .dropdown-menu {
	left: auto;
	right: 0;
}

#masthead .dropdown-menu .divider {
	*width: 100%;
	height: 1px;
	margin: 8px 1px;
	*margin: -5px 0 5px;
	overflow: hidden;
	background-color: #e5e5e5;
	border-bottom: 1px solid #ffffff;
}

/*.dropdown-menu a*/

/* TODO */

#masthead .dropdown-menu li > a {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #333333;
	white-space: nowrap;
}

#masthead .dropdown-menu li > a:hover,
#masthead .dropdown-menu .active > a,
#masthead .dropdown-menu .active > a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #0088cc;
}

#masthead .open { *z-index: 1000 }

#masthead .open .dropdown-menu { display: block }

#masthead .pull-right .dropdown-menu {
	right: 0;
	left: auto;
}

#masthead .dropup .caret,
#masthead .nav-network-fixed-bottom .dropdown .caret {
	border-top: 0;
	border-bottom: 4px solid #000000;
	content: "2191";
}

#masthead .dropup .dropdown-menu,
#masthead .nav-network-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 1px;
}

#masthead .nav {
	margin-left: 0;
	list-style: none;
}

#masthead .nav li {
	list-style: none;
}

#masthead .site-title, 
#masthead .site-title img {
	line-height: 1;
	margin-bottom: 0;
}

#masthead .site-title img {
	display: block;
}

#masthead .site-title {
	margin-right: 18px;
}

#masthead .internal-heading .site-title {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 90; /* TODO */
}

#masthead .section-title {
	float: left;
	position: absolute;
	top: 24px;
	font-size: 42px;
}

#masthead .section-title a {
	color: #fff;
	font-family: "PublicoBannerBlack", serif;
	font-weight: bold;
}

#masthead .site-header-inner {
	display: inline;
	float: left;
	width: 97.91666666666666%;
	margin: 0 1.0416666666666665%;
	position: relative;
	min-height: 100px; /* TODO */
}

#masthead .site-header-outer {
	background: #d10019;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #a60015;
	padding: 10px 0;
}

#masthead .nav-tabs,
#masthead .nav-menu { *zoom: 1 }

#masthead .nav-tabs:before,
#masthead .nav-menu:before,
#masthead .nav-tabs:after,
#masthead .nav-menu:after {
	display: table;
	content: "";
}

#masthead .nav-tabs:after,
#masthead .nav-menu:after { clear: both }

#masthead .nav-tabs > li,
#masthead .nav-menu > li { float: left }

#masthead .nav-tabs > li > a,
#masthead .nav-menu > li > a {
	padding-right: 8px;
	padding-left: 8px;
	margin-right: 2px;
	line-height: 14px;
}

#masthead .nav-tabs { border-bottom: 1px solid #ddd }

#masthead .nav-tabs > li { margin-bottom: -1px }

#masthead .nav-tabs > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 18px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

#masthead .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd }

#masthead .nav-tabs > .active > a,
#masthead .nav-tabs > .active > a:hover {
	color: #555555;
	cursor: default;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

#masthead .nav-menu > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#masthead .nav-menu > .active > a,
#masthead .nav-menu > .active > a:hover {
	color: #ffffff;
	background-color: #0088cc;
}

#masthead .nav-stacked > li { float: none }

#masthead .nav-stacked > li > a { margin-right: 0 }

#masthead .nav-tabs.nav-stacked { border-bottom: 0 }

#masthead .nav-tabs.nav-stacked > li > a {
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#masthead .nav-meta {
	float: left;
	margin-left: -10px;
	margin-top: -8px;
	font-size: 11px;
}


#masthead .nav-tabs.nav-stacked > li:first-child > a {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

#masthead .nav-tabs.nav-stacked > li:last-child > a {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

#masthead .nav-tabs.nav-stacked > li > a:hover {
	z-index: 2;
	border-color: #ddd;
}

#masthead .nav-menu.nav-stacked > li > a { margin-bottom: 3px }

#masthead .nav-menu.nav-stacked > li:last-child > a { margin-bottom: 1px }

#masthead .nav-tabs .dropdown-toggle .caret,
#masthead .nav-menu .dropdown-toggle .caret {
	margin-top: 6px;
	border-top-color: #0088cc;
	border-bottom-color: #0088cc;
}

#masthead .nav-tabs .dropdown-toggle:hover .caret,
#masthead .nav-menu .dropdown-toggle:hover .caret {
	border-top-color: #005580;
	border-bottom-color: #005580;
}

#masthead .nav-tabs .active .dropdown-toggle .caret,
#masthead .nav-menu .active .dropdown-toggle .caret {
	border-top-color: #333333;
	border-bottom-color: #333333;
}

#masthead .nav > .dropdown.active > a:hover {
	color: #000000;
	cursor: pointer;
}

#masthead .nav-tabs .open .dropdown-toggle,
#masthead .nav-menu .open .dropdown-toggle,
#masthead .nav > li.dropdown.open.active > a:hover {
	color: #ffffff;
	background-color: #999999;
	border-color: #999999;
}

#masthead .nav li.dropdown.open .caret,
#masthead .nav li.dropdown.open.active .caret,
#masthead .nav li.dropdown.open a:hover .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
	opacity: 1;
	filter: alpha(opacity=100);
}


#masthead .nav-main {
	position: absolute;
	bottom: -13px;
	left: 0;
	right: 0;
	padding-left: 112px;	
}

#masthead .nav-main > ul {
	display: table;
	width: 100%;
	*display: block;
}

#masthead .nav-main > ul > li {
	display: table-cell;
	float: none;
	text-align: center;
	*display: inline;
	*float: left;
}

#masthead .nav-main .dropdown-menu {
	text-align: left;
}

#masthead .nav-main .dropdown-menu .menu-headlines h2,
#masthead .nav-main .dropdown-menu .menu-featured h2 {
	font-size: 14px; /* TODO */
}


#masthead .nav-main .dropdown-menu .box a {
	white-space: normal;
}

#masthead .nav-main .dropdown-menu .box .menu-featured {
	display: inline;
	float: left;
	width: 39.58333333333333%;
	margin: 0 1.0416666666666665%;
}

#masthead .nav-main .dropdown-menu .box .menu-headlines { 
	display: inline;
	float: left;
	width: 31.25%;
	margin: 0 1.0416666666666665%;;
}

#masthead .nav-main .dropdown-menu .box .menu-more {
	display: inline;
	float: left;
	width: 22.916666666666664%;
	margin: 0 1.0416666666666665%;
}

#masthead .dropdown-menu .menu-headlines  li > a {
	padding: 0;
}

#masthead .nav-main .dropdown-menu .box > div:last-child {
	margin-right: 0;
}

#masthead .nav-main > ul > li a {
	margin-left: 0;
	margin-right: 0;
}

#masthead .nav-main > ul > li > a,
#masthead .nav-meta > ul > li > a,
#masthead .nav-social > ul > li > a {
	color: #fff;
	text-transform: uppercase;
}

#masthead .nav-main > ul > li > a:hover {
	
}
#masthead .nav-meta > ul > li > a:hover,
#masthead .nav-social > ul > li > a:hover {
	opacity: 0.7;
}

#masthead .nav-main > ul > li.open > a:hover,
#masthead .nav-meta > ul > li.open > a:hover,
#masthead .nav-social > ul > li.open > a:hover {
	opacity: 1;
}

#masthead .nav-section {
	background: #ddd;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
	margin-top: -1px;
}

#masthead .nav-section .nav {
	margin-bottom: 0;
}

#masthead .nav-section {
	display: block;
	width: 100%;
	text-align: left;
}

#masthead .nav-section li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#masthead .nav-section .nav {
	margin-left: -3px;
}

#masthead .nav-section li a {
	padding: 7px 14px;
	text-transform: uppercase;
	font-size: 11px; /* TODO */
}


#masthead .nav-section li.active a {
	color: #d10019;
}

#masthead .nav-main .nav-menu > .active > a, 
#masthead .nav-main .nav-menu > .active > a:hover {
color: #222;
background-color: #ddd;
opacity: 1;
border-color: #999;
border-bottom-color: #ddd;
}

#masthead .nav-main .nav {
margin-bottom: 0;
}

#masthead .nav-main > ul > li > a, 
#masthead .nav-meta > ul > li > a, 
#masthead .nav-social > ul > li > a {
	color: 
	#fff;
	text-transform: uppercase;
}
#masthead .nav-menu > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#masthead .nav > li > a {
	display: block;
}

#masthead .nav-section .nav {
	margin-bottom: 0;
}

#masthead .assistive {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
#masthead .assistive.focusable:active,
#masthead .assistive-text.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

#masthead .nav-social {
	position: absolute;
	left: 50.7%;
	top: -9px;
}

#masthead .nav-social li a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#masthead .nav-social li a {
	padding-right: 2px;
	padding-left: 2px;
	width: 20px;
	height: 20px;
	background: transparent url('http://static.publico.pt/files/framework/v2/img/sprite.png') no-repeat 6px 8px;
}

#masthead .nav-social .facebook a { background-position: 2px 8px; }
#masthead .nav-social .twitter a { background-position: -58px 8px; }
#masthead .nav-social .googleplus a { background-position: -28px 8px; }
#masthead .nav-social .rss a { background-position: -88px 8px; }

#masthead .nav-social .like {
	padding: 10px 6px;
	border:none; 
	overflow:hidden; 
	width:85px; 
	height:21px;
}

#masthead .site-title,
#masthead .nav-meta,
#masthead .nav-social {
	float: left;
}

#masthead .nav-meta .nav-menu > li > a {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#masthead .nav-menu > li.nav-services > a {
	margin-bottom: 0;
	position: relative;
	z-index: 1001;
}

#masthead .nav-services .dropdown-menu {
	min-width: 0;
	width: 176px;
	background: #fff url('url(http://static.publico.pt/files/framework/v2/img/single-v-bar-light.png') repeat-y top center;
	padding: 0;
	margin-top: -1px;
}

#masthead .nav-services .dropdown-menu li {
	float: left;
}

#masthead .nav-services .dropdown-menu li a {
	width: 68px;
	padding: 10px;
	background: url('url(http://static.publico.pt/files/framework/v2/img/single-h-bar-light.png') repeat-x left bottom;
	line-height: 13px;
	color: #666;
}

#masthead .nav-services .dropdown-menu li:nth-child(9) a,
#masthead .nav-services .dropdown-menu li:last-child a {
	background: none;
}

#masthead .nav-services .dropdown-menu li a:hover {
	background-color: #f2f2f2 !important;
	color: #222 !important;
}

#masthead .nav-menu .nav-services .dropdown-toggle .caret {
	border-bottom-color: #fff;
	border-top-color: #fff;	
	margin-top: 5px;
	opacity: 1;
	filter: alpha(opacity=100);
}

#masthead .nav-menu .nav-services .dropdown-toggle:hover .caret {
	border-bottom-color: #fff;
	border-top-color: #fff;	
}

#masthead .nav li.dropdown.open.nav-services .caret,
#masthead .nav li.dropdown.open.active.nav-services .caret,
#masthead .nav li.dropdown.open.nav-services a:hover .caret {
	border-top-color: #555;
	border-bottom-color: #555;
}

#masthead .nav-menu .nav-services .dropdown-toggle {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

#masthead .nav-menu .open.nav-services .dropdown-toggle {
	color: #666;
	background-color: #fff;
	border-color: #CCC;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 0;
	z-index: 1001;
	position: relative;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

#masthead .nav-services .dropdown-menu .icon {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6px;
	width: 27px;
	height: 27px;
	background: url('http://static.publico.pt/files/framework/v2/img/sprite_services.png') no-repeat left top;
}

/* TODO */

#masthead .nav-services .dropdown-menu a:hover .icon {
	background-image: url('http://static.publico.pt/files/framework/v2/img/sprite_services.png');
}

#masthead .nav-services .dropdown-menu .icon-weather { background-position: 0 0; }

#masthead .nav-services .dropdown-menu .icon-store { background-position: -37px 0; }

#masthead .nav-services .dropdown-menu .icon-jobs { background-position: -74px 0; }

#masthead .nav-services .dropdown-menu .icon-games { background-position: -111px 0; }

#masthead .nav-services .dropdown-menu .icon-tv { background-position: -148px 0; }

#masthead .nav-services .dropdown-menu .icon-classifieds { background-position: -185px 0; }

#masthead .nav-services .dropdown-menu .icon-real-estate { background-position: -222px 0; }

#masthead .nav-services .dropdown-menu .icon-initiatives { background-position: -259px 0; }

#masthead .nav-services .dropdown-menu .icon-almas-gemeas { background-position: -296px 0; }

#masthead .nav-services .dropdown-menu .icon-cargas-transportes { background-position: -333px 0; }

#masthead .nav-services .dropdown-menu a {
	white-space: normal;
	text-align: center;
}

#masthead .nav-services .dropdown-menu li > a:hover,
#masthead .nav-services .dropdown-menu .active > a,
#masthead .nav-services .dropdown-menu .active > a:hover {
	color: #666;
	background-color: transparent;
}

#masthead .nav-main .nav-menu > li > a {
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
	border-left: 1px solid transparent; /* Placeholder for borders on hover */
	border-right: 1px solid transparent; /* Placeholder for borders on hover */
	border-top: 1px solid transparent; /* Placeholder for borders on hover */
	z-index: 10;
	position: relative;
	/*font-weight: bold;*/
	/*background: #d10019;*/
	letter-spacing: 1px;
}