body{width:100%; height:auto; overflow-x:auto; overflow-y:auto; margin:0px auto;} 

#area1{position:relative; clear:both; width:100%; height:auto; display:table;}
#area2{position:relative; clear:both;width:100%; height:auto; margin-top:1em;}

#imagem_logo_inicial{position:relative; clear:both; float:left; margin-left:3em;}
#area_menusuperior{position:relative; float:right;  width:auto;  height:auto; overflow:visible; background-color:#549BFF; font-family:"Times New Roman", Times, serif; border-radius: 10px; margin-right:3em;}
/* ----estilos----background-image: url(imagens/papel3.jpg);  */
/* Sublinhas link */
.estiloSublinhar{ font-size:24px; color:#000;	background-color: transparent;}
.estiloSublinhar:hover { background-color:#aaffd5; }
.estiloSublinhar:active { background-color:#77ffbc;}
/* azul */
.estiloAzul{
padding:4px 11px;  border: 1px solid #00CCFF; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;background-color: #00CCFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00CCFF), color-stop(100%,#0099FF)) !important;
background: -webkit-linear-gradient(top, #00CCFF, #0099FF) !important; background: -moz-linear-gradient(top, #00CCFF, #0099FF) !important;
background: -ms-linear-gradient(top, #00CCFF, #0099FF) !important;background: -o-linear-gradient(top, #00CCFF, #0099FF) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00CCFF', endColorstr='#0099FF',GradientType=0 );
font-family:"Segoe UI";font-weight: bold;color: #fff;text-shadow: 0 1px 0 #666;box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666;cursor:pointer;
position: relative; }
.estiloAzul:hover { box-shadow: inset 0 2px 5px #fff, 0 2px 3px #666; }
.estiloAzul:active { box-shadow: inset 0 2px 5px #fff, 0 1px 3px #666; top:2px; }

/* laranja */
.estiloLaranja{
padding: 4px 11px;border: 1px solid #ffcc00;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background-color: #ffcc00;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#ff6600)) !important;
background: -webkit-linear-gradient(top, #ffcc00, #ff6600) !important;background: -moz-linear-gradient(top, #ffcc00, #ff6600) !important;
background: -ms-linear-gradient(top, #ffcc00, #ff6600) !important;background: -o-linear-gradient(top, #ffcc00, #ff6600) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff6600',GradientType=0 );
font-family:"Segoe UI";font-weight: bold;color: #fff;text-shadow: 0 1px 0 #666;box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666;
cursor:pointer;position: relative;}

.estiloLaranja:hover { box-shadow: inset 0 2px 5px #fff, 0 2px 3px #666; }
.estiloLaranja:active { box-shadow: inset 0 2px 5px #fff, 0 1px 3px #666; top:2px; }

/* --------  */

/* pagina status_conta1 */
#link_meuperfil{position:absolute; top:1px; left:1px;}
#image_usuario{position:absolute; top:1px; left:15px;}
#label_nome_usuario{position:absolute; top:1px; left:65px; width:100px; height:22px; overflow:hidden;
font-size:0.7em;background-color:#FFC; color:#000;}
#label_email_usuario{position:absolute; top:30px; left:110px; width:175px; height:20px; overflow:hidden; font-size:10px;
background-color:#FFC; color:#000;}
#button_sair_usuario{position:absolute; top:37px; left:70px; z-index:1;}
/* --------  */
#area_slideshow1{position:relative;  width:100%; height:auto; text-align:justify; display:table;}
#area_novidades1{position:relative; clear:both;  width:100%; height:auto;}
#area_central_inferior{position:relative; clear:both; width:100%; height:auto;text-align:center;background-color:#407D39; color:#FFF;}
#area_cadastro{position:relative; clear:both; float:left; margin-left:2em;}
#area_fazer_login{position:relative; clear:both; float:left; margin-left:2em;}


.imageBola_topico_titulo_pagina{position:relative; clear:both; float:left; color:#000; font-family:Arial, Helvetica, sans-serif; width:2em; height:2em; }
.label_topico_titulo_pagina{position:relative; float:left; font-size:large; color:#000; font-family:Arial, Helvetica, sans-serif; }
.label_topico_subtitulo_pagina{position:relative; clear:both; float:left; font-size:medium; color:#000; font-family:Arial, Helvetica, sans-serif;}

#formulario1_configuracoes_perfil{visibility:visible; position:absolute; top:330px; left:15px; width:auto; height:auto; display:table;}
#formulario2_configuracoes_perfil{visibility:hidden; position:absolute; top:330px; left:15px; width:auto; height:auto; display:table;}



.estilo_inputText{width: 40em; height:3em;}
/*.estilo2_inputText{height:45px; width:190px;} */

/* --------  */
/* --------  */
/* --------  */
#menu_statusconta_logado{position:relative; clear:both; float:left; width:100%; height:auto; z-index:1;}
#menu_pesquisa{position:absolute; top:220px; left:970px; width:250px; height:40px;z-index:1;}

.input_procurar{     
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    box-shadow: 1px 1px 2px #333333;    
    -moz-box-shadow: 1px 1px 2px #333333;
    -webkit-box-shadow: 1px 1px 2px #333333;
    background: #FFFFB3; 
    border:1px solid #000000;
    width:150px}
	
.input_procurar:hover{ background: #ffffff; border:1px solid #407D39;}



#area_lateral_esquerda_superior{position:absolute; top:3px; left:925px; width:320px; height:280px; background-color:#407D39;}
#area_menu_vertical{position:absolute; top:20px; left:10px; width:240px; height:455px;}

/* pagina inserir anuncio */
#area_inserir_anuncio{position:absolute; top:160px; left:10px; width:650px; }
#area_selecionar_tipo_item{position:absolute; top:150px; left:40px; background-color:#C1E3C4; width:600px; height:80px; }
#area_selecionar_tipo_publicidade{position:absolute;top:250px;left:40px;background-color:#C1E3C4;width:600px; height:80px;}
#area_imagem_princial_anuncio{position:absolute; top:350px; left:40px; background-color:#FC3; width:395px; height:340px;}
#area_imagens_secundaria_anuncio{position:absolute; top:600px; left:680px; background-color:#FC3; width:550px; height:600px;}

#area_anuncio_tipo1{visibility:visible;position:absolute;top:70px;left:40px;width:750px;height:650px;}
#area_anuncio_tipo2{visibility:hidden;position:absolute;top:250px;left:52px;width:750px;height:650px;}
#area_anuncio_tipo3{visibility:hidden;position:absolute;top:250px;left:52px;width:750px;height:650px;}


.area_caixa_informativo1_pagina{position:absolute; top:160px; left:40px;background-color:#C1E3C4; 
width:600px; height:110px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.label_caixa_informativo1_pagina{position:absolute; top:20px; left:30px; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.select_caixa_informativo1_pagina{position:absolute; top:48px; left:370px; height:45px; width:190px;}

.area_caixa_informativo2_pagina{position:absolute; top:280px; left:40px;background-color:#C1E3C4;
 width:600px; height:110px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.label_caixa_informativo2_pagina{position:absolute; top:20px; left:30px; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.select_caixa_informativo2_pagina{position:absolute; top:48px; left:370px; height:45px; width:190px;}

.area_caixa_informativo3_pagina{position:absolute;top:160px;left:40px;background-color:#C1E3C4;width:670px;height:140px; }
.label_caixa_informativo3a_pagina{position:absolute; top:20px; left:30px;
 font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.select_caixa_informativo3a_pagina{position:absolute; top:10px; left:450px; height:45px; width:190px;}

.label_caixa_informativo3b_pagina{position:absolute; top:55px; left:30px; font-family:Arial, Helvetica, sans-serif; font-size:16px; width:350px; height:20px;}
.select_caixa_informativo3b_pagina{position:absolute; top:60px; left:450px; height:45px; width:190px;}
/* -------- */
.area_caixa_informativo4_pagina{position:absolute;top:90px;left:40px;width:620px;height:90px; z-index:1;}
.label_caixa_informativo4a_pagina{position:absolute; top:20px; left:10px; font-size:14px;}
.select_caixa_informativo4a_pagina{position:absolute; top:40px; left:10px; height:45px; width:160px;}
.label_caixa_informativo4b_pagina{position:absolute; top:20px; left:200px; font-size:14px;}
.select_caixa_informativo4b_pagina{position:absolute; top:40px; left:200px; height:45px; width:160px;}
/* -------- */

.barra1Vertical_doTopico{position:absolute; top:21px; left:23px; height:220px;  }
.barra2Vertical_doTopico{position:absolute; top:21px; left:792px; height:220px;  }
#img_visto1{visibility:hidden;}
/* --------  */
.label_titulo{font-size:18px;}
.label_subtitulo{font-size:16px;}
.label_titulo_input_text{font-size:14px;}

.painel_upload{background-color:#C1E3C4; }
.cabecalho_upload{background-color:#88CA8E;}
#area_historico_anuncio{position:absolute;top:140px;left:40px;overflow:visible;}
#area_anuncio_selecionado{position:relative;clear:both;float:left;width:100%; overflow:visible; text-align:center;}
.estilo1{border:#FC3 thin solid; background-color:#FFFFD5; color:#000000;}
.estilo2{background-color:#FFFF99; color:#000000;}

#area_lateral_direita_inferior{position:absolute;top:570px;left:10px; width:240px; height:755px;}
#area_lateral_esquerda_inferior{position:absolute;top:320px;left:1145px; width:270px; height:1020px;}

.linkMenu1{font-family:Verdana; font-size:16px; background-color:#407D39; text-decoration:none; color:#FFF; 
border:1px solid;
-webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s;}

.linkMenu1:hover{font-size:16px; background-color:#C1E3C4; color:#000;
border:1px solid;
-webkit-transition: all 0.5s -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s;}

.linkMenu2{font-family:Verdana; font-size:16px; background-color:#407D39; text-decoration:none; color:#FFF;
-webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s;}

.linkMenu2:hover{font-size:16px; background-color:#C1E3C4; color:#000;
border:1px solid;
-webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s;}

.linkMenu3{font-family:Verdana; font-size:12px; background-color:#FFCC99; text-decoration:none; color:#000;
-webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s;}

.linkMenu3:hover{font-size:16px; background-color:#FC3; color:#000;
-webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s;}


.linkMenu4{font-family:Verdana; font-size:24px; text-decoration:none; color:#000; cursor:pointer;
-webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s;}

.linkMenu4:hover{font-size:24px; background-color:#C1E3C4; color:#000;
-webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s;}

.link_tamanho_12px{font-family:Verdana; font-size:12px; text-decoration:none; color:#000;
-webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s;}

.link_tamanho_12px:hover{font-size:16px; background-color:#FC3; color:#000;
-webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s;}


/* verde */
.linkMenu6{
padding: 4px 11px;

border: 1px solid #00CC00;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;

background-color: #00CC00;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00CC00), color-stop(100%,#009900)) !important;
background: -webkit-linear-gradient(top, #00CC00, #009900) !important;
background: -moz-linear-gradient(top, #00CC00, #009900) !important;
background: -ms-linear-gradient(top, #00CC00, #009900) !important;
background: -o-linear-gradient(top, #00CC00, #009900) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00CC00', endColorstr='#009900',GradientType=0 );
font-family:"Segoe UI";
font-weight: bold;
color: #fff;
text-shadow: 0 1px 0 #666;

box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666;
cursor:pointer;
position: relative;
}

.linkMenu6:hover { box-shadow: inset 0 2px 5px #fff, 0 2px 3px #666; }
.linkMenu6:active { box-shadow: inset 0 2px 5px #fff, 0 1px 3px #666; top:2px; }


/* azul */
.linkMenu8{
padding: 4px 11px;

border: 1px solid #42B53C;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;

background-color: #42B53C;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42B53C), color-stop(100%,#297025)) !important;
background: -webkit-linear-gradient(top, #42B53C, #297025) !important;
background: -moz-linear-gradient(top, #42B53C, #297025) !important;
background: -ms-linear-gradient(top, #42B53C, #297025) !important;
background: -o-linear-gradient(top, #42B53C, #297025) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42B53C', endColorstr='#297025',GradientType=0 );
font-family:"Segoe UI";
font-weight: bold;
color: #fff;
text-shadow: 0 1px 0 #666;

box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666;
cursor:pointer;
position: relative;
}

.linkMenu8:hover { box-shadow: inset 0 5px 8px #fff, 0 15px 16px #666; }
.linkMenu8:active { box-shadow: inset 0 2px 5px #fff, 0 1px 3px #666; top:2px; }

/* outros */

.botao01{ background-color:#407D39; color:#FFF;   text-decoration:none;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.botao01:hover { background:#FC3; color:#000;  text-decoration:none; }
.botao01:active { background:#88CA8E;  text-decoration:none; }
.estilo_link{cursor:pointer;}


/* ------------------ */
/* ------------------ */

/* laranja */
.estiloLaranja{
padding: 4px 11px;

border: 1px solid #ffcc00;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;

background-color: #ffcc00;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#ff6600)) !important;
background: -webkit-linear-gradient(top, #ffcc00, #ff6600) !important;
background: -moz-linear-gradient(top, #ffcc00, #ff6600) !important;
background: -ms-linear-gradient(top, #ffcc00, #ff6600) !important;
background: -o-linear-gradient(top, #ffcc00, #ff6600) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff6600',GradientType=0 );
font-family:"Segoe UI";
font-weight: bold;
color: #fff;
text-shadow: 0 1px 0 #666;

box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666;
cursor:pointer;
position: relative;
}

.estiloLaranja:hover { box-shadow: inset 0 2px 5px #fff, 0 2px 3px #666; }
.estiloLaranja:active { box-shadow: inset 0 2px 5px #fff, 0 1px 3px #666; top:2px; }


/* verde */
.estiloVerde{
padding: 4px 11px;

border: 1px solid #66CC66;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;

background-color: #66CC66;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66CC66), color-stop(100%,#669966)) !important;
background: -webkit-linear-gradient(top, #66CC66, #669966) !important;
background: -moz-linear-gradient(top, #66CC66, #669966) !important;
background: -ms-linear-gradient(top, #66CC66, #669966) !important;
background: -o-linear-gradient(top, #66CC66, #669966) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66CC66', endColorstr='#669966',GradientType=0 );
font-family:"Segoe UI";
font-weight: bold;
color: #fff;
text-shadow: 0 1px 0 #666;

box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666;
cursor:pointer;
position: relative;
}

.estiloVerde:hover { box-shadow: inset 0 2px 5px #fff, 0 2px 3px #666; }
.estiloVerde:active { box-shadow: inset 0 2px 5px #fff, 0 1px 3px #666; top:2px; }

/* rosa */
.estiloRosa{
padding: 4px 11px;

border: 1px solid #FF99CC;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;

background-color: #FF99CC;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF99CC), color-stop(100%,#FF6699)) !important;
background: -webkit-linear-gradient(top, #FF99CC, #FF6699) !important;
background: -moz-linear-gradient(top, #FF99CC, #FF6699) !important;
background: -ms-linear-gradient(top, #FF99CC, #FF6699) !important;
background: -o-linear-gradient(top, #FF99CC, #FF6699) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF99CC', endColorstr='#FF6699',GradientType=0 );
font-family:"Segoe UI";
font-weight: bold;
color: #fff;
text-shadow: 0 1px 0 #666;

box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666;
cursor:pointer;
position: relative;
}

.estiloRosa:hover { box-shadow: inset 0 2px 5px #fff, 0 2px 3px #666; }
.estiloRosa:active { box-shadow: inset 0 2px 5px #fff, 0 1px 3px #666; top:2px; }

/* vermelho */
.estiloVermelho{
padding: 4px 11px;

border: 1px solid #FF3333;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;

background-color: #FF3333;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF3333), color-stop(100%,#FF6633)) !important;
background: -webkit-linear-gradient(top, #FF3333, #FF6633) !important;
background: -moz-linear-gradient(top, #FF3333, #FF6633) !important;
background: -ms-linear-gradient(top, #FF3333, #FF6633) !important;
background: -o-linear-gradient(top, #FF3333, #FF6633) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF3333', endColorstr='#FF6633',GradientType=0 );
font-family:"Segoe UI";
font-weight: bold;
color: #fff;
text-shadow: 0 1px 0 #666;

box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666;
cursor:pointer;
position: relative;
}

.estiloVermelho:hover { box-shadow: inset 0 2px 5px #fff, 0 2px 3px #666; }
.estiloVermelho:active { box-shadow: inset 0 2px 5px #fff, 0 1px 3px #666; top:2px; }

/* amarelo */
.estiloAmarelo{
padding: 4px 11px;

border: 1px solid #FFCC33;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;

background-color: #FFCC33;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC66), color-stop(100%,#FFCC33)) !important;
background: -webkit-linear-gradient(top, #FFCC33, #FFCC33) !important;
background: -moz-linear-gradient(top, #FFCC33, #FFCC33) !important;
background: -ms-linear-gradient(top, #FFCC33, #FFCC33) !important;
background: -o-linear-gradient(top, #FFCC33, #FFCC33) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCC66', endColorstr='#FFCC33',GradientType=0 );
font-family:"Segoe UI";
font-weight: bold;
color: #fff;
text-shadow: 0 1px 0 #666;

box-shadow: inset 0 1px 1px #fff, 0 2px 3px #666;
cursor:pointer;
position: relative;
}

.estiloAmarelo:hover { box-shadow: inset 0 2px 5px #fff, 0 2px 3px #666; }
.estiloAmarelo:active { box-shadow: inset 0 2px 5px #fff, 0 1px 3px #666; top:2px; }



/* Transparencia das imagens opnioes index */
.estiloTranspacencia { opacity: 0.5; filter: alpha(opacity=40); }
.estiloTranspacencia:hover { opacity: 1.0; filter: alpha(opacity=100); }


