/***********************************************/
/* HTML tag styles  site Cooxupé               */
/***********************************************/ 

body{
	font-family: Verdana,sans-serif;
	color: #000000;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-image: url(../imagens/back.jpg);
	background-repeat: repeat-y;
	background-color: #000000;
	color:#FFFFFF;
}

body{
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #663300;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #663300;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #f5ebcb;
	scrollbar-arrow-color: #2b0b00;
	
}

a{
	color:#2b0b00;
	text-decoration: none;
}
a:link{
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover{
	color: #000000;
	background-color: #FFCC00;
}
a:active {
	color:#000000;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFCC00;
}
h1{
	font-family: "Trebuchet MS", Verdana;
	font-size: 150%;
	color: #FFCC00;
	margin: 0px;
	padding: 10px 10px 10px 10px;
}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 125%;
	color: #FFCC00;
	margin: 0px;
	padding: 15px 0px 0px 0px;
}

h3{
	font-family: Verdana,Arial,sans-serif;
	font-size: 100%;
	color: #FFCC00;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
h4{
 font-family: Verdana,Arial,sans-serif;
 font-size: 75%;
 font-weight: normal;
 color: #FFCC00;
 margin: 0px;
 padding: 0px;
}
h5{
	font-family: Verdana,Arial,sans-serif;
	font-size: 50%;
	color: #FFCC00;
	margin: 0px  10% 0px 10%;
	padding: 0px;
	border-top: 1px solid #663300;
	width: 80%;
}
ul{
 list-style-type: disc;
}
ul ul{
 list-style-type: square;
}
ul ul ul{
 list-style-type: none;
}
table {
	font-size: 75%;
	border-bottom: 1px solid #f90;
	border-left: 1px solid #f90;
	border-top: 1px solid #f90;
}
td.cabecalho {
	border-bottom: 1px solid #f90;
	padding-top: 2px;
	padding-bottom: 2px;
}

strong {
	color: #FFCC00;
}

/** Fundo **/
#torrefacaopagina {
	width: 760px;
	border: 1px solid #630;
	background-image: url(../imagens/fundo.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
}
.titulo {
	color: #FFCC00;
	text-align: left;
	font-size: 15px;
	font-family: "Arial Black";
}

/** Cabeçalho **/
#cabecalho{
	width: 760px;
	top: 0px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#cabecalho img {
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	bottom: 0px;
	right: 0px;
	border: 0px;
	float: left;
}
#cabecalho img2 {
	left: 135px;
	top: 0px;
}

/** Menu **/
#menu{
	width: 152px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
}
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menu ul a:link,
#menu ul a:visited,
#menu ul a:hover,
#menu ul a:active{
	display: block;
}
								
#menusection{
	font-size: 90%;
	margin: 0px;
}
#menusection li {
	border-bottom: 1px solid #663300;
}
#menusection a {
	display: block;
	padding: 0px 0px 0px 10px;
	border:none;
	margin:0px 0px 0px 0px;
}
#menusection a:hover, active{
	color:#000000;
	background-color: #FFCC00;
}
#menusection a:link{
	color: #FFFFFF;
}

#menurelated {
	font-size: 75%;
	margin: 0px;
	border: px;
}
#menurelated a {
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	cursor:hand;
	display: block;
	border: 0px;
}

/** Centro **/
#centro{
	width: 447px;
	padding: 0px;
	float: left;
	text-align: left;
	font-size: 90%;
	color: #FFFFFF;
	margin-top: -5px;
}
#chamada img {
	width: 100%;
	float: left;
	display: block;
	border:0px;
	margin:0px;
	padding:0px;
}
#pagina{
	width: 100%;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	color: #FF9900;
	background-image: url(../imagens/linha.jpg);
	background-repeat: no-repeat;
}

#pagina img {
	width: 100%;
}

/** Índice **/
.indice{
	font-size: 80%;
	color: #FF9900;
	width: 100%;
}
.indice2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #FFCC00;
}
.indice2 a{
	color: #FFCC00;
}
.indice2 a:link, visited{
	color: #FFCC00;
}
.indice2 a:hover, active{
	color:#000000;
	background-color: #FFCC00;
}

/** Coluna **/
#coluna{
	float: left;
	width: 152px;
	margin: 0px 0px 0px 8px;
	padding: 0px -3px 0px 0px;
	font-size: 80%;
	float: left;
	text-align: right;
	color: #CC9966;
}
#coluna img {
	text-align: center;
}
#coluna p{
	padding: 5px 0px 5px 0px;
}
#coluna label {
	color: #FFCC00;
	display: block;
	padding: 2px;
	width: 94%;
	border: 3px #663300;
	font-weight: bold;
	font-family: "Trebuchet MS";
	border-style: groove;
}

/** Info **/
#info{
	clear: both;
	font-size: 75%;
	color: #CC9966;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #663300;
	text-align: left;
}
#info img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

/** Index **/
#index {
	width: 100%;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}

/**Desenho de Deus
Armandinho

Quando Deus te desenhou Ele tava namorando
Na beira do mar do amor
Papai do céu na hora de fazer você
Ele deve ter caprichado pra valer
Botou muita pureza no seu coração
e a sua humildade fez chamar minha atenção
tirou a sua voz do própolis do mel
e o teu sorriso lindo de algum lugar do céu
e o resto deve ser beleza exterior
mas o que têm por dentro para mim tem mais valor
Quando Deus te desenhou Ele tava namorando
Na beira do mar do amor
Da estrela mais bonita o brilho desse olhar
Diamante verdadeiro sua palavra foi buscar
e o resto deve ser beleza exterior
mas o que têm por dentro para mim tem mais valor**/

/** Produtos **/
#produto {
	width: 115px;
	text-align: center;
	padding: 10px 10px 10px 10px;
	float: left;
}
#produto2 {
	width: 300px;
	float: left;
	display: block;
	padding: 10px;
}
#produto3 {
	width: 275px;
	float: left;
	display: block;
	padding: 10px;
	height: 190px;
}#produto img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/** Máquinas **/
#botao {
	display: block;
	border: 1px solid #663300;
	text-align: center;
}
#form1 {
	line-height: 100%;
}

/**estilizar formulário**/

#form1 {
	width:95%;
	font-size:90%;
		}

#form1 label{
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 5px;
		}

#form1 #enviar{ 
	width: 70px;
 	margin: 3px 0;
		}
		
#form1 #limpar{ 
	width: 70px;
 	margin: 3px 0;
		}
		
#form1 input, textarea, select { 
	width: 200px;
 	margin: 0px 0px 5px 0px;
		}

#form1 textarea{
	height: 50px;
	width: 200px;
		}

#form1 br{
		clear:left;
		}
		
.form1 {
	width:95%;
	font-size:90%;
		}

.form1 label{
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 5px;
		}

.form1 #enviar{ 
	width: 70px;
 	margin: 3px 0;
		}
		
.form1 #limpar{ 
	width: 70px;
 	margin: 3px 0;
		}
		
.form1 input, textarea, select { 
	width: 200px;
 	margin: 0px 0px 5px 0px;
		}

.form1 textarea{
	height: 50px;
	width: 200px;
		}

.form1 br{
		clear:left;
		}

/** Receitas **/
#receitas {
	width: 200px;
	float: left;
	display: block;
	padding: 10px;
	text-align: center;
}
#receitas2 {
	width: 300px;
	float: left;
	display: block;
	padding: 10px;
	text-align: left;
}

/** formulário compras **/
#form2 {
	text-align: left;
	height: 60px;
	font-size: 90%;
}

#form2 label{
	width: 55px;
	margin: 0px;
	text-align: left;
	float: left;
	height: 30px;
		}

#form2 #enviar{ 
	width: 70px;
 	margin: 3px 0px;
		}
		
#form2 #limpar{ 
	width: 70px;
 	margin: 3px 0px;
		}
		
#form2 input, textarea { 
	width: 15px;
 	margin: 0px 0px 0px 0px;
		}

#form2 textarea{
 	height: 20px;
		}

#form2 br{
		clear:left;
		}

/** Clientes **/
#clientes {
	width: 760px;
	padding: 0px;
	float: left;
	text-align: left;
	font-size: 90%;
	color: #FFFFFF;
	margin-top: -10px;
}
#clientes td {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF9900;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}
#torrefacaopagina #pagina #abic {
	width: 60px;
	border: 0px;
}
#torrefacaopagina #centro li {
	text-align:justify;
}
#form2 td {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF9900;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}
#janela{
position: absolute;
top: 20%;
left: 35%;
width: 300px;
height: 400px;
padding: 0px;
display: block;
}