#wrap {
       border: 0px solid #F00;
       width:100%;
       /*margin-left: 117px; *//* 16.75%; */
       max-width: 711px;         
}
#header {
       border: 0px solid #00f;
       clear:both;
       margin-left: 35%; 
} 
#sidebar {
       border: 0px solid #F00;
       width:135px; /* width:19%; */
       w\idth: 135px;
       float:left; 
}
#sidebar2 {
       border: 0px solid #F00;
       padding: 5px;
       width: 114px; /* 16%; */
       w\idth: 114px;
       float: right;
} 
#main-body {
       border: 0px solid #0f0;
       padding: 0.4em; 
       margin-left: 140px;
       margin-right: 120px;
       width: 426px; /* 66%;*/ 
       max-width: 451px; /* 80%;*/ 
}
#content {
      /* min-width: 52.4%; */
      /* max-width: 62.3%; */
       /* width:62.3%; /* Firefox best value */ */
       border:0px solid #FFF000;
       background-color: #FFF;
       padding: 0px;
       width: 710px;
       w\idth: 710px;
       float: left;
       margin-left: 35%; 
} 

.inside {
       border: 0px solid #00F;
       clear:both;
       padding:5px;
}

/* IDs oriundos do template joomla default */

/* Alterando os atributos do simbolo da empresa inserido no nivel externo.*/
#symbol_outer {
	border: 0px solid #F00;
  	margin-bottom: 0px;
	margin-right: 2px;
	margin-left: 55px;
	margin-top: 49px;
	float: left;
}

/* Alterando os atributos dos modulos situados na posicao banner no nivel mais externo. */
#banner_outer {
	border: 0px solid #000;
	float: left;
	padding: 0px;
	margin-right: 0px;
	width: 711px;
        max-width: 711px;
	height: 332px;
	background: url(../images/company_03.jpg) no-repeat;	
}

/* Alterando os atributos dos modulos situados na posicao banner no nivel mais interno. */
#banner_inner {
	border: 0px solid #f00;
	float: left;
	margin-left: 18px;	
	margin-top: 12px;
	width:502px;
	height:120px;
	position:relative;
	overflow: hidden; /*permite que este modulo naum obstrua a visualização de outros invocados anteriormente */
}

/* Alterando os atributos do modulo search no nivel mais externo. */
#search_outer {
	border: 0px solid #0F0;
	width: 210px;
	margin-top: 114px;
	margin-left: 10px;
	position:relative;
        float:right;
        padding-top: 0.5em;
        padding-right:10em;
	overflow: hidden; /*permite que este modulo naum obstrua a visualização de outros invocados anteriormente */
}

/* Alterando os atributos do modulo search no nivel mais interno. */
#search_inner {
	border: 0px solid #00F;
  	height: 30px !important;
  	height: 32px;
  
}

/* Alterando os atributos do FORM do modulo search no nivel mais interno. */
#search_inner form {
  	padding: 0;
  	margin: 0;
}

/* Alterando os atributos do InputBox do FORM do modulo search no nivel mais interno. */
#search_inner .inputbox {	
	border:solid 1px #cccccc;
	padding: 3px 3px 3px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

/* Alterando os atributos do modulo customizado de login. */
#login_outer {
	border: 0px solid #F00;
	color:#c00;
	width: 390px;
	height: 22px;
	text-align:left;	
  	margin-bottom: 0px;
	margin-right: 2px;
	margin-left: 340px;
	margin-top: -14px;
	position:relative;
        float:right;
        padding-top: 1.4em;
        padding-right:0em;
	overflow: hidden; /*permite que este modulo naum obstrua a visualização de outros invocados anteriormente */

}

/*Altera os atributos da fonte que aparece nos campos que precedem aos formularios de login (usuario e senha)*/
#login_outer label
{
	width: 3em;
	float: left;
	

	margin-right: 0.5em;
	color: #FFFFFF;
	font-size:9px;
	font-weight: bold;
}


/* Altera os atributos dos links usados no modulo de login*/
#login_outer a:link {
	color:#D2D2D2;
	font-size:9px;
	font-family: arial, helvetica, sans-serif;
}

#login_outer a:hover {
	color:#00c;
	font-size:9px;
	font-family: arial, helvetica, sans-serif;
}
/* Alterando os atributos do InputBox do FORM do modulo login. */
#login_outer .inputbox {	
	border:solid 1px #cccccc;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	height:15px;
	width: 49px;
	color: #888;
}


/* Login Form */
/* Label */
input#mod_login_username label{
/* Place CSS style speciically for this item */
	border: 0px solid #ccc;
	color:#005d8c;
}

input#mod_login_password label{
/* Place CSS style speciically for this item */
	border: 1px solid #ccc;
	color: #005d8c;
}

input#mod_login_remember label{
/* Place CSS style speciically for this item */
	color: #FFFFFF;
}
/* Content */
input#mod_login_username{
/* Place CSS style speciically for this item */
	border: 1px solid #ccc;
	color:#005d8c;
}

input#mod_login_password{
/* Place CSS style speciically for this item */
	border: 1px solid #ccc;
	color: #005d8c;
}

input#mod_login_remember{
/* Place CSS style speciically for this item */
	color: #FFFFFF;
}

/* Altera os atributos do atributo que aparece como label antes de formularios de INPUT, como do componente de login */
label { 
    color: #005d8c; 
}



/* Alterando os atributos de todos os modulos localizados na posicao top no nivel mais externo.
		Neste caso se aplica ao LXMenu */
#top_outer {
	border: 0px solid #000;
	width: 350px;
  	margin-bottom: 2px;
	margin-right: 2px;
	margin-left:0px;
	margin-top:4.8px;
	position: relative;
        padding-top: 0em;
	float: left;
}

/* Alterando os atributos de todos os modulos localizados na posicao top no nivel mais interno.
		Neste caso se aplica ao LXMenu */
#top_inner {
border: 0px solid #000;
	border: 0px solid #cccccc;
	height: 10px !important;
	height: 12px;
}

/* Alterando os atributos de todos os modulos localizados na posicao top no nivel mais interno ainda.
		Neste caso se aplica ao LXMenu */
#tops {
	border: 0px solid #000;
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}



#footer {
        border: 0px solid #F00;
        clear:both;
	background:url(../images/company_08.gif) no-repeat;
	color:#F7F7F7;
	font-size:40%;
  	font-family: Arial, Helvetica, sans-serif;
	height:79px;
	letter-spacing:1px;
	padding-top:27px;
        float: left;
        position: relative;
        margin-left: 35%; 
        /*margin-left: 55em;*/
        /*margin-left: 16.75%;*/
        width:200.0%; 
        w\idth:200.0%; 
        max-width: 711px;
	text-align:center;
}

#footer a,#footer a:link,#footer a:active {
color:#6ac000;
text-decoration:none;
}

#footer a:hover {
color:#6a9000;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}
a:hover {
color:#0058dc;
text-decoration:none;
}

a:link {
color:#005d8c;
text-decoration:none;
}

a:visited {
color:#005d8c;
text-decoration:none;
}

/*Configura as características do menu lateral e demais objetos que pertençam à classe mainlevel*/
a.mainlevel {
border:1px solid #ecede7;
background: #ecede7;
color:#005d8c;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
line-height:15px;
margin-bottom:0px;
padding-left:0px; 
padding-bottom: 10px;
voice-family:inherit;
width:105px;
}

a.mainlevel,a.mainlevel:link a.mainlevel:active,a.sublevel,a.sublevel:link a.sublevel:active,a.contentpagetitle:link,a.contentpagetitle:visited {
color:#005d8c;
text-decoration:none;
}

/*Configura o comportamento do menu lateral e objetos da classe mainlevel qdo mouse passa sobre os mesmos*/
a.mainlevel:hover,a.mainlevel#active_menu {
background: #ececec;
color:#005d8c;
font-size:105%;
font-weight:bold;
}

a.mainlevel:hover,a.sublevel:hover,a.blogsection:hover,.sectiontableentry1 a:hover {
color:#0058dc;
}


#h1 {
color:#005d8c;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}

/* Altera as configuracoes dos titulos de items - posts e artigos */
.contentheading {
color:#005d8c;
font-size:14px;
font-weight:bold;
padding-left:0;
}

/* Altera todo o comportamento do website */
body {
/*configura a figura ou coloracao lateral do corpo da pagina*/
background:url(../images/company_01.gif) repeat-x #E2E2E2;
color:#000;
margin:0;
text-align:justify;
font-size:120%;
font-family: Arial, Helvetica, sans-serif;
}

/* Alterando os atributos dos campos das tabelas, paragrafos e divisoes. 
		Aqui se altera tamanho, tipo da fonte presente em todo o corpo do texto. */
td,tr,p,div {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}

/* Alterando quase todos os botões - importante para modificar cores dos menus */
/* Almost, All the buttons have class=button attribute. 
you can declare CSS Styles to change the appearance of these buttons.*/

.button {
  color: #005d8c;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  border: 1px double #cccccc;
  width: auto;
  background: url(../images/button_bg_green.png) repeat-x;
  padding: 0px 1px;
  line-height: 10px !important;
  line-height: 10px;
  height: 16px !important;
  height: 16px;
  margin: 0px;
  margin-top: 4px;
  margin-left: 2px;
}

/* Classes **/
table.content_table {
	border: 0px solid #000;
   width: 100%;
	padding: 0px;
	margin: 0px;

}

table.content_table td {
	border: 0px solid #000;
	padding: 0px;
	margin: 0px;
}

table td.body_outer {
	margin-top:0;
	margin-bottom:0px;
	padding: 8px;
	width: 95%;
	border: 0px solid #00f;
	text-align:justify;
	float: left;
}

table.moduletable {
	border: 0px solid #000;
	width: 100%;
	margin-bottom: 20px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse:separate; 
}

div.moduletable {
  	border: 0px solid #cccccc;
	padding: 2px;
	margin-bottom: 20px;
	border-collapse:separate;
}


table.moduletable th, div.moduletable h3 {
	/*background: url(../images/button_bg_green.png) repeat-x;*/
	background: #69a000;
	border: 0px solid #f60;
	/*color: #666600;*/
	color:#fff;
	text-align: left;
	padding-left: 4px;
	height: 19px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td {
	border: 0px solid #ff0;
	font-size: 11px;
	padding-bottom: 13px;
	margin: 0px;
	font-weight: normal;
}

.pathway {
overflow: hidden; /*permite que este modulo naum obstrua a visualização de outros invocados anteriormente */
color: #F0F000;
font-size: 10px;
text-decoration: none;
font-weight: normal;
}

.pathway a{
color: #BBBBBB;
text-decoration: none;
font-weight: normal;
}

/* Alterando os atributos dos elementos do modulo LatestNews (Ultimas Noticias) e as configuracoes do elemento de lista */
.latestnews {
border: 0px solid #FF0;
color: #005d8c;
font-size: 97%;
text-decoration: none;
text-align: left;
font-weight: bold;
max-width: 100px;
}

/* Joomla shows the latestnews module as an unordered list with items linking 
to the most popular content items. These <UL> and <LI> tags belong to latestnews class. */
ul.latestnews {
/* Place CSS style speciically for this item */
/*background:url(../images/button_bg_green.png) repeat-x;*/
border: 0px solid #F00;
text-decoration:none;
text-align: left;
}

li.latestnews {
/* Place CSS style speciically for this item */
/*background:url(../images/button_bg_green.png) repeat-x;*/
border: 0px solid #00F;
text-decoration:none;
text-align: left;
margin-left:-28px; /* Controla o retorno de cada elemento da lista de latestnews */
}



/* Configura o modulo Search*/
select#search_searchword{
/* Place CSS style speciically for this item */
/* This id is assigned to the search keyword textbox in joomla search component */
}

/* Joomla places all of the form elements in a <DIV> tag which belongs to search class 
when it creates the required HTML codes for displaying the Search Module.*/
div.search{
/* Place CSS style speciically for this item */
}


/* Classe que formarta todos os campos de texto de forms e afins*/
/* All of text fields and dropdown menus belong to inputbox class. */
.inputbox{
/* Place CSS style speciically for this item */
}


/* Formatando o modulo Popular */ 
/* Joomla shows the mostread module as an unordered list with items linking 
to the most popular content items. These <UL> and <LI> tags belong to mostread class. */
ul.mostread{
/* Place CSS style speciically for this item */
/*background:url(../images/button_bg_green.png) repeat-x;*/
text-decoration:none;
text-align: left;
}

li.mostread{
/* Place CSS style speciically for this item */
/*background:url(../images/button_bg_green.png) repeat-x;*/
text-decoration:none;
}

/*To declare styles for links:*/
a.mostread{
/* Place CSS style speciically for this item */
border:0px solid #CACACA;
color:#1a5b85;
display:block;
font-family: geneva, arial, helvetica, serif;
font-size:10px;
font-weight:normal;
line-height:15px; 
margin-bottom:0px;
padding-left:4px;
}

a.mostread:hover{
/* Place CSS style speciically for this item */
border:0px solid #CACACA;
color:#69a000;
display:block;
font-family: geneva, arial, helvetica, serif;
font-size:10px;
font-weight:normal;
line-height:15px;
margin-bottom:0px;
padding-left:4px;
}