/********************************************
   HTML GENERAL ELEMENTS
********************************************/
body
{
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  
    background: #FFFFFF url(Images/background.jpg) bottom center repeat-y fixed;
}
code 
{
  	margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto;  
  	/* white-space: pre; */ border: 1px solid #F4F3EC; background: #FAFAE7;  
}
acronym { cursor: help; border-bottom: 1px dashed #777; }
blockquote { }
img { padding: 0px; border:0px; }
img.float-right { margin: 2px 0px 2px 2px; float:right;}
img.float-left { margin: 2px 2px 2px 0px; float:left;}

table {	border-collapse: collapse; margin: 0px; width:100%; }
th strong {color: #fff; }
th { padding:2px; background-color:#D1CEC1; }
td, th { padding:2px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; text-align:left; vertical-align:top;}
td.first, th.first { border-left: 0px; }
tr.row-a {background: #F5F5F5; }
tr.row-b {background: #EFEFEF; }
tr.row-c {background: #FFFFFF; font-weight:bold; }

/********************************************
   FONTS
********************************************/
body, html {font-family: "Trebuchet MS", Arial, Tahoma, Verdana;}
body, html {font-size:11px; }

#menu { font-family:"Courier New", Courier, monospace; font-size:15px; font-weight:bold;}
#menu li.menu_data {font-size:10px; font-family: "Trebuchet MS", Arial, Tahoma, Verdana;}

code { font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; }
blockquote{font: bold 1.3em/1.5em 'Trebuchet MS', Tahoma, Sans-serif; }
input, textarea, select, option {font: normal 1em Verdana, sans-serif; }
input.button {font: bold 12px Arial, Sans-serif;}

.ContentTitle, .ContentTitle2 {font-family:"Courier New", Courier, Verdana; }
.ContentTitle {font-size:16px; font-weight:bold;}
.ContentTitle2 {font-size:14px; font-weight:bold;}
.ContentTitleSub, .ContentTitleSub2 {font-family:"Courier New", Courier, monospace; font-weight:bold; }
.ContentTitleSub {font-size:16px;}
.ContentTitleSub2 {font-size:12px;}

.WorkText { font-size:14px; line-height:23px;}

/********************************************
   LINKS
********************************************/
a, a:visited, a:hover, .Link, .LinkOver {background: inherit; cursor:pointer;}
a, a:visited, .Link { color: #5A93C9; text-decoration: none; }
a:hover, .LinkOver { color: #88ac0b; text-decoration: underline; }

/********************************************
   LAYOUT - CONTENT
********************************************/
.Avatar{ border: dashed 0px #9F9F9F; width: 80px; height: 80px; }
.Icn {vertical-align:middle;width:auto; height:auto; margin-right:2px;}
.IcnRegister {color:#5A93C9; font-size:12px; margin-left:1px;}

/* Blockquote */
.Blockquote {background-color:#F5F5F5;}
.BlockquoteContent {background-color:#F5F5F5;}
.BlockquoteAuthor {background-color:#F5F5F5;}

/* Article */
.Content{}
.Content, .ContentHover
{
    text-align:justify;	font-weight:normal; padding: 4px 3px 4px 3px; margin-bottom:3px;
}
.Content         {border: 1px solid #DDDDDD; color: #414141;}
.ContentHover    {border: 1px solid #7EB416; color: #414141;}
.ContentTitle, .ContentTitle2 
{ 
    background-color: #7EB416; background-image: url(Images/icn-corner.gif); background-position: top right;
    background-repeat:no-repeat; color:#FFFFFF; padding: 4px 3px 4px 5px; margin-bottom:2px; 
}
.ContentTitleSub
{
	color: #414141;	font-weight:bold; background-image:url(Images/bg-subtitle.jpg);
	padding: 2px 2px 2px 2px; display:block; 
}
.ContentTitleSub2 
{
	color: #414141;	font-weight:bold; background-image:url(Images/bg-subtitle.jpg);
	padding: 2px 2px 2px 2px; display:block; 
}

/********************************************
   LAYOUT - FORM ELEMENTS
********************************************/
label {	display:block; font-weight:bold; margin:5px 0; }
input { width:200px; }
textarea { width:350px; height:100px; display:block;}
input, textarea, select, checkbox{ border:1px solid #DDDDDD; color:#777; vertical-align:middle; padding:2px;}
input.button 
{ 
    margin:0; color: #FFFFFF; cursor:pointer; padding:0px; width:auto;
    background: #8EB50C; border: 1px solid #88AD0C; vertical-align:middle;
}
input.checkbox, input.radio { width:auto; border: 0px;}

input.textbox1 { width:184px;}
.friend input.text { width: 200px; margin-left:5px; margin-bottom:2px; }
#login input { width: 100px; }
#login input.button { width:auto; }
#register input { width: 170px; }
#register textarea { width:220px; height:40px;}
#register input.button { width:350px; }
#register .ValidatorInput{font-size:15px; }
#register .captcha input {width:80px; margin-top:5px;}

/********************************************
   LAYOUT - PAGES
********************************************/
#wrap
{
    background-color: #FFFFFF; margin: 0px auto 0px auto; padding: 7px;
}

#wrap, #mainAlone { width: 800px; }
#main { width: 535px; }
#sidebar { width: 260px; }

#main, #mainAlone { float: left; display: inline; position: relative; }

#sidebar { float: right; position: relative; }

#header { height: 170px; margin-bottom: 2px; }

/* login :: begin */
.login, .loginHover { margin: 2px 0px 4px 0px; padding: 2px 5px 5px 2px; position:relative; text-align:center;}
.login { border: 1px solid #DDDDDD; color: #999999;}
.loginHover{ border: 1px solid #7EB416; color: #414141; }
/* login :: end */

/* menu :: begin */
#menu, #menu li.menu_data { background: #7EB416; }
#menu { border-bottom-color: #7EB416; }
#menu
{
    clear: both; width: 100%; height: 30px; margin: 3px 0px 2px 0px;
    border-bottom-width: 2px; border-bottom-style: solid;
}
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu li { background: #93BC0C; padding: 7px 12px 5px 12px; float: left; }
#menu, #menu li.menu_data, #menu li, #menu li a { color: #FFFFFF; } /* item inactivo */
#menu li.active, #menu li.active a, #menu li.active a:hover /* item activo */
{
    background: #8EB61F url(Images/menu-arrow.gif) no-repeat center top;
    color: #FFFFFF; font-weight: bold; padding: 7px 2px 5px 2px;
}
#menu li a { font-weight: bold; background:inherit; text-decoration: none; padding: 2px; }
#menu li a:hover  /* item com o rato por cima */
{
    color: #FFFFFF; background: #8EB61F; padding: 2px;
}
#menu img { float: left; margin: 2px 4px 0px 0px; }
/* menu :: end */

/* footer :: begin */
#footer
{
    clear: both; border-top-style: solid; border-top-width: 0px; border-top-color: #CCCCCC;
    text-align: center; padding-bottom: 10px; display: block;
}
.footerAbout
{
    background-color: #F1F1EF; color: #666666; border-bottom: #D2CFC1 2px solid; border-top: #D2CFC1 2px solid;
    margin-top: 8px; margin-bottom: 8px; text-align: left; padding: 2px;
}
.footerOptions, .footerAbout { text-align: left;}
/* footer :: begin */


/********************************************
   PRINT
********************************************/
@media print
{
    #header {display: none; }
    #menu   {display: none; }
    #login  {display: none; }
    #sidebar{display: none; }
    #footer {display: none; }
}