body
    {
	font: 8pt verdana, arial;
	color: #666;
	background: #f5f5f5;
	}

p 
    {
	text-indent: 2em;
	line-height: 1.5em;
	text-align: justify;
	}
	
a {text-decoration: underline; color: #c00;}
li {line-height: 2em;}


h3 {font-size: 14pt;}
h4 {font-size: 12pt;}
h5 {font-size: 10pt;}
h6 {font-size: 8pt;}


#tudo
    {
	position: absolute;
	left: 50%;
	margin-left: -340px;
	margin-bottom: 30px;
	top: 30px;
	width: 680px;
	height: 550px;
	padding: 0px;
	border: 0;
	background: url(../imagens/logo_lateral.gif) 2% 60% no-repeat;
	}


/*__________MENU_____________________*/
#menu
    {
	position: absolute;
	top: 80px;
	left: 466px;
	width: 133px;
	min-height: 250px; _height: 250px;
	border: 1px solid #e5e5e5;
	background: #eee;
	padding: 140px 5px 10px 5px;;
	z-index: 2;
	}

#menu h2 {display: none;}
#menu h3 {font-size: 9pt; margin-top: 25px; margin-bottom: 4px;}

#menu ul
    {
	margin: 0px;
	padding: 0px;
	border: 0;
	list-style: none;
	}	

#menu li
    {
	border: 0;
	font: 9pt arial, verdana;
	margin: 0px 0px 0px 0px;
	}	

#menu li a  
    {
	display: block;
	width: 123px;
	padding: 8px 0px 8px 12px;
	color:  #666;
	text-decoration: none;
	background: url("../imagens/borda_menu.gif") top left repeat-x;
	}	

#menu li a.menuativo
    {
	color: #c00;
	}  
	
#menu li a.last
    {
	border-bottom: 1px solid #ccc;
	}  

#menu li a.lastativo
    {
	color: #c00;
	border-bottom: 1px solid #ccc;
	}  

#menu li a:hover  
    {
	background: #f5f5f5 url("../imagens/borda_menu.gif") top left repeat-x;
	}	

#menu li span.contato {display: block; width: 123px; padding: 8px 0px 8px 12px; background: url("../imagens/borda_menu.gif") top left repeat-x; font-size: 7pt;}	
#menu li span.contatolast {display: block; width: 123px; padding: 8px 0px 8px 12px; background: url("../imagens/borda_menu.gif") top left repeat-x; border-bottom: 1px solid #ccc; font-size: 7pt;}	


/*__________CONTEÚDO_____________________*/

#conteudo
    {
	position: absolute;
	top: 30px;
	left: 50px;
	padding: 120px 60px 20px 20px;
	width: 370px;
	min-height: 320px;
	border: 1px solid #e5e5e5;
	background: #fff;
	z-index: 1;
	}
* html #conteudo {height: 320px;}

	
#conteudo ul.cidades {list-style: square; margin-left: 0px;}
#conteudo ul.cidades li {margin-left: 15px; line-height: 1.5em;}




/*__________TOPO_____________________*/
#topo
    {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 680px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	z-index: 3;
	}



/*__________MENUSUP_____________________*/
#menusup
    {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 633px;
	height: 28px;
	padding: 12px 0px 0px 45px;
	border: 1px solid #e5e5e5;
	background: #eee;
	z-index: 1;
	}

#menusup ul
    {
	margin: 0px;
	padding: 0px;
	border: 0;
	list-style: none;
	display: inline;
	}	

#menusup li
    {
	display: inline;
	border: 0;
	font: bold 9pt "Century Gothic", verdana, arial;
	margin: 0px 0px 0px 8px;
	}	

#menusup li a  
    {
	display: block;
	position: absolute;
	width: 85px;
	padding: 0px 0px 2px 0px;
	color:  #999;
	text-decoration: none;
	border-bottom: 6px solid #d6d6d6;
	}	

#menusup li a.portifolio {left: 55px}
#menusup li a.experimental {left: 150px}
#menusup li a.design {left: 245px}
#menusup li a.funcao {left: 340px}

#menusup li a.portifolioon {left: 55px; border-bottom: 6px solid #f00;}
#menusup li a.experimentalon {left: 150px; border-bottom: 6px solid #f00;}
#menusup li a.designon {left: 245px; border-bottom: 6px solid #f00;}
#menusup li a.funcaoon {left: 340px; border-bottom: 6px solid #f00;}

#menusup li a.portifolioon:hover {border-bottom: 6px solid #f00;}
#menusup li a.experimentalon:hover {border-bottom: 6px solid #f00;}
#menusup li a.designon:hover {border-bottom: 6px solid #f00;}
#menusup li a.funcaoon:hover {border-bottom: 6px solid #f00;}


#menusup li a:hover  
    {
	border-bottom: 6px solid #aaa;
	}	

#menusup li a:active  
    {
	border-bottom: 6px solid #f00;
	}	



/*__________LOGO_____________________*/
#logo
    {
	position: absolute;
	top: 0px;
	left: 440px;
	width: 250px;
	height: 200px;
	z-index: 2;
	}

#logo h1 a {display: block; position: absolute; top: 0px; left: 0px; width: 196px; height: 196px; background: url(../imagens/logo.gif) no-repeat;}
	
#logo h3 a {display: block; position: absolute; top: 94px; left: 208px; width: 19px; height: 14px; background: url(../imagens/envelope.gif) no-repeat;}

.oculto
    {
	display: none;
	}


	
/*___________BackGround contato_______________*/

#bgcontato {position: absolute; top: 130px; right: 14px; width: 21px; height: 118px; background: url(../imagens/fundo_contato.gif) top center no-repeat;}


	
/*___________FORMULÁRIO_______________*/

input {font: 8pt arial; color: #000; width: 300px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2px;}
select {font: 8pt arial; color: #000; padding: 3px; height: 30px;}
textarea {font: 8pt arial; color: #000; width: 300px; padding: 3px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.rotulo {font: 8pt arial; color: #666; margin-bottom: 0px; text-indent: 0;}
label {font: 8pt arial; color: #666; padding-top: 10px; margin-bottom: 0px; text-indent: 0;}
.erro {font: bold 8pt arial; color: #900; text-indent: 0;}
.sucesso {font: bold 8pt arial; color: #666; text-indent: 0;}
.contador {font: 8pt arial; color: #aaa; text-indent: 0;}



/*_____DIV padrão de busca com AJAX__________________________*/

.divscroll 
     {
	 display: none; position: absolute; overflow: auto; 
	 height: 160px;
	 border: 1px solid #ddd; background: #fafafa; z-index: 2;
	 padding: 5px;
	 }


.divscroll ul {margin: 0px; padding: 0px;}
.divscroll li {list-style: none; margin: 0px; padding: 0px; line-height: 15px;}
.divscroll li a {display: block; margin: 0px; padding: 3px 0px; text-decoration: none; color: #039;}
.divscroll li a:hover {background: #eee;}