body 
{
    margin:0;
    padding:0;
    font-family: Verdana, Arial, Sans-Serif;
    font-size:0.7em;
    color:#393a3a;
    background:#dddee3;
}

p
{
    margin:0;
    padding:0;
}

h1, h2, h3, h4, h5, h6
{
    color:#029ace;   
}

.highlightsText
{
    font-size:1em;
    font-weight:bold;
    color:#029ace;    
}


/* --- layout setting -- */
#top
{
    width:100%;
    height:87px;
    background:url('images/bg_top.jpg') repeat-x;
 }

.header
{
    width:940px;
    margin:0 auto;
}

#top_left
{
   float:left;
   width:150px;
   height:84px;
   margin-top:4px;
   text-align:right;
}

#top_left a img
{
   border:0;
}

#top_right
{
    float:left;
    width:790px;
    height:87px;
    display:block;
}
#warp_content
{
    float:left;
    width:100%;
    height:100%;
    background: #ededed url('images/bg_content.jpg') repeat-x;    
}

.main_content
{
    width:940px;
    height:100%;
    margin:0 auto;
}

.content
{
    float:left;
    display:inline;
    width:900px;
    height:100%;
    margin:0 auto;
}

/*-- LOGIN AREA --*/
.login_area
{
  float:right;
  width:600px;
  height:26px;
  margin-top:10px;
  display:inline;
  text-align:right;
}

.warp_login
{
    float:left;
    height:25px;
    background:url('images/login_area02.jpg') repeat-x;
}

.warp_login img
{
    padding-top:8px;
}

.welcome_msg
{
    height:22px;
    font-size:10px;
    margin-left:5px;
    padding-top:30px;
}

.welcome_user
{
    color: #45c8f6;
    padding-right:10px;   
}

/* -- NAVIGATION --*/
.navigation
{
    float:left;
    width:400px;
    height:30px;
    margin-top:19px;
    margin-left:60px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 30px; /*--Set height of tabs--*/
	width: 100%;
}

ul.tabs li {
	width:94px;
	float: left;
	margin:0;
	padding: 0;
	height: 30px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	margin-right:10px;
	overflow: hidden;
	position: relative;
	background:#edeef0;
}
ul.tabs li a {
	text-decoration: none;
	color: #127697;
	display: block;
	font-size: 1.3em;
	padding: 2px 0 0 20px;
	outline: none;
	font-family: 'Jura', Arial, serif;
	font-weight:bold;
}
ul.tabs li a:hover {
	background: #82e1f8 url('images/login_btnHover.jpg') no-repeat;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #82e1f8 url('images/login_btnHover.jpg') no-repeat;
}

/* -- tabs content --*/
.tab_container {
	border-top: none;
	overflow: hidden;
	width: 100%;
	height:100%;
}

.tab_content {
	float:right;
	width:670px;
	font-size: 1.2em;
	margin:0 auto;
	padding:10px;
	background:#82e1f8;
}


/* -- LEFT content --*/

.left_content
{
    width:200px;
    float:left;    
}

.pub
{
    width:142px;
    height:106px;
    margin:20px 0 20px 40px;
}

.contactos
{
    width:143px;
    height:100%;
    margin:20px 0 20px 40px;
}

.contactos_info
{
    width:135px;
    padding:4px;
    font-size:9px;
    background:#ebebeb url('images/contactos_middlebg.png') no-repeat;    
}

.contactos_info p
{
    margin-top:10px;
}

.contactos_icons
{
    margin-right:5px;
}

.intro_home
{
    clear:both;
    width:860px;
    margin:0 auto;
    padding-bottom:10px;  
}

.intro_content
{
    text-align:justify;
    background: url('images/roundCornerBg.png') repeat;
    padding:10px;    
}

.intro_content p
{
    margin-top:5px;
}

/* FOOTER */
#footer_warp
{
    clear:both;
    width:100%;
    height:100%;
    background: #dddee3 url('images/bg_footer.jpg') repeat-x;
}

.credits
{
    text-align:center;
    padding:5px 0 5px 0;
    color:#014f69;   
}