﻿body{
margin:0px;
padding:0px;
background-color: #dfe7d8;
  background-image: url(../images/bg1.png);
  background-position: top;
  background-repeat: repeat-x;
  color: #222222;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px
}

#logo{
position:absolute;
z-index: 10;
width:265px;
height:75px;
  background-position: top;
  background-repeat: no-repeat;
  margin-top:18px;
  padding-left:10px;
  border:0px none}
#logo a img{
border:0px none #ffffff
}

a {
  color: #336600;
  text-decoration: none;
}

a:visited {
  color: #336600;
}

a:hover {
  color: #669933;
}
a.dir					{COLOR: #669933; font-family: Verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.dir:hover				{COLOR: #669933; font-family: Verdana; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

a.dir2                                   {COLOR: #669933; font-family: Verdana; FONT-SIZE: 9px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
a.dir2:hover                             {COLOR: #669933; font-family: Verdana; FONT-SIZE: 9px; FONT-WEIGHT: normal; TEXT-DECORATION: underline}

a.login {
  color: #99cc66;
  text-decoration: none;
}

a.login:visited {
  color: #99cc66;
}

a.login:hover {
  color: #669933;
}

a.forum {
  color: #99cc66;
  text-decoration: none;
  font-family: Verdana;
  font-size:12px;
}

a.forum:visited {
  color: #99cc66;
}

a.forum:hover {
  color: #ccff99;
}

hr{
  border-top: 0px solid #0099FF;
  border-right: 0px solid #0099FF;
  border-bottom: 1px solid #CCCC66;
  border-left: 0px solid #0099FF;
  margin:0px
}
.publicar{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #111111;
	text-align: justify;
	line-height: 16px;
}

ol, ul
{
	color: #336600;
	margin:2px 0px 2px 0px;
	padding:0;
	font-family: Arial, Helvetica, Sans-Serif;
}

li ol, li ul
{
	margin:2px 0px 2px 0px;
	padding:0;
}

li
{
	margin:0.1em 0;
	padding:0;
  list-style: inside url(../images/bullet2.png)
}

ul
{
	list-style-type: none;
}

ol
{
	list-style-position:inside;

}


#mainsitecontainer{
  width:975px;
  height:auto;
}
#row1{/*banner*/
  height:100px;

}
#row2{/*menu*/
  height:31px;
  padding-left: 10px;
}
#row3{/*espaço*/
  height:8px;
}
#row4{/*conteudos*/
  height:auto;
}
#conteudosbable1{
  width:1020px;
  height:auto;
}
#col01{
  width:165px;
  height:auto;
  padding-right:5px;
}
#col02{
  width:515px;
  padding: 0 5px 0 5px;
  height:auto;
}
#col02_2{
  width:680px;
  padding-left:0px;
  height:auto;
}
#col03{
  width:320px;
  height:auto;
}



#bannertop{
height:90px;
width:728px;
padding-left:10px;
}
#topdiversos{
width:auto
}


.left-col-top{
  background-image: url(../images/left-col-top.png);
  background-position: top;
  background-repeat: no-repeat;
  height:56px
}
.left-col-fill{
  background-image: url(../images/left-col-fill.png);
  background-position: top;
  background-repeat: repeat-y;
  padding-left:15px;
  padding-right:15px;

}
.right-col-fill{
  background-image: url(../images/right-col-fill.png);
  background-position: top;
  background-repeat: repeat-y;
  padding-left:15px;
  padding-right:8px;

}
.left-col-end{
  background-image: url(../images/left-col_end.png);
  background-position: top;
  background-repeat: no-repeat;
  height:6px
}
.right-col-end{
  background-image: url(../images/right-col_end.png);
  background-position: top;
  background-repeat: no-repeat;
  padding-top:20px;
  height:6px
}
.left-col-titulos{
  background-image: url(../images/left-col-titulos.png);
  background-position: top;
  background-repeat: no-repeat;
  height:35px;
  padding-left:20px;
  font-size:15px;
  color:#000000;
  font-weight: bold
}

.right-col-titulos{
  background-image: url(../images/right-col-titulos.png);
  background-position: top;
  background-repeat: no-repeat;
  height:8px;
  padding-left:22px;
  font-size:16px;
  color:#ffffff;
  font-weight: bold;
  text-align:left;
}

.left-col-titulosoutside{
  background-image: url(../images/left-col-titulosoutside.png);
  background-position: top;
  background-repeat: no-repeat;
  height:25px;
  padding-left:15px;
    font-size:14px;
  color:#222222;
  font-weight: bold
}
.small{
color:#669933;
font-size:10px}



/*TABELA MODELO 01*/
.tab1{
width:308px;
height:auto;
}
.tab1-bg{
  background-image: url(../images/tab1-bg.png);
  background-repeat: repeat
}
.tab1-c1,.tab1-c2,.tab1-c3,.tab1-c4{
width:4px;
height:4px;
  background-repeat: no-repeat
}
.tab1-f1, .tab1-f3{
  background-repeat: repeat-x
}
.tab1-f2, .tab1-f4{
  background-repeat: repeat-y
}
.tab1-c1{
  background-image: url(../images/tab1-c1.png)
}
.tab1-c2{
  background-image: url(../images/tab1-c2.png)
}
.tab1-c3{
  background-image: url(../images/tab1-c3.png)
}
.tab1-c4{
  background-image: url(../images/tab1-c4.png)
}
.tab1-f1{
  background-image: url(../images/tab1-f1.png)
}
.tab1-f2{
  background-image: url(../images/tab1-f2.png)
}
.tab1-f3{
  background-image: url(../images/tab1-f3.png)
}
.tab1-f4{
  background-image: url(../images/tab1-f4.png)
}



/*TABELA MODELO 02*/
.tab2{
width:100%;
height:auto;
}
.tab2-bg{
  background-image: url(../images/tab1-bg.png);
  background-repeat: repeat
}
.tab2-c1,.tab2-c2,.tab2-c3,.tab2-c4{
width:4px;
height:4px;
  background-repeat: no-repeat
}
.tab2-f1, .tab2-f3{
  background-repeat: repeat-x
}
.tab2-f2, .tab2-f4{
  background-repeat: repeat-y
}
.tab2-c1{
  background-image: url(../images/tab1-c1.png)
}
.tab2-c2{
  background-image: url(../images/tab1-c2.png)
}
.tab2-c3{
  background-image: url(../images/tab1-c3.png)
}
.tab2-c4{
  background-image: url(../images/tab1-c4.png)
}
.tab2-f1{
  background-image: url(../images/tab1-f1.png)
}
.tab2-f2{
  background-image: url(../images/tab1-f2.png)
}
.tab2-f3{
  background-image: url(../images/tab1-f3.png)
}
.tab2-f4{
  background-image: url(../images/tab1-f4.png)
}


.contds-titulo{
  height:45px;
  background-image: url(../images/cont-tit-area.png);
  background-position: right;
  background-repeat: no-repeat;
  width:303px;
  text-align:right;
  padding-right:20px;
  font-size:18px;
  color:#3E6549;
  font-weight: bold
}
.contds-tit-fill{
  background-image: url(../images/cont-tit-fill.png);
  background-repeat: repeat-x;
  width:auto;
}
.contds-tit-esq{
  background-image: url(../images/cont-c1-tit.png);
  width:120px;
}
.contds-bg{
  background-image: url(../images/cont-bg.png);
  background-repeat: repeat;
  padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px
}

.contds-bg2{
  background-image: url(../images/cont-bg.png);
  background-repeat: repeat;
  padding-left:30px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px
}

.contds-c1,.contds-c2,.contds-c3,.contds-c4{
  width:4px;
  height:4px
}
.contds-f2,.contds-f4{
  background-repeat: repeat-y
}
.contds-f1,.contds-f3{
  background-repeat: repeat-x
}
.contds-f1{
  background-image: url(../images/cont-f1.png);
}
.contds-f2{
  background-image: url(../images/cont-f2.png);
}
.contds-f3{
  background-image: url(../images/cont-f3.png);
}
.contds-f4{
  background-image: url(../images/cont-f4.png);
}

.contds-c1{
  background-image: url(../images/cont-c1.png);
}
.contds-c2{
  background-image: url(../images/cont-c2.png);
}
.contds-c3{
  background-image: url(../images/cont-c3.png);
}
.contds-c4{
  background-image: url(../images/cont-c4.png);
}




.contds2-bg{
	
  background-image: url(../images/cont2-bg.png);
  background-repeat: repeat;
  padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px
}

.contds2-c1,.contds2-c2,.contds2-c3,.contds2-c4{
  width:4px;
  height:4px
}
.contds2-f2,.contds2-f4{
  background-repeat: repeat-y
}
.contds2-f1,.contds2-f3{
  background-repeat: repeat-x
}
.contds2-f1{
  background-image: url(../images/cont2-f1.png);
}
.contds2-f2{
  background-image: url(../images/cont2-f2.png);
}
.contds2-f3{
  background-image: url(../images/cont2-f3.png);
}
.contds2-f4{
  background-image: url(../images/cont2-f4.png);
}

.contds2-c1{
  background-image: url(../images/cont2-c1.png);
}
.contds2-c2{
  background-image: url(../images/cont2-c2.png);
}
.contds2-c3{
  background-image: url(../images/cont2-c3.png);
}
.contds2-c4{
  background-image: url(../images/cont2-c4.png);
}


input.login { 
	width: 100px;
	height: 20px;
	cursor: pointer;
	border: 0px;
	color: #000000;
	font-weight: bold;
	font-family: verdana;
	font-size: 11px;
	background-image: url(../images/button1.png);
	background-color: transparent;
	padding-bottom: 3px;
}

input.login:hover { 
	background-image: url(../images/button1hover.png);
	background-color: transparent;
}

input.botao{
	width: 150px;
	height: 20px;
	cursor: pointer;
	border: 0px;
	color: #000000;
	font-weight: bold;
	font-family: verdana;
	font-size: 11px;
	background-image:url(../images/criar2.png);
	background-color:transparent;
	padding-bottom: 3px;
}

input.botao:hover{
	background-image:url(../images/criar2hover.png);
	background-color:transparent;
}

.button1,.button2{
width:100px;
height:20px;
display:block;
font-size:14px;
padding-left:20px;
  font-weight: bold;
  color:#ffffff;
  line-height:20px;
  text-align:left
}
a.button1{
background-image: url(../images/button1.png);
background-repeat: no-repeat;
text-decoration:none;
color:#ffffff;
font-size:11px;
}
.button1:hover{
  background-image: url(../images/button1hover.png);
  background-repeat: no-repeat;
  text-decoration:none;
  color:#000000;
}
a.button2{
background-image: url(../images/button2.png);
background-repeat: no-repeat;
text-decoration:none;
color:#ffffff;
font-size:11px;
}
.button2:hover{
  background-image: url(../images/button2hover.png);
  background-repeat: no-repeat;
  text-decoration:none;
  color:#000000;
}
.info1,.info2{
width:44px;
height:20px;
display:block;
font-size:11px;
padding-left:12px;
  font-weight: bold;
color:#222222;
  line-height:20px
}
a.info1,a.info2{
background-repeat: no-repeat;
text-decoration:none;
color:#222222;
}

a.info1{
background-image: url(../images/info1.png);
}
.info1:hover{
  background-image: url(../images/info1hover.png);
}
a.info2{
background-image: url(../images/info2.png);
}
.info2:hover{
  background-image: url(../images/info2hover.png);
}
.info1:hover,.info2:hover{
  background-repeat: no-repeat;
  text-decoration:none;
  color:#ffffff;
}








/*Blocos nos conteúdos*/


.titulos-blocosjd{
  background-image: url(../images/icon-tits.png);
  background-position: 10px 0px;
  background-repeat: no-repeat;
  height:255px;
  font-size:30px;
  padding-left:25px;
  font-weight: bold;
}

.titulos-blocos1,.titulos-blocos2,.titulos-blocos3{
  background-image: url(../images/icon-tits.png);
  background-position: 10px 0px;
  background-repeat: no-repeat;
  height:25px;
  font-size:14px;
  padding-left:25px;
  font-weight: bold;
}
.titulos-blocos1{
  color:#000000;
}
.titulos-blocos2{
  color:#222222;
}
.titulos-blocos3{
  color:#003399;
}

.titulos-blocos1bg{
  background-image: url(../images/tit-a-bg.png);
  background-repeat: repeat
}
.titulos-blocos2bg{
  background-image: url(../images/tit-b-bg.png);
  background-repeat: repeat
}
.titulos-blocos3bg{
  background-image: url(../images/tit-c-bg.png);
  background-repeat: repeat
}
.titulo-bloco1-fe{
  background-repeat: repeat-y;
  background-image: url(../images/tit-a-fe.png);
}
.titulo-bloco2-fe{
  background-repeat: repeat-y;
  background-image: url(../images/tit-b-fe.png);
}
.titulo-bloco3-fe{
  background-repeat: repeat-y;
  background-image: url(../images/tit-c-fe.png);
}
.titulo-bloco1-fd{
  background-repeat: repeat-y;
  background-image: url(../images/tit-a-fd.png)
}
.titulo-bloco2-fd{
  background-repeat: repeat-y;
  background-image: url(../images/tit-b-fd.png)
}
.titulo-bloco3-fd{
  background-repeat: repeat-y;
  background-image: url(../images/tit-c-fd.png)
}
.titulo-bloco1-fe,.titulo-bloco1-fd,.titulo-bloco2-fe,.titulo-bloco2-fd,.titulo-bloco3-fe,.titulo-bloco3-fd,
.contds-bloco1-fe,.contds-bloco1-fd,.contds-bloco2-fe,.contds-bloco2-fd,.contds-bloco3-fe,.contds-bloco3-fd{
width:4p;
background-repeat: repeat-y;
}
.contds-blocos1bg,.contds-blocos2bg,.contds-blocos3bg{
padding:5px
}


.contds-blocos1bg{
  background-image: url(../images/contds-a-bg.png);
  background-repeat: repeat
}
.contds-blocos2bg{
  background-image: url(../images/contds-b-bg.png);
  background-repeat: repeat
}
.contds-blocos3bg{
  background-image: url(../images/contds-c-bg.png);
  background-repeat: repeat
}
.contds-bloco1-fe{
  background-repeat: repeat-y;
  background-image: url(../images/contds-a-fe.png);
}
.contds-bloco2-fe{
  background-repeat: repeat-y;
  background-image: url(../images/contds-b-fe.png);
}
.contds-bloco3-fe{
  background-repeat: repeat-y;
  background-image: url(../images/contds-c-fe.png);
}
.contds-bloco1-fd{
  background-repeat: repeat-y;
  background-image: url(../images/contds-a-fd.png)
}
.contds-bloco2-fd{
  background-repeat: repeat-y;
  background-image: url(../images/contds-b-fd.png)
}
.contds-bloco3-fd{
  background-repeat: repeat-y;
  background-image: url(../images/contds-c-fd.png)
}

.especial{
margin-top:22px;
margin-bottom:22px;
width:309px;
margin-right:2px;
}

.especial-c1,especial-c2,especial-c3,especial-c4{
width:4px;
height:4px
}
.especial-f1,especial,f3{
  background-image: none
}
.especial-f2,especial,f4{
  background-image: none
}


.especial-bg{
  background-image: url(../images/especial-bg.png);
  background-repeat: no-repeat;
  color: #FFFFFF;
  height:153px;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
  background-position: right;
}
.especial-bg2{
  background-image: url(../images/especial-bg2.png);
  background-repeat: no-repeat;
  color: #FFFFFF;
  height:153px;
  padding-left:2px;
  padding-right:3px;
  text-align:center;
  background-position: right;
}
.novidades-bg{
  background-image: url(../images/novidades-bg.png);
  background-repeat: no-repeat;
  color: #FFFFFF;
  height:100px;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
  background-position: right;
}

.conteudos-destaques{
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:5px;
}
.titulos-blocos-destaques{
  background-image: url(../images/icon-tits.png);
  background-position: 5px 0px;
  background-repeat: no-repeat;
  background-color: #666600;
  height:25px;
  font-size:14px;
  color:#ffffff;
  padding-left:25px;
  font-weight: bold
}

.top20{
padding:0px;
font-size:11px;
}


span.menu{
	font-size:12px;
	color:#ffffff;
	background-position: left;
  	line-height:30px;
  	padding-left:4px;
  	padding-right:20px;
  	padding-top:8px;
  	padding-bottom:0px;
  	background-image: url(../images/icon-bottom2.png);
	background-position: top left;
  	background-repeat: no-repeat;
  	text-decoration:none;
  	margin:0px;
  	font-weight: bold;
}
a span.menu{
	line-height:34px;
}
a span.menu:hover{
  background-image: url(../images/icon-bottom.png);
  background-position: top left;
  background-repeat: no-repeat;
  color: #99CC33;
  text-decoration:none;
}

.blocos{
padding:5px 0;
}
.blocos p{
margin:0px;
font-size:12px;
color:#FFFFFF;
padding:5px;
}
.blocos a {
color: #ffffff;
font-size:12px; }
.blocos a:hover {
color: #CCFF66;
font-size:12px; }

.blocostexto a {
color: #ffffff;
font-size:14px;
font-weight: bold;
}
.blocostexto a:hover {
color: #CCFF66;
font-size:14px;;
font-weight: bold;
}

.blocosoutside p{
font-size:11px;
color:#222222;
padding-left:10px;
padding-right:5px;
line-height:5px;

}
.blocosoutside a {
color: #222222;
font-size:12px; }
.blocosoutside a:hover {
color: #66CC33;
font-size:12px; }

.idiomas{
font-size:13px;
color:#ffffff;
background-image:url(../images/idiomas-bg.png);
  background-position: right;
  background-repeat: no-repeat;
  text-align:right;
  padding-left:50px;
  padding-top:5px;
  line-height:20px
}
.idioma{
font-size:13px;
color:#ffffff;
  background-position: right;
  background-repeat: no-repeat;
  text-align:right;
  padding-left:35px;
  line-height:20px
}

#bottom{
position:relative;
width: 100%;
left:0px;
right:0px;
  bottom: 0px
}


.bottom{
  background-image: url(../images/bottom-bg.png);
  background-repeat: repeat-x;
  background-position: top;
  height:100px;
  color:#ffffff
}
span.menu-bottom{
  font-size:11px;
  padding-left:0px;
  font-weight: normal;
  color:#ffffff;
  text-align:left;
  height:30px;
  line-height:30px;
  background-image: url(../images/icon-bottom.png);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 10px 10px 10px 0px;

}
span.menu-bottom a{
  color:#ffffff;
}
a span.menu-bottom:hover{
  color:#99CC33;
}
.copyright{
font-size:10px;
color:#cccccc
}
a.copyright{
color:#99CC33}
a.copyright:hover{
color:#CCFF33}

/* ++++++++++++++++++++++++ Index ++++++++++++++++++++++++++ */
a.style1{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
a.style1:hover{
        color:#fff;
}
a.style2{
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
a.style2:hover{
        color:#000000;
}
a.style3{
	color:#669933;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

a.style4{
	color:#3366cc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
a.style5{
        color:#3366cc;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
}
a.style6{
        color:#000000;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
}
a.style6:hover{
        color:#fff;
}
/* ++++++++++++++++++++++++ Toolbar ++++++++++++++++++++++++++ */
a.toolbar		{COLOR: #FFFF33; font-family: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 13px; TEXT-DECORATION: underline}
a.toolbar:hover	{COLOR: #FFFF33; font-family: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 13px; TEXT-DECORATION: none;}
a.toolbar2		{COLOR: #EEEEEE; font-family: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 10px; TEXT-DECORATION: none}
a.toolbar2:hover	{COLOR: #EEEEEE; font-family: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 10px; TEXT-DECORATION: none;}

a.toolbar3		{COLOR: #0066FF; font-family: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 13px; TEXT-DECORATION: underline}
a.toolbar3:hover	{COLOR: #0066FF; font-family: Verdana; FONT-WEIGHT: bold; FONT-SIZE: 13px; TEXT-DECORATION: none;}

.intrucoes{
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
}

/* ++++++++++++++++++++++++ Manual ++++++++++++++++++++++++++ */
.menu-indice{
	line-height: 21px;
	margin-left: 15px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.menu-indice2{
	line-height: 17px;
	margin-left: 40px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.texto{
	line-height: 17px;
	margin-left: 10px;
	margin-right:10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tx1{
	text-align: center;
	margin: 20px 0px 20px 0px;
}


/* ++++++++++++++++++++++++ Promocao Comunidades.net ++++++++++++++++++++++++++ */

.especial-promo{
margin-top:22px;
margin-bottom:22px;
width:400px;
margin-right:2px;
}

.especial-bg-promo{
  background-image: url(../images/especial-bg-promo.png);
  background-repeat: no-repeat;
  color: #FFFFFF;
  height:153px;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
  background-position: right;
}

.promo{
	padding: 0px 10px 0px 10px;
	background-image:url(../imagens/iphone-4.jpg);
	background-repeat: no-repeat;
	background-position: 380px 10px; 
}

.promo_destaque1{
        font: normal 14px Verdana, Arial, Helvetica, sans-serif;
        color: #0033CC;
        font-weight: bold;
        #text-align: justify;
		line-height: 22px;
}

.promo_destaque2{
        font: normal 17px Verdana, Arial, Helvetica, sans-serif;
        color: #CC0000;
        font-weight: bold;
        #text-align: justify;
		line-height: 24px;
}

.promo_destaque3{
        font: normal 15px Verdana, Arial, Helvetica, sans-serif;
        color: #CC0000;
        font-weight: bold;
		text-decoration: blink;
}

.promo_texto{
        font: normal 12px Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        font-weight: normal;
		line-height: 18px;
		text-align: justify;
}

.promo_texto2{
        font: normal 11px Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        font-weight: normal;
		line-height: 16px;
		text-align: justify;
}

.promo_img{
		border: 1px solid #999999;
		padding: 1px;
}

