/* GLOBAL SETTINGS - Begin */

* {margin:0;padding:0;} 

html, body {
	height:100%; 
	font-family: 'Open Sans', sans-serif;
	font-size:15px;}
	
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;}

legend {display:none;}

h1 {font-size:48px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:17px;}
h5 {font-size:15px;}
h6 {font-size:13px;}

h2, h3, h4, h5, h6 {
	color:#888;
	font-weight:normal;
	margin:0 0 10px;}

address {
	font-style:normal;
	float:left;
	margin:0 19px 0 0;}	
	
address h3 {margin:0;}
	
h2 span {color:#ff9933}	
	
h3 {
	color:#333;
	margin:0;}
	
h1 a {
	display:block;
	background:url(../images/common/logo.png) no-repeat;
	width:258px;
	height:47px;
	text-indent:-9999px;
	float:left;
	margin:42px 0;}
	
code pre {
	padding:5px; 
	background:#f0f0f0;
	overflow:auto;
	margin:0 0 20px;
	border:1px solid #e0e0e0;
	border-radius:3px;}
	
hr  {
	clear:both;
	border:none;
	border-top:1px solid #e0e0e0;
	display:block;
	margin:30px 0 22px;}
	
a img {border:none}	
a {outline:0;}	

input::-moz-focus-inner { border: 0; }	
	
.left {float:left}
.right {float:right}
.center {text-align:center;}
.clear {clear:both;}

.odd {background-color:#f0f0f0}
.laranja {color:#ff9933}
.cinza {color:#999}

.small {font-size:10px;}
.set {
	margin: 10px 0px 0px 33px;}
	
	
/* HEADER - Begin */	
	
#header-bg {background:url(../images/common/bg-tracado-up.png) left bottom repeat-x;}
	
#header-wrapper {
	background:#4d67aa url(../images/common/bg.jpg) center top no-repeat;
	border-bottom:1px solid #ccc;}

#header {
	width:960px;
	margin:0 auto;
	padding:30px 0 0;}
	
/* HEADER - End */


/* CONTENT - Begin */

#container {min-height: 100%;}

#content {
	width:960px;
	margin:0 auto;
	overflow:auto;
	clear:both;
	padding: 20px 0 160px;}  /* must be same height as the footer */
	
#content p {
	line-height:22px;
	margin:0 0 15px;}
	
#content p a {
	text-decoration:none; 
	color:#ff9933; 
	font-weight:bold;}
	
#content p a:hover {text-decoration:underline;}

	
/* CONTENT - End */


/* FOOTER - Begin */

#footer-wrapper {
	background:#4d67aa url(../images/common/bg.jpg) center bottom no-repeat; 
	border-top:1px solid #ccc;
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	clear:both;}
	

	
#footer-bg {
	background:url(../images/common/bg-tracado-down.png) left bottom repeat-x;
	overflow:hidden; 
	height: 148px;
	border-top:1px solid #fff;}
	
#footer {
	width:940px;
	margin:0 auto;
	color:#fff;
	padding:0 10px;} 
	
#footer ul {
	list-style:none;
	float:left;
	font-style:normal;
	font-size:12px;
	margin:18px 40px 0 0;}
	
#footer ul li:first-child {
	margin:0 0 5px;
	font-size:14px;
	color:#fff}

#footer ul li a {
	color:#99ccff;
	text-decoration:none;}

#footer ul li a:hover {text-decoration:underline;}	

/* FOOTER - Begin */	

/* GLOBAL SETTINGS - End */


/* MENU - Begin */

#menu-wrapper {
	border-radius:3px;
	background:rgba(0,0,0,0.1);
	border:3px solid rgba(0,0,0,0.1);
	margin:0 0 45px;
	position:relative;}

#menu ul {
	font-size:16px;
	overflow:hidden;
	list-style:none; 
	background:#fff url(../images/common/bg-menu.png) left bottom repeat-x;
	border-radius:3px;
	border:1px solid #aeb7be;}

#menu ul li {
	border-left:1px solid #aeb7be;
	float:left;
	margin:0;}
	
#menu ul li a {
	text-align:center;
	color:#f5822b; 
	display:block;
	width:200px;
	/*width:130px;*/
	padding:14px 0;
	text-decoration:none;
	font-weight:bold;
	text-shadow:1px 1px 1px #333;}
	
#menu.menu-jp ul li a {width:219px;}
	
#menu ul li a:active {
	-moz-box-shadow: inset 0 0 30px #333;
	-webkit-box-shadow: inset 0 0 30px #333;
	box-shadow: inset 0 0 30px #333;}	
	
#menu ul li a span {color:#fff;}	
	
#menu ul li#language {
	padding:3px 0;
	border-right:none;}
	
#menu ul li#language select {
	font-size:11px; 
	margin:7px 7px 5px 12px;}

#menu ul li#logo {border-left:none;
}

#menu ul li#logo a {
	width:180px;
	height:32px;
	background:url(../images/common/logo.png) 20px 10px no-repeat;
	padding:8px 15px;
	text-indent:-9999px;
	border-left:none;}	
	
#menu ul li#logo a:hover,
#menu ul li#language a:hover {
	border-top:none;
	border-bottom:none;
	margin:0;}
	
#menu ul li select {
	background:none;
	border:none;}
	

/* MENU - End */


/* COPYRIGHT - Begin */

#copyright {
	margin:35px 0 0;
	font-size:11px;
	float:right;
	text-align:right;}
	
#copyright a {
	color:#99ccff;
	text-decoration:none;}
	
#copyright a:hover {
	text-decoration:underline;}
	
#copyright p {	
	float:left; 
	padding:0 10px 0 0; 
	border-right:1px solid #999}

#copyright #totvs {
	display:block;
	background:url(../images/common/tqtvd_footer.png) no-repeat;
	width:112px;
	height:30px;
	float:left;
	margin:0 0 0 10px;}

#copyright #totvs span {display:none;}

/* COPYRIGHT - End */


/* TABLE - Begin */

table {
	width:100%;
	border-collapse:collapse;
	text-align:left;
	clear:both;}

table tr th,
table tr td {
	padding:8px; 
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	vertical-align:middle;
	text-align:left;}
	
table tr th {
	font-weight:normal;}

table tr {}

.dataTables_wrapper label {width:auto; margin:0;}
.dataTables_filter {float:right;}
.dataTables_paginate  {text-align:center; margin:25px 0 0;}
.dataTables_paginate a  {
	padding:10px; 
	border-radius:3px; 
	margin:5px 2px; 
	background:#fff url(../images/common/bg-cinza.gif) bottom left repeat-x;
	border:1px solid #e0e0e0;
	color:#666;
	cursor:pointer;}
	
.dataTables_paginate a:hover {
	border:1px solid #ccc;
	background:#e0e0e0 url(../images/common/bg-cinza.gif) top left repeat-x;}
	
a.paginate_disabled_previous, 
a.paginate_disabled_next {color:#ccc}

a.paginate_disabled_previous:hover, 
a.paginate_disabled_next:hover {
	color:#ccc; 
	background:#fff url(../images/common/bg-cinza.gif) bottom left repeat-x;
	border:1px solid #e0e0e0;
	cursor:auto}
	
.dataTables_paginate a.paginate_disabled_previous:active, 
.dataTables_paginate a.paginate_disabled_next:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;}	
	
.dataTables_paginate a:active {
	-moz-box-shadow: inset 0 0 10px #e0e0e0;
	-webkit-box-shadow: inset 0 0 10px #e0e0e0;
	box-shadow: inset 0 0 10px #e0e0e0;}

.sorting_asc,
.sorting_desc {color:#ff9933;}

.sorting_asc {background:url(../images/icons/ico-sorting_asc.png) 0 12px no-repeat; cursor:pointer}
.sorting_desc {background:url(../images/icons/ico-sorting_desc.png) 0 12px no-repeat; cursor:pointer}
.sorting {background:url(../images/icons/ico-sorting.png) 0 12px no-repeat; cursor:pointer}
.sorting:hover {color:#ff9933;}

/* TABLE - End */


/* FORM - Begin */

form {
	font-size:13px;
	padding:0;
	overflow:hidden;}
	
form h4 {margin:25px 0 0;}

fieldset {border:none;}

label {
	display:block;
	float:left;
	width:135px;
	text-align:right;
	margin:0 10px 0 0;
	padding:8px 0 0;}
	
label span {color:#999}

label.radio,
label.checkbox {width:auto;}
	
input[type="radio"],
input[type="checkbox"] {
	float:left;
	margin:10px 5px 0 0;}

input[type="text"],
input[type="password"],
select,
textarea{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	background:#f8f8f8;
	margin:0 0 7px;
	padding:7px;
	border:1px solid #cdcdcd;
	border-radius:3px;
	-moz-box-shadow: inset 0 1px 1px #e0e0e0;
	-webkit-box-shadow: inset 0 1px 1px #e0e0e0;
	box-shadow: inset 0 1px 1px #e0e0e0;}

select {padding:6px;}
	
button {
	cursor:pointer;
	background:#ff9933 url(../images/common/bg-laranja.gif) top repeat-x;
	color:#fff;
	margin:0 0 7px;
	padding:10px 20px;
	border:1px solid #ff9933;
	border-radius:3px;
	-moz-box-shadow: 0 1px 1px #ccc;
	-webkit-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc;
	text-shadow:-1px -1px #ff9933}
	
button:hover {border:1px solid #ff9022}

button:active {
	-moz-box-shadow: inset 0 0 15px #ff9933;
	-webkit-box-shadow: inset 0 0 15px #ff9933;
	box-shadow: inset 0 0 15px #ff9933;}

input[type="text"].error,
input[type="password"].error,
select.error,
textarea.error {border:1px solid #ff9999; background:#fee;}
	
/* FORM - End */


/* BREADCRUMB - Begin */

#breadcrumb {
	clear:both;
	background:rgba(147,161,171,0.2);
	border-bottom:1px solid #fff;}
	
#breadcrumb p {
	font-size:12px;
	color:#fff;
	padding:12px 0;
	width:960px;
	margin:0 auto;}
	
#breadcrumb p a {
	color:#fff;
	text-decoration:none;}
	
#breadcrumb p a:hover {border-bottom:1px solid #fff;}

/* BREADCRUMB - End */
	

/* BANNER - Begin */	
	
#banner-wrapper {border-bottom:1px solid #fff;}	
	
#banner {
	width:960px;
	margin:0 auto;
	text-align:right;
	clear:both;
	overflow:hidden;
	padding:0 0 80px}
	
#banner p  {
	font-size:20px;
	color:#fff;
	text-shadow:1px 1px 0 #999}
	
#banner h2 span {
	color:#fff;
	font-size:48px;
	font-weight: bold}

#banner h2 {
	color:#fff;
	font-size:25px; 
	margin:0 0 20px;}
	
#banner h3 span {
	color:#666;
	font-size:45px;}

#banner h3 {
	color:#666;
	font-size:24px; 
	margin:0 0 20px;
	text-shadow:1px 1px 1px #f0f0f0}

#banner .right {margin:0 60px 0 0;}

#banner .left {
	width:410px; 
	margin:30px 0 0 0px;}
	
/* BANNER - End */


/* HOME - Begin */

#content.content-home {
	height:250px;
	padding: 20px 0 300px;}
	
#footer-wrapper.footer-home {margin-top:-150px}

/* HOME - End */


/* HOME MODALIDADES - Begin */
	
#home-modalidades {
	position:absolute;
	top:495px;}
	
#home-modalidades ul {float:left;}	
	
#home-modalidades ul li {
	list-style:none;
	background:rgba(255,255,255,0.7);
	width:310px;
	float:left;
	margin:0 2px 0;
	position:relative;
	border: 3px solid rgba(0,0,0,0.15);
	border-radius:3px;}
	
#home-modalidades ul li h2 {
	font-size:24px;
	color:#eb7706; 
	margin:0 -1px 25px;}
	
#home-modalidades.astrotv h2 {
	font-size:21px; 
	margin:2px 0 28px;}
	
#home-modalidades ul li h2 span {color:#666}
	
#home-modalidades ul li div {
	border:1px solid #fff; 
	padding:10px 20px 50px; 
	border-radius:3px; 
	min-height:300px;
	overflow:hidden;}
	
#home-modalidades #home-stickercenter-tablet div {padding:10px 20px; height:330px;}

#home-modalidades #home-astroplay div {padding:10px 20px; height:330px;}
	
#home-modalidades ul li div a.saiba {
	display:block;
	margin:0 -20px;
	padding:14px 0;
	text-align:center;
	color:#666;
	text-decoration:none;
	font-size:16px;
	bottom:1px;
	position:absolute;
	width:308px;
	border-top:1px solid #ccc;
	border-bottom-left-radius:none;
	border-bottom-right-radius:none;
	background:#fff url(../images/common/bg-cinza.gif) bottom left repeat-x;}
	
#content #home-modalidades ul li div a.saiba:hover {background:#e0e0e0 url(../images/common/bg-cinza-2.gif) top left repeat-x; color:#333}
	
#home-modalidades ul li div a.saiba:active {
	-moz-box-shadow: inset 0 0 20px #d0d0d0;
	-webkit-box-shadow: inset 0 0 20px #d0d0d0;
	box-shadow: inset 0 0 20px #d0d0d0;}
	
#home-stickercenter-tablet img {margin:6px -10px 14px 20px;}
#home-stickercenter img {margin:6px -20px 14px 10px;}
#home-astroplay img {margin:24px -20px 14px 10px;}
#home-noticias img {margin: -12px 0px 0px -20px;}

#home-modalidades ul li#home-noticias div {min-height:390px;}

#home-modalidades ul li#home-interatividade {
	width:632px; 
	margin:4px 0 0;}
	
#home-modalidades ul li#home-interatividade a {
	color:#fff; 
	text-decoration:none;}

#home-modalidades ul li#home-interatividade div p {line-height:16px;}

#home-modalidades ul li#home-interatividade div h3 {
	color:#fff;
	font-size:26px;
	margin:15px 0 10px;}

#home-modalidades ul li#home-interatividade div {
	min-height:120px; 
	padding:10px 20px; 
	background:url(../images/common/img-interatividade.jpg) bottom right no-repeat;}
	
#home-modalidades ul li div span img {
	margin:0 4px 2px 4px;
	width:47%;
	float:left;}
	
#content #home-modalidades ul li div a:hover {
	color:#ff9933;
	text-decoration:none;}
	
#content #home-modalidades ul li div a {
	font-weight:normal; 
	color:#333}

/* HOME MODALIDADES - End */


#content #home-noticias ul li:first-child {
	border:none;
	margin:-12px -20px 0;}

#content #home-noticias ul li {
	width:auto;
	margin:0 -20px 0;
	padding:15px;
	border-top:1px solid #e0e0e0;
	border-right:none;
	border-bottom:none;
	border-left:none;}
	
#content #home-modalidades #home-noticias ul li a {
	text-decoration:none;
	color:#666}
	
#content #home-modalidades #home-noticias ul li a:hover {color:#ff9933}

/* POSITION - Begin */

.col-left {
	width:464px;
	float:left;
	overflow:hidden;
	margin:0 5px 10px;
	padding:10px 0;}
	
.col-right {
	width:464px;
	float:right;
	overflow:hidden;
	margin:0 5px 10px;
	padding:10px 0;}
	

/* LISTA */


ul.lista li {
	background:#fff;
	width:464px;
	float:left;
	overflow:hidden;
	margin:0 5px 10px;
	position:relative;
	border: 3px solid #e0e0e0;
	border-radius:5px;}
	
ul.lista li h2 {
	color:#888;
	padding:0 23px 15px;
	margin:0 -23px 20px;
	border-bottom:1px solid #e0e0e0}
	
ul.lista li div {
	border:1px solid #ccc; 
	padding:15px 25px 120px; 
	border-radius:3px;
	min-height:215px}
	
ul.lista li div img {
	position:absolute;
	bottom:28px;}
	
.saibamais {
	margin:-6px 0 0;
	color:#666;
	display:block;
	padding:6px 10px;
	border:1px solid #ccc;
	border-radius:3px;
	box-shadow:0 1px 1px #e0e0e0;
	float:right;
	margin:0 0 20px;
	background:#fff url(../images/common/bg-cinza.gif) left bottom repeat-x;	
	text-decoration:none;
	position:absolute;
	right:25px;
	bottom:135px;}
	
#content p.oquee a {font-weight:normal;}

.oquee {
	position:absolute;
	bottom:145px;}
	
a.saibamais:active {
	-moz-box-shadow: inset 0 0 15px #ccc;
	-webkit-box-shadow: inset 0 0 15px #ccc;
	box-shadow: inset 0 0 15px #ccc;
	background:#fff url(../images/common/bg-cinza.gif) left bottom repeat-x;}
	
#logos h2 {margin:15px 0 15px 30px;}

#logos ul {
	background:#f0f0f0;
	overflow:hidden;}

#logos ul li {
	list-style:none;
	float:left;
	padding:5px 0;}	
	
ul.funcionalidades {
	overflow:hidden; 
	margin:0 0 0 -30px;}
	
ul.funcionalidades li {
	list-style:none;
	width:435px;
	float:left;
	margin:15px 30px 5px;}		
	
ul.caracteristicas {
	list-style:none;
	margin:5px 0 18px;}
	
ul.caracteristicas li {
	margin:0 0 15px 15px;
	font-size:15px;
	background:url(../images/icons/ico-ok.png) no-repeat;
	padding:0 0 0 30px;}		
	
#interna-banner-texto h2 {font-size:30px;}

#interna-banner-texto p {font-size:18px}

#interna-banner-texto {
	float:left;
	text-align:right;
	margin:10px 0 90px 32px;
	color:#666;
	height:190px;}

	
#interna-banner-texto-jp h2 {font-size:24px;}

#interna-banner-texto-jp p {font-size:18px}

#interna-banner-texto-jp {
	float:left;
	text-align:right;
	margin:10px 0 90px 32px;
	color:#666;
	height:190px;}

#interna-banner img.right {
	margin:-75px 0 0 40px;
	z-index:100;
	position:absolute}

	
#content .info h4, 
#content .info p {color:#666; margin:0;}

#content .info h4 a {
	color:#555;
	text-decoration:none;
	
	background:url(../images/icons/ico-pdf.png) 0 3px no-repeat;
	padding:0 0 0 20px;}
	
#content .info h4 a:hover {color:#ff9933}

#devnet1 .col-left {width:630px;}
#devnet1 .col-left p {margin:0;}
#devnet1 .col-right {width:auto;}

.info {
	overflow:hidden;
	padding:15px 20px ;
	border-radius:10px;
	border:1px solid #ccc;}

	
#modalidades table thead tr th,
#modalidades table tfoot tr td {
	text-align:center; 
	border:none;
	color:#666}
	
#modalidades table tbody tr td.col-2 {background:#e9ffea}
#modalidades table tbody tr.odd td.col-2 {background:#dcffd9}
#modalidades table tbody tr td.col-3 {background:#e9f4ff}
#modalidades table tbody tr.odd td.col-3 {background:#d9ebff}

#modalidades table tbody tr td + td {width:30%; text-align:center;}
#modalidades table tbody tr td + td + td {width:30%;}
#modalidades table tfoot tr td {padding:30px;}
#modalidades table tbody tr td {width:40%;}

#modalidades table tfoot tr td a {
	color:#666; 
	border:1px solid #ccc;
	border-radius:3px;
	box-shadow:0 1px 1px #e0e0e0;
	background:#fff url(../images/common/bg-cinza.gif) left bottom repeat-x;	
	text-decoration:none;
	padding:10px 30px;}

#modalidades table tfoot tr td a:active {
	-moz-box-shadow: inset 0 0 15px #ccc;
	-webkit-box-shadow: inset 0 0 15px #ccc;
	box-shadow: inset 0 0 15px #ccc;
	background:#fff url(../images/common/bg-cinza.gif) left bottom repeat-x;}
	
	
.imprensa {list-style:none; }
	
.imprensa li a {
	color:#666;
	text-decoration:none;}
	
.imprensa li a:hover {color:#ff9933}

.imprensa li {
	width:320px;
	float:left;
	padding:15px 0;}
	
#noticia h5,
#noticias h5 {color:#ff9933}

#noticia h5, 
#noticia h6,
#noticias h5,
#noticias h6 {margin:0}

#noticias p a, 
#noticia p a {
	color:#333; 
	font-weight:normal}

#noticia ul,
#noticia p {margin:0 0 20px;}

#noticia ul li{
	margin:0 0 10px; 
	padding:0 0 0 20px;
	list-style:dot;}
	
#noticia ul li a:hover {text-decoration:underline;}

#noticia ul li a {
	color:#ff9933;
	text-decoration:none;}
	
#noticia ul.noticia-servico li {
	margin:5px 0;
	padding:0;
	list-style:none;}

#noticias li{
	padding:10px; 
	margin:0 0 10px;}
	
#noticias ul li p{margin:0;}

#interatividade h3 {margin:0 0 10px;}

#interatividade ul {
	margin:0; 
	list-style:none;}
	
#interatividade p {margin:10px 0;}

#interatividade img {}

.carousel {float:right;}
.carousel ul {text-align:center;}

.zebra {float:left; width:300px;}
.zebra li {
	padding:5px;}
	
a.grade {
	margin:-6px 0 0;
	color:#666;
	display:block;
	padding:15px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	box-shadow:0 1px 1px #e0e0e0;
	position:absolute;
	bottom:0;
	left:1px;
	width:952px;
	background:#fff url(../images/common/bg-cinza.gif) left bottom repeat-x;	
	text-decoration:none;
	text-align:center;}
	
a.grade:active {
	-moz-box-shadow: inset 0 0 15px #ccc;
	-webkit-box-shadow: inset 0 0 15px #ccc;
	box-shadow: inset 0 0 15px #ccc;
	background:#fff url(../images/common/bg-cinza.gif) left bottom repeat-x;}
	
h3.modulos {margin:0 5px 30px;}

h2.modulos {
	text-align:center;
	font-size:38px;
	margin:30px 0 20px;}
	
#language {
	position:absolute;
	top:11px;
	right:12px;}
	
#language .dd-options {box-shadow:none;}
#language .dd-option {padding:5px;}

#language .dd-selected {
	font-weight:normal;
	padding:5px;}

#language label {
	width:auto;
	padding:0;
	margin:0;}