/* CSS Document */
*{margin:0; padding:0; outline:0;}
body{
	width:100%;
	height:100%;
	background-color: #000000;
	background-image: url(../imagens/backgrounds/1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
#tudo{ 
	width:855px; 
	height:528px; 
	position: absolute;
    top: 50%;
    left: 50%; 
    margin-left: -437px; /*metade do comprimento da imagem*/
    margin-top: -264px; /*metade da altura da imagem*/

}
#header{ height:59px;}
	#canto_detalhe{ float:left;}
	#resto_header{float:right; width:796px; height:59px; background-color:#FFFFFF;}
#container{ width:855px; _width:813px; background:#FFFFFF; z-index:0;}

.clear{ clear:both;}
#tudo img.bg_sup_esq{ margin:0; padding:0; display:inline;}
h1{
	position:absolute;
	left: 78px;
	top:40px;
	z-index:1;
}
h1 span{ display:none;}

#miolo{ width:813px; padding: 100px 0 0 42px;}
#esquerdo{width:293px; /*padding: 100px 0 0 42px; */float:left; }
#direito{*width:498px; /*padding: 100px 0 0 0;*/  float:left;}

#box_sobre{ width:293px; height:201px; background:#f1f1f1; float:left;}
#box_sobre h2{ font-family:Verdana, Tahoma, arial; font-size:16px; color:#ff8000; padding:28px 33px 0 33px; }
#box_sobre h3{ font-family:Verdana, Tahoma, arial; font-size:11px; color:#818285; line-height:16px; font-weight:normal; padding:10px 15px 33px 33px; _padding:10px 15px 17px 33px; }
#box_img_portfolio{ width: 473px; height: 280px; float:left; margin-left: 5px; _margin-left: 0px; z-index:1; }

#slider_projetos{ 
	width:473px;
	height:260px;
	overflow:hidden; 
	border:0;
	float:left;
	z-index:1;
}	


#box_botao_navegacao{ width:14px; height:201px;  float:left; margin-left: 5px;}


#menu{
	position:absolute;
	right:47px;
	top: 23px;
	z-index:1;
}
#box_miniaturas{

}

#menu ul li{ list-style-type:none; padding-bottom:0;}
#menu ul li a{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:9px; color:#ff8000; text-decoration:none; text-transform:uppercase; }
#menu ul li a.select { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:9px; color:#a7a9ac; text-decoration:none; text-transform:uppercase;   }
#menu ul li a:hover { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:9px; color:#a7a9ac; text-decoration:none; text-transform:uppercase;   }

#secundario{ width:855px; height:188px; background:#FFFFFF;}
#box_categorias_portfolios{width: 293px;float:left; padding-left:5px; padding-top:25px; background:#FFFFFF;}
#box_nav_categorias{ background:#FFFFFF; padding-left:3px;  }

.descricao_projeto{ width:473px; /*float:left;*/ font-family:Verdana, Tahoma, Arial; font-size:11px; color:#a7a9ac; margin: 5px 0 0 0; background:#FFFFFF; margin-bottom:37px;}
.descricao_projeto span{ font-family:Verdana, Tahoma, Arial; font-size:14px; color:#a7a9ac; background:#FFFFFF;}

#box_apoio{ _width: 495px;  background:#FFFFFF;}

	#box_nav_categorias p{ margin-left:25px; margin-bottom:10px; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#a7a9ac; font-weight:bold;}
	#box_nav_categorias select{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#a7a9ac; margin-bottom:6px; width:160px; }	

#box_oportunidade{width: 126px; height:100px; float:left; background: #FFFFFF url(../imagens/separador_pontilhado.jpg); background-position:left; background-repeat:no-repeat;}
	#box_oportunidade img{ margin-left:20px; margin-top:8px;}
	#box_oportunidade .subtitulo{ padding-right:10px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#ff8000; font-weight:bold;}
	#box_oportunidade p{ margin-left:10px; padding-right:10px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#a7a9ac;}
	#box_oportunidade a{ font-family:Verdana, Tahoma, "Trebuchet MS"; font-size:10px; color:#ff8000; text-decoration:none;}
	#box_oportunidade a:hover{ font-family:Verdana, Tahoma, "Trebuchet MS"; font-size:10px; color:#ff8000; text-decoration:underline;}
/*
MUDAR WIDTH DO BOX DO INFORMATTO QUANTO O TWITTER TIVR NO SITE
*/
#box_twitter{width: 106px; height:100px; float:left; background: #FFFFFF url(../imagens/separador_pontilhado.jpg); background-position:left; background-repeat:no-repeat;}
	#box_twitter img{ margin-left:20px; margin-top:8px;}
	#box_twitter p{ margin-left:10px; padding-right:10px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#a7a9ac;}


#box_informatto{width: 180px;/* COLOCAR ISSO QUANDO TIVER O BOX DO TWITTER width: 160px;*/ height:100px; float:left; background: #FFFFFF url(../imagens/separador_pontilhado.jpg); background-position:left; background-repeat:no-repeat;}
	#box_informatto img{ margin-left:10px; margin-bottom:8px;}
	#box_informatto p{ margin-left:10px;}
	#box_informatto p a{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#a7a9ac;  text-decoration:none;}
	#box_informatto p a:hover{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#ff8000;  text-decoration:none;}
#box_download{background: #FFFFFF url(../imagens/separador_pontilhado.jpg); background-position:left; background-repeat:no-repeat; width: 200px; height:100px; float:left; }
	#box_download p{ margin-left:10px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#a7a9ac;}
	#box_download a{ font-family:Verdana, Tahoma, "Trebuchet MS"; font-size:10px; color:#ff8000; text-decoration:none;}
	#box_download a:hover{ font-family:Verdana, Tahoma, "Trebuchet MS"; font-size:10px; color:#ff8000; text-decoration:underline;}
	
.txt_indique{ padding-left:17px; padding-bottom:5px;}
.txt_indique a{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#a7a9ac; text-decoration:none;}
.txt_indique a:hover{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#ff8000; text-decoration:none;}



#rodape{ width:831px; margin: 10px auto;}
.background_rodape{ float:left; text-align:left; padding-left:5px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
.background_rodape a{ padding: 1px 3px 1px 3px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; background-color:#ff8000; text-decoration:none;}
.background_rodape a:hover{ padding: 1px 3px 1px 3px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#ff8000; text-decoration:none; background-color:#E4E4E4;}
.credito{ text-align:right; padding-right:10px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; }

	
/*PAGINA INDIQUE*/

#div_indique{width:380px;height:330px;position:absolute;left:400px;top:150px;display:block;background-color:#FFFFFF;border:3px solid #CCCCCC;z-index:2;}
.formulario_indique{ width:245px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#a7a9ac;}
.botaocinza{ width:60px; margin-bottom:5px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; background:#cccccc; border:1px solid #a7a9ac; cursor:pointer;}
.botaocinza:hover{ width:60px; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; background:#ff8000; border:1px solid #a7a9ac; cursor:pointer;}
.txt_formulario_indique{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#a7a9ac;}
.txt_erro_indique{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#BB0000;}
.txt_formulario_indique a{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#ff8000; text-decoration:none;}
.txt_formulario_indique a:hover{font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#ff8000; text-decoration:underline;}