/* ##### estilos básicos */
body { width:778px; padding:0; margin:30px auto; background-color:#C6C18C; }
body, p { font-family:"trebuchet ms", verdana, arial, sans; } 
#header { height:31px; overflow:hidden; background:url(header2.gif) no-repeat top left; margin:0; padding:7px 10px 0 12px; font-size:18px;color:#fff; }
#header a {text-decoration:none; color:#fff; }
#header a:hover {text-decoration:underline; color:#fff; }
#content { background-color:#fff;}
#listainicial a {text-decoration:none; color:#1461B6; }
#listainicial a:hover {text-decoration:underline; color:#1461B6; }

#footer { height:38px; overflow:hidden; background:url(footer2.gif) no-repeat top left; font:11px verdana, arial, sans; color:#bbb; padding:7px 10px 0 12px; margin:0; }
/* these styles instruct non-IE browsers to render container elements so that they fully enclose floats */		
/* without this class applied, a float might hang over the bottom border of it's container */
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-table; }		
/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */
.content2 {margin-left:0;margin-right:auto;margin-top:0;color:#000;font-family:Arial, Helvetica, sans-serif;font-size:12px;width:473px;min-height:70px;background:#FFF;padding:10px 5px;}
h2 {font-size:14px;color:#666;}
img {border:none;}
.buscar_amigos { margin-left:20px; }

/* ##### FIM de estilos básicos */



/* ##### estilos para páginas que possuem o menu lateral com as fotos e etc */
h3 {font-size:14px;color:#1461B6;margin-top:5px;margin-bottom:0;}
.canto {margin-left:auto;margin-right:0;border:1px dotted #ccc;border-right:0;border-bottom:0;border-top:0;color:#666;font-family:Arial, Helvetica, sans-serif;font-size:12px;width:287px;min-height:70px;background:#E4EDFA;overflow:auto;padding:4px 3px;}
.fotos {height:92px;border:1px solid #ccc;float:left;width:85px;overflow:hidden;line-height:16px;margin:2px 0 2px 2px;}
.fotos img {width: 86px;height: 73px; }
.tdcanto {background:#E4EDFA;}
.quadro {width:285px; }
.quadro a {text-decoration:none;color:#666; }
.quadro a:hover {text-decoration:underline; }
/* ##### fim dos estilos para páginas que possuem o menu lateral com as fotos e etc */



/* ##### Início dos estilos da página de recados e avisos */
.recado {margin:5px 0 5px 5px;padding:5px;border:1px solid #ccc;color:#666;font-family: Arial, Helvetica, sans-serif;font-size:12px;width:430px;float:left;}
.foto_recado {margin: 5px 8px 5px 8px; width: 60px;height: 55px;}
.recado2 {left:65px;right:auto;width:330;}
.listitem,.listitemchk,.listitemsel{overflow:hidden;zoom:1;padding:5px 5px 1px}
.listitemsel{padding:9px 9px 4px}
.listitem .para,.listitem h3{margin-left:84px}
.listitem .dte,.listitem .sml,.listitem .nor{margin-left:84px;display:block}
.listitemchk .para,.listitemchk h3{margin-left:105px}
.listitemchk .dte,.listitemchk .sml,.listitemchk .nor{margin-left:105px;display:block}
.listitem .paravideo h3,.listitem .paravideo span{margin-left:0}
.triplel .listitem,.tripler .listitem,.doublel .listitem,.doubler .listitem{height:95px}
.rfdte{float:right;margin-left:15px;margin-bottom:8px}
.para{font-size:12px;padding:2px 0 3px}
.listimg{float:left;margin-bottom:3px;padding:2px;margin-right:2px}
.para1 {font-size:12px;padding:2px 0 3px}
.para {width:375px;}
.listimg {width:70px;height:57px; }
#fotoprincperfil { width:91px;height:78px }
/* ##### Fim dos estilos da página de recados e avisos */

/* ##### estilos para lugares onde há tabelas e estilos da página de boletins */
.content_boletim { width:778px; overflow:hidden; background:#FFF;}
table.bordasimples {border-collapse:collapse;}
table.bordasimples tr td {border:1px solid #000;}
/* ##### Fim de estilos para lugares onde há tabelas e estilos da página de boletins */


.foto_perfil { float:left;margin-bottom:3px;padding:2px}