/* GERAIS */
#revista, #acontece, #interacao, #midia{ width:606px; float:left; font:13px "trebuchet ms", arial;}
#revista h1{ width:554px; height:24px; padding:10px 0 0 53px; font:14px "trebuchet ms", arial; text-transform:uppercase; color:#727272; background:url(/imagens/h1_revista.gif) no-repeat;}
#acontece h1{ width:554px; height:24px; padding:10px 0 0 53px; font:14px "trebuchet ms", arial; text-transform:uppercase; color:#727272; background:url(/imagens/h1_acontece.gif) no-repeat;}
#midia h1{ width:554px; height:24px; padding:10px 0 0 53px; font:14px "trebuchet ms", arial; text-transform:uppercase; color:#727272; background:url(/imagens/h1_midia.gif) no-repeat;}
#interacao h1{ width:554px; height:24px; padding:10px 0 0 53px; font:14px "trebuchet ms", arial; text-transform:uppercase; color:#727272; background:url(/imagens/h1_interacao.gif) no-repeat;}

#midia a, #revista a{ color:#FF6600;}
#revista h3 a, #revista h4 a, #midia h2 a, #midia h3 a{ color:#434343;}

#revista h2 a{color:#1e4f7d;}/* Títulos da lista */
#acontece h2 a{color:#6e9c29;}
#midia h2 a{color:#9a2782;}

#revista h2.titulos{ font:18px "trebuchet ms", arial; color:#1e4f7d; margin:0 0 10px 0;} /* Títulos das páginas internas */
#acontece h2.titulos{ font:18px "trebuchet ms", arial; color:#6e9c29; margin:0 0 10px 0;}
#midia h2.titulos{ font:18px "trebuchet ms", arial; color:#9a2782; margin:0 0 10px 0;}

.internasMiddle{ width:584px; padding:25px 10px 0 10px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; overflow:hidden; float:left;}
.internasMiddle .foto{ border:1px solid #e5e5e5; padding:5px; margin:0 5px 5px 0; float:left; width:130px; height:98px; overflow:hidden;}
.internasMiddle .fotoMargin{ float:left; width:130px; height:98px; overflow:hidden;}

.internasMiddle h2.tituloRestrito{ font:16px "trebuchet ms", arial; color:#434343;}
.internasMiddle h3.resumoRestrito{ font:14px "trebuchet ms", arial; color:#434343;}

.internasMiddle ul.galeriaBottom{ width:575px; list-style-type:none; border:1px solid #e5e5e5; float:left; margin:20px 0; padding:5px;}
.internasMiddle li.galeriaBottom{ width:100px; height:70px; overflow:hidden; margin:0; padding:5px; margin:0 3px 3px 0; border:1px solid #e5e5e5; float:left; }
.internasMiddle li.galeriaBottom .fotosBottom{width:100px; height:70px; overflow:hidden; float:left;}

.internasMiddle ul.galeriaBottomMidia{ width:575px; list-style-type:none; border:1px solid #e5e5e5; float:left; margin:20px 0; padding:5px;}
.internasMiddle li.galeriaBottomMidia{ width:570px; overflow:hidden; margin:0; padding:5px; margin:0 3px 3px 0; float:left; }

.internasBottom{ width:100%; height:42px; float:left; background:url(/imagens/internas_bottom.gif) no-repeat;}
.internasBottom .voltar{ float:right; margin:4px 15px 0 0;}

/* BANNERS DIREITA */
.bannersDireita{ float:left; width:172px; margin:0 0 0 10px; _margin:0 0 0 8px;}
.bannersDireita ul{ list-style-type:none; float:left;}
.bannersDireita li{ float:left; margin:3px 0; }

/* ÁREA DO ASSINANTE */
#areaAssinante{ width:584px; height:162px; padding:8px 0 0 0; border-top: 1px dashed #e5e5e5; border-bottom:1px dashed #e5e5e5; float:left; margin: 20px 0 20px 0; }
#assinanteInfo{ width:150px; font:13px "trebuchet ms", arial; color:#515152; margin:10px; float:left;}
#assinanteInfo img { float:left;}
#assinanteForm{ width:280px; margin:40px 0 0px 10px; float:left; }
#assinanteForm label{ width:38px; font:bold 12px "trebuchet ms", arial; color:#1e4f7d; text-align:right; padding:5px 0 0 0; float:left;}
#assinanteForm form{ padding:5px;}
#assinanteForm input{ background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; font:11px arial; color:#1e4f7d; float:left;}

.cpf{ width:210px; margin:0 0 5px 5px;}
.senha{ width:100px; margin:0 0 5px 5px;}
.entrar{ width:86px; height:23px; margin:0 0 0 10px; background:url(/imagens/bt_entrar.gif) no-repeat; border:none;}
#assinanteOpcoes{ width:100px; font:12px "trebuchet ms", arial; color:#1e4f7d; margin:40px 10px 0 0; float:right;}
#assinanteOpcoes a{ text-decoration:underline; color:#1e4f7d}
#assinanteOpcoes a:hover{ text-decoration:none;}

/* ONDE ENCONTRAR */
.info{ margin:20px 10px 20px 30px; font:12px arial; color:#434343; line-height:18px;}
.info a{ color:#1e4f7d; text-decoration:none;}
.info a:hover{ text-decoration:underline;}
.ondeCidades{ width:550px; margin:20px 0 20px 0; float:left;}
.ondeCidades li{ width:550px; list-style-type:none; float:left;}
#cidades h2{ width:550px; font: bold 14px arial; color:#1e4f7d; margin:10px 0 10px 0; border-bottom: 1px dashed #e5e5e5; padding:0 0 3px 30px; float:left; }
.ondeLojas{ width:580px; background:#e8e8e8; padding:0 0 15px 0; float:left; }
.ondeLojas li{ width:252px; height:110px; margin:10px 0 10px 0; padding:0 0 0 30px; float:left; overflow:hidden;}
.ondeLojas li h3{ font:13px "Trebuchet MS", arial;}

/* PARCEIROS */
.internasMiddle ul.parceiros{ width:570px; list-style-type:none; border:1px solid #e5e5e5; float:left; margin:20px 0; padding:10px 0 10px 10px;}
.internasMiddle li.parceiros{ width:120px; height:120px; overflow:hidden; margin:0; padding:5px; margin:0 10px 10px 0; border:1px solid #e5e5e5; float:left; }
.internasMiddle li.parceiros .fotosBottom{width:120px; height:120px; overflow:hidden; float:left;}


/* PAPO DE PET NA MIDIA*/
#midia li{ list-style-type:none; margin: 20px 5px 10px 0; padding:0 0 10px 0; border-bottom: 1px dashed #e5e5e5; float:left;}
#midia li img{ float:left; border:none;}
.buttonLeiaMais{ float:right; margin:15px 20px 0 0;}

/* MATERIAS*/
.materiasLista li{ width:100%; list-style-type:none; margin: 20px 5px 10px 0; padding:0 0 10px 0; border-bottom: 1px dashed #e5e5e5; float:left;}
.materiasLista li img{ float:left; border:none;}

.materiasLista h2{ margin:0 0 5px 0;}
.materiasLista h2 a{ font:16px "trebuchet ms", arial; color:#434343; text-decoration:none; }
.materiasLista h3{ font:13px "trebuchet ms", arial; color:#434343; line-height:18px; }
.materiasLista h3 a{ font:13px "trebuchet ms", arial; color:#434343; line-height:18px; text-decoration:none; }
.materiasLista h2 a:hover, .materiasLista h3 a:hover{ text-decoration:underline; }


/* ANTERIORES */
.anterioresLista{ width:100%;}
.anterioresLista li{ width:178px; height:300px; list-style-type:none; margin:20px 5px 10px 0; _margin:20px 0 10px 0; padding:0 0 10px 10px; border-bottom: 1px dashed #e5e5e5; float:left; overflow:hidden;}
.anterioresLista li img{ border:3px solid #fff;}
.anterioresLista .molduraFoto{ width:148px; border:1px solid #e5e5e5; padding:2px; margin:0 0 2px 0; }

.anterioresLista h2{font:bold 14px arial; color:#1e4f7d; text-decoration:none; margin:5px 0;}
.anterioresLista h2 a{font:bold 14px arial; color:#1e4f7d; text-decoration:none;}

.anterioresLista h3{ font:11px arial; color:#434343; text-decoration:none; margin:0 0 3px 0;}
.anterioresLista h3 a{font:11px arial; color:#434343; text-decoration:none;}

.anterioresLista h4{ font:11px arial; color:#434343; text-decoration:none; width:90%;}
.anterioresLista h4 a{  font:11px arial; color:#434343; text-decoration:none; width:90%;}
.anterioresLista h2 a:hover, .anterioresLista h3 a:hover, .anterioresLista h4 a:hover{ text-decoration:underline;}

#anterioresPedido{ width:584px; padding:8px 0 0 0; float:left; margin:0 0 0 0; }
#anterioresPedidoInfo{ width:100%; font:11px arial; color:#515152; margin:10px; float:left;}
#anterioresForm{ width:320px; margin:0; padding:0 0 0 20%; float:left; }
#anterioresForm label{ width:65px; font:11px arial; color:#1e4f7d; text-align:right; padding:5px 0 0 0; float:left;}
#anterioresForm form{ padding:5px;}
#anterioresForm input{ background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; font:11px arial; color:#1e4f7d; }

.nome{ width:234px; margin:0 0 5px 5px; float:left;}
.email{ width:234px; margin:0 0 5px 5px; float:left;}
.edicao{ width:120px; margin:0 0 5px 5px; float:left;}
.entrar{ width:86px; height:23px; margin:0 0 0 25px; background:url(/imagens/bt_entrar.gif) no-repeat; border:none;}


/* ADOÇÃO*/
.classLista{  margin:5px 0;  overflow:hidden;}
.classLista ul{ margin:0;  padding:0;  display:block;  list-style-image:none;  list-style-position:outside;  list-style-type:none;}
.classLista .col1, .classLista .col2{  width:48%;  float:left;  margin:0 0 8px 0; list-style-type:none;  padding:0;}
.classLista .col1{  clear:left;  position:relative;}
.classLista .col2{  left:5px;  position:relative;}

.blocoMiddle{  width:255px;  overflow:hidden;  background:#f2f2f2;  font:11px arial;  color:#000;  padding:8px; float:left;  position:relative; border:1px solid #CCC;}
.blocoMiddle span{  font:11px arial;  color:#d57d1b;}
.blocoMiddle .fotoAdote{ width:100px; height:80px; overflow:hidden;}
.blocoMiddle .molduraAdote{width:100px; height:80px; overflow:hidden; float:left; border:1px solid #CCC; padding:5px; margin:0 5px 0 0;}

.blocoMiddle img{  /*border: 3px solid #f2f2f2;*/  margin:0 4px 0 0;  float:left;}
.blocoMiddle a{  font:11px arial;  color:#000;  text-decoration:none;}
.blocoMiddle a:hover{  text-decoration:underline; }

#adocao{ width:584px; padding:0; margin:0 0 0 100px; font:11px arial; color:#1e4f7d;}
#adocaoForm{ width:370px; margin:30px 0 0 0; float:left; }
#adocaoForm label{ width:75px; font:11px arial; color:#1e4f7d; text-align:right; padding:5px 0 0 0; float:left;}
#sexo{ width:50px; font:11px arial; color:#1e4f7d;}
#adocaoForm form{ padding:5px;}
#adocaoForm input{ background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; font:12px arial; }
#adocaoForm select{ width:234px; background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; margin:0 0 5px 5px; }
#adocaoForm textarea{ width:234px; background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; float:left; margin:0 0 5px 5px;}
.widthInput{ width:234px; margin:0 20px 5px 5px; background:#eaf2fd; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.radio{ width:20px; float:left;}
.inputFoto{ width:234px; margin:0 0 5px 6px; background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; float:left;}
.email{ width:234px; margin:0 0 5px 5px;}
#adocaoForm .buttonEnviar{ width:86px; height:23px; margin-left:230px; background:url(/imagens/bt_enviar.gif) no-repeat; border:none;}

/* MURAL DE FOTOS */
#album{ width:584px; padding:20px 0 0 0; margin:0 0 0 40px; font:"trebuchet ms", arial; color:#1e4f7d;}

#album ul{  width:88%;  height:470px; padding:30px 10px 30px 50px; float:left;}
#album li{  width:118px;  height:85px; margin:0 7px 7px 0; list-style-type:none; float:left; border:1px solid #CCC; position:relative;}
#album li .zoomPata{ width:33px; height:30px; position:absolute; bottom:5px; right:4px;}
#album .thumb{  width:106px;  height:70px; overflow:hidden;  text-decoration:none; padding:5px; float:left;}
/*#album .thumb img{ border:3px solid #fff; padding:1px 0 0 1px;}*/

#albumForm{ width:370px; margin:30px 0 0 50px; float:left; }
#albumForm label{ width:75px; font:bold 11px "trebuchet ms", arial; color:#1e4f7d; text-align:right; padding:5px 0 0 0; float:left;}
#albumForm form{ padding:5px;}
#albumForm input{ }
#albumForm textarea{ width:234px; background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; float:left; margin:0 0 5px 5px;}
.widthInput{ width:234px; margin:0 20px 5px 5px; background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.inputFoto{ width:234px; margin:0 0 5px 6px; background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; float:left;}
.email{ width:234px; margin:0 0 5px 5px;}
.buttonEnviar{ width:84px; height:21px; margin-left:230px;}

/* VIDEOS */
.videoGrande{  width:480px;  height:385px;  padding:0 0 0 50px;}
.videoGrande h2{ font: bold 14px arial; color:#aa3898; margin:0 0 5px 0; }
#flashArea{ width:480px; height:385px; float:left; background-color:#CCCCCC;}
ul#videos{  width:90%; padding:10px 10px 0 30px;  margin:0 0 0 0; border-bottom: 1px dashed #e5e5e5; float:left;}
ul#videos li{  width:115px;  /*height:100px;*/ overflow-y:visible;  margin:0 0 0 0; padding:0 8px 10px;  _margin:0 0 10px 0; list-style-type:none; border:none;  float:left;}
ul#videos .thumb{ width:116px;  height:88px;  overflow:hidden;  text-decoration:none;  border:1px solid #999; float:left;}
ul#videos .thumb img{  border:3px solid #fff; padding:1px 0 0 1px;}
ul#videos .thumb img:hover{ border:1px solid #CCC;}
ul#videos a{ font: bold 12px arial; color:#aa3898; text-decoration:none}
ul#videos a:hover{ text-decoration:underline;}

#videosForm{ width:450px; margin:30px 0 0 50px; float:left; }
#videosForm label{ width:100px; font: bold 11px "trebuchet ms",  arial; color:#1e4f7d; text-align:right; padding:5px 0 0 0; float:left;}
#videosForm form{ padding:5px 5px 5px 50px;}
#videosForm input{ background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; font:12px arial; color:#1e4f7d; }
#videosForm .buttonEnviar{ width:86px; height:23px; margin-left:230px; background:url(/imagens/bt_enviar.gif) no-repeat; border:none;}

/*ul#videos{  width:83%; padding:10px 10px 0 43px;  margin:0 10px 0 20px; float:left;}
ul#videos li{  width:102px;  height:100px; overflow-y:visible;  margin:0 13px 13px 0;  _margin:0 0 10px 0; list-style-type:none;  float:left;}
ul#videos .thumb{ width:116px;  height:88px;  overflow:hidden;  text-decoration:none;  margin-right:5px;  border:1px solid #999; float:left;}
ul#videos .thumb img{  border:3px solid #fff; padding:1px 0 0 1px;}
ul#videos .thumb img:hover{ border:1px solid #CCC;}
ul#videos a{ font: bold 12px arial; color:#aa3898; text-decoration:none}
ul#videos a:hover{ text-decoration:underline;}
*/

/* ASSINE, ANUCIE e CONTATO */
.asterisco{ font:bold 12px arial; color:#990000;}
.notaPequena{ font:10px arial;}
.formAssine, .formAnuncie, .formContato{ margin:20px 0 0 0;}
.formAssine form, .formAnuncie form, .formContato form{ margin:0; padding:0;}
.formAssine fieldset, .formAnuncie fieldset, .formContato fieldset{ border:0 none;}
.formAssine label, .formAnuncie label, .formContato label{ width:150px; text-align:right; float:left; font:bold 11px "trebuchet ms", arial; color:#1e4f7d; margin:0 5px 5px 0;}
.formAssine input.campo, .formAnuncie input.campo, .formContato input.campo{ width:240px; background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; font:bold 11px "trebuchet ms", arial; color:#1e4f7d; margin:0 0 5px 0; }

.formAssine textarea, .formAnuncie textarea, .formContato textarea{ width:240px; height:80px; background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; font:bold 11px "trebuchet ms", arial; color:#1e4f7d;}
.formAssine .alinhaBotaoEnviar, .formAnuncie .alinhaBotaoEnviar, .formContato .alinhaBotaoEnviar{ width:410px; text-align:right; margin:15px 0 10px 0;}

.formAssine{ margin:20px 0 0 0;}
.formAssine form{ margin:0; padding:0;}
.formAssine fieldset{ border:0 none;}
.formAssine label{ width:150px; text-align:right; float:left; font:bold 11px "trebuchet ms", arial; color:#1e4f7d; margin:0 5px 5px 0;}
.formAssine label.labelP{ width:73px; text-align:right; float:left; font:bold 11px "trebuchet ms", arial; color:#1e4f7d; margin:0 5px 5px 0;}
.formAssine label.labelRadio{ width:150px; text-align:right; float:left; font:bold 11px "trebuchet ms", arial; color:#1e4f7d; margin:3px 5px 0 0;}
.formAssine input.campoG{ width:240px; background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; font:bold 11px "trebuchet ms", arial; color:#1e4f7d; margin:0 0 5px 0; }
.formAssine input.campoM{ width:90px; background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; font:bold 11px "trebuchet ms", arial; color:#1e4f7d; margin:0 0 5px 0; float:left; }
.formAssine input.campoP{ width:70px; background:#eaf2fd; border-left:2px solid #c7ced7; border-top:2px solid #c7ced7; border-right:1px solid #fff; border-bottom:1px solid #fff; font:bold 11px "trebuchet ms", arial; color:#1e4f7d; margin:0 0 5px 0; float:left; }
.formAssine .campoRadio{ font:11px "trebuchet ms", arial; color:#1e4f7d; vertical-align:middle; }



/**************************  PAGINATOR **************************/

#paginador{ width:50%; height:50px; text-align:center; margin:30px 0 0 0; color:#CCCCCC; /* cor opaca, para o link desativado (proximo e anterior) */  font:bold 11px arial; float:left; clear:both; margin:20px 0 0 150px; _margin:20px 0 0 70px;}
#paginador a{  font:bold 11px arial; color:#de8d00; text-decoration:none;}
#paginador a:hover{ text-decoration:underline; }

#paginador select{  background:#FFF; border:1px solid #AAA; font:bold 11px arial; color:#535353; margin:0 5px 0 5px; padding:0;}