/* 
---------------------------------
Projeto: Municípios Digitais
Tema: Itu.com.br
Data: 04/12/2009
---------------------------------
Default Colors:
Verde Mar		#3bb3c2
Azul Title		#1b8abe
Laranja Title	#ff9900
Menu Color		#333333
Verde Bar		#8daf2e
---------------------------------
*/

/*----------------------------------------------------------------------------------------------------
CSS Reset
----------------------------------------------------------------------------------------------------*/
html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;	}
 
img  {
	/*display: block;*/	}
 
:focus {
	outline: 0;	}
 
ol, ul  {
	list-style: none;	}
 
table  {
	border-collapse: collapse;
	border-spacing: 0;	}
 
caption, th, td  {
	text-align: left;
	font-weight: normal;	}
 
blockquote:before, blockquote:after, q:before, q:after {
	content: "";	}
 
blockquote, q  {
	quotes: "" "";	}

/*----------------------------------------------------------------------------------------------------
 Structure
----------------------------------------------------------------------------------------------------*/
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	/* background: #eaf9df url(../imgs/layout/bg-body.png) repeat-x 0 0; */
	color: #212121;	
	font: normal 10.75pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	/* font-size --> medium = 1em = 12pt(96dpi) = 16px | small = 0.81em = 9.75pt = 13px */
	text-align: center;	}

#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 200px;
	margin: 0;
	padding: 0;
	/* background: url(../imgs/layout/bg-wrapper.jpg) no-repeat 50% 0; */
	z-index: 2;	}

#bgWrapperClick, 
#bgWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	margin: 0;
	padding: 0;
	/* background: url(../imgs/layout/bg-wrapper.jpg) no-repeat 50% 0; */	}
	
#canvas {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	z-index: 3;	}

#header, 
#content, 
#sidebar, 
#footer {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;	}

/*----------------------------------------------------------------------------------------------------
 Default Structure Elements
----------------------------------------------------------------------------------------------------*/
/* Containers */
.container-A, .container-B, .container-C, 
.container-AB, .container-BC,
.container-ABC {
	display: inline;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;	}

.container-A {	width: 316px;	}
.container-B {	width: 316px;	}
.container-C {	width: 196px;	}
.container-AB {	width: 632px;	}
.container-BC {	width: 512px;	}
.container-ABC {	width: 828px;	}

/* Grids */
.grid1, .grid2,
.grid3, .grid4,
.grid5, .grid6,
.grid7, .grid8,
.grid9, .grid10,
.grid, 
.grid-full,
.grid-side,
.grid-split3 {
	display: inline;
	float: left;
	position: relative;
	margin: 8px;
	padding: 0;
	min-height: 21px;	}

.grid1 {	width: 63px;	}
.grid2 {	width: 142px;	}
.grid3 {	width: 221px;	}
.grid4 {	width: 300px;	}
.grid5 {	width: 379px;	}
.grid6 {	width: 458px;	}
.grid7 {	width: 537px;	}
.grid8 {	width: 616px;	}
.grid9 {	width: 695px;	}
.grid10 {	width: 774px;	}
.grid-full {	width: 812px;	}
.grid-side {	width: 180px; 	}
.grid-split3 {	width: 260px;	}

/* Text */
p {	font-size:1em;	}
	
h1 { font-size:1.6em; padding-top:10px;	}
h2 { font-size:1.3em; font-style:normal;	}
h3 { font-size:1.2em;	}
h4 { font-size:1.2em;	}
h5 { font-size:1.1em; font-style:italic;	}
h6 { font-size:1em; font-weight:bold;	}

a {	color: #1d8cbf;/*1b8abe*/	cursor: pointer;	}
a:link, a:visited { text-decoration: none;	}
a:visited { color: #8dc1d9;	}
a:hover, a:active, a:focus { text-decoration: underline; color: #0ca9f2;/*00aafa*/	}
a:focus { outline: 1px dotted #8dc1d9;	}

a.link-hotsite {
	font-weight: bold;	}

hr {
	height: 1px;
	background-color: #dcdcdc;
	color: #dcdcdc;
	border: none;	}

/* Forms */
form {}

input, 
label, 
select, 
textarea {
	font-size: 1em;
	color: #000000;	}

input, 
textarea {
	/*border: 1px solid #cccccc;*/	}

select {}

button {
	font-size: 1em;
	margin: 0 0.15em;	}

/* Tables */
table {
	width: 100%;
	border: none;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	margin: 5px 0 15px;
	clear: both;	}

table caption {
	color: #b6c967;
	font-size: 1.30em;
	font-weight: bold;
	text-align: left;	}
	
table th {
	padding: 5px;
	border-bottom: 1px dotted #dbdbdb;
	font-size: 1.025em;
	font-weight: bold;
	text-align: left;	}
table th.subheader {
	padding: 15px 5px 5px;
	color: #545454;	}
table.tb-header-horz th { background-color: #f2f2f2;	}

table td {
	padding: 5px;
	margin: 0 3px;
	border-bottom: 1px dotted #dbdbdb;	}

table.tb-pagination {	font-size: 0.875em;	}
table.tb-pagination table {	margin: 0;	}
table.tb-pagination table td {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: middle; }
table.tb-pagination table td img { display: inline; vertical-align: middle; 	}

.btn-ok {
	width: 33px;
	height: 20px;
	padding: 0;
	background-color: #59a0ca;
	font-size: 9pt;
	color: #ffffff;
	border-color: #5da8d4;
	text-transform: uppercase;	}

/*----------------------------------------------------------------------------------------------------
 General Class
----------------------------------------------------------------------------------------------------*/
.no-bg	{ background: none !important; }
.no-border { border: none !important;	}
.no-margin { margin: 0 !important; }
/* .no-print {	display: none !important;	} */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;	}

.hide {
	display: none;	}

.note { /* legenda */
	font-size: 0.812em;
	color: #b2b2b2;	}

.red {	color: red;	}

.thumb {
	background-color: #e5e5e5;	}

/* Alertas e Mensagens */
.alert, 
.info { background-color:#FFFFE8; border: 1px solid #FCE6BC; padding: 0.67em;	}
.error { background-color:#FFEAEA; border: 1px solid #D29290; padding: 0.67em; }
.success { background-color:#E7FFDF; border: 1px solid #CDEFC2; padding: 0.67em;	}


/* Ads/Banners */
.ad,
.ad-tmp {
	background: url(../../img/bg-ad-horz.png) no-repeat 0 0;
	font-size: 7.0pt;
	letter-spacing: 0.05em;	}

.rectangle, 
.square-button.grid {	padding-top: 15px;	}

.ad-tmp.rectangle { display: none;	}

.superbanner,
.fullbanner {
	text-align: center;
	background: url(../../img/bg-ad-vert.png) no-repeat 30px 0.5em;	}

.fullbanner {
	background-position: 60px;	}

/* Background */
.bg-blue {
	background-color: #3BB3C2;	}
.bg-gray {
	background-color: #f5f5f5;	}

/* Box */
.box {
	position: relative;
	border: 1px solid #ededed;	}
	.grid-side.box { width: 178px;	}

.box-gradient {
	position: relative;
	background: url(../img/layout/bg-gray-to-white.png) repeat-x 0 0;
	border: 1px solid #ededed;	}
	.grid-side.box-gradient { width: 178px;	}

.box .title-section, 
.box-gradient .title-section {
	font-size: 12pt;
	padding: 8px 8px 4px;
	border-bottom: 1px solid #efefef;	}

/* Breadcrumb Balloon Box */
#breadcrumb .balloon {
	position: relative;
	float: left;
	color: #ffffff;
	background-color: #3bb3c2;
	font-size: 12pt;
	padding: 3px 10px 3px 8px;	}

#breadcrumb .balloon  a {
	color: #ffffff;	}

#breadcrumb .balloon .pointer {
	position: absolute;
	top: 9px;
	left: -10px;
	width: 10px;
	height: 10px;
	background: #3bb3c2 url(../img/layout/balloon-pointer.png) no-repeat 0 0;
	font-size: 0px; line-height: 0px; white-space: nowrap;	}

/* Button */
.btn-close {
	display: block;
	width: 16px; 
	height: 16px;
	background: url(../../img/ico/Overlay-cancel.png) no-repeat -6px 0;
	cursor: pointer;	}

.btn-video {
	position: absolute;
	top: 36px;
	left: 55px;
	width: 32px;
	height: 32px;
	background: url(../img/layout/ico-play.png) no-repeat;	}

/* Corners - Rules */
.cnr_tl,
.cnr_tr,
.cnr_br,
.cnr_bl {
	position: absolute;
	width: 10px;
	height: 10px;
	font-size: 0px; line-height: 0px; white-space: nowrap;
	padding: 0; margin: 0;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 9999 !important;	}

/* Position */
.cnr_tl,
.cnr_tr {	top: 0;	}

.cnr_tr,
.cnr_br {	right: 0;	}

.cnr_br,
.cnr_bl {	bottom: 0;	}

.cnr_tl,
.cnr_bl {	left: 0;	}

/* Corner & Edge - Backgrounds */
.cnr_tl,
.cnr_tr,
.cnr_br,
.cnr_bl {	background-image: url(../img/layout/bg-corners.png);	}

/* Corner & Edge - Size and Background Positioning */
#content .cnr_tl,
#content .cnr_tr,
#content .cnr_br,
#content .cnr_bl {
	width: 10px;
	height: 10px;	}

#content .cnr_tl { background-position: 0px 0px; }
#content .cnr_tr { background-position: -10px 0px; }
#content .cnr_br { background-position: -10px -10px; }
#content .cnr_bl { background-position: 0px -10px; }

#breadcrumb .balloon .cnr_tr { background-position: -10px -20px; }
#breadcrumb .balloon .cnr_br { background-position: -10px -30px; }

/* List */
.box .list,
.box-gradient .list {
	margin: 8px 16px 16px;	}

.list .item, 
.list li {	
	background: url(../img/layout/bullet-orange.png) no-repeat 0 0.5em;
	margin: 0 0 0.4em;
	padding: 0 0 0 12px;	}

/* Menu Structure */
.menu {
	position: absolute;	}

.menu ul {
	margin: 0;	padding: 0;
	list-style-type: none !important;
	list-style-position: outside  !important;
	z-index: 999; }

.menu ul li {
	position: relative;
	margin:0; padding:0;
	z-index: 99999;	}

/* Tags */
.tags {
	padding: 8px;
	text-align: center;
	line-height: 1.812em;	}

.tag-1 {	font-size: 1em;		}
.tag-2 {	font-size: 1.1em;	}
.tag-3 {	font-size: 1.2em;	}
.tag-4 {	font-size: 1.3em;	}
.tag-5 {	font-size: 1.4em;	}
.tag-6 {	font-size: 1.5em;	}
.tag-7 {	font-size: 1.6em;	}
.tag-8 {	font-size: 1.7em;	}
.tag-9 {	font-size: 1.8em;	}
.tag-10 {	font-size: 1.9em;	}

/* Tabs  */
.tabbed {
	margin-top: 41px;	}
.tabbed .note {
	font-size: 0.75em;
	margin: 0 8px 8px;	}

.tab {
	position: absolute;
	top: -34px;
	left: -1px;	}
	
.tab li {
	float: left;
	margin-right: 4px;
	display: inline-block;
	background: #f2f2f2 url(../img/layout/bg-gray-to-shadow.png) repeat-x 0 4px;
	border: 1px solid #EFEFEF;	}

.tab a,
.tab span {
	float: left;
	padding: 0 8px;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	font-weight: bold;	}

.tab .sel {
	background: url(../img/layout/bg-gray-to-white.png) repeat-x 0 0;
	border-bottom: 1px solid #FFFFFF;	}
	
.tab .sel a, 
.tab .sel span {
	color: orange;	}

/* Sizes - Based on images and banners standarts | x = width, y = height */
.x60  {width: 60px;}	.y60  {height: 60px;}
.x122 {width: 122px;}	.y85  {height: 85px;}
.x142 {width: 142px;}	.y105 {height: 105px;}	.y100 {height: 100px;}
.x180 {width: 180px;}	.y150 {height: 150px;}	
.x295 {width: 295px;}	.y222 {height: 222px;}
.x300 {width: 300px;}	.y250 {height: 250px;}	.y225 {height: 225px;}

/*----------------------------------------------------------------------------------------------------
 Header
----------------------------------------------------------------------------------------------------*/
#header {
	width: 1000px;
	height: 160px;
	z-index: 3;	}

#header .logo {
	float: left;
	width: 150px;
	height: 115px;
	position: relative;
	top: 33px;
	left: 11px;	}

#header .logo h1 {}
	
#header .logo img {
	width: 150px;
	height: 115px;
	border: none;
	text-decoration: none;
	background: url(../img/layout/logo.png) no-repeat 0 0;
}

#header #headerBnr { /* Pontos Turísticos */
	position: absolute;
	top: 8px;
	bottom: 32px;
	left: 260px;
	right: 500px;	}
	
#header #headerBnr a {
	float: left;
	width: 100%;
	height: 100%;
	display: block;	
	}

#header #headerSearch, 
#header #headerLocalSearch {
	font-size: 0.9em;
	position: absolute;
	top: 46px;
	right: 0;
	width: 283px;	}

#header #headerSearch .bg, 
#header #headerLocalSearch .bg-alt, 
#header #headerSearch .bg-alt {
	position: absolute;
	top: 0;	left: 0;
	width: 283px;	height: 37px;
	background: url(../img/layout/bg-search-1.png) no-repeat 0 0;
	z-index: 0;	}
	#header #headerSearch .bg-alt, 
	#header #headerLocalSearch .bg-alt {
		height: 57px;
		background-image: url(../img/layout/bg-search-2.png);	}

#header #headerSearch form, 
#header #headerLocalSearch form {
	position: relative;
	z-index: 1;	}

#header .search-line-1 {
	margin: 8px 8px 2px;	}
#header .search-line-2 {
	padding: 0 8px;
	font-size: 0.812em;	}

#header #headerSearch button, 
#header #headerLocalSearch button {
	margin: 0 0 0 5px !important;
	/*background-color: #3BB3C2;*/	}
	
#header #headerIcons {
	position: absolute;
	top: 105px;
	right: 0;
	width: 283px;
	text-align: right;
}
#header #headerIcons a {
	margin-right: 7px;
}

#header #accountArea {
	position: absolute;
	bottom: 0px;
	right: 201px;
	font-size: 0.812em;	}

#header #accountArea ul {
	margin: 0.67em	}

#header #accountArea ul li {
	display: inline;
	border-left: 1px solid #ebebeb;	}
	#header #accountArea .first {	border: none;	}

#header #accountArea ul li a, 
#header #accountArea ul li strong {
	margin: 0 0.5em;	}
	
#header #weather {
	position: absolute;
	bottom: -3px;
	right: 11px;
	background-color: white;	}	
	
#header #weather img {
	width: 61px;
	height: 34px;
	margin: 0 -10px;	}
	

#header .ruler {
	position: absolute;
	width: 978px;
	bottom: 0;
	left: 11px;	right: 11px;
	margin: 0; 
	padding: 0;	}

/*----------------------------------------------------------------------------------------------------
 Content
----------------------------------------------------------------------------------------------------*/
#content {
	float: right;
	width: 828px; /*994px*/
	height: 400px;	
	margin: 0;
	padding: 8px 3px;
	z-index: 2;	}
	* > #content {
		min-height: 400px;
		height: auto !important;	}
/*
#container {
	width: 632px;
	float: left;	}

#container.full {
	float: left;
	width: 820px;	}	
*/

/* Conteúdo em destaque - Tipos	*/
.starred,
.starred-extra, 
.starred-big, 
.starred-bigger, 
.starred-solo, 
.starred-double, 
.starred-double-padding, 
.starred-list {	
	border-top: 1px solid #e6e6e6; 
	margin-top: 0;
	padding-top: 8px;	}
	
.starred-solo-adicional{
	margin-top: 8px;
}

/*#content > .starred-double-padding.grid2 {
	width: 122px;
	padding: 10px;	}*/

/* Conteúdo em destaque - Itens	*/
.starred li,
.starred-extra li, 
.starred-big li, 
.starred-bigger li, 
.starred-solo li, 
.starred-double li,
.starred-double-padding li, 
.starred-list li {	
	background: url(../img/layout/bullet-orange.png) no-repeat 0 0.5em;
	margin: 0 0 0.4em;
	padding: 0 0 0 12px;	}

.starred-solo .clip { margin-right: 16px;	}
.starred-solo-adicional .clip { margin-right: 16px;	}

.starred-extra .title {
	font-size: 16pt;
	margin: 0;	}
.starred-big .title {
	font-size: 14pt;
	font-weight: normal !important;
	margin: 0;	}
.starred-bigger .title {
	font-size: 12pt;
	margin: 0;	}
.starred .title {
	font-size: 10pt;
	margin: 0;	}
.starred-solo .title,
.starred-double .title, 
.starred-double-padding .title {
	font-size: 9.75pt;
	margin: 0;	}
.starred-list .title {	
	font-size: 9pt;
	margin: 0;	}

.title-section {	
	color: #f06a00;
	margin: 0;
	font-size: 12pt;	}
	.starred .title-section,
	.starred-extra .title-section, 
	.starred-big .title-section, 
	.starred-bigger .title-section, 
	.starred-solo .title-section, 
	.starred-double .title-section,
	.starred-double-padding .title-section, 
	.starred-list .title-section {	font-size: 8.25pt;	}

.desc {	
	font-size: 8.5pt;
	margin: 0.15em 0 0;	}

.starred-bigger .desc {	
	font-size: 10pt;
	margin: 0.15em 0 0;	}

.starred .further,
.starred-extra .further, 
.starred-big .further, 
.starred-bigger .further, 
.starred-solo .further, 
.starred-double .further,
.starred-double-padding .further, 
.starred-list .further {
	display: block;
	margin: 4px 0 0;
	padding: 4px 0 0;
	border-top: 1px solid #dcdcdc;}

/* Conteúdo em destaque - Imagens */
.clip {
	float: left;
	position: relative;	}

.clip .thumb {
	overflow: hidden;
	position: absolute;
	width: 100%; height: 100%;	}

.thumb img {	border: none;	}
/*
.clip.x142.y105 .thumb {	clip: rect(0px,142px,105px,0px);	}
.clip.x122.y85 .thumb {	clip: rect(0px,122px,85px,0px);	}
.clip.x60.y60 .thumb {	clip: rect(0px,60px,60px,0px);	}
*/
.clip.x122.y85 .thumb {	
	clip: rect(10px 132px 95px 10px); 
	top: -10px; left: -10px;
	width: 132px;	height: 95px;	}
	#leuEssa .clip.x122.y85 .thumb { /*Temporario*/
		clip: rect(auto auto auto auto); 
		top: 0; left: 0;
		width: 100%;	height: 100%;	}

.clip.x142.y105 .thumb img { /*Temporario*/
	width: 142px;
	height: 105px;	}
#leuEssa .clip.x122.y85 .thumb img { /*Temporario*/
	width: 122px;	}

/* Colunistas - Artigos em Destaque na Home */
.articles-list-home {
	float: left;
	width: 300px;
	background-color: #edf6fa;
	margin: 8px 0 10px 8px;	}

.articles-list-home .grid4 {
	width: 284px;
	}
	
/* Colunistas - Artigos em Destaque */
.articles-list {
	float: left;
	background-color: #edf6fa;
	margin: 8px 0;	}

.articles-list-home .no-bg, 
.articles-list .no-bg {
	/*margin: 0;*/	}
	
.articles-list-home .title-section, 
.articles-list .title-section {
	border-bottom: 1px solid #d5dde1; 
	font-size: 12pt;
	margin: 8px;
	padding-bottom: 8px;}

.articles-list-home .grid4, 
.articles-list .grid4 {
	display: block;
	float: none;
	position: inherit;
	border-bottom: 1px solid #d5dde1; 
	height: 68px;	}
	
	.articles-list-home > .grid4, 
	.articles-list > .grid4 {
		height: auto !important;
		min-height: 68px;	}

.articles-list-home .clip, 
.articles-list .clip { margin-right: 8px;	}

.articles-list-home .author, 
.articles-list .author {
	color: #666666;
	font-size: 9pt;	}	

.articles-list-home .canal,
.articles-list-home .data-canal, 
.articles-list .canal,
.articles-list .data-canal {
	color: #b2b2b2;
	font-size: 8.25pt;	}

.articles-list-home .title, 
.articles-list .title {
	font-size: 9.75pt;
	margin-bottom: 4px;	}

.articles-list-home .further, 
.articles-list .further {
	margin: 0 8px 8px !important;
	min-height: 1px;
	padding: 0;}

/** Conteúdo Interno / Texto / Detalhe **/
/* Galeria */
.image-set {
	margin: 16px 0;
	padding: 0;}

.image-set .title-section {
	font-size: 12pt;
	margin: 0 0 0.67em;	}

.image-set a {
	float: left;
	margin: 0 10px 15px;
	padding: 5px;
	background-color: #e5e5e5;
	border-top: 1px dotted #dbdbdb;
	border-bottom: 1px dotted #dbdbdb;	}

.image-set a img {
	display: inline;
	margin: 0;	}

/* Ferramentas de Conteúdo */
.content-tools {	clear: both;	}
.content-tools img {	display: inline; vertical-align: middle;	}

.content-tools .share {	
	display: none;
	position: relative;
	clear: both; 
	margin: 10px 0;
	padding: 0.67em;	}
.content-tools .share p {	margin: 0 0 0.5em;	}
.content-tools .share a {	margin: 0.1em;	}
.content-tools .share .btn-close {	position: absolute;	top: 0; right: 0;	}

/* Comentários */
.comment {
	width: 100%;
	margin: 51px 0;	}

.comment-scroll {}

/*.text .comment  {overflow: auto;height: 200px;color: #336699; margin: 5px 0;}*/
.comment p {	margin: 1em;}
.comment p strong {	color: #3BB3C2;}
.comment p span {	color: #cccccc;}

.comment-btn {
	/*position: absolute;
	bottom: -30px; left: 0px;*/
	margin-bottom: -30px;	}

.comment-footer {
	border-top: 1px solid #f2f2f2;
	height: 24px;
	padding: 0.67em;	}
.comment-footer span {
	float: left;
	font-size: 0.875em;}
.comment-footer .page-current {	width: 34%;	}
.comment-footer .page-more {	width: 31%; text-align: center; margin: 0 2.5%; font-weight: bold;	}
.comment-footer .page-all {	width: 30%;	text-align: right;	}

/* Rankings */
.ranking {	}

/* Rankings - Conteúdo */
.ranking ol {
	font-size: 9pt;
	margin: 8px;	}

.ranking ol li {
	border-bottom: 1px dashed #ededed;
	margin-bottom: 0.67em;
	overflow: hidden;
	padding-bottom:0.5em;	}
	.ranking ol li.last {	border: none	}

.ranking ol li span {
	color: #CCCCCC;
	float: left;
	font-size: 2em;
	margin-right: 0.35em;
	margin-top: -2px;	}
	
.ranking ol li p {
	color: #333333;
	font-size: 1em;
	margin: -2px 0.35em 0 0;	}

.ranking ol li a {
	display: block;	
	font-weight: bold;	}
	.ranking.grid-side ol li a {
		width: 80%;
		float: left;	}

.ranking .further {	
	display: block;
	border-top: 1px dashed #ededed;
	color: #0ca9f2;	
	font-size: 8.75pt;
	padding-top: 8px;
	margin: -10px 8px 0;	}

/* Content-Sidebar - Grid-Side */
/* Facebook */
#facebook-box {
	margin: 6px 0 0 8px;	}
	
/* Instagram */
#instagram-box {
	margin: 6px 0 0 8px;	}
	
/* Frase do Dia */
#frase {
	background: url(../img/layout/quote-open.png) no-repeat 0 0;	}

#frase .title-section {
	color: #1b8abe;
	font-size: 12pt;
	padding: 8px 0 8px 3em;
	text-transform: lowercase;	}

#frase .quote,
#frase .author {
	display: block;
	padding: 0 8px;
	clear: both;	}

#frase .quote {
	background: url(../img/layout/quote-close.png) no-repeat 100% 100%;
	color: #999999;
	font-size: 9pt;
	font-style: italic;
	padding-bottom: 30px;	}

#frase .author {
	font-size: 7.5pt;
	color: #666666;
	padding: 0 0 0 8px;
	margin-top:-25px;	}

/* Videos Recentes/Opinião */
.starred-videos .item, 
.starred-standpoint .item {
	position: relative;
	margin: 16px 18px;	}

.starred-videos .further {	
	display: block;
	border-top: 1px solid #ededed;
	color: #0ca9f2;	
	padding: 8px 18px;
	margin: 0;	}

/*----------------------------------------------------------------------------------------------------
Sidebar, Menus Principais
----------------------------------------------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 150px;
	margin: 0;
	padding: 8px 5px 8px 11px;
	/*background-color: #EFEFEF;*/	}

#sidebar .title {
	color: #3bb3c2;
	padding-bottom: 5px;
	font-weight: normal;
	border-bottom: 3px solid #e5e5e5;	}

/* Menu Customization - Sidebar */
#sidebar .menu {
	position: relative;
	margin: 0px 0px 30px;
	padding: 0px;	}

#sidebar .menu ul {}

#sidebar .menu ul li {
	display: block;
	font-size: 10pt;
	/*font-weight: bold;*/
	margin: 0; 
	padding: 0;	}

#sidebar .menu .mn-only-footer {
	display: none;	}

#sidebar .menu ul li a:link, 
#sidebar .menu ul li a:visited {
	display: block;
	color: #666;
	margin: 0;
	padding: 3px 0px;
	text-decoration: none;	}

/*#mn-content ul li a:active,*/ 
#sidebar .menu ul li a:hover, 
#sidebar .menu ul li a:focus, 
#sidebar .menu ul li.sel, 
#sidebar .menu ul li.sel a {
	color: #0072cf;
	background-color: #f4fced;	}
/* END Menu Customization - Sidebar */

/*----------------------------------------------------------------------------------------------------
 Footer
----------------------------------------------------------------------------------------------------*/
#footer {
	float: left;
	position: relative;
	width: 100%;
	min-height: 200px;
	margin: 0;
	padding: 0;
/*	padding-bottom: 20px;*/
	background-color: #317d8c;
	margin-top: 15px;
	z-index: 1;	}
	
.footerContent {
	float: none;
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: left;	}

#footer .logo {
	float: left;
	width: 64px;
	height: 56px;
	position: relative;
	top: 14px;
	left: 12px;	}

#footer .logo img {
	width: 64px;
	height: 56px;
	border: none;
	background: url(../img/layout/logo-footer.png) no-repeat 0 0;}

#footer .explore {
	position: relative;
	padding: 10px;
	margin: 10px 10px 0;
	color: #292728;	}

#footer .explore {
	float: right;
	width: 812px;	}

#footer .explore .split {
	display: inline;
	float: left;
	position: relative;
	margin: 0 0 0 1%;
	padding: 0 0 0 1%;
	min-height: 200px;
	width: 31%;	}

#footer .explore .title {
	clear: both;
	border-bottom: 1px solid #468a98;
	color: #77ebfa;
	font-size: 1em;
	margin: 0 0 0.33em;
	padding: 0 0 0.33em;	}

#footer .explore .menu {
	position: relative;
	margin: 0px 0px 30px;
	padding: 0px;	}

#footer .explore .menu ul {	
	margin: 0 0 5px; }

#footer .explore .menu ul li {
	font-size: 9pt;	}
#footer .explore .menu .first {}
#footer .explore .menu .last {}

#footer .explore .menu ul li a:link, 
#footer .explore .menu ul li a:visited {
	color: white;
	text-decoration: none;	}
#footer .explore .menu ul li a:hover, 
#footer .explore .menu ul li a:active, 
#footer .explore .menu ul li a:focus {
	text-decoration: underline; }


#footer .legal {
	 position: absolute;
	 left: 0;
	 bottom: 15px;
	 float: left;
	 width: 100%;
	 height: 24px;
	 line-height: 24px;
	 padding:0;
	 margin: 0;
	 background-color: #2c707e;	}

#footer .owner {
	position: absolute;
	left: 15px;
	font-size: 8pt;
	color: #77ebfa;	}

#footer .owner strong {
	font-size: 1.15em; }

#footer .producer {
	position: absolute;
	right: 20px;
	font-size: 8.5pt;
	color: #77ebfa;	}

#footer .legal a:link, 
#footer .legal a:visited {	color: #77ebfa;	text-decoration: none;	}

#footer .legal a:hover, 
#footer .legal a:active, 
#footer .legal a:focus {	color: #ffffff;	}