/* CSS Document */

@charset "utf-8";

/*
Cores:
azul 1: #007bae
amarelo 1: #f9fc02
*/

@font-face {
    font-family: 'BigNoodle';
    src: url('../font/big_noodle_titling-webfont.eot');
    src: url('../font/big_noodle_titling-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/big_noodle_titling-webfont.woff') format('woff'),
         url('../font/big_noodle_titling-webfont.ttf') format('truetype'),
         url('../font/big_noodle_titling-webfont.svg#BigNoodleTitlingRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BigNoodleOblique';
    src: url('../font/big_noodle_titling_oblique-webfont.eot');
    src: url('../font/big_noodle_titling_oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/big_noodle_titling_oblique-webfont.woff') format('woff'),
         url('../font/big_noodle_titling_oblique-webfont.ttf') format('truetype'),
         url('../font/big_noodle_titling_oblique-webfont.svg#BigNoodleTitlingOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	margin:0;
	padding:0;
}

body {
	background:#272727;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

a {
	outline:0;
	color:#007bae;
	text-decoration:none;
}

img,fieldset {border:0}

li {list-style-type:none}

abbr {cursor:help}

h1,h2,h3,h4,h5,h6 {font-weight:normal;color:#000}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#000}


/* Classes Genericas ----------------------------------------------------------------------------*/

/* Image Replacement */
.text-image {
	overflow:hidden;
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:1px;
	letter-spacing:-1px;
	text-indent:-999px;
	color:#fff;
}

/* Posicionamento */
.clear {clear:both}
.clear-left {clear:left}
.clear-right {clear:right}
.clear-none {clear:none !important}
.left {float:left}
.right {float:right}
.center {
    display:block;
    margin:0 auto;
}

/* Aparencia */
.block {display:block}
.inline {display:inline}
.hidden {display:none}
.invisible {visibility:hidden}
.bold {font-weight:bold}
.txt-left {text-align:left}
.txt-right {text-align:right}
.txt-center {text-align:center}
.nobg {background:none !important;}
.submit {cursor:pointer}


#topbar {
	min-width:1000px;
	height:31px;
	background:#fff url(../img/bg-topbar.gif) 0 0 repeat-x;
}
	#topbar .inner {
		width:1000px;
		margin:0 auto;
	}
	#topbar .beta {
		position:relative;
		float:left;
		width:85px;
		height:38px;
		margin:0 0 -7px;
		background-image:url(../img/txt-beta.png);
	}
	#topbar .facebook {
		float:left;
		width:28px;
		height:26px;
		margin:3px 30px 0 40px;
		background-image:url(../img/ico-facebook.png);
	}
	#topbar .tweet-container {
		float:left;
		margin-top:5px;
	}
	#topbar .twitter {
		position:relative;
		float:left;
		width:38px;
		height:26px;
		margin-top:3px;
		background-image:url(../img/ico-twitter.png);
	}
	#topbar .megatwittaco {
		position:relative;
		float:right;
		width:170px;
		height:31px;
		margin:0;
		background-image:url(../img/led_megatwittaco.png);
	}

#header {
	overflow:hidden;
	min-width:1000px;
	background:url(../img/bg.jpg) center 0 no-repeat;
}
	#header .inner {
		position:relative;
		overflow:hidden;
		width:1000px;
		height:840px;
		margin:0 auto;
	}
	#header .counter {
		position:absolute;
		width:605px;
		top:58px;
		left:50%;
		margin-left:-300px;
	}
		#header .counter .legenda {
			float:left;
			width:121px;
			height:44px;
			margin:5px 18px 0 0;
			background-image:url(../img/txt-ate-o-momento.png);
		}
		#header .counter #tweet-count {
			float:left;
			width:265px;
			line-height:0.8em;
			text-align:center;
			font-family:BigNoodleOblique;
			font-size:72px;
			color:#f9fc02;
		}
			#header .counter #tweet-count span {
				display:block;
				line-height:1.8em;
				font-size:30px;
			}
		#header .counter .hashtag {
			float:right;
			margin-top:15px;
			font-family:BigNoodleOblique;
			font-size:32px;
			color:#fff;
		}
			#header .counter .hashtag span {
				font-size:24px;
				color:#fca102;
			}
			#header .counter .hashtag em {
				font-size:30px;
				color:#f9fc02;
			}
	#header .tweets {
		position:absolute;
		overflow:hidden;
		width:1000px;
		height:360px;
		top:204px;
		left:0;
	}
	#header .radar,
	#header .velocimetro {
		position:absolute;
		overflow:hidden;
		width:200px;
		height:200px;
		bottom:70px;
	}
	#header .radar {
		left:0;
	}
	#header .velocimetro {
		right:0;
	}
	#header .textbox {
		position:absolute;
		overflow:hidden;
		width:556px;
		height:170px;
		bottom:70px;
		left:50%;
		margin-left:-278px;
		background:url(../img/bg-textbox.png) 0 0 no-repeat;
		letter-spacing:1px;
		word-spacing:1px;
		font-family:BigNoodle;
		font-size:13px;
		color:#fff;
	}
		#header .textbox .lang {
			display:none;
		}
		#header .textbox .active {
			display:block !important;
		}
		#header .textbox .innertext {
			position:absolute;
			overflow:auto;
			overflow-x:hidden;
			width:400px;
			height:115px;
			top:12px;
			left:59px;
			padding-right:35px;
		}
		#header .textbox .innertext .jspVerticalBar {
			width:12px;
		}
			#header .textbox .innertext .jspVerticalBar .jspTrack {
				background:transparent url(../img/bg-scroll-track.png) center 0 no-repeat;
			}
				#header .textbox .innertext .jspVerticalBar .jspTrack .jspDrag {
					background:transparent url(../img/bg-scroll-drag.png) 0 0 no-repeat;
				}
		
		
		#header .textbox h2,
		#header .textbox h3 {
			margin:0 0 10px;
			word-spacing:0;
			font-size:1.3em;
			font-weight:bold;
			color:#f9fc02;
		}
			#header .textbox h2 em,
			#header .textbox h3 em {
				color:#fff;
			}
		#header .textbox h3 {
			margin:4px 0;
			font-size:1.1em;
		}
		#header .textbox p {
			margin:0 0 6px;
		}
		#header .textbox a {
			text-decoration:underline;
			color:#f9fc02;
		}
		#header .textbox a:hover {
			text-decoration:none;
		}
		#header .textbox em {
			font-style:normal;
			color:#f9fc02;
		}

h2#hr {
	position:relative;
	height:70px;
	margin:-70px 0 15px;
	background:url(../img/txt-acompanhe-agora.png) center 22px no-repeat;
}

#content {
	overflow:hidden;
	width:1000px;
	margin:0 auto 20px;
}
	#content .box {
		float:left;
		position:relative;
		min-height:774px;
		margin:15px 0;
		padding:0 10px;
	}
		#content .box h2 {
			margin-bottom:10px;
			font-family:BigNoodleOblique;
			font-size:2em;
		}
			#content .box h2 em {
				font-style:normal;
				font-size:0.8em;
				color:#007bae;
			}
			#content .box h2 em.hash2 {
				color:#095d07;
			}
	#content .news {
		width:218px;
		background:url(../img/bg-box01.png) -476px 0 repeat-y;
	}
		#content .news .envie {
			display:block;
			height:28px;
			line-height:26px;
			margin-top:20px;
			background:url(../img/bg-envie.png) center 0 no-repeat;
			letter-spacing:1px;
			text-align:center;
			font-family:BigNoodleOblique;
			font-size:16px;
			color:#000;
		}
			#content .news .envie em {
				font-size:14px;
				color:#007bae;
			}
		#content .news ul {
			overflow:hidden;
		}
			#content .news ul li {
				display:inline;
			}
				#content .news ul li a {
					display:block;
					padding:8px 6px;
					border-top:1px solid #fbfcf8;
					border-bottom:1px solid #eef2e3;
					background:#fff;
					color:#666;
				}
				#content .news ul li a:visited:hover,
				#content .news ul li a:hover {
					color:#007bae;
				}
				#content .news ul li a:visited {
					color:#999;
				}
		#content .news .bgtop,
		#content .news .bgbottom {
			position:absolute;
			top:-15px;
			left:0;
			width:100%;
			height:15px;
			background:url(../img/bg-box01.png) 0 0 no-repeat;
		}
		#content .news .bgbottom {
			top:auto;
			bottom:-15px;
			background:url(../img/bg-box01.png) -238px 0 no-repeat;
		}
	#content .livestream {
		width:472px;
		margin:15px;
		background:url(../img/bg-box02.png) -984px 0 repeat-y;
	}
		#content .livestream .twtr-hd,
		#content .livestream .twtr-ft {
			display:none;
		}
		#content .livestream .twtr-doc,
		#content .livestream .twtr-timeline {
			-webkit-border-radius:0;
			-moz-border-radius:0;
			border-radius:0;
		}
			#content .livestream .twtr-timeline .jspVerticalBar {
				width:12px;
			}
				#content .livestream .twtr-timeline .jspVerticalBar .jspTrack {
					background:transparent url(../img/bg-scroll-track02.png) center 0 no-repeat;
				}
					#content .livestream .twtr-timeline .jspVerticalBar .jspTrack .jspDrag {
						background:transparent url(../img/bg-scroll-drag02.png) 0 0 no-repeat;
					}
		#content .livestream .twtr-widget .twtr-tweet {
			border-top:1px solid #fbfcf8;
			border-bottom:1px solid #eef2e3;
		}
			#content .livestream .twtr-widget .twtr-tweet .hash2 {
				color:#095d07 !important;
			}
		#content .livestream .bgtop,
		#content .livestream .bgbottom {
			position:absolute;
			top:-15px;
			left:0;
			width:100%;
			height:15px;
			background:url(../img/bg-box02.png) 0 0 no-repeat;
		}
		#content .livestream .bgbottom {
			top:auto;
			bottom:-15px;
			background:url(../img/bg-box02.png) -492px 0 no-repeat;
		}
	#content .likebox {
		overflow:hidden;
		width:240px;
		height:290px;
		background:#fff;
	}
	#content .videos {
		overflow:hidden;
		width:240px;
		height:238px;
		margin:27px 0;
		background:#000;
	}
		#content .videos h2 {
			height:38px;
			background-image:url(../img/txt-videos.png);
		}
		#content .videos ul {
			display:inline;
		}
			#content .videos ul li {
				display:none;
			}
			#content .videos ul li.active {
				display:inline;
			}
	#content .social {
		overflow:hidden;
		width:240px;
		background:url(../img/bg-social.png) 0 bottom no-repeat;
	}
		#content .social h2 {
			height:40px;
			background-image:url(../img/txt-acompanhe-tambem.png);
		}
		#content .social ul {
			overflow:hidden;
			padding:7px 0 7px 9px;
		}
			#content .social ul li {
				display:inline;
			}
				#content .social ul li a {
					float:left;
					width:43px;
					height:44px;
					margin:0 1px;
					background-position:0 0;
					background-repeat:no-repeat;
				}
				#content .social ul li a.feed {
					background-image:url(../img/ico-feed.png);
				}
				#content .social ul li a.facebook {
					background-image:url(../img/ico-facebook02.png);
				}
				#content .social ul li a.twitter {
					background-image:url(../img/ico-twitter02.png);
				}
				#content .social ul li a.gplus {
					background-image:url(../img/ico-gplus.png);
				}
				#content .social ul li a.email {
					background-image:url(../img/ico-email.png);
				}
	#content .hashtag2 {
		margin-bottom:26px;
	}
		#content .hashtag2 h2 {
			background-image:url(../img/txt-caifora.png);
		}
		#content .hashtag2 #tweet-count-02 {
			overflow:hidden;
			padding:4px 0 0;
			height:53px;
			line-height:0.8em;
			text-align:center;
			font-family:BigNoodleOblique;
			font-size:54px;
			color:#f9fc02;
		}
			#content .hashtag2 #tweet-count-02 span {
				display:block;
				line-height:1.4em;
				font-size:30px;
			}

#footer {
	overflow:hidden;
	clear:both;
	padding:15px 0;
	text-align:center;
	font-size:11px;
	color:#6f6d6d;
}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}
.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	background: #dde;
	position: relative;
}
.jspDrag {
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}