/* CSS Document */

#pagina {
	height:930px;
}

#flash{
	width: 833px;	
	height:270px;
	float:left;
	background-color:#000;
	margin-bottom:10px;
	/* Este atributo do css serve para que o slide fique visível em todos os navegadores */
	overflow:hidden;
	position:relative;
	z-index:7;
}

#projetos{
	clear:both;
	background:url(../img/home/novosProjetos.jpg) no-repeat top left;
	padding-top:50px;
	width: 833px;	
	height:230px;
	position:relative;
}

#projeto{
	margin:0;
	margin-right:13px;
	width: 269px;	
	height:225px;
	float:left;
	display:inline;
	overflow:hidden;
}

#projeto .imagem{
	background-color:#CFCFCF;
	border:none;
	width: 252px;	
	height:144px;
	padding:8px;
	overflow:hidden;
}
#projeto .imagem:hover{
	background-color:#000;
}

#projetoConteudo{
	margin-left:10px;
	margin-right:10px;
	width:249px;
	height:40px;
	float:left;
	font-size:18px;
	color:#666666;
	font-family:"Trebuchet MS";	
}

#tituloProjetoConteudo, #chamadaProjetoConteudo{	
	font-size:18px;
	color:#666666;
	font-family:"Trebuchet MS";
	text-decoration:none;
}

#chamadaProjetoConteudo{	
	font-size:12px;	
}

#secoes{
	width: 833px;	
	height:238px;
}

#secaoEmpresa, #secaoTwitter, #secaoNoticia{
	background:url(../img/home/aEmpresa.jpg) no-repeat top left;
	padding-top:50px;
	width: 269px;	
	height:200px;
	float:left;
	margin-right:13px;
	overflow:hidden;
}

#secaoNoticia{
	background:none;
	padding-top:0px;
	height:270px;
}

#secaoTwitter{
	background:url(../img/home/twittando.jpg) no-repeat top left;
	margin-right:0px;
}

.secaoConteudo{
	width: 269px;	
	height:195px;
	float:left;
}

#secaoConteudo3, #empresaDescricao{
	width: 269px;	
	height:114px;
	float:left;
	color:#666666;
	font-size:11px;
	font-family:"Trebuchet MS";
}

#empresaDescricao p{
	margin:0;
}

#secaoConteudo4{
	width: 269px;	
	height:122px;
	float:left;
	background-color:#000000;
}

#rodape {
	height:68px;
	display: block;		
}

#linhaHorizontal{
	background-color:#999999;
	height:1px;
	width:268px;
	margin-top:5px;
	margin-bottom:5px;	
}

#dataNoticia{
	width: 269px;
	height:auto;
	float:left;	
	text-align:left;
	color:#F7931E;
	font-family:"Trebuchet MS";
	font-size:11px;	
}

#tituloNoticia{
	width: 269px;
	height:auto;
	float:left;	
	text-align:left;
	color:#666666;
	font-family:"Trebuchet MS";
	font-size:12px;
	font-weight:bold;
}

.cxNoticia{ 
	clear:both;	
	margin-top:0;	
	width: 269px;
	float:left;	
	
}

.chamada{
	margin-top:5px;
	margin-bottom:3px;
	text-align:left;
	color:#666666;
	font-family:"Trebuchet MS";
	font-size:11px;	
}

#noticia{
	color:#666666; 
	font-size:11px; 
	text-decoration:none;
	font-family:"Trebuchet MS";
}

/* Twitter */
#twitter_div{
	margin:1px;
	width: 265px;
	height:200px;
	/*overflow:hidden;
	border:1px solid #f00;*/
	font-family:"Trebuchet MS";
	font-size:11px;
	z-index:10;
	
}

#twitter_update_list{
	margin:0;
	padding:0;
}

#twitter_update_list li{
	list-style-image:none;
	list-style-type:none;
	margin-bottom:5px;
	margin-left:0px;
	
}

#twitter_update_list a{
	display:none;
}

#twitter_update_list span a{
	display:block;
	text-align:right;
	color:#F7931E;
	text-decoration:none;
	margin-right:15px;
}
/*Link siga-nos*/
#twitter-link{
	display:inline;
	float:left;
	text-align:right;
	color:#666666; 
	font-size:11px; 
	text-decoration:none;
	font-family:"Trebuchet MS";
} 
#containerSlide1{
	width:75px;
	height:255px;
	float:left;
	overflow:hidden;
	position:relative;
	padding:0;
	margin:6px;
	border:none;
}
#containerSlide1 li{
	border:none;
	display:block;
	float:left;
	margin-bottom:1px;
}
#containerSlide2{
	width:560px;
	height:255px;
	float:left;
	padding:0;
	overflow:hidden;
	position:relative;
	margin-top:5px;
	background:#000;	
	z-index:4;
	border:none;
}
/* CSS do Conteúdo lateral referente às propagandas dos produtos da Viewnet */
.containerSlide3{
	width:175px;
	height:125px;
	background:#03F;
	float:right;
	margin:5px 5px 0 0;
	border:none;
}
.limpador{
	clear:both;	
}
/* CSS do Background do título do Slide */
#bgTituloSlide{
	margin:190px 0 0 87px;
	position:absolute;
	line-height:0;
	z-index:10;
	padding:10px 10px 0 10px;
	width:540px;
	height:60px;
	
	background:url(../img/home/backLegenda.png) repeat-x;
}
/* CSS do título do Slide */
.tituloSlide{
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	z-index:11;
	opacity:1;
	margin-top:5px;
	margin-bottom:25px;
}
.descricaoSlide{
	margin:20px 3px 0 3px;
	color:#FFF; 
	font-size:14px;		
	z-index:10;
	opacity:1;
	line-height:14px;
}
#mapaAmp{
	background:url(img/home/backMapaAmpliado.png) no-repeat; 
	display:none; 
	position:absolute; 
	width:510px; 
	height:345px; 
  	z-index:10000;
	padding-top:55px;
	margin-top:-60%;
	margin-left:20%;
}
 
#mascara {
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  right:0;
  margin:0;
  padding:0;
  z-index:9000;
 /* background:#000;*/
  width:100%;
  height:100%;
  display:none;
	background:url(../img/home/backLegenda.png) repeat;
  
  /* Opacidade da DIV "mascara" */
/*  opacity:0.80;
  -moz-opacity:0.80;
  filter: alpha(opacity = 80);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
}

/* hack para Google Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
#bgTituloSlide{
	margin:190px 0 0 85px;
}
#containerSlide1{
	width:75px;
	height:255px;
	float:left;
	overflow:hidden;
	position:relative;
	padding:0;
	margin:5px;
	border:none;
}
#containerSlide1 li{
	display:block;
	float:left;
	margin-bottom:11px;
	border:none;
}
.tituloSlide{
	z-index:11;
	opacity:1;
	margin-top:5px;
	margin-bottom:25px;
}
.descricaoSlide{
	margin:-2px 3px 0 3px;
}
#mapaAmp{
	margin-top:-90%;
	margin-left:20%;
}
}