/*
 *   ANIVERSARIANTES
 *   Copyright (C) 2009-11-13 Matheus Rennê
**/

h2 {margin:0 0 15px; padding:0; background:none;}

/*
_______________________________
FORMULARIOS */
#content .pForms {width:500px; margin:0 auto;}
#content .pForms fieldset {padding:0; border:none; border-bottom:1px dashed #CCC;}
#content .pForms fieldset legend {margin:0; padding:3px; font-size:14px; font-weight:bold; color:#333;}
#content .pForms fieldset ol li {display:block; margin:0 0 5px; padding:5px;}
#content .pForms fieldset ol li label {position:absolute; width:100px; text-align:right; line-height:29px;}
#content .pForms fieldset ol li input,
#content .pForms fieldset ol li select,
#content .pForms fieldset ol li textarea {width:366px; height:14px; margin:0 0 3px 110px; padding:6px; border:1px solid #B7C8D8; color:#000; background-color:#FFF;}
#content .pForms fieldset ol li input.file {height:28px;}
#content .pForms fieldset ol li select {width:376px; height:28px; padding:4px;}
* + html/*/ * /**/ body #content .pForms fieldset ol li select {margin-top:5px;}
* html #content .pForms fieldset ol li select {margin-top:5px;}
#content .pForms fieldset ol li textarea {height:100px;}
#content .pForms fieldset ol li input.mFone,
#content .pForms fieldset ol li input.mData {width:96px;}
#content .pForms fieldset ol li em {display:block; margin:0 0 0 110px; font-size:11px; font-style:normal; color:#666;}
#content .pForms fieldset ol li .valid {border-color:#90AC13; color:#90AC13;}
#content .pForms fieldset ol li #captcha {width:96px; margin:0 0 3px 110px; color:#000;}
#content .pForms fieldset ol li strong {display:inline-block; float:right; margin:0 190px 0 0; padding:6px 10px; color:#FFF; background-color:#222;}
#content .pForms fieldset ol li.avatares label {height:29px;}
#content .pForms fieldset ol li.avatares div {display:block; width:360px; margin:0 0 0 110px; height:160px;}
#content .pForms fieldset ol li.avatares div label {display:inline-block; position:relative; float:left; width:50px; margin:5px;}
#content .pForms fieldset ol li.avatares div label input {width:auto; margin:0; padding:0; border:none; background:none;}
#content .pForms button {display:block; margin:10px auto 0; padding:6px; border:1px solid #ADADAD; font-size:11px; font-weight:bold; text-align:center; color:#555; background:#F4F4F4 url(../images/buttons/bg-botao.jpg) repeat-x center center; cursor:pointer;}
* + html/*/ * /**/ body #content .pForms button {padding:3px;}
* html #content .pForms button {padding:3px;}
#content .error {display:table; margin:0 0 0 110px; padding:2px 5px; font-size:11px; text-align:left; color:#C00; border:1px solid #C00; background-color:#FFEBE8; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
/*#content .pForms fieldset .error {border-color:#C00; color:#C00;}*/
* + html/*/ * /**/ body #content .error {display:block;}
* html #content .error {display:inline-block;}

/*
_______________________________
PROXIMOS ANIVERSARIANTES */
#content #box-aniversariantes {min-height:100px; height:auto !important; height:100px;}
#content #aniversariantes {margin:20px auto;}
#content #aniversariantes li {display:inline; float:left; width:210px; height:70px; margin:5px 0 10px; padding:4px; border:1px solid #7D8791; font-size:11px; line-height:16px; text-transform:lowercase; color:#555; background:#FFF url(../images/aniversariantes/bg-aniversariantes.jpg) repeat-x 0 0;}
#content #aniversariantes li.margin {margin:5px 15px 10px 0;}
#content #aniversariantes li.aniversario {border-color:#662B8B; background-position:0 -80px;}
#content #aniversariantes li .foto-perfil {float:left; position:relative; width:80px; height:70px; margin-right:5px; overflow:hidden; text-align:center;}
#content #aniversariantes li .foto-perfil img {position:absolute; top:50%; left:50%;}
#content #aniversariantes li strong a {font-size:12px; line-height:20px; text-transform:uppercase; color:#F90;}
#content #aniversariantes li strong a:hover {text-decoration:underline;}
#content #aniversariantes li a {font-weight:bold; color:#555;}
#content #aniversariantes li a:hover {text-decoration:underline;}

/*
_______________________________
COLUNAS */
#content .coluna-objeto,
#content .coluna-descricao {float:left; width:330px; min-height:100px; height:auto !important; height:100px;}
#content .coluna-descricao {float:right;}

#content #autenticacao-inicio,
#content #coluna-cadastro {min-height:100px; height:auto !important; height:100px;}
/*
_______________________________
COLUNA LOGIN */

#content #autenticacao-inicio #frmLogar {display:block; clear:both; padding:10px 10px 40px 10px; font-weight:normal;}
#content #autenticacao-inicio #frmLogar button {float:right; padding:6px; border:none; font-size:10px; text-align:center; text-transform:uppercase; color:#FFF; background-color:#252525;}
#content #autenticacao-inicio #frmLogar ol li label {display:block; font-size:11px; line-height:19px;}
#content #autenticacao-inicio #frmLogar ol li input {width:97%; margin:2px 0 5px; padding:3px; border:1px solid #B7C8D8; font-size:16px; background:#FFF;}
#content #autenticacao-inicio .error {display:inline-block; margin:0 0 10px 0; padding:2px 5px; border:1px solid #C00; font-size:11px; color:#333; background-color:#FFEBE8;}

#content #autenticacao-inicio .recuperar {margin:0 auto 10px; text-align:center;}
#content #autenticacao-inicio .recuperar a {font-weight:normal; text-align:center; color:#F90;}
#content #autenticacao-inicio .recuperar a:hover {text-decoration:underline;}

/*
_______________________________
BOX PERFIL */
#content #box-perfil {display:block; clear:both; min-height:100px; height:auto !important; height:100px; margin-bottom:50px; font-size:12px; line-height:20px; color:#555;}
#content #box-perfil p {float:left; font-size:12px; line-height:30px;}
#content #box-perfil img {float:right;}
#content #box-perfil p img {float: none;}

/*
_______________________________
BOX RECADOS */
#content .box-recados {display:block; min-height:90px; height:auto !important; height:90px; margin-bottom:10px; padding:5px; font-size:12px; line-height:16px; color:#555; background-color:#F6F6F6;}
#content .box-recados .coluna-foto,
#content .box-recados .coluna-recado {display:inline; float:left; width:130px;}
#content .box-recados .coluna-foto div {position:relative; width:118px; height:88px; overflow:hidden;}
#content .box-recados .coluna-foto div img {position:absolute; top:50%; left:50%;}
#content .box-recados .coluna-recado {width:420px;}
#content .box-recados .coluna-recado cite {display:block; font-size:16px; font-style:normal; text-transform:uppercase; color:#691E79;}
#content .box-recados .coluna-recado cite a {font-weight:bold;}
#content .box-recados .coluna-recado cite a:hover {color:#A97AB3;}
#content .box-recados .coluna-recado span {font-size:10px;}
#content .box-recados .coluna-links {display:inline; float:right; width:110px; text-align:right;}
#content .box-recados .coluna-links a {color:#A00;}
#content .box-recados .coluna-links a:hover {color:#F00;}

/*
_______________________________
COLUNAS */
#content #coluna-descricao {float:left; width:400px;}
#content #coluna-descricao h2 {margin:0 auto 20px; padding:0; font-size:24px; line-height:36px; text-align:center; color:#444; background:none;}
#content #coluna-objeto {float:right; width:280px;}

/*
_______________________________
AUTENTICACAO */
#content #autenticacao {width:250px; padding:10px; border:5px solid #691E79; margin:0 auto; color:#555;}

#content #autenticacao h2 {height:26px; margin:0 auto; padding:0; font-size:26px; line-height:26px; text-align:center; color:#555; background:none;}

#content #autenticacao #frmLogar {display:block; clear:both; padding:10px 10px 40px 10px; font-weight:normal;}
#content #autenticacao #frmLogar button {float:right; padding:6px; border:none; font-size:10px; text-align:center; text-transform:uppercase; color:#FFF; background-color:#252525;}
#content #autenticacao #frmLogar ol li label {display:block; font-size:11px; line-height:19px;}
#content #autenticacao #frmLogar ol li input {width:96%; margin:2px 0 5px; padding:3px; border:1px solid #B7C8D8; font-size:16px; background:#FFF;}
#content #autenticacao .error {display:inline-block; margin:0 0 10px 0; padding:2px 5px; border:1px solid #C00; font-size:11px; color:#333; background-color:#FFEBE8;}

#content #autenticacao .recuperar {margin:0 auto 10px; text-align:center;}
#content #autenticacao .recuperar a {font-weight:normal; text-align:center; color:#F90;}
#content #autenticacao .recuperar a:hover {text-decoration:underline;}

#content #autenticacao #sem-cadastro {border-top:1px solid #EEE; text-align:center;}
#content #autenticacao #sem-cadastro a {display:block; height:38px; border:1px solid #CCC; line-height:38px; color:#555; background:#F4F4F4 url(../images/buttons/bg-botao.jpg) repeat-x top center;}
#content #autenticacao #sem-cadastro a:hover {border-color:#A81DC5; color:#A81DC5;}

/*
_______________________________
SUBMENU */
#content .subnavlist {}
#content .subnavlist li {display:inline; float:left; padding-right:10px; font-size:11px; color:#691E79;}
#content .subnavlist li a {padding:3px 5px; color:#FFF; background-color:#691E79;}
#content .subnavlist li a:hover {background-color:#AEB81E;}

/*
_______________________________
CLEAR FIX */
#content .subnavlist:after,
#content #box-aniversariantes:after,
#content #aniversariantes:after,
#content #box-perfil:after,
#content .box-recados:after,
#content .pForms fieldset ol li.avatares:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}