@charset "utf-8";
/*
##################################################
# Desenvolvido por: Clayton Eduardo Mergulhão    #
# Site: www.ismweb.com.br // www.ismhost.com.br  #
# Email: contato@ismweb.com.br                   #
##################################################
*/

* {margin:0px; padding:0px;text-decoration:none;}

body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../img/bg-fundo.jpg) fixed; font-size:12px;}
#Wap {width:910px; overflow: hidden; margin: 0 auto; text-align:left;}
#Topo {width:910px; height:221px;}
	#Topo-Menu { width:910px; height:53px; background-image:url(../img/topo-menu.jpg);}
	#Menu-Topo {width:450px; height:16px; padding-top:20px; padding-left:30px;}
		#Menu-Topo ul {list-style: none; margin: 0px; padding:0px;}
		#Menu-Topo ul li { display:inline; padding-left:20px; margin:0px;}
		#Menu-Topo a {color:#FFF; text-decoration:none; font-size:14px;}
		#Menu-Topo a:hover { color:#FF0; text-decoration:underline; font-size:14px;}
		
#Centro {width:910px; min-height:300px; float:left; background-image:url(../img/bg-site.jpg); margin-top:1px; overflow:hidden;}
	#Slide {width:902px; height:440px; float:left; margin-left:4px;}
	
#Centro-Conteudo {width:750px; float:left; overflow:hidden; margin-top:20px; margin-left:105px; margin-bottom:50px; min-height:300px;}
	#Centro-Conteudo h1 { font-size:30px; margin-bottom:10px; color:#996533;}
	#Centro-Conteudo p {margin-bottom:20px;}
	
#pag { width:100%; height:40px; float:left; margin-bottom:20px;}
	#Pag-Botoes { width:150px; height:40px; float:right; background:url(../img/bg-pag.png) no-repeat; text-align:center; padding-top:10px;}
/*###### Link ######################################################*/
#pag a { color:#996533; text-decoration: none;}
#pag a:hover { color:color:#996533; text-decoration:underline;}

/*###### Galeria ######################################################*/
		
#Botao { width:910px; height:80px; float:left; margin-top:1px; background-image:url(../img/bg-site.jpg)}
		#Botao ul {list-style: none; padding:0px; margin-top:14px; margin-left:60px;}
		#Botao ul li { display:inline; padding-left:40px; margin:0px;}
		
	#Baixo { width:900px; height:125px; background-image:url(../img/bg_rodape.jpg); float:left;}
		#Baixo-bg {width:910px; height:5px; background-image:url(../img/bg-baixo.jpg); float:left;}
		#Baixo-Txt { width:389px; height:40px; margin:10px; background-image:url(../img/texto_rodape.jpg); float:left; color:#996533;}
		#Baixo-Carimbo { width:205px; height:40px; margin:10px; float:right;}
		
	.ul { margin-left:40px; margin-top:20px;}
	

/*###### Galeria ######################################################*/

#Div-Gallery {width:700px; text-align:center;}

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gallery ul { margin:0; padding:0;}
.gallery li {
	margin: 5px 5px;
	padding: 0;
	float: left;
	position: relative;
	width: 160px;
	height: 160px;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}
.gallery span {
	width: 160px;
	height: 18px;
	display: block;
	position: absolute;
	top: 125px;
	left: 0px;
	text-align:center;
	font-size:12px;
	margin-bottom:10px;
	font: bold;
	font-size:13px;
	color: #996533;
}
.gallery a {
	text-decoration: none;
}
/*###### Galeria lista fotos ######################################################*/


/*###### pagina produtos ######################################################*/
#Div-Produtos {width:650px; float:left;}
#Div-Produtos h1 {font-size:30px; color:#996533;}
#Div-Produtos ul { margin-left:40px; margin-top:10px; font-size:12px;}
.erro {font-size:12px; color:#F00; text-align:center;}
#Div-Folder { width:157px; height:200px; float:right;}

	/*form contato*/
	#Contato {color:#000; font-size:12px; margin-bottom:20px; margin-left:20px; min-height:300px; width:380px; float:left;}
		 #Contato p {padding:10px;}
				#Contato label {height:20px;}			
	#Contato label.error {FONT-SIZE: 10px; COLOR: red; margin-left:5px;}
	#Contato-Email { width:330px; height:330px; float:right; background-color: #EFF4DD; padding:5px; border: solid 1px #CCC;}
	#Contato-link-m-grande { width:300px; height:20px; float:right; font-size:12px; text-align:center;}
	#Contato-link-m-grande a {color:#000; text-decoration:none;}
	#Contato-link-m-grande a:hover { color:#000; text-decoration:underline;}
/*form contato*/