@charset "utf-8";
/* CSS Document */

body {
	background-color: #E2E5EA;
	text-align: center;
	/* centraliza no IE */
}

#site {
	margin:0 auto;
	padding:0;
	width:750px;
	border: 0;
/*	vertical-align:top; "Tirei por que não parece fazer diferença no código e buga o site pra IE 5.2 Mac" */
	position:relative;
	background-color:#E2E5EA;
/* centraliza no Firefox */

}

a {
	color: #6699FF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#barrasup {
	width: 750px;
	height: 80px;
	background-image: url(imagens/barrasuperior.jpg);
	background-color: #E2E5EA;
}

#imglink {
	display: block;
	height: 50px;
	width: 175px;
	top: 15px;
	position: absolute;
	left: 19px;
}

#cima {
	width: 750px;
	height: 23px;
	background-image: url(imagens/cima.gif);
	background-color: #E2E5EA;
}

#laterais {
	width: 510px;
	background-image: url(imagens/barraslaterais.gif);
	background-color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 13px;
	background-repeat: repeat-y;
	padding-left: 220px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 15px;
	text-align: left;
	
}

#menu {
	width: 162px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #FFFFFF;
	height: 268px;
	top: 110px;
	position: absolute;
	left: 30px;
	background-color: #008DD2;
	background-image: url(imagens/menu.jpg);
	text-align: center;
	
}

#menu ul {
	list-style:none;
	margin: 0px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#menu li {
	list-style: none;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	width: 162px;
/*	"se a página der bug no espaçamento dos links retirar isso" */
}

#menu li a {
	list-style: none;
	display: block;
	padding: 4px;
	text-decoration: none;
	color: #FFFFFF;

}

#menu li a:hover {
	text-decoration: underline;
	color: #FFFFFF;
/* padding: 7px 5px 7px 5px; "sem necessidade de repetir isso aqui embaixo"*/
}

/*li.marsup {
	padding: 3px 0px 0px 0px;
	"Tentei fazer um lance no espaçamento do primeiro item do menu mas não consegui" 
} */

#conteudo_chamadas {
	width: 500px;
	height: 400px;
}

#conteudo {
	width: 500px;
}

#conteudo_contato {
	width: 500px;
	height: 720px;
}

#formas_atend {
	width: 500px;
	height: 120px;
}

#formulario {
	width: 500px;
	height: 480px;
}

#endereco {
	width: 500px;
	height: 100px;
}

#chamada1 {
	width: 240px;
	height: 240px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(imagens/chamada1c.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}

#chamada2 {
	width: 170px;
	height: 240px;
	float: right;
	background-color: #FFFFFF;
	background-image: url(imagens/chamada2d.gif);
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
}

#chamada3 {
	width: 300px;
	height: 150px;
	float: left;
	background-color: #FFFFFF;
	text-align: center;
	position: relative;
	top: 5px;
}

#chamada4 {
	width: 160px;
	height: 125px;
	float: right;
	background-color: #FFFFFF;
	background-image: url(imagens/chamada4.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666666;
	text-align: center;
	padding:0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
}

.p1 {
	color: #6699FF;
	font-weight: bold;
}
	


h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: center;
	color: #6699FF;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 7px;
}

.p2 {
	color: #666666;
	
}



h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: center;
	color: #FFCC00;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.p4 {
	color: #333333;
}

h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: left;
	color: #008DD2;
	padding:0;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}

h6 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #6699FF;
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
}

/*h7 {
	font-family: "Trebuchet MS";
	font-size: 18px;
	text-align: left;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}*/

a.headlink {
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-size: 15px;
	color:#008DD2;
	font-weight: bold;
	
}

a:hover.headlink {
	text-decoration: underline;
	font-family: "Trebuchet MS";
	font-size: 15px;
	color:#008DD2;
	font-weight: bold;
	
}

p {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

p.cinza {
	font-size: 14px;
	color:#666666;
	margin: 0px;
	padding: 0px;
}

p.cinza_center {
	font-size: 14px;
	color:#666666;
	margin: 0px;
	padding: 0px;
}

p.azul {
	color:#6699FF;
	margin: 0px;
	padding: 0px;
}

p.azulbold {
	color:#6699FF;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
}

#baixo {
	width: 750px;
	background-image: url(imagens/baixo.gif);
	height: 23px;
}

#barrainf {
	width: 750px;
	height: 63px;
	background-image: url(imagens/barrainferior3.jpg);
}

#data {
	width: 300px;
	height: 20px;
	background-color: #E2E5EA;
	font-family: "Trebuchet MS";
	font-size: 14px;
	text-align: left;
	left: auto;
	float: left;
}

#copy {
	width: 450px;
	height: 20px;
	background-color: #E2E5EA;
	font-family: "Trebuchet MS";
	font-size: 14px;
	text-align: right;
	float: right;
}

a.linkdois {
	display: block;
	text-decoration: none;
	height: 30px;
	padding-top: 10px;
}

a.linkdois:hover {
	background-color:#F4F4F4;
}

a.voltar {
	display: block;
	text-align: right;
	text-decoration: none;
	height: 30px;
	padding-top: 10px;
}

a.voltar:hover {
	text-decoration: underline;
}
