body {
	margin: 0;
	padding: 0;	
	background: #900 url(../images/bg_degrade_vermelho.png) top repeat-x;	
}
img {
	border: none;
}
a {
	text-decoration: none;
}
div#site {
	position: absolute;
	width: 731px;
	left: 50%;
	top: 0;
	margin: 0 0 0 -365px;
	padding: 0;
	background: url(../images/bg_red_transp.png) repeat-y center !important;
	background: none;
}
div#corpo {
	width: 709px;
	left: 0;
	top: 0;
	margin: 0 0 0 11px;
	padding: 0;
}
div#cabecalho {
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 42px;
	background: #6EA2C6 url(../images/bg_cabecalho.gif) repeat-x;
}
div#fundoBrancoTopo {
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 66px;
	background: #FFF;
}
div#faixasCentrais {
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 99px;
	background: url(../images/bg_faixas_centrais2.gif) repeat-x;	
}
div#faixaFundo {
	position: relative;
	left: 0;
	top: 0;		
	margin: 115px 0 0;
	padding: 0;
	width: 100%;
	height: 99px;
	background: url(../images/bg_faixas_centrais.gif) repeat-x;
}

div#sombraFaixaFundo { /* hack to the shadow position for IE */
	position: absolute;
	left: 50%;
	margin: 0 0 0 -365px;
	padding: 0 0 0 0;
	width: 731px;
	height: 99px;
	background: url(../images/bg_sombra_faixas_fundo.gif) no-repeat;
}

div#balaoLogo {
	position: absolute;
	left: 125px;
	top: 92px;
	margin: 0;
	padding: 0;
	z-index: 1;
}
div#balaoLogoBaixo {
	position: absolute;
	left: 11px;
	top: 207px;
	width: 705px !important;
	width: 709px;
	w\idth: 705px;	
	height:49px;
	margin: 0;
	padding: 0;	
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	background: url("../images/baixo_balao.jpg") no-repeat;
}
div#balaoLogoBaixoInterno {
	position: absolute;
	left: 128px;
	top: 207px;
	margin: 0;
	padding: 0;
	z-index: 1;
}
ul#cores {
	position: absolute;
	left: 20px;
	top: 14px;
	margin: 0;
	padding: 0;
	height: 13px;
	z-index: 2;
	list-style: none;
}
ul#cores li {
	margin: 0;
	padding: 0;
	display: inline;
}
ul#cores li a {
	border: none;
}
ul#cores li img{
	margin: 0 3px 0 0;	
}
ul#cores li a {
	border: none;
}
ul#menu {
	position: absolute;
	left: 420px;
	top: 16px;
	margin: 0;
	padding: 0 0 4px 0 !important;	
	padding: 0 0 1px 0;	
	width: 280px;
	height: 26px;
	z-index: 2;
	list-style: none;
	display: inline;	
	background-image: url("../images/baixo_menu.gif");
	background-repeat: no-repeat;
	background-position: bottom right !important;
	background-position: bottom left;
}
ul#menu li { 
	display: inline;
}
ul#menu li#ativo a{ 	
	background-image: url("../images/bg_menu_dw.gif");
	background-repeat: no-repeat;
	background-position: top !important;
	background-position: bottom;
}
ul#menu li img{ 	
	margin:0 1px 0 0;
}
/* the following two li MUST be formated this way */
ul#menu li a{		
	padding: 9px 0 0 0;
	margin: 0;	
	background-image: url("../images/bg_menu_up.gif");
	background-repeat: no-repeat;
	background-position: top !important;
	background-position: bottom;
}
ul#menu li a:hover{		
	background-image: url("../images/bg_menu_dw.gif");
	background-repeat: no-repeat;
	background-position: top !important;
	background-position: bottom;
}
div#colunasConteudo {
	border-left: 2px solid #FFF;		
	background: #FF9 url("../images/bg_amarelo_port.gif") repeat-x bottom;
}
div#folio {
	position: absolute;
	left: 20px;
	top: 260px;
	width: 326px;	
	min-height: 380px !important;	
	margin: 0 0 0 10px;
	padding: 0;
	background: url("../images/tt_ultimos.gif") no-repeat top right;
}
* html div#folio {
	width: 322px;
}
div#folio dl {
	margin: 0;
	padding: 0;
	color: #C30;
	font: bold 11px "Trebuchet MS", Verdana, Arial, sans-serif;
}
div#folio dl a{	
	color: #C30;	
}
div#folio dl a:hover{	
	color: #960;	
}
div#folio dd a img {
	border: 1px solid #FC3;
	margin: 0;
	padding: 0;
}
div#folio dd a:hover img {
	border: 1px solid #F00;
}
div#folio dd ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
}
div#folio dd ul li.folio {
	background: url("../images/bullet_home.gif") no-repeat 1px .4em;
	text-indent: 12px !important;
	text-indent: -4px;
	text-indent/**/:/**/ 12px; 
	font-size: 14px;
}
div#folio dd.descricao {
	font-weight: normal;
	margin: 0 0 15px;
	padding: 0 0 0 52px;
	line-height: 13px;
	color: #960;	
	width: 85%;	
}
div#folio div.botao a {
	position: relative;
	left: 86px;
	top: 6px;
	margin: 0;
	padding: 1px 3px 1px 1px;	
	color: #C60;	
	text-align: center;
	font: bold 10px "Trebuchet MS", Verdana, Arial, sans-serif;
	background: #F7F082;
}
div#folio div.botao a:hover {
	color: #C30;	
	background: #FF9;
}
* html div.botao {
	width: 100%;
}
div#info {
	margin: 47px 0 0 343px;
	padding: 190px 0 0;
	min-height: 190px;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;	
	background: #6CF url("../images/bg_azul_blog.gif") repeat-x bottom;		
}
* html div#info {
	height: 385px; /* For IE 5 e 5.5 */	
	height/**/:/**/ 190px;	/* For IE 6 */ /* This 3 hacks resolve the IE min-height problem - must be this exactly order */	
}
div#info #blog {	
	margin: -187px 0 0;
	padding: 0 10px 0 20px;
	background: url("../images/tt_novidades.gif") no-repeat top right;
}
div.conteudo {	
	margin: -12px 0 0 0;
	padding: 0 0 20px 0;
	z-index:3;
	font: 11px verdana, sans-serif;	
	line-height:16px;
	color: #036;
}
div.conteudo a{	
	color: #FFF;
	border-bottom: 1px dotted #06C;
}
div.conteudo a:hover{	
	color: #369;	
}
div.conteudo a:visited{	
	color: #069;
	border: none;	
}
h1 {	
	font: bold 14px arial, "Trebuchet MS", verdana, sans-serif;	
	color: #069;	
	width:300px;
	margin: 0;
}
.data {	
	font: 10px "Trebuchet MS", verdana, sans-serif;		
	color: #06C;	
}
div#rodape {
	padding: 0;
	margin: 0;	
	width: 705px !important;
	width: 707px;
	w\idth: 705px;
	height: 42px;
	border: 2px solid #FFF;
	border-left: none;
	background: #B7B780 url(../images/bg_rodape.gif) repeat-x;
}
div#rodape p{
	position:relative;
	left: 16px;
	top:15px;
	padding: 0;
	margin: 0;	
	font-family: verdana, sans-serif;
	font-size: 9px;
	color: #666633;	
}
div#rodape p a{	
	font-weight: bold;
	text-decoration: none;
	color: #666633;	
}
div#rodape p a:hover{	
	text-decoration: underline;
	color:#FFFFFF;
}
div#rodapeInterno {
	padding: 0;
	margin: 0;
	bottom: 0;
	width: 705px !important;
	width: 709px;
	w\idth: 705px;
	height: 42px;
	border: 2px solid #FFF;
	background: #B7B780 url(../images/bg_rodape.gif) repeat-x;
}

div#rodapeInterno p{
	padding: 14px 0 0 20px;
	margin: 0;	
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #666633;	
}
div#rodapeInterno p a{
	font-weight: bold;
	text-decoration: underline;
	color: #666633;	
}
div#rodapeInterno p a:hover{	
	text-decoration: none;
	color:#FFFFFF;
}
div#logosRodape {		
	position:relative;
	float: right;	
	right: 0px;
	top: -7px;
	margin: 0;
	padding: 0;	
}
div#logosRodape img {
	margin: 0 14px 0 0;
}

/* ----------------------- Folio Interna ------------------------------*/

div#menuPortfolio {
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;	
	height: 63px;
	background: #F60 url("../images/bg_menu_portfolio.gif") repeat-x;
}
div#menuPortfolio  ul {
	position: relative;
	left: 20px;
	top: 46px;
	margin: 0;
	padding: 0;
	list-style: none;
}
div#menuPortfolio  ul li {
	margin: 0 27px 0 0;
	padding: 0;
	color: #F60;
	font: bold 14px Arial, "Trebuchet MS", verdana, sans-serif;
}
div#menuPortfolio  ul a {
	color: #FC9;
	text-decoration: none;
}
div#menuPortfolio ul a:hover {
	color: #FFF;
}
.mnFolio01 {
	position: absolute;
	top: 0;
	left: 5px;
	width: 30px;
}
.mnFolio02 {
	position: absolute;
	top: 0;
	left: 65px;
	width: 65px;
}
.mnFolio03 {
	position: absolute;
	top: 0;
	left: 160px;
	width: 100px;
}
.mnFolio04 {
	position: absolute;
	top: 0;
	left: 287px;
	width: 50px;
}
.mnFolio05 {
	position: absolute;
	top: 0;
	left: 368px;
	width: 75px;
}
div#areaPortfolio {
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	padding: 20px 0 30px;
	min-height: 210px !important;
	background: #F60 url("../images/bg_area_folio.gif") repeat-x bottom;
}
* html #areaPortfolio {
	height: 210px;
}
div#descricaoFolio ul {
	padding: 0;
	list-style: disc inside;
}
div#descricaoFolio ul li{
	margin: 0;
	padding: 0;
	color: #FFF;	
	font: 11px "Trebuchet MS", arial, verdana, sans-serif;
}

div#descricaoFolio h4 {
	margin: 0;
	padding: 0;
	color: #FF0;
	width: 265px;
	font: bold 16px "Trebuchet MS", arial, verdana, sans-serif;
}
div#descricaoFolio {
	margin: 0 0 0 20px;
	padding: 0 0 20px 0;
	width: 268px;
}
div#descricaoFolio p {
	margin: 0;
	padding: 6px 0;
	color: #FFF;
	font: 11px verdana, sans-serif;
	line-height:14px;
}
div#descricaoFolio a {	
	color: #FF0;	
	font: 11px verdana, sans-serif;	
	border-bottom: 1px dotted #FC9;
}
div#descricaoFolio a:hover{
	color: #FFC;
	background-color:#F50;
	border: none;
}
div#descricaoFolio a:visited{
	color: #FC9;		
	padding-right: 10px;	
	background:url(../images/bullet_visitado.gif) no-repeat right;
	border: none;
}

div#conteudoPortfolio img#telas {
	position:relative;	
	left: 8px;
	top: 0;	
	border: 2px solid #F96;
}
div#conteudoPortfolio img#thumbTelas {
	position: absolute;
	left: 320px;
	top: 296px;
	margin: 0;
	padding: 0;
	border: 2px solid #F96;
}
div#conteudoPortfolio div.botaoMaisImagens a {
	position: absolute;
	left: 473px;
	top: 600px;	
	margin: 0;
	padding: 1px 3px 1px 2px;
	color: #369;	
	background: #FFF;
	font: bold 10px "Trebuchet MS", Verdana, Arial, sans-serif;
}
div#conteudoPortfolio div.botaoMaisImagens a:hover {
	color: #FFF;
	background: #C30;
}
* html div#conteudoPortfolio div.botaoMaisImagens {
	width: 100%;
}
div#conteudoPortfolio div.botaoAnterior {
	position: absolute;
	right: 269px;
	top: 628px;	
	margin: 0;
	padding: 0;
	color: #E30;	
	background: #C30;
	font: bold 10px "Trebuchet MS", Verdana, Arial, sans-serif;
}
div#conteudoPortfolio div.botaoAnterior a {	
	color: #F93;		
	background: #C30;	
}
div#conteudoPortfolio div.botaoAnterior a:hover {
	color: #C30;	
	background: #FFF;
}
* html div#conteudoPortfolio div.botaoAnterior {
	width: 11%;
}
div#conteudoPortfolio div.botaoProximo {
	position: absolute;
	left: 567px;
	top: 628px;	
	margin: 0;
	padding: 0;
	color: #E30;	
	background: #C30;
	font: bold 10px "Trebuchet MS", Verdana, Arial, sans-serif;
}
div#conteudoPortfolio div.botaoProximo a {		
	color: #F93;	
	background: #C30;	
}
div#conteudoPortfolio div.botaoProximo a:hover {
	color: #C30;
	background: #FFF;
}
* html div#conteudoPortfolio div.botaoProximo {
	width: 1%;
}

/* ------------------------- contato ---------------- */
div#areaContato {
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	padding: 60px 0 30px;
	min-height: 210px !important;	
	background: #CC3 url("../images/bg_area_contato.gif") repeat-x bottom;
}
* html #areaContato {
	height: 210px;
}
div#descricaoContato h5 {
	margin: 0;
	padding: 0;
	color: #FFF;
	width: 265px;
	font: bold 16px "Trebuchet MS", arial, verdana, sans-serif;
}
div#descricaoContato {
	margin: 0 0 0 20px;
	padding: 0;
	width: 300px;
}
div#descricaoContato p {
	margin: 0;
	padding: 6px 0;
	color: #FF9;
	font: 11px verdana, sans-serif;
}
div#conteudoContato div#formulario {
	position:absolute;
	left: 387px;
	top: 278px;
	margin: 0;
	padding: 0;
}

/* ------------------------------ sobre ----------------------*/
div#areaSobre {
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
	padding: 40px 0 30px;
	min-height: 310px !important;	
	background: #E54C1A url("../images/bg_area_sobre.gif") repeat-x bottom;
}
* html #areaSobre {
	height: 310px;
}
div#descricaoSobre {
	margin: 0 0 0 320px; 
	padding: 0;
	width: 360px;	
}
div#descricaoSobre p {
	margin: 0;
	padding: 6px 0;
	color: #FFF;
	font: 11px verdana, sans-serif;
	line-height: 14px;
}
div#descricaoSobre p a{	
	color: #FF0;
	border-bottom: 1px dotted #FC9;
}
div#descricaoSobre a:hover{
	color: #FFC;
	background-color:#F50;
	border: none;
}
div#descricaoSobre a:visited{
	color: #FC9;		
	padding-right: 10px;	
	background:url(../images/bullet_visitado.gif) no-repeat right;
	border: none;
}

div#foto {
	position: absolute;
	left: 30px;
	top: 289px;
	width: 326px;	
	margin: 0 0 0 10px;
	padding: 0;	
}
div#foto img {
	margin: 0 0 0 31px;	
}

/* -------- interna portfolio ------------ */
div#conteudoPortfolio dl {
	position: absolute;
	left: 340px;
	top: 306px;
	margin: 0;
	padding: 0 0 8px 26px;
	color: #FC9;
	font: 11px verdana, sans-serif;	
}
div#conteudoPortfolio dl dt {
	color: #FFC;
	font-weight: bold;	
	margin: 8px 0 2px 0;
	padding: 2px;
	background-color:#F50;	
}
div#conteudoPortfolio dl dd{
	text-indent: 9px;
	padding:2px 0 2px 0;
	margin: 0;
	background:url(../images/bullet_folio.gif) no-repeat 0.1em 0.3em;
}
div#conteudoPortfolio dl dd a{
	color: #FF0;	
	text-decoration: none;
	border-bottom: 1px dotted #FC9;
}
div#conteudoPortfolio dl dd a:hover{
	color: #FFC;
	background-color:#F50;
	border: none;	
}
div#conteudoPortfolio dl dd a:visited{
	color: #FC9;		
	padding-right: 10px;	
	background:url(../images/bullet_visitado.gif) no-repeat right;
	border: none;
}
span {
	cursor:help;
	text-decoration:underline;
}

/* ----------- popup telas -------- */
body#popup {
	margin: 0 0 40px 0;
	background-color: #000;
	background-image:none;
}
body#popup ul {			
	margin: 0;
	padding: 0;	
	list-style: none;	
}
body#popup li {
	margin: 0;
	padding: 0;
	display: inline;	
}
body#popup ul li img {
	margin: 10px 0 40px 10px;	
}
body#popup div#botaoFechar a {		
	position: relative;
	left: 290px;
	top: 0;
	margin: 0;
	padding: 1px 3px 1px 0;
	color: #369;	
	background: #FFF;
	font: bold 10px "Trebuchet MS", Verdana, Arial, sans-serif;
}
body#popup div#botaoFechar a:hover {
	color: #FFF;
	background: #C30;
}
* html body#popup div#botaoFechar {
	width: 100%;
}

/*--- estilos do flash replacement ---*/
.sIFR-hasFlash li.folio {
	visibility: hidden;
	font-size:10px;			
}
.sIFR-hasFlash li.mnFolio01 {
	visibility: hidden;
	font-size:15px;			
}		
.sIFR-hasFlash li.mnFolio02 {
	visibility: hidden;
	font-size:15px;			
}		
.sIFR-hasFlash li.mnFolio03 {
	visibility: hidden;
	font-size:15px;			
}		
.sIFR-hasFlash li.mnFolio04 {
	visibility: hidden;
	font-size:15px;
}		
.sIFR-hasFlash li.mnFolio05 {
	visibility: hidden;
	font-size:15px;			
}						
.sIFR-hasFlash h1 {
	visibility: hidden;			
	font-size: 15px;
}		
.sIFR-hasFlash h4 {
	visibility: hidden;			
	font-size: 14px;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}