/* CSS Document */
/*###################################################MENU DA AREA ADMINISTRATIVA */
#menu_admin{
	padding-left:20px;
	background:#555555;
	margin-top:1px;
	margin-bottom:1px;
}

/* ##################################################LISTAGEM DE PRODUTOS -- PROD/CONTROLLER/FUNCTION LER*/
.produto, .list_noticia{
	width:737px;
	height:550px;
	background:#FFFBF0;
	float:left;
}
.produto h2, .list_noticia h2{
	float:left;
	width:700px;
	background:url(imagens/layout/barra_top.jpg) no-repeat right;
	margin-left:20px;
	margin-top:20px;
	font-size:14px;
	color:#CC9933;
}
.produto ul{
	width:325px;
	height:100px;
	background:#EEEEEE;
	float:left;
	margin-bottom:10px;	
	display:inline;
	list-style:none;
	border:1px solid  #AAAAAA;
	margin-left:25px;
}
.list_noticia h2{
	float:left;
	width:700px;
	background:url(imagens/layout/barra_top.jpg) no-repeat right;
	margin-left:15px;
	margin-top:20px;
	font-size:14px;
	color:#CC9933;
}
.list_noticia ul{
	width:330px;
	height:100px;
	background:#EEEEEE;
	float:left;
	margin-bottom:10px;	
	display:inline;
	list-style:none;
	border:1px solid  #AAAAAA;
	margin-left:25px;
	margin-top:20px;
}
.list_noticia h3{
	float:left;
	width:280px;
	font-size:12px;
	margin-top:10px;
	margin-left:10px;
}
.date2{
	float:left;
	font-size:10px;
	color:#666666;
	margin-top:10px;
	margin-left:5px;
}
.list_noticia p{
	float:left;
	width:300px;
	margin-top:10px;
	font-size:10px;
	margin-left:10px;
	text-align:justify;
	margin-right:10px;
}


.produto img{
	float:left;
	width:80px;
	height:80px;
	padding:4px 4px 0px 8px;
	margin-top:5px;
}

.produto p{
	margin-top:5px;
	font-size:12px;
	color:#666666;
}
.produto h3, .list_noticia h3{
	float:left;
	width:230px;
	font-size:10px;
	margin-top:10px;
	margin-bottom:5px;
}
.produto a, .list_noticia a{
	font-size:10px;
	text-decoration:none;
}

/*#########################################POSICIONA OS PRODUTOS LADO A LADO */
.esquerda{
	float:left;
	margin-top:10px;
	margin-left:20px;
}

.direita{
	float:right;
	margin-top:10px;
}
/*######################################## FOTOS E PRODUTO UNICO PARA LEITURA DAS CARAC --- CONT/PROD/LER*/
.produtos_ler{
	float:left;
}
.imagem_prod{
	text-align:center;
}
.produtos_ler img{
	width:90px;
	height:90px;
	border:1px solid red;
	margin-top:20px;
	margin-left:15px;
	margin-bottom:20px;
	border:1px solid #BBBBBB;
} 
.produtos_ler ul, .listar_noticia ul, .servicos_ler ul{
	width:690px;
	min_height:270px;
	list-style:none;
	float:left;
	margin-left:20px;
	border:2px solid #BBBBBB;
}
.listar_noticia p{
	font-size:12px;
	margin-left:10px;
	margin-top:5px;
	text-align:justify;
	margin-right:10px;
}

.servicos_ler p{
	font-size:12px;
	text-align:justify;
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
}
.listar_noticia img{
	float:left;
	width:160px;
	height:160px;
	padding:4px;
	border:1px solid #888888;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:4px;
}
.servicos_ler img{
	float:left;
	width:160px;
	height:160px;
	padding:4px;
	border:1px solid #888888;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:4px;
}
.produtos_ler h2{
	font-size:16px;
	color:#777777;
	text-align:center;
	width:678px;
	border:1px solid #DDDDDD;
	background:#FFFFFF;
	margin-top:2px;
	margin-bottom:10px;
}
.produtos_ler h3{
	font-size:11px;
	margin-left:10px;
	margin-right:10px;
}
.produtos_ler p{
	font-size:11px;
    margin-left:5px;
	margin-bottom:5px;
	margin-top:10px;
	text-align:justify;
	margin-left:10px;
}
.produtos_ler li{
	margin-left:5px;
	width:670px;
}
.date_not{
	margin-top:5px;
	margin-left:10px;
	font-size:10px;
	color:#666666;
}
.listar_noticia h2{
	font-size:16px;
	color:#777777;
	margin-left:5px;
	margin-bottom:10px;
}
.fonte{
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	font-size:10px;
	color:#666666;
}
/*####################################Lista de produtos da administracao */
.listar_produtos{
	min-height:650px;
	height:650px;
}
.listar_produtos table, .listar_noticia table, .listar_obra table, .listar_news table{
	width:700px;
	margin-left:20px;
	margin-top:20px;
}
#list_fotos table{
	width:700px;
	margin-left:20px;
	margin-top:20px;
}
.listar_produtos th, .listar_noticia th, .listar_obra th, .listar_news th, #list_fotos th{
	background:#DDDDDD;
	text-align:center;
	font-size:14px;
}
.listar_produtos td,.listar_noticia td, .listar_obra td, .listar_news td, #list_fotos td{
	text-align:center;
	font-size:12px;
	background:#FFFFFF;
	border:1px solid #AAAAAA;
}
.listar_produtos h2,.listar_noticia h2, listar_obra h2, .listar_news h2, #list_fotos h2{
	float:left;
	margin-left:20px;
	font-size:14px;
	color:#CC9933;
	margin-top:20px;
}
#list_fotos img{
	width:50px;
	height:50px;
}
/*##############################################################Obras*/

#obras, .servicos{
	width:737px;
	min-height:600px;
	background:#FFFBF0;
	float:left;
}
.servicos a{
	font-size:12px;
	line-height:14px;
}
#obras a{
	font-size:10px;
	margin-top:5px;
}

#obras a:link, .produto a:link, .servicos a:link, #links a:link{
	text-decoration:none;
}
#obras a:visited,.produto a:visited, .servicos a:visited, #links a:visited{
	text-decoration:none;
}
#obras a:hover, .produto a:hover, .servicos a:hover, #ler_mais a:hover, #links a:hover{
	text-decoration:underline; 
	color:#CC9933;
}
#obras a:active,.produto a:active, .servicos a:active, #links a:active{
	text-decoration:none;
}

.imagem_obra{
	text-align:center;
}
.imagem_obra h3{
	margin-top:10px;
	color:#CC3333;
}

#obras img{
	width:120px;
	height:120px;
	border:1px solid red;
	margin-top:20px;
	margin-left:15px;
	border:1px solid #BBBBBB;
}

#obras h2{
	float:left;
	width:680px;
	background:url(imagens/layout/barra_top.jpg) no-repeat right;
	margin-left:25px;
	margin-top:20px;
	font-size:14px;
	color:#CC9933;
}
#ler_mais_obra{
	float:right;
	margin-right:10px;
}
.servicos h2{
	width:690px;
	background:url(imagens/layout/barra_top.jpg) no-repeat right;
	margin-left:20px;
	margin-top:20px;
	font-size:14px;
	color:#CC9933;
}

.servicos_ler h2{
	font-size:16px;
	color:#CC9933;
	margin-left:20px;
	margin-bottom:10px;
	margin-top:20px;
}
#obras h3{
	font-size:10px;
	margin-bottom:25px;
	margin-left:5px;
}

#obras p{
	font-size:11px;
	line-height:12px;
	margin-top:-15px;
	margin-bottom:20px;
	float:left;
	clear:both;
	margin-left:5px;
}
.descricao{
	font-size:11px;
	margin-left:295px;
	margin-top:-25px;
	padding-left:5px;
	padding-right:5px;
	width: 365px;
	line-height:14px;
	min_height:70px;
	background:#FFFFFF;
	text-align:justify;
	padding-top:5px;
	margin-bottom:10px;
}

#obras ul{
	list-style:none;
	float:left;
	width:680px;
	min_height:95px;
	margin-left:25px;
	border:1px solid #DDDDDD;
	margin-top:10px;
	padding-bottom:10px;
	
}
/*####################################SERVIÇOS*/

.servicos table{
	border:1px solid #DDDDDD;
	margin-left:18px;
	margin-top:20px;
	width:700px;
	height:100px;
	marging-bottom:20px;
	text-align:justify;
}
.servicos td{
	background:#FFFFFF;
	font-size:10px;
}
.serv{
	font-size:10px;
	margin-top:5px;
	height:100px;
	margin-left:5px;
	margin-right:5px;
}
.serv a{
	color:#111111;
	text-decoration:none;
}
.servicos th{
	text-align:center;
	font-size:12px;
	background:#DDDDDD;
}
.mais_obras{
	text-align:center;
	
}

/*##################################################EMPRESA*/
#empresa{
	position:relative;
	width:350px;
	height:500px;
	float:left;
	margin-top:-40px;
	background:url(imagens/layout/back.gif) no-repeat;
}
#empresa p{
	font-size:10px;
	text-align:justify;
	width:320px;
	margin-left:20px;
	margin-top:20px;
}
#empresa h2{
	font-size:16px;
	color:#CC9933;
	margin-left:20px;
	margin-top:5px;
}
/*####################### LINKS */

#links {
	position:relative;
	width:350px;
	height:460px;
	float:left;
}
#links h2{
	font-size:14px;
	color:#996600;
	float:left;
	padding-top:10px;
	padding-left:20px;
	padding-bottom:20px;
	text-align:left;
	background:#FFFFFF;
	width:334px;
}
#links ul{
	width:349px;
	background:#FFFFFF;
	height:415px;
}
#links li{
	font-size:12px;
	text-align:justify;
	width:260px;
	margin-left:20px;
	margin-top:20px;
	background:url(imagens/layout/lar.gif) left no-repeat;
	padding-left:20px;
	padding-bottom:5px;
	border-bottom:3px solid #EEEEEE;
}
#links a{
	text-decoration:none;
}

.link_prod{
	float:left;
	width:387px; 
	height:120px;
	margin:0 auto;
	text-align:left;
	background:#FFFFFF;
}
#link_not{
	width:387px;
	height:340px;
	float:left;
	background:#FFFFFF;
}

#lat_link{
	position:relative;
	float:left;
	width:350px;
	height:500px;
}
#lat_link ul{
	list-style:none;
	float:left;
}
#lat_link h2{
	float left;
	font-size:14px;
	color:#996600;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:10px;	
}
#lat_link p{
	float:left;
	font-size:10px;
	color: #000000;
	text-align:justify;
	margin-bottom:5px;
	line-height:10px;
	width:340px;
}
#lat_link h3{
	font-size:12px;
	color:#CC9900;
	margin-bottom:15px;
}
#novidade_link{
	background:url(imagens/layout/top_bv.jpg) bottom no-repeat;
	width:340px;
	height:100px;
	margin-bottom:5px;
	margin-left:20px;
}
/*#########################################*/
#foto_grande{
	width:387px;
	height:340px;
	float:left;
	background:#FFFFFF;
}
#foto_grande img{
	width:370px;
	height:300px;
	background:#FFFFFF;
	margin-left:8px;
	margin-top:5px;
}


/*##################################### album de fotos*/
#legenda{
	width:387px;
	height:40px;
	background:#FFFFFF;
	margin-top:-33px;
	text-align:center;
}
#legenda p{
	margin-top:12px;
	text-decoration:none;
	font-size:12px;
}
.galeria {
	float:left;
	width:387px; 
	height:120px;
	margin:0 auto;
	text-align:left;
	background:#FFFFFF;
}
.img-aqui {  
	width:387px;  
	position:relative;
}
	
ul.fotos {
	position:relative;
	list-style:none;  
	width:162px;
	padding:1px;
	background:#999;
	margin:0; 
	padding:0; 
	display:inline;
}
.fotos:after {
	display: block;
	content: ".";
	height: 0;
	font-size:0; 
	visibility: hidden;
	clear: both;
	}
ul.fotos li {
	width:80px;
	height:80px;
	float:right; 
	border:2px solid #444;
	margin-right:11px;
	margin-top:10px; 
}
ul.fotos li img {
	border:none; 
	width:80px;
	height:80px;
}
ul.fotos li span img {
	border:none;
	width:370px;
	height:300px;
	left:2px;
	margin-top:5px;
	
}
ul.fotos a {
	display: block;
	} 
ul.fotos a span {
	display: none;
}
ul.fotos a:hover span.legenda{
	display: block;
	text-align:center; 
	width:387px;
	height:30px;
	position:absolute;
	top:290px;
	left:0px;
	text-decoration:none;
	font-size:12px;
}
ul.fotos a:hover span {
	display: block;
	text-align:center; 
	width:387px;
	position:absolute;
	top:120px;
	left:0px;
	text-decoration:none;
	font-size:12px;
   }
ul.fotos a:hover span.legenda {
	padding:5px 0;
	background:#FFFFFF;
	color:#333; 
}
/*#############################################fim album*/
#showimage{
	margin-top:-330px;
	margin-left:160px;
	z-index:auto;
	border:1px solid #777777;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	width:170px;
	font-size:10px;
	background:#EEEEEE;
}

#operacoes{
	width:737px;
	min-height:600px;
	background:#FFFBF0;
}
#mostra_fotos img{
	text-align:center;	
}
#mostra_fotos{
	text-align:center;
}

/*##########################################################LEIAME */

#help p{
	font-size:12px;
	text-align:justify;
	color:#880000;
}
.contatos{
	font-size:11px;
}
.form_admin{
	margin-left:10px;
}
.form_news{
	margin-left:40px;
}