@charset "utf-8";

/* CSS Document 



© 2009 Código Urbano Comunicação & Design

Todos os direitos reservados.

Tel.: 71 3495.1362



CSS: Elton Augusto / Tel.: 8832-4052 / elton18augusto@gmail.com



*/





body{

	background:#000000;

	margin:0;

	}

	

/*  - - -  DIVISÃO 1: ÁREAS DO SITE - - -  */

	

.site{

	width:923px;

	margin:auto;

	}

	

.menu{

	width:570px;

	height:60px;

	margin:auto;

	}

	

.corpo{

	width:920px;

	height:500px;

	float:left;

	border-bottom:1px solid #333;

	border-top:1px solid #333;
	
	background: url(../images/fundo-pagina.jpg) no-repeat bottom;

	}
	
.corpo_index{

	width:920px;

	height:auto;

	float:left;

	border-top:1px solid #333;
	
	border-bottom:1px solid #333;
	
	padding-bottom:4px;
	
	}
	
.corpo_pag_website{

	width:920px;

	height:500px;

	float:left;

	border-bottom:1px solid #333;

	border-top:1px solid #333;
	
	background:url(../images/fundo-pagina.jpg) no-repeat bottom;

	}

	

.rodape{

	width:100%;

	height:auto;
	
	float:left;
	
	margin-top:6px;

	}

	

.rodape p{

	width:auto;

	margin:0;

	color:#666666;

	font-family: Tahoma, Arial, Verdana, sans-serif;

	font-weight:bold;

	font-size:10px;

	float:left;


	}

	

.rodape li{

	width:auto;

	height:auto;

	list-style:none;

	float:right;

	margin-top:0;

	}

	

.rodape li a{

	font-size:10px;

	color:#666666;

	font-family:Tahoma, Arial, Verdana, sans-serif;

	font-weight:bold;

	text-decoration:none;

	}

	

.rodape a:hover{

	color:#FFCC00;

	}



.rodape_link_ativado{

	margin-left:3px;

	margin-right:3px;
	
	color:#666666;
	
	font-size:10px;

	font-family:Tahoma, Arial, Verdana, sans-serif;

	}

	

.rodape_separador{

	margin-left:3px;

	margin-right:3px;
	
	color:#666666;
	
	font-size:10px;

	font-family:Tahoma, Arial, Verdana, sans-serif;


	}

	

/*  - - -  DIVISÃO 2: ÁREAS DA INDEX - - -  */



.flash_index{

	width:100%;

	height:340px;

	float:left;

	margin-bottom:8px;

	border-bottom:1px solid #333;

	}

	

.box_newsletter{

	width:240px;

	height:150px;

	float:left;

	background:url(../images/newsletter-codigo-urbano.jpg) left top no-repeat;

	border-right:1px solid #333;

	}

	

.box_newsletter p{

	font:11px Tahoma, Arial, Verdana, sans-serif;

	color:#666666;

	margin-top:28px;

	margin-bottom:10px;

	}

	

.box_newsletter-input-text{

	width:150px;

	float:left;

	border:0;

	font:12px Tahoma, Arial, Verdana, sans-serif;

	margin-top:3px;

	}



.box_newsletter-input-submit{

	width:32px;

	height:24px;

	background:url(../images/bt-ok-newsletter.jpg) no-repeat;

	border:0;

	padding:0;

	margin:0;

	margin-left:8px;
	
	cursor:pointer;

	}

	

.box_projetos{

	width:660px;

	float:left;

	margin-left:19px;

	}
	
.box_projetos_contato{

	width:660px;

	float:left;

	margin-left:19px;

	}

.box_projetos_website{

	width:660px;

	float:left;

	margin-left:19px;
	
	margin-bottom:17px;

	}

	

.box_projetos h2{

	width:100%;

	height:auto;

	margin:0;

	margin-bottom:12px;

	float:left;
	
	padding:0;

	}

	

.box_projetos li{

	width:188px;

	height:auto;

	padding:0;

	margin:0;

	margin-right:29px;

	float:left;

	list-style:none;

	}

	

.box_projetos li a img{

	width:188px;

	height:78px;

	border:2px solid #CCCCCC;

	float:left;

	list-style:none;

	}

	

.box_projetos li a:hover img{

	border:2px solid #FFCC00;

	}

	

.box_projetos h1{

	width:100%;

	margin-top:4px;	

	margin-left:2px;

	margin-bottom:2px;

	float:left;

	}
	
.box_projetos h1 a{

	font:bold 11px Tahoma, Arial, Verdana, sans-serif;

	color:#FFCC00;

	text-decoration:none;

	}



.box_projetos p{

	margin:0;

	margin-left:2px;

	}
	
.box_projetos p a{

	font:bold 11px Tahoma, Arial, Verdana, sans-serif;

	color:#666666;

	text-decoration:none;

	}
.estilo_tit {
	width:auto;
	margin-bottom:2px;
	font:bold 11px Tahoma, Arial, Verdana, sans-serif;
	color:#FFCC00;
	text-decoration:none;
	margin-left:0px;
	float:left;
}


	

.estilo_tit a{

	width:auto;

	margin-bottom:2px;

	font:bold 11px Tahoma, Arial, Verdana, sans-serif;

	color:#FFCC00;

	text-decoration:none;

	margin-left:0px;

	float:left;

	}

	
.estilo_text {

	width:auto;

	margin:0;

	margin-left:0px;

	font:bold 11px Tahoma, Arial, Verdana, sans-serif;

	color:#666666;

	text-decoration:none;

	float:left;

	}

	

.estilo_text a{

	width:auto;

	margin:0;

	margin-left:0px;

	font:bold 11px Tahoma, Arial, Verdana, sans-serif;

	color:#666666;

	text-decoration:none;

	float:left;

	}

	

.estilo_text2 a{

	width:auto;

	font:bold 11px Tahoma, Arial, Verdana, sans-serif;

	color:#666666;

	float:right;

	margin:0;

	margin-right:0px;

	}



.menu_interna{

	width:259px;

	height:auto;

	float:left;

	margin-top:39px;

	}

	

.menu_interna-img{
	float:left;
	margin-left:25px;
	margin-bottom:45px;
	margin-right: 44px;

	}
	
.menu_interna-img2{

	float:left;

	margin-left:17px;

	}

	

.menu_interna a img{

	border:0;

	}

	

.menu_interna ul{

	margin:0;
	
	float:left;
	
	padding:0;

	margin-bottom:20px;
	
	width:auto;

	}

	

.menu_interna li{

	padding:0;

	margin:0;
	
	margin-left:30px;
	
	margin-bottom:3px;
	
	list-style:none;
	
	width:auto;

	}

.menu_interna li a{

	list-style:none;

	font:bold 11px Arial, Helvetica, sans-serif;

	color:#CCCCCC;

	text-decoration:none;

	}

	

.menu_interna a:hover{

	color:#FFCC00;

	}

	

.menu_interna h2{

	width:259px;

	height:auto;

	float:left;

	margin-bottom:2px;

	margin-top:39px;

	margin-left:25px;

	font:bold 20px Tahoma;

	color:#FFCC00;

	}

	

.menu_interna h3{

	font:bold 12px Tahoma;

	color:#CCCCCC;

	margin-top:0;

	margin-left:25px;

	}

	

.menu_interna h4{

	width:259px;

	height:auto;

	margin-top:8px;

	margin-left:25px;

	font:bold 12px Tahoma;

	color:#FFCC00;

	}

	

.menu_interna-contato{

	margin-left:25px;

	margin-top:14px;

	font:bold 11px Tahoma;
	
	width:270px;

	}

	

.text_cinza{

	color:#666666;

	widows:100%;

	}

.text_cinza a{

	color:#666666;

	widows:100%;
	
	text-decoration:none;
	
	}

.text_amarelo{

	color:#FFCC00;

	}

	

.menu_interna p{

	width:234px;

	font:12px Tahoma;

	color:#CCCCCC;

	margin-top:0;

	margin-left:25px;

	}

	

.miniaturas-galeria{

	margin-left:25px;

	}

	

.miniaturas-galeria div{

	width:58px;

	height:58px;

	float:left;

	margin-right:8px;

	margin-bottom:6px;

	border:2px solid #CCCCCC;

	}

	

.miniaturas-galeria div:hover{

	border:2px solid #FFCC00;

	}

	

.cont_int{

	width:660px;

	height:auto;

	float:left;

	margin-top:9px;

	padding-top:9px;

	}
	
.cont_int_contato{

	width:660px;

	height:auto;

	float:left;

	margin-top:9px;

	padding-top:9px;

	}

	

.linha_lista{

	width:auto;

	height:auto;

	margin-top:30px;

	float:left;

	}

.linha_lista p{

	font:bold 11px Tahoma, Arial, Verdana, sans-serif;

	color:#666666;

	text-decoration:none;

	}
	
.linha_lista h1{

	font:bold 11px Tahoma, Arial, Verdana, sans-serif;

	color:#FFCC00;

	text-decoration:none;

	}

#portfolio_maior{

	width:626px;

	height:396px;

	border:4px solid #CCCCCC;

	float:left;

	margin-top:30px;
	
	padding:0;

	}

	

.linha_cliente{

	width:635px;

	height:auto;

	float:left;

	margin:0;

	margin-top:4px;
	

	}



.linha_cliente h3{

	padding:0;

	margin:0;

	}

	

.linha-conteudo{

	width:492px;

	height:auto;

	margin-top:15px;

	}

	

.linha-conteudo img{

	margin-bottom:18px;

	}

.linha-conteudo-swf-topo {

	margin-bottom:18px;

	}	

.linha-conteudo h4{

	width:auto;

	height:auto;

	margin:0;

	}

	

.linha-conteudo p{

	width:100%;

	font:bold 11px Tahoma;

	color:#666666;

	line-height: 15px;

	margin:0;

	}

	

.linha-conteudo ul{

	width:100%;

	margin:0;

	padding:0;

	}

	

.linha-conteudo li{

	width:auto;

	list-style:none;

	display:inline;

	margin:0;

	margin-bottom:0;

	margin-top:0;

	padding:0;

	}

	

.linha-conteudo li a{

	font:bold 11px Tahoma;

	color:#666666;

	text-decoration:none;

	}



.linha-conteudo li a:hover{

	color:#FFCC00;

	}

	

.separador-lista-interna{

/*	margin-top:5px; 
	
	*margin-top:10px; */

	margin-left:8px;

	margin-right:8px;

	width:6px;

	height:12px;

/*	float:left; */

}


#carrega-texto{

	widows:100%;

	margin-top:25px;

	display:table;
	
	float:left;

	}

	

#carrega-texto h5{

	font:bold 11px Tahoma;

	color:#FFCC00;

	width:100%;

	margin-top:0;

	}

	

#carrega-texto p{

	font:bold 11px Tahoma;

	color:#666666;

	margin:0;

	width:100%;

	}

#carrega-texto a{

	font:bold 11px Tahoma;

	color:#666666;
	
	margin:0;

	width:100%;

	}


#carrega-img{

	widows:100%;

	margin-top:0px;
	
	margin-bottom: 100px;



	}
	
#carrega-img h5{

	font:bold 11px Tahoma;

	color:#FFCC00;

	width:100%;

	margin-top:0;

	}

#carrega-img p{

	font:bold 11px Tahoma;

	color:#666666;

	margin:0;

	width:100%;

	}


.conteudo_contato{

	height:auto;

	width:380px;

	margin:auto;

	margin-top:150px;

	color:#FFFFFF;

	}

	

.conteudo_contato div{

	width:100%;

	margin-bottom:10px;

	float:left;

	}

	

.conteudo_contato p{

	width:70px;

	font:bold 11px Tahoma;

	color:#666666;

	float:left;

	margin:0;

	margin-right:3px;

	}

	

.conteudo_contato-input-type-text{

	float:left;

	width:250px;

	border:0;

	}
	
.conteudo_contato-input-type-text2{

	float:left;

	width:200px;

	border:0;

	}
	
.conteudo_contato-input-type-text3{

	float:left;

	width:40px;

	border:0;
	
	margin-right:10px;

	}

	

.conteudo_contato-input-submit{

	width:34px;

	height:26px;

	float:left;

	border:0;

	padding:0;
	
	margin-top:72px;
	
	*margin-top:75px;
	
	margin-left:5px;


	}
	
	

		

.conteudo_contato textarea{

	width:250px;

	border:0;
	
	float:left;

	}
	
.link_voltar{
	font:bold 11px Tahoma;
	color:#666666;
	text-decoration:underline;
	margin-left:25px;
	float:left;
	}
	
.paginacao{
	width:auto;
	height:auto;
	float:right;
	margin-right:35px;
	margin-bottom:4px;
	margin-top:8px;
	}

.paginacao li{
	width:auto;
	height:auto;
	list-style:none;
	float:right;
	margin:0;
	color:#666666;
	font:bold 10px Tahoma, Arial, Verdana, sans-serif;
	margin-left:3px;
	}

.paginacao li a{
	font-size:10px;
	color:#666666;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	}
	
.paginacao a:hover{
	color:#FFCC00;
	}
	
.paginacao li p{
	color:#FFCC00;
	font:bold 10px Tahoma, Arial, Verdana, sans-serif;
	margin:0;
	}

.paginacao_separador{
	width:auto;
	height:auto;
	float:right;
	margin-top:3px;
	margin-left:5px;
	margin-right:5px;
	}
.carregandoimg {
	margin-top: 190px;
	margin-left: 305px;
}
.menu_interna-link {
	margin-left:0px;
	margin-bottom:10px;
	margin-right: 170px;
	margin-top: 10px;
	float: left;
}