﻿/* ========== Styling all elements */
* {
	margin: 0;
	padding: 0;
}
a {
	outline: none;
	border: none;
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
.floatleft {
	float: left !important;
}
.floatright {
	float: right !important;
}
abbr {
	cursor: help;
}
acronym {
	cursor: help;
}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
tbody tr {
	cursor:hand;
}
em.none { color: #666; }
form>dl>dt { font-size: 12px !important; }
form,fieldset{
	font-size: 12px;
	margin:0;
	padding:0;
	border-style:none;
}
/*---GlobalEnd---*/
/* ========== Applying clearfix fix for some browsers to use in appropriate places */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */
/* ========== BODY */
body {
	margin: 0;
	padding: 0;
	background-image:url(images/page-bg.gif);
	background-repeat:repeat-x;
	background-color:#d9d6cc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#313131;
	font-size:13px;
}
/* ========== WRAPPER */
#mainwrapper {
	width:788px;
	height:auto;
	margin: 0 auto;
}

#maincontainer {
width:757px;
height:auto;
background-image:url(images/mid-bg.gif);
background-repeat:repeat-y;
float:left;

}


#btn-container {
width:31px;
height:auto;
float:left;
margin-top:52px;
}

#left-container   {
width:494px;
height:auto;
float:left;
}


#logo {
width:494px;
height:111px;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
float:left;}

#logo-box {
width:494px;
height:111px;
}

.logo-a{
width:205px;
height:57px;
margin-left:214px;
margin-bottom:20px;
margin-top:40px;

}


#left-container-bg   {
width:494px;
height:auto;
float:left;
}

#contentbox{
	width:484px;
	height:auto;
	clear:both;
}
/*==========================*/

#right-container   {
width:263px;
height:auto;
float:right;
}

#right-menu-top   {
width: 263px;
height:54px;
background-image:url(images/right-meu-top.gif);
background-repeat:no-repeat;
}

#right-menu-bg   {
width: 263px;
height:auto;
background-image:url(images/right-menu-bg.gif);
background-repeat:repeat-y;
}

#right-menu-bottom   {
width: 263px;
height:8px;
background-image:url(images/right-menu-bottom.gif);
background-repeat:no-repeat;
}
/*======================================================*/
#menu-box {
width:243px;
padding-left:5px;
height:auto;
margin:0 auto;
clear:both;
padding:5px 0 5px 0;
}


.menu_top{
	height:20px;
	width:240px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#313131;
	padding-left:6px;
	line-height:25px;
}

.link_bg ul{
	margin:0;
	list-style:none;
	padding:5px 5px 7px 5px;
}
.link_bg li{
	display:block;
	padding:0 1px 2px 10px;
	background:url('images/bullet.gif') no-repeat center left;
	line-height:20px;
}
.link_bg a{
	font-size:12px;
	font-weight:none;
	color:#313131;
	display:block;
	height:20px;
	text-decoration:none;
}
.link_bg li a:hover{
	color:#060d8a;
	text-decoration:underline;
	}
	
	
	
.link_bg_sitemap ul{
	margin:0;
	list-style:none;
	padding:5px 5px 7px 5px;
}
.link_bg_sitemap li{
	display:block;
	padding:0 1px 2px 2px;
	line-height:20px;
}
.link_bg_sitemap a{
	font-size:12px;
	font-weight:none;
	color:#000000;
	display:block;
	height:20px;
	text-decoration:none;
}
.link_bg_sitemap li a:hover{
	color:#060d8a;
	text-decoration:underline;
	}	
	
	

#tip-container {
width:757px;
height:auto;
background-image:url(images/mid-bg.gif);
background-repeat:repeat-y;
padding-top:10px;
float:right;} 

.tip-box {
width:727px;
height:auto;
background-color:#454c46;
margin-left:15px;
margin-right:15px;}

.tip-text
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-align:justify;
	padding-left:10px;
	padding-right:2px;
	padding-top:10px;
	margin-right:10px;
	padding-bottom:10px;
}

#footer-container{
	width:757px;
	height:85px;
    background-image:url(images/footer-bg.gif);
	background-repeat:no-repeat;
	float:right;
	clear:both;
	
}

#footer{
width:757px;
height:35px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:center;
padding-top:30px;
text-decoration:none;
}
#footer-right a{
color:#000000;
text-decoration:none;
}
#footer-right a:hover{
color:#060d8a;
text-decoration:underline;
}




.centertext
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#313131;
	text-align:justify;
	padding-left:15px;
}

h1{
	 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#363635;
	line-height:35px;
	padding-left:15px;
	padding-bottom:2px;
	padding-top:15px;
	display:inline;
	
}




.link{font:Arial; font-size:13px; color:#313131; text-decoration:none;}
.link:hover{font:Arial; font-size:13px; color: #060d8a; text-decoration:underline;}
