/* CSS Document */

/*  
Site Name: Tear - Psicologia e Arte
Site URI: http://www.psicologiaearte.com.br/
Description: css developed for use only at www.psicologiaearte.com.br and www.terapiaartistica.com.br
Version: 1.1 - 24-02-2008
Author: Andre Carneiro
Author URI: http://www.lenoxweb.com.br
Design by: Carol Santanna
CSS Design by: Andre Carneiro
*/


/*-------------------- GERAL --------------------*/

*{	
	color:#61527c;
	font-size:13px;
	font-family: arial, verdana, sans-serif;
}

html{
	background:url(imagens/fundo-andre.jpg) top left;
}

/*------------------ CLASSES -------------------*/

.italic{font-style:italic;}

.clearboth{clear:both;}

.escondido{display:none;}

/*-------------------- DIVS --------------------*/

div#container{
	position:absolute;
	top:25%;
	left:50%;
	margin:-100px auto 0 -387px;
	height:auto;
	width:773px;
	background-color:#f7f0f3;
	background:url(imagens/fundo-corpo.gif) top center repeat-y;
}

div#topo-home, div#topo-interna, div#corpo, div#rodape{
	width:773px;
}

div#topo-home{
	position:relative;
	top:-44px;
	height:142px;
	background:url(imagens/topo-home.gif) center center no-repeat;
}

div#topo-interna{
	position:relative;
	top:-44px;
	height:142px;
	background:url(imagens/topo-interna.gif) center center no-repeat;
}

div#menu{
	position: absolute;
	top:150px;left:0px;
	height:200px;
	width:120px;
	background:url(imagens/mancha-menu-pq.gif) left no-repeat;
}

div#conteudo{
	position:relative;
	top:-20px;
	left:142px;
	padding: 0 110px 0 0;
	float:left;
	height:auto;
	width:517px;
}

div#rodape{
	margin-top:55px;
	bottom:-30px;
	clear:both;
	height:81px;
	background:url(imagens/rodape.gif) center center no-repeat;
}

/*-------------------- TITULOS --------------------*/

h1{
	position:relative;
	top:27px;
	left:22px;
	text-indent:-2000px;
	height:113px;
	width:60px;
	background: url(imagens/logo-tear.gif) center center no-repeat;
}

h1 a{
	height:113px;
	width:60px;
	display:block;
}

h2{
	text-indent:-2000px;
}

h3{font-size:17px; margin-top:50px;}

h4{font-weight:bold;}

/*------------ TITULOS PERSONALIZADOS ------------*/

h2#titulo-artigo{
	height:44px;
	width:171px;
	background:url(imagens/titulo-artigo.gif) no-repeat;
}

h2#titulo-atuacao{
	height:44px;
	width:199px;
	background:url(imagens/titulo-atuacao.gif) no-repeat;
}

h2#titulo-contato{
	height:44px;
	width:199px;
	background:url(imagens/titulo-contato.gif) no-repeat;
}

h2#titulo-encontros{
	height:44px;
	width:252px;
	background:url(imagens/titulo-encontros.gif) no-repeat;
}

h2#titulo-galeria{
	height:44px;
	width:186px;
	background:url(imagens/titulo-galeria.gif) no-repeat;
}

h2#titulo-home{
	height:44px;
	width:149px;
	background:url(imagens/titulo-home.gif) no-repeat;
}

h2#titulo-psicologiaearte{
	height:44px;
	width:383px;
	background:url(imagens/titulo-psicologia-e-arte.gif) no-repeat;
}

h2#titulo-tear{
	height:44px;
	width:129px;
	background:url(imagens/titulo-tear.gif) no-repeat;
}

h2#titulo-tearpsi{
	height:44px;
	width:509px;
	background:url(imagens/titulo-tearpsi.gif) no-repeat;
}

h2#titulo-encontro-de-pais{
	height:44px;
	width:364px;
	background:url(imagens/titulo-encontro-de-pais.gif) no-repeat;
}

/*-------------------- DIV MENU --------------------*/

div#menu ul {
	position:relative;
	margin:56px 0 0 -10px;
	*margin:56px 0 0 30px; /* Ie7 hack*/
}

div#menu ul li{
	font-size:11px;
	font-weight:bold;
	margin-top:10px;
	list-style-type:none;
}

div#menu ul li a{color:#522e91;text-decoration:none;}
div#menu ul li a:hover{color:#6b5c86;}

/*-------------------- DIV CONTEUDO --------------------*/

p{
	margin:0 0 15px 0;
	line-height:1.3em;
}

div#conteudo ul li{
	margin-top:10px;
}

/*--------------------- DIV RODAPE ---------------------*/

div#assinatura{
	position:relative;
	top:66px;
	left:666px;
	text-indent:-2000em;
	background: url(imagens/lenoxweb.jpg) center center no-repeat;
	width:43px;
	height:16px;
}

div#assinatura a{display:block;}

/*----------------------- LISTAS -----------------------*/

dl.galeria{
	float:left;
	margin:0px 5px 30px 5px;
	text-align:center;
	height:130px;
	width:160px;
}

dl.galeria dt a {border:0;}

/*-------------------- FORM CONTATO --------------------*/

fieldset{
	margin:10px;
	margin-left:0px;
	border:0;
}

label{
	margin-right:10px;
	width:70px;
	float:left;
	text-align:right;
}

input.bot_enviar{
	font-weight:bold;
	height:20px;
}

input, textarea{
	padding:2px;
	color:#000000;
	background-color:#ece5e8;
	border: 1px solid #512e91;
}

input.bot_enviar{
	color:#512e91;
	margin-left:80px;
}