/* GENERAL 
================================= */

* {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS";
}

h1, h2, h3, h4, h5, li, a, input
{
	text-transform: uppercase;
}

#wrapper
{
	width: 750px;
	margin: 10px auto;
}

img
{
	border: 0;
}

.clear
{
	clear: both;
}

input,
textarea,
select
{
	border: 0;
	background-color: #DDF0C6;
}

textarea
{
	height: 75px;
}

input.btn
{
	width: 66px;
	height: 32px;
	padding: 0;
	background-color: #FFF;
}

em
{
	font-style: normal;
}

/* HEADER 
================================= */

#header
{
	margin: 0 0 30px 0;
	padding: 15px 15px 0 15px;
	width: 720px;
	height: 33px;
	background: url(/static/images/bg_menu.png) 0 0 no-repeat;
}

h1
{
	width: 103px;
	height: 32px;
	float: left;
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0 !important;
	height /**/: 32px;	
	background: url(/static/images/logo.png) 0 0 no-repeat;
}

/* MENU
================================= */

#menu
{
	float: right;
}

#menu ul
{
	font-size: 12px;
	list-style: none;
}

#menu li
{
	float: left;
	margin: 0 0 0 20px;
}

#menu a
{
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover
{
	text-decoration: none;
	color: #DDF0C6;
}

/* HOME
================================= */

#destaque
{
	width: 428px;
	height: 182px;
	padding: 30px 0 0 30px;
	background: #F4FAEC url(/static/images/image.gif) 0 0 no-repeat;
}

#destaque div
{
	margin: 55px 0 0 0;
}

#destaque h2
{
	width: 263px;
	font-size: 20px;
	color: #808080;
}

#login
{
	width: 252px;
	height: 192px;
	padding: 20px 0 0 20px;
	float: right;
	background-color: #F4FAEC;
}

#login h4
{
	width: 57px;
	height: 31px;
	padding: 31px 0 0 0;
	margin-bottom: 10px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 31px;	
	background: url(/static/images/title_login.gif) 0 0 no-repeat;
}

#login input
{
	font-size: 16px;
	text-transform: lowercase;
}

input.nome_field,
input.senha_field
{
	width: 190px;
	height: 27px;
	padding: 5px 0 0 5px;	
}

input.nome_field
{
	margin-bottom: 10px;
}

.esqueci_field
{
	font-size: 12px;
	color: #808080;
	background-color: #F4FAEC;
}

.esqueci a
{
	font-size: 12px;
	color: #808080;
	text-transform: none;
	background-color: #F4FAEC;
}


p.nome,
p.senha
{
	font-size: 14px;
	font-weight: bold;
	color: #90CC42;
}

.ok
{
	position: absolute;
	margin: 0 0 0 5px;
}

#steps
{
	margin: 30px 0 30px 0;
}

.box,
.box_middlle
{
	float: left;
	width: 200px;
}

.box_middlle
{
	margin: 0 75px 0 75px;
}

h3.crie
{
	width: 165px;
	height: 39px;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0 !important;
	height /**/: 39px;	
	background: url(/static/images/title_crie.gif) 0 0 no-repeat;
}

h3.tire
{
	width: 169px;
	height: 39px;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0 !important;
	height /**/: 39px;	
	background: url(/static/images/title_tire.gif) 0 3px no-repeat;
}

h3.use
{
	width: 156px;
	height: 39px;
	padding: 39px 0 0 0;
	overflow: hidden;
	height: 0 !important;
	height /**/: 39px;	
	background: url(/static/images/title_use.gif) 0 17px no-repeat;
}

#steps p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	clear: both;
	text-align: justify;
}

/* USER INFO
================================= */
#info
{
	margin-bottom: 25px;
}

#user
{
	margin-bottom: 10px;
}

#user b
{
	font-size: 28px;
	font-weight:normal;
}

#amigos
{
	width: 640px;
	padding-left: 30px;
}

.amigos
{
	float: left;
	margin-right: 45px;
	margin-bottom: 25px;
}

#user img,
.amigos img
{
	float: left;
	margin-right: 10px;
}

#user h2,
.amigos h2
{
	color: #808080;
	font-size: 16px;
}


#user p,
.amigos p
{
	display: inline;
	font-size: 10px;
}

#user span,
.amigos span
{
	font-size: 10px;
	color: #DA009A;
}

#user a,
.amigos a
{
	color: #DA009A;
	text-decoration: none;
}

#user a:hover,
.amigos a:hover,

{
	color: #DA009A;
	text-decoration: underline;
}

/* BUSCA
================================= */

#busca
{
	width: 295px;
	height: 32px;
	float: right;
}

#busca input.field
{
	width: 220px;
	height: 27px;
	border: 0;
	float: left;
	font-size: 16px;
	text-transform: lowercase;
	padding: 5px 0 0 5px;
	background-color: #DDF0C6;
}

input.buscar
{
	float: right;
	width: 65px;
}

#busca img
{
	float: right;	
}

/* CONTENT
================================= */

#container_expand,
#container_expand h4,
#container_expand input.editable,
#container_expand textarea
{
	width: 500px;
}

#container_expand h4,
#container_expand input.editable
{
	font-size: 28px;
}

#container_expand h4.editable
{
	background-color: #DDF0C6;
}

#container_expand textarea.editable
{
	margin: 5px 0 0 0 !important;
	margin: 0px 0 0 0;
}

div.editable
{
	margin-top: 5px;
}

/* STYLES
================================= */
.photo
{
	width: 230px;
}

#container ul.topico
{
	list-style: none;
	margin-bottom: 25px;
	margin-left: 85px;	
}

#container ul.topico li
{
	margin-left: 40px;
	line-height: 25px;
}

.paragrafo a,
ul.topico a
{
	text-decoration: none;
	color: #90CC42;
}

.paragrafo a:hover,
ul.topico a:hover
{
	text-decoration: underline;
}

#container h4
{
	font-size: 14px;
	margin-bottom: 5px;
}

#container h4.editable,
#container input.editable
{
	width: 230px;
	background-color: #DDF0C6;
}

p.date
{
	float: left;
}

p.comments
{
	float: right;
}


p.comments,
p.date
{
	font-size: 10px;
	color: #959595;
	text-transform: uppercase;
}

p.comments a
{
	color: #959595;
}

/*
==================================================================================================================================== */

/* COMMENTS
================================= */

#comments
{
	margin: 30px 0 20px 0;
}

#container_expand p,
#comments p,
p.texto
{
	color: #808080;
	font-size: 12px;
	margin: 5px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;	
}

.paragrafo
{
	width: 600px;
	margin: 0 0 20px 75px;
	text-align: justify;
}

.paragrafo span
{
	color: #90CC42;	
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;	
}

#comments h5
{
	width: 141px;
	height: 41px;
	padding: 41px 0 0 0;
	overflow: hidden;
	height: 0 !important;
	height /**/: 41px;	
	background: url(/static/images/title_comments.png) 0 0 no-repeat;
}

#comments h3
{
	font-size: 13px;
}

#comments h3 span
{
	font-size: 10px;
	color: #808080;
	text-transform: none;
}

#comments p.deletar
{
	font-size: 10px;
	margin: 0;
}

#comments img
{
	float: left;
	width: 40px;
	margin-right: 10px;
}

#comments p.deletar
{
	float: right;
}

#comments h3 a,
#comments p.deletar a
{
	color: #DA009A;
	text-decoration: none;
}

#comments h3 a:hover,
#comments p.deletar a:hover
{
	color: #DA009A;
	text-decoration: underline;
}

#comments p.comment_date
{
	font-size: 10px;
	margin: 0;	
}

#comments p.comment_date span,
p.date span
{
	color: #80B63B;	
	margin: 0;
}

.comment
{
	width: 450px;
	float: right;
}

/* POST COMMENT
================================= */

#postcomment
{
	margin: 30px 0 30px 0;
	clear: both;
}

#postcomment input
{
	display: block;
	margin: 5px 0 0 432px;
}

/* RIGHT COLUMN
================================= */

#right_column
{
	float: right;
	width: 230px;
	margin-top: 18px;
}

/* SLIDER
================================= */

#slider
{
	width: 220px;
	margin: 20px 0 0 0;
	padding: 10px 0 3px 10px;
	border-top: 1px solid #EFF6E5;
	border-left: 1px solid  #EFF6E5;
	border-bottom: 1px solid  #DCEFC2;
	border-right: 1px solid  #DCEFC2;
	background-color: #F9FCF5;
}

#sliderNav
{
	clear: both;
	padding-top: 1px;
}

#sliderNav .right
{
	margin-left: 90px;
}

#sliderPhotos div
{
	width: 70px;
	height: 70px;
	background-color: #E6E6E6;
	float: left;
	margin-right: 10px;
}

#slider p
{
	font-size: 22px;
	font-weight: bold;
}

#slider p,
#slider span
{
	color: #C1C1C1;	
}

#slider span
{
	font-size: 12px;
	font-weight: bold;
	display: block;
}

/* PAGINACAO
================================= */

#pag
{
	width: 750px;
	margin: 20px 0 	0 0;
	clear: both;
}

#pag ul
{
	list-style: none;
}

#pag li
{
	width: 20px;
	height: 19px;
	margin: 0 5px 0 0;
	padding: 1px 0 0 0;
	float: left;
	color: #FFFFFF;
	font-size: 12px;	
	font-weight: bold;
	text-align: center;
	background: url(/static/images/pag_off.png) 0 0 no-repeat;
}

#pag li.selected
{

	background: url(/static/images/pag_on.png) 0 0 no-repeat;
}

#pag a
{
	color: #FFFFFF;
	text-decoration: none;
}

#pag a:hover
{
	color: #90CC42;
	text-decoration: none;
}

/* FOOTER
================================= */
	
#footer
{
	width: 730px;
	height: 20px;
	clear: both;
	margin: 20px 0 0 0;	
	padding: 10px 10px 0 10px;
	background: url(/static/images/hr.png) top left no-repeat;
}

#footer ul
{
	list-style: none;
}

#footer li
{
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	font-size: 10px;
}

#footer li span
{
	margin: 10px 10px 10px 10px;
	color: #80B63B;
}

#footer h3
{
	float: right;
	font-size: 10px;
}

#footer h3 a
{
	color: #808080;
	text-decoration: none;
}

#footer h3 a:hover
{
	color: #808080;
	text-decoration: underline;
}

#footer a
{
	color: #80B63B;
	text-decoration: none;
}

#footer a:hover
{
	color: #80B63B;
	text-decoration: underline;
}

/* LOGIN STYLE
================================= */

fieldset span,
fieldset span a,
#perfil p,
.chg_desc,
.chg_little_desc,
.txt,
textarea,
#container li,
.paragrafo
{
	color: #808080;
	font-size: 12px;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;	
}

/* CADASTROS
---------------------------------------------------*/

fieldset
{
	border: 0;
	color: #808080;	
	margin: 0 0 0 0;
}

fieldset input
{
	width: 300px;
	height: 20px;
	padding: 2px 0 0 4px;
	color: #808080;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h3.title,
h3.title_bloco
{
	clear: right;
	margin-bottom: 20px;
}

h3.title_bloco
{
	margin-left: 75px;
}

fieldset input.dia,
fieldset input.ddd
{
	width: 30px;
}

fieldset input.celular
{
	width: 93px;
}

fieldset select.ano
{
	width: 60px;
	height: 20px;
	color: #808080;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;		
}

fieldset textarea
{
	width: 300px;
	height: 80px;
	color: #808080;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

.profile_name
{
	height: 27px;
	padding-top: 3px;
	font-size: 18px;
	color: #000000;
	text-transform: uppercase;
}

.checkbox
{
	width: 14px;
	border: 0;
	font-size: 12px;
	background-color: #FFFFFF;
}

fieldset label
{
	text-transform: uppercase;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	clear: both;
}

fieldset span a
{
	text-transform: lowercase;
	color: #DA009A;
}

.msg
{
	width: 744px;
	height: 24px;
	margin: 0 0 10px 0;
	padding: 7px 0 0 6px;
	font-size: 12px;
	color: #808080;
	background-color: #fbf9f0;
}

.msg p
{
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
	margin-left: 5px;
	position: absolute;
}

.cad_senha
{
	width: 140px;
}

.msg a,
.msg a:hover,
#perfil a,
ul.topico a,
.paragrafo a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	color: #DA009A;	
}

#perfil a:hover
{
	text-decoration: underline;
}

/* PERFIL
---------------------------------------------------*/
#perfil
{
	margin: 25px 0 0 50px;
	color: #808080;
}

#perfil span,
#perfil em
{
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
}

#perfil em
{
	color: #90CC42;
}

#perfil p
{
	line-height: 20px;
}

.resultado
{
	clear: both;
}

.resultado h5
{
	color: #808080;
	font-size: 13px;
}

.resultado img
{
	float: left;
	margin-right: 10px;
	margin-bottom: 30px;
}

.resultado h3
{
	margin-bottom: 10px;
}

.resultado p,
.resultado em
{
	font-family: "arial";
	color: #808080;
	font-size: 10px;
	text-transform: lowercase;
}

.txt
{
	margin-bottom: 10px;
}

.lixeira
{
	width: 70px;
	float: right;
}

.funcionalidades a
{
	font-size: 10px;
	font-weight: bold;
	color: #808080;
	position: absolute;
	clear: both;
	margin: 2px 0 0 5px;
	text-decoration: none;
}

.funcionalidades a:hover
{
	color: #808080;
	text-decoration: underline;
}

/* Modified by the king */

#error
{
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #808080;
	background-color: #F4FAEC;
	display:none;
}

#friendship .funcionalidades a
{
	font-size: 10px;
	font-weight: bold;
	color: #808080;
	position: absolute;
	clear: both;
	margin: 2px 0 0 0px;
	text-decoration: none;
}

#friendship .funcionalidades a:hover
{
	color: #808080;
	text-decoration: underline;
}