@charset "utf-8";
/* CSS Document */
/*-------reset-------*/
*{
font-style:normal;
list-style:none;
margin:0;
padding:0;
text-decoration:none;
vertical-align:baseline;}
/*-------fim, reset-------*/

/*-------elementos HTML-------*/
address{
padding-left:10px;
text-align:center;}

address a{color:#2db3e1;}

body{
background:#e2e2e2 url(../imagens/fundo.jpg) top repeat-x;
font:12px Arial, Helvetica, sans-serif;
text-align:center;}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#006600;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#006600;
}


/*-------fim, elementos HTML-------*/

/*-------CLASSES-------*/
.nivelador{zoom:1;}

.nivelador:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;}

.textos{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000;
line-height:14pt;
}

.lista{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
line-height:16pt;
}

/*-------fim, CLASSES-------*/

/*-------ID-------*/
#conteudo{
background:#fff;
height:auto;
}

#flashtopo{
float:right;
height:130px;
width:500px;}

#geral{
margin:0 auto;
width:770px;}

#logo{
float:left;
padding:20px 0 0 110px;}

/*Menu*/
#menu{padding-left:310px;}

#menu li{
float:left;
font:bold 12px "Trebuchet MS", Tahoma, Arial, Helvetica, Verdana, sans-serif;
padding:10px 0 6px 0;
text-align:center;
width:82px;}	

#menu li a{color:#000;}

#menu li a:hover{color:#fff;}
/*fim, Menu*/

#rodape{
width:100%;
float:left;
background:url(../imagens/rodape.jpg) top repeat-x;
color:#fff;
font-size:11px;
height:40px;
margin:0 auto;
padding-top:08px;
text-align:center;}

#rodape a{color:#fff;}

#quem{
float:left;
text-align:left;
width:505px;
margin-left:10px;
margin-top:15px;
height:195px;
}

#artesanato{
float:left;
text-align:left;
width:505px;
margin-left:10px;
margin-top:15px;
height:auto;
}

#boxcontato{
float:left;
text-align:left;
width:225px;
height:205px;
margin-left:30px;
margin-top:15px;
}

#boxinformatica{
float:left;
width:214px;
height:222px;
margin-left:30px;
margin-top:15px;
}

#boxpapelaria{
float:left;
width:214px;
height:221px;
margin-left:30px;
margin-top:15px;
}

#boxlivraria{
float:left;
width:213px;
height:222px;
margin-left:30px;
margin-top:15px;
}

#pagto{
margin-top:25px;
float:left;
width:100%;
height:100px;
}


#topo{
background:url(../imagens/topo.jpg) top no-repeat;
height:175px;
width:770px;}

#topo_esquerda{
float:left;
width:220px;}

#topo_esquerda img{padding:20px 0 60px 0;}
/*-------fim, ID-------*/

/*form*/
.formulario {
	width: 510px;
	margin-top: 20px;
}

#todoform {

font:11px verdana, helvetica, sans-serif; 
/* o tamanho e o tipo da fonte no formulário */

color:#666; /* a cor laranja para as letras */
      } 

#todoform th {

padding:3px; 
/* um afastamento de 3px */
} 

#todoform input {
background:#fff; 
/* a cor do fundo dos três campos */

color:#666;
/* a cor da letra dos três campos */

border:1px solid #ccc;
/* uma borda de 1px tracejada e na cor laranja para 
o campo */
}   

#todoform textarea {
 background:#fff; 
 /* a cor do fundo do campo */
 
color:#666;
/* a cor da letra para o textarea */

border:1px solid #ccc; 
/* uma borda de 1px tracejada e na cor 
laranja para o campo */
}

#todoform input.botao {
background:#fff; 
/* a cor do fundo do botão */

color:#666; /* a cor das letras Enviar */
}  

#todoform td {
padding:3px;
}