* { margin:0; padding:0 }

body { text-align:center; background-color:#4C4C4C }

img { border:none }

a { 
outline:none;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-weight:bold;
text-decoration:none;
}

#geral {
width:958px;
margin:0 auto;
}
/************************************************
		ONDE TEM OS BOTÕES CIRCULARES
*************************************************/
#top {
width:958px;
height:49px;
/*background-color:green;*/
}
/************************************************
	  ONDE TEM A LOGO COM SLOGAN E TALS ;D
************************************************/
#top_down {
width:958px;
height:242px;
background-color:white;
}
#logo, #slogan, #botoes {
height:224px;
float:left;
}
#logo object{
position:absolute;
top:45px;
left:6px;
}
#logo {
position:relative;
width:179px;
background:url(../pics/repeat_logo.jpg) repeat-Y;
/*background-color:yellow;*/
}
#logo img { margin:50px 0 0 10px; }

#slogan {
width:549px;
cursor:pointer;
background-image:url(../pics/slogan.jpg);
/*background-color:blue;*/
}
#botoes {
width:230px;
background:url(../pics/repeat-y.jpg) repeat-Y;
background-position:214px 0;
}
#botoes ul { margin-top:0px }

#botoes ul li {
list-style:none
}
#divisao {
width:958px;
height:23px;
float:left;
background-image:url(../pics/divisao.jpg);
}

/********************************************************
					MENU E CONTEÚDO
*********************************************************/

#centro { /* div que engloba o menu e o conteúdo */
width:958px;
background-color:white;
float:left
}

/********************************************************
						MENU 
*********************************************************/

#menu {
border-left:1px solid #A7A8A8;
width:179px;
float:left;
background:white url(../pics/title_menu.jpg) no-repeat;
}
#menu ul { 
width:170px;
float:left;
margin-top:40px;
margin-left:5px;
}
html> body #menu ul { margin-left:10px }

#menu ul li {
list-style:none;
width:170px;
height:17px;
background:url(../pics/fundo_botao.jpg) no-repeat
}
#menu ul li a {
text-align:left;
display:block;
padding-left:7px;
text-decoration:none;
color:#41B3DF;
font:bold 12px verdana, arial;
}

/********************************************************
						CONTEÚDO
*********************************************************/
#textTop p, #textDown p {
text-align:left !important;
}
#conteudo {
position:relative;
text-align:left;
width:549px;
float:left;
background-color:white;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
#conteudo p { 
text-align:justify;
font:11px verdana, arial; 
padding:12px 10px 0 12px;
line-height:160%;
}
#conteudo h3 {
padding:10px;
font:bold 14px verdana, arial;
color:#666666;
}
#conteudo p.top, #conteudo p.down { font-weight:bold  }

#noticias { position:relative; }

#banner {
position:absolute;
left:130px;
width:278px;
height:94px;
}
#noticias p.top { /* PrimeiraNotícia */
text-align:right;
padding:40px 15px 5px 0
}
#publicacoes p.top { /* Lavanderia+Prática */
text-align:right;
padding:40px 15px 5px 0
}
#noticias p.down { /* SegundaNotícia */
text-align:right;
padding:20px 15px 5px 0
}
#publicacoes p.down { /* RevistaLavanderia&Cia */
padding:20px 0 5px 100px
}
#conteudo span.cinza { color:#696969 }

#conteudo span.laranja { color:#FF4C29 }

#conteudo span.verde { color:#A9DB5E }

#conteudo span.cinza { color:#696969 }

#conteudo #noticias, #conteudo #publicacoes {
height:320px;
float:left
}
#noticias #textTop, #noticias #textDown, #publicacoes #textTop, #publicacoes #textDown { /* posicionamento DIV */
width:260px;
height:90px;
margin:0 auto;
background-color:#F2F2F2;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
#noticias #textTop img, #noticias #textDown img, #publicacoes #textTop img, #publicacoes #textDown img {
float:left;
margin:12px 0 0 8px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
#noticias #textTop p, #noticias #textDown p, #publicacoes #textTop p, #publicacoes #textDown p {
padding:5px 5px 0 80px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
#conteudo #noticias {
width:273px;
background:#FDFDFD url(../pics/title_noticias.jpg) no-repeat;
}
#conteudo #noticias #bottom {
width:260px;
height:20px;
background-color:#FC7B44;
margin:22px auto
}
#conteudo #publicacoes #bottom {
width:260px;
height:20px;
background-color:#A9DB5E;
margin:22px auto
}
#conteudo #noticias #bottom a, #conteudo #publicacoes #bottom a { 
display:block;
color:white;
float:right;
padding-right:3px;
}
#conteudo #publicacoes {
width:275px;
background:#FDFDFD url(../pics/title_publicacoes.jpg) no-repeat;
}
#newsletter {
position:relative;
float:right;
width:228px;
height:320px;
background:#FDFDFD url(../pics/title_newsletter.jpg) no-repeat;
}
#newsletter p.acesse {
color:#696969;
font-weight:bold;
padding:245px 0 0 10px;
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#newsletter ul { margin:0 0 10px 10px }

#newsletter ul li {
list-style:none
}
#newsletter #text {
	position:absolute;
	top:50px;
	left:20px;
	width:180px;
	height:185px;
	background-color:#F2F2F2
}
#newsletter #text p {
text-align:justify;
padding:15px 0 0 15px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
#newsletter #text input {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
border:none;
}
#newsletter #text input.image { margin-left:94px; } /* botao enviar */

#newsletter #text span {
color:#696969;
font-weight:bold;
font-size:16px;
}
#rodape {
width:958px;
height:59px;
background-image:url(../pics/rodape.jpg);
clear:both;
}
#rodape p {
color:#F4F4F4;
font:11px arial;
padding-top:28px
}
#rodape a {
color:#666666;
text-decoration:none;
}
#rodape a:hover { 
text-decoration:none;
color:#F4F4F4; 
}
a.titulo {
color:#666666;
text-decoration:none;
font-size: 11px;
font-weight: bold;
}
a.titulo:hover { 
text-decoration:none;
color:#F4F4F4;
font-size: 11px !important;
font-weight: bold;
}
#rodape object { 
float:left; 
margin:35px 0 0 30px 
}

/******************************************************
						TABELAS
*******************************************************/

#conteudo table {
margin:12px 0 0 11px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
/*border:1px solid #29a9db;*/
}
/*#conteudo table tr td { border:1px solid #29a9db; }*/

#conteudo table p { 
text-align:center;
font:12px verdana, arial;
padding:6px;
}
#conteudo table td span.red { color:red; font-size:11px }

/********************************************
			PÁGINAS INTERNAS
*********************************************/
#barra { /* div com o título das páginas internas */
width:530px;
height:26px;
margin:7px 0 0 10px;
}
#barra object { margin-top:0 } /* flash dos títulos */

#meio{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
#logins input,textarea {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
border:none;
}
#logins  {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
#azul, #verde, #vermelho, table{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-align:justify;
}
#azul #result {
width:530px;
height:300px;
overflow:auto;
}

#verde, #azul, #vermelho {
margin-left:5px;
}
dl {
margin-left:15px;
width:500px;
}
dt {
float:left;
width:170px;
}
#verde dd {
float:right;
width:320px;
}
#azul dd {
float:right;
width:30px;
}
.tabelaclassi{
font-size:10;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
#verde a:hover{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:75ac1b;
font-weight:bold;
text-decoration:none;
}
#verdetabela{
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-align:left;
}
#azul a:hover{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:0a80a8;
font-weight:bold;
text-decoration:none;
}
#vermelho a:hover{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ff570c;
text-decoration:none;
font-weight:bold;
}
#azul input, select{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #0a80a8;
color:#666666;
}
#verde #verdetabela, input, textarea{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #75ac1b;
color:#666666;
}
#vermelho input, textarea, select{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #ff570c;
color:#666666;
}
.pontovermelho{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ff570c;
}
#agenda {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
}
#agenda a,a:hover{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:ff570c;
font-weight:bold;
text-decoration:none;
}
#pequenina{
color:#75AC1B;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
#workshop{
position:absolute;
top:0;
left:150px;
width:270px;
height:90px;
z-index:100;
}

/**************************************
						NOTICIAS
**************************************/

#noticia h6, #noticia_interna h6 {
font:12px Verdana, Arial, Helvetica, sans-serif;
padding:10px 0 0 40px;
}
#noticia ul {
margin-left:50px
}
#noticia ul li { list-style:none }

#noticia_interna {
text-align:justify;
width:534px;
}
#noticia_interna ul li {
display:inline;
padding-left:20px;
}
#noticia_interna ul li.titulo {
font-weight:bold
}
#noticia_interna #ladoE {
margin:10px 0 0 10px;
width:448px;
float:left;
}
#noticia_interna #ladoE p {
font:12px Verdana, Arial, Helvetica, sans-serif;
}
#noticia_interna #ladoE h3 {
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
}
#noticia_interna #ladoD {
margin-top:10px;
width:59px;
height:200px;
float:right;
}

/****************************************
								CADASTRO
****************************************/

#cadastro form input {
margin-top:6px;
margin-left:4px;
}
#cadastro label {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}

/******************************************
						PÁGINA ANUNCIE
******************************************/
#vermelho ul.anuncie {
margin-left:80px;
}
#vermelho ul.anuncie li {
list-style:none;
display:inline;
}