/* GLOBAL SETTINGS - Begin */

* {margin:0;padding:0;} 

html, body {
	height:100%; 
	font-family: 'Open Sans', sans-serif;
	font-size:13px;}
	
body:before {
	content:"";
	height:100%;
	width:0;
	}

legend {display:none;}

h1 {font-size:48px;}
h2 {
	font-size: 18px;
}
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 { margin-left: -2px; 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:10px 0 10px;}
	
a img {border:none}	
a {outline:0;}	

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

.center img {
	display: block;
	margin-left: auto;
    margin-right: auto;
	max-weight: 70%;
	max-height: 180px;
}

.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:#ccc url(../images/common/bg.jpg) center top no-repeat;
	border-bottom:1px solid #ccc;}

#header {
	width:97%;
	margin: auto;
	padding:10px 0 0 0;
	}
	
/* HEADER - End */


/* CONTENT - Begin */

#container {min-height: 100%; width:100%;}

#content {
	width:97%;
	margin:0 auto;
	overflow:auto;
	clear:both;
	padding: 10px 0 160px;}  /* must be same height as the footer */
	
#content p {
	line-height:20px;
	margin:0 0 5px;}
	
#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:#ccc url(../images/common/bg.jpg) center bottom no-repeat; 
	border-top:1px solid #ccc;
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	width: 100%;
	clear:both;}
	

	
#footer-bg {
	background:url(../images/common/bg-tracado-down.png) left top repeat-x;
	overflow:hidden; 
	border-top:1px solid #fff;}
	
#footer {
	width:90%;
	color:#FFFFFF;
	padding:1px 10px 0px 20px;
	} 
	
#footer ul {
	float:left;
	list-style:none;
	font-style:normal;
	font-size:11px;
	line-height: 20px;
	margin:10px 16px 10px 0px;}
	
#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:1px solid rgba(0,0,0,0.1);
	margin:0 0 10px;
	width: 97%;
	position:relative;}

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

#menu ul li {
	border-left:1px solid #aeb7be;
	border-top:1px solid #aeb7be;
	float:left;
	line-height: 27px;
	width:33%;
	margin:0;}
	
#menu ul li a {
	text-align:center;
	color:#f5822b; 
	display:block;
	overflow:hidden;
	/*width:130px;*/
	padding:14px 0;
	text-decoration:none;
	font-weight:bold;
	text-shadow:1px 1px 1px #333;}
	
#menu.menu-jp ul li a {width:50%px;}
	
#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:1px solid #aeb7be; width:100%;}

#menu ul li#logo a {
	width:500px;
	height:34px;
	background:url(../images/common/logo.png) 28px 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-top: 130px;
	margin-bottom: 15px;
	font-size:11px;
	text-align:center;}
	
#copyright a {
	color:#99ccff;
	text-decoration:none;}
	
#copyright a:hover {
	text-decoration:underline;}
	
#copyright p {	
	padding:0 20px 0 0; 
	}

#copyright #totvs {
	display: block;
	background: url(../images/common/tqtvd_footer.png) no-repeat;
	width: 112px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 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:5px; 
	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:px; 
	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:5px 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:97%;
	margin:0px 0px 0px 20px;
	}
	
#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: 92%;
	margin: 10px 0 0px 0;
	text-align: center;
	clear: both;
	overflow: hidden;
	padding: 0px;
	}
	
#banner p  {
	font-size:20px;
	color:#fff;
	text-shadow:1px 1px 0 #999}
	
#banner h2 span {
	color: #fff;
	font-size: 28px;
}

#banner h2 {
	color: #fff;
	font-size: 18px;
}
	
#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 0 0 20px; width:80%; max-height:260px;}

#banner .left {
	width:95%; 
	margin:0px 0 0 20px;}
	
/* BANNER - End */


/* HOME - Begin */

#content.content-home {
	height: 1200px;
	padding: 30px 10px 350px 0px;
}
	
#footer-wrapper.footer-home {margin-top:-170px}

/* HOME - End */


/* HOME MODALIDADES - Begin */
	
#home-modalidades {
	position:absolute;
	top:475px;
	}
	
#home-modalidades ul {float:left;}	
	
#home-modalidades ul li {
	list-style:none;
	background:rgba(255,255,255,0.7);
	width:90%;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 10px;
	position:relative;
	border: 3px solid rgba(0,0,0,0.15);
	border-radius:3px;}
	
#home-modalidades ul li h2 {
	font-size:24px;
	text-align: center; 
	color:#eb7706; 
	margin:0 -1px 15px;
	background-color:#fff;}
	
#home-modalidades.astrotv h2 {
	font-size:21px; 
	margin:0px 0 0px;}
	
#home-modalidades ul li h2 span {color:#666}
	
#home-modalidades ul li div {
	border:1px solid #fff; 
	padding:10px 20px 50px; 
	border-radius:3px; 
	text-align: center; 
	min-height:400px;
	overflow:hidden;}
	
#home-modalidades #home-stickercenter-tablet div {padding:10px 20px; background-color:#fff;}
	
#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:100%;
	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 {display: block;
    margin-left: auto;
    margin-right: auto;}
#home-stickercenter img {margin:6px -20px 14px 10px;}
#home-astroplay {display: block;}
#home-noticias img {margin: -12px 0px 0px -20px;}

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

#home-modalidades ul li#home-interatividade {
	display:none;
	}	
	
#home-modalidades ul li div span img {
	width: 50%;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
	
#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 {
	overflow:hidden;
	width: 90%;
	display: block;
	margin-left: auto;
    margin-right: auto;
	padding:10px 0;}
	}

.col-left img{
	display: block;
	max-width: 90%;
    margin-left: auto;
    margin-right: auto;
	max-height: 300px;
	}
	
.col-right {
	overflow:hidden;
	width: 90%;
	display: block;
	margin-left: auto;
    margin-right: auto;
	padding:10px 0;}
	
.col-right img {
	display: block;
	margin-left: auto;
    margin-right: auto;
	max-weight: 90%;
	max-height: 200px;
	}
	
/* LISTA */

ul.lista {
	background:#fff;
	width:97%;
	}
	
ul.lista li {
	background:#fff;
	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 0px 15px;
	margin: 0 0px 20px;
	font-size: 18px;
	border-bottom: 1px solid #e0e0e0
}
	
ul.lista li div {
	border:1px solid #ccc; 
	padding:10px 15px 100px; 
	border-radius:3px;
	min-height:230px}
	
ul.lista li div img {
	position:absolute;
	width: 91%;
	bottom:18px;
	max-height:90px;}
	
.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 5px;
	background:#fff url(../images/common/bg-cinza.gif) left bottom repeat-x;	
	text-decoration:none;
	position:absolute;
	right:15px;
	bottom:105px;}
	
#content p.oquee a {font-weight:normal;}

.oquee {
	position:absolute;
	bottom:95px;}
	
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 {width:95%;}
	
#logos h2 {margin:10px 0 15px 10px; font-size: 18px;}

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

#logos ul li {
	list-style:none;
	float:left;
	padding:5px 0px 0px 5px;
	width: 30%;}	
	
#logos ul li img{
	width: 100%;
	}	
	
	
ul.funcionalidades {
	overflow:hidden; 
	margin:0 0 0 0px;}
	
ul.funcionalidades li {
	display:block;
	list-style:none;
	text-align: center;
	}		
	
ul.funcionalidades img {	
	width: 90%;
	display: block;
	margin-left: auto;
    margin-right: auto;
	}	
		
ul.caracteristicas {
	list-style:none;
	margin:5px 0 18px;}
	
ul.caracteristicas li {
	margin:0 0 5px 15px;
	font-size:13px;
	background:url(../images/icons/ico-ok.png) no-repeat;
	padding:0 0 0 20px;}		
	
#interna-banner-texto h2 {font-size:18px;}

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

#interna-banner-texto {
		width: 92%;
	margin: 10px 0 0px 0;
	text-align: center;
	clear: both;
	overflow: hidden;
	padding: 0px}

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

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

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

#interna-banner img.right {
	margin:5px 0px 20px 20px; width:80%; max-height:260px;
}

	
#content .info h4, 
#content .info p {color:#666; margin:0;
text-align:center;
	font-size:14px;
	}

#content p {
	padding:0px 15px 5px 8px;
	text-align:left;
	font-size:13px}
	
#interna-banner-texto p{
	padding:0px 15px 5px 8px;
	text-align:center;
	font-size:13px}

#content h2,h3 {text-align:left;
	font-size:16px;
	margin:10px 10px 10px 7px;}
	
#interna-banner-texto h2 {
    text-align:center;
	font-size:16px;
	margin:10px 10px 10px 13px;
}
	
#interna-banner-texto h2 br {
    content: ' '
}

#interna-banner-texto h2 br:after {
    content: ' '
}

#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:97%;}
#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: 5px 5px 5px 5px;}

#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 {
	padding: 0 0 0 12px;
	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 {
	height:70%;
	width:70%;}

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

.zebra {float:left; width:200px;}
.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:100%;
	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:#000 url(../images/common/bg-cinza.gif) left bottom repeat-x;}
	
h3.modulos {
	padding:0px 10px 0px 0px;
	text-align:left;
	font-size:13px;
}

h2.modulos {
	text-align:center;
	font-size:18px;
	margin:20px 0 20px;}
	
#language {
	position:absolute;
	top:11px;
	right:10px;}
	
#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;}

#noticia img {
	max-width:90%;
	display: block;
    margin-left: auto;
    margin-right: auto;
	}