/*
D'Cotton
Desenvolvido por Gustavo Barbosa
*/
/* CSS Document */

*{margin:0; padding:0; font:Arial; }

body{ background-image:url(../imagens/algodao.jpg); background-attachment:fixed; margin:0 auto; padding:0; }

img{border:none;}

#geral{
	width:775px;
	margin:0 auto;
	background-color:#DDC988;
}

#quadroEsq{
	width:10px;
	height:30px;
	background-color:#743D35;
	float:left;
	margin-right:5px;
}

#quadroDir{
	width:10px;
	height:30px;
	background-color:#743D35;
	float:right;
	margin-left:5px;
}

#menu{ height:30px; }

.menu:link { color:#FFFFFF; text-decoration:none; }
.menu:visited{ color:#FFFFFF; text-decoration:none; }
.menu:hover{ color:#FFFFFF; text-decoration:underline overline; }

#menu_home{ margin-left:60px; margin-right:70px; }
#menu_produtos{ margin-left:50px; margin-right:70px; }
#menu_feiras{ margin-left:50px; margin-right:70px; }
#menu_contato{ margin-left:50px; }

#link_menu{
	background-color:#743D35;
	height:26px;
	width:735px;
	margin-left:20px;
	padding-top:4px;
}

#menu li{ 
	display:inline; 
	background-color:#743D35; 
	color:#FFF;
	font:18px Arial;
}

#topo{ 
	margin-top:5px;
	background-image:url(../imagens/topo.jpg);
	width:775px;
	height:134px;
}

#topo h1{ display:none; }

#corpo{
	margin:25px 0px 10px;
	padding:5px;
	/*height:300px;*/
}

#boxEsquerda{
	width:560px;
	float:left;
	margin:0px 10px;
}

#apresentacao{
	width:550px;
	margin:0px 15px;
	float:left;
}

#apresentacaoEsq{
	width:10px;
	height:24px;
	background-color:#743D35;
	float:left;
	margin-right:5px;
}

#apresentacaoDir{
	width:515px;
	height:22px;
	background-color:#743D35;
	float:left;
	padding:2px 0px 0px 20px;
	color:#FFF;
	font:bold 14px Arial;
	margin-bottom:15px;
}

#apresentacao p{
	width:510px;
	font:12px Arial;
	text-indent:20px;
	margin:10px;
	margin-left:20px;
	color:#743D35;
}

#meio{
	width:550px;
	float:left;
	margin:0px 10px;
}

#produto{
	width:240px;
	float:left;
	margin:40px 30px 0px 5px;
}

#produtoEsq{
	width:10px;
	height:24px;
	background-color:#743D35;
	float:left;
	margin-right:5px;
}

#produtoDir{
	width:200px;
	height:22px;
	background-color:#743D35;
	float:left;
	padding:2px 0px 0px 20px;
	color:#FFF;
	font:bold 14px Arial;
	margin-bottom:15px;
}

#produto p{
	font:12px Arial;
	margin-top:50px;
	color:#743D35;
}

#produto img{
	float:left;
	margin-right:5px;
}

#feiras{
	width:240px;
	margin:40px 0px 0px 30px;
	float:left;
}

#feirasEsq{
	width:10px;
	height:24px;
	background-color:#743D35;
	float:left;
	margin-right:5px;
}

#feirasDir{
	width:200px;
	height:22px;
	background-color:#743D35;
	float:left;
	padding:2px 0px 0px 20px;
	color:#FFF;
	font:bold 14px Arial;
	margin-bottom:15px;
}

#feiras p{
	font:12px Arial;
	margin-top:45px;
	color:#743D35;
}

#feiras img{
	float:left;
	margin-right:5px;
}


#boxDireita{
	width:175px;
	float:left;
}

#proposta{
	width:150px;
	float:left;
	margin:0px 10px 10px;
	border:2px solid #743D35;
	border-top:none;
	background:url(../imagens/fundo_proposta.jpg) no-repeat;
}

#propostaEsq{
	width:10px;
	height:24px;
	background-color:#743D35;
	float:left;
	margin-right:5px;
}

#propostaDir{
	width:115px;
	height:22px;
	background-color:#743D35;
	float:left;
	padding:2px 0px 0px 20px;
	color:#FFF;
	font:bold 14px Arial;
	margin-bottom:15px;
}

#proposta p{
	width:130px;
	font:bold 12px Arial;
	margin:40px 0px 10px 8px;
	color:#743D35;
	text-align:center;
}

#parceiros{
	width:150px;
	height:140px;
	float:left;
	margin:0px 10px 10px;
	border:2px solid #743D35;
	border-top:none;
}

#parceirosEsq{
	width:10px;
	height:24px;
	background-color:#743D35;
	float:left;
	margin-right:5px;
}

#parceirosDir{
	width:115px;
	height:22px;
	background-color:#743D35;
	float:left;
	padding:2px 0px 0px 20px;
	color:#FFF;
	font:bold 14px Arial;
	margin-bottom:10px;
}


#rodape{
	clear:both;
	margin-top:5px;
}

#rodape p{
	clear:both;
	font:11px Arial;
	text-align:center;
	background-color:#743D35;
	color:#FFF;
}

.gb:link{ text-decoration:none; color:#FFFFFF; }
.gb:visited{ text-decoration:none; color:#FFFFFF; }
.gb:hover{ text-decoration:underline; font-weight:bold; color:#FFFFFF; }


/************* PÁGINA DE CONTATO ****************/

#contato{
	width:550px;
	float:left;
	margin:0px 15px 10px;
}

#contatoEsq{
	width:10px;
	height:24px;
	background-color:#743D35;
	float:left;
	margin-right:5px;
}

#contatoDir{
	width:515px;
	height:22px;
	background-color:#743D35;
	float:left;
	padding:2px 0px 0px 20px;
	color:#FFF;
	font:bold 14px Arial;
	margin-bottom:15px;
}

#contatoDir h4 a {color:#FFF; text-decoration:none;}
#contatoDir h4 a:hover {color:#FFF; text-decoration:underline;}


/************* PÁGINA DE PRODUTOS ****************/
.boxImagem{
	background-color:#743D35; 
	width:85px; 
	margin:5px; 
	padding:5px; 
	float:left;
}
.boxImagem a {color:#DDC988;}

.link_ref{ text-align:center; font:9px Arial; margin-top:3px; }

#imagens a:link{ text-decoration:none; color:#DDC988; }

#imagens img{ margin-left:2px; }


/************* PÁGINA DE FEIRAS ****************/
.boxFeiras{
	background-color:#743D35; 
	width:105px;
	height:100px; 
	margin:5px; 
	padding:5px; 
	float:left;
}

.link_ref{ text-align:center; font:9px Arial; margin-top:3px; }

#imagens a:link{ text-decoration:none; color:#DDC988; }

#imagens img{ margin-left:2px; }

.gb{ position:relative; top:1px; }
