/* CSS Document */

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
	
	
	

/* CSS */

body {
	background-image: url(images/gradiente.jpg);
	background-repeat: repeat-x;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color: #e4e4e4;
}
#tudo {
	width:946px;
	margin: 0 auto;
}
#topo {
	margin:120px 0 0 0;
	background:#66FF00;
}
#menu ul {
	width:700px;
}
#logo {
	margin:31px 0 0 0;
	float:left;
	background-image: url(images/logo.jpg);
	text-indent: -9000px;
	height: 43px;
	width: 246px;
	display:block;
}

#conteudo {
	float:right;
	clear:both;
	*margin:-120px 0 0 0;
	width:700px;
}
#foto {
	float:left;
	margin: 0 20px 0 0;
}
h2 {
	font-size:14px;
	font-weight:bold;
}
#topo a {
	cursor:pointer;
}
address {
float:none; padding:3px;clear:both;text-align:center;margin:3px 0 0 0;color:#666666;font-size:12px;	border-top:#F67F21 5px solid;
}
/*	configurações do menu	*/

#menu ul {
	background-color:#30506a;
	background-repeat:repeat-x;
	padding: 0 0 5px 0;
		*padding: 0 0 7px 0;
		_padding: 0 0 5px 0;
	float:right;
	border-bottom:#46718f 5px solid;
	background-image: url(images/fundinho.jpg);
	background-position: top;
}
#menu ul li {
	margin: 0 0px 2px 4px;
	_margin:0 0 2px 3px;
	float:left;
}
#menu ul li a{
	overflow:hidden;
	display:block;
	text-indent:-9000px;
	background-repeat: no-repeat;
	height:62px;
}
	/*	os botões do menu*/
		#edu {
			width: 96px;
			background-image: url(images/educar.jpg);
			background-position: center -62px;
		}
		#ref {
			background:url(images/reforco.jpg);
			width:96px;
			background-position: center -62px;
		}
		#psi {
			background:url(images/psicoterapia.jpg);
			width:96px;
			background-position: center -62px;
		}
		#art {
			background:url(images/arte.jpg);
			background-position: center -62px;
			width:96px;
		}
		#ori {
			background-position: center -62px;
			background:url(images/orientacao.jpg);
			width:96px;
			background-position: center -69px;
		}
		#fon {
			background:url(images/fono.jpg);
			width:96px;
			background-position: center -62px;
		}
		#con {
			background:url(images/contato.jpg);
			width:96px;
			background-position: center -62px;
		}
		#menu ul li a:hover {
			background-position: center 0;
		}

.contato_link {
	background: url(images/novo_contato.jpg);
	position: absolute;
	top: 265px;
	left: -99px;
	display: block;
	height: 72px;
	width: 96px;
	 text-indent: -9999px;
}
#conteudo {
	position: relative;
}
.contato_link {
	background: url(images/novo_contato.jpg);
	position: absolute;
	top: 265px;
	left: -99px;
	display: block;
	height: 72px;
	width: 96px;
	 text-indent: -9999px;
}
#oficina {
	background:transparent url(images/oficina.jpg) repeat scroll center -62px;
	width:96px;
}