/* ---------------------------------------------------------------------------- */
/* Os elementos nessa secao inicial carregam os estilos necessarios para os elementos da pagina. */
/* As can be seen, this is where the body and link attributes of the pages are determined. */

body {color: #000000; background-color: #002200; margin: 8px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 125%;}

/* Define as caracteristicas de uma linha padrao dentro de uma tabela */
body td, div {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 125%; padding: 10;}

/* Define o padding em volta de figuras */
img {padding: 0px 0px 0px 0px;}

/* Define as caracteristicas de um paragrafo padrao, sempre que chamado dentro de um <p></p> */
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 125%;}

table {padding: 0; margin: auto;}
table td {padding: 5; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:link, a:active {color: #39603E; font-weight: bold ; text-decoration: none;}
a:visited {color: Maroon; font-weight: bold; text-decoration: none;}
a:hover {font-weight: bold; color: #39603e; background-color: #BCB992;}
h1 {color: #000000; font-size: 150%; font-weight: bold; margin-top: 0.6em; padding: 10px 0px 10px 0px; border-top: 2px solid #CD9B42;}
h2 {color: #000000; font-size: 130%; font-weight: bold; margin-top: 0.6em; padding: 10px 0px 10px 0px; border-top: 2px solid #CD9B42; line-height: 100%;}
h3 {color: #330000; font-size: 120%; font-weight: bold; line-height: 100%; line-height: 120%;}
h4 {color: #39603E; font-size: 105%; font-weight: bold;}
h5 {color: #39603E}
ul {margin: 12px; padding: 5px; text-align: left;}
li {margin-left:6px; list-style: square; margin-bottom:0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
input.formButton {}
/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
/* A serem entendidos e identificados corretamente */

/* NAO IDENTIFICADO tablewrap {padding: 10px; border: 100px solid #DEDCC8;} */
/* NAO IDENTIFICADO title {color: #000000; font-size: 440%; font-weight:bold;} */

div.cap {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; margin-top: 0.4em; padding : 10px; line-height: 130%; text-align: center;}
input, select, textarea {color: #003500; background-color: #FFFFFF; border: 1px solid #DEDCC8; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 1px;}


/* ---------------------------------------------------------------------------- */
/* Essas sao as classes de estilo especificos para o modulo News, e definem com as noticias sao renderizadas. */

.item {width: 100%; margin-bottom: 8px;}
.item {font-size: 1em; color: black; padding: 5px; font-weight: bold; text-align: center; border-top: 2px solid #CD9B42;}
.itemInfo {padding: 3px; text-align: center; border-bottom: 1px solid #BCB992; color: #39603E;}
.itemTitle a {}
.itemTitle {color: #000000; font-size: 1.2em; font-weight: bold;}

/* definicoes complementares do itemTitle que foram removidas margin-top: 0.6em; padding: 10px 0px 10px 0px; border-top: 2px solid #CD9B42; */

.itemPoster {font-size: 80%;}
.itemPostDate {font-size: 80%;}
.itemStats {font-size: 80%;}
.itemBody {padding: 8px; text-align: left;}
.itemText {line-height: 1.5em; margin: 0px;}
.itemText:first-letter {}
.itemFoot {text-align: center; padding: 4px; border: 1px solid #BCB992; color: #39603E;}
.itemAdminLink {font-size: 80%;}
.itemPermaLink {font-size: 80%;}
/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
/* This is a general style attribute for table ers. This is important to consider when tables are used in blocks and modules, e.g. forums, recent posts block, contact us. */

th {background-color: #E3E0BF; color: #003C00; padding: 6px; vertical-align: middle; font-size: 110%;}
th a:link, th a:active, th a:visited {color: #FFFFFF; text-decoration: none;}
th a:hover {color: #FFFFFF; text-decoration: underline;}
/* ---------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------- */
/* These style ids are specific for the Header Table. */
/* Note that the header bar image (hbar.gif) is called from the style.css as a background image and not directly from the theme.html. */

td#headerbanner {width: 100%; background-color: #2F5376; vertical-align: middle; text-align:center;}
td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);}
/* ---------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------- */
/*   afeta a largura da borda laranjada do website    */
td#tablewrap {padding: 6px; background-color: #cd9b42; border: 0px solid #DEDCC8;}
td#headerbanner {}
td#headerbar {}
/* ---------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------- */
/*   afeta as definicoes da coluna esquerda do site    */
/* These style ids and classes are specific for the Left Column. Note the style attributes used for the Left Block Titles and Left Block Content. */

td#leftcolumn {width: 160px; background-color: #DEDCC8; border-left: 0px solid #DEDCC8; border-bottom: 0px solid #DEDCC8;}
td#leftcolumn th {}
td#leftcolumn .blockTitle {width: 260px; padding: 4px; color: #FFFFFF; background-color: #39603E; font-weight: bold;}
td#leftcolumn .blockContent {width: 250px; padding: 2px; line-height: 120%;}
/* ---------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------- */
/* These are the style ids and classes of the all the center blocks: the center-center blocks (centerCcolumn), the center-left block (centerLcolumn) and the center-right blocks (centerRcolumn). */
/* Please note that the font-size of the center blocks and module content is determined here (centercolumn). */

/*   afeta a frame da coluna central    */
td#centercolumn {padding: 5px 5px 5px 5px; background-color: #EFEDDA; border: 0px solid #cd9b42;}
td#centercolumn th {font-size : 1.1em; font-weight: bold; padding : 6px; border : 0;}
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn .blockTitle {font-size: 4px; color: #DEDCC8; padding: 0px; font-weight: bold; text-align: center; border-top: 0px solid #CD9B42;}
td#centerCcolumn .blockContent {padding: 5px 5px 5px 5px; line-height: 110%;}

/*   afeta os aspectos de uma tabela dentro da coluna central do site  */
td#centercolumn table {padding: 5px 5px 5px 5px; background-color: #EFEDDA; border: 0px solid #cd9b42;}

/*   afeta os aspectos de uma tabela dentro da coluna central do site  */
td#centercolumn img {margin-left:10px; margin-right:10px; margin-top:5px; margin-botton:5px;}

/* ---------------------------------------------------------------------------- */
/* A ser identificado */
fieldset {
border : 0px solid black;
margin-bottom : 10px;
margin-top : 0px;
margin-right : 0px;
background-color: #DEDCC8;
}
/* ---------------------------------------------------------------------------- */
td#centerLcolumn {width: 50%; padding-right: 4px;}
td#centerLcolumn .blockTitle {font-weight: bold; padding: 4px; border-left: 8px #000099 solid; border-bottom: 1px #000000 solid; background-color: #7aa3cc; color: #ffffff; font-size: 140%;}
td#centerLcolumn .blockContent {padding: 4px; margin-bottom: 4px; line-height: 120%;}
/* ---------------------------------------------------------------------------- */
td#centerRcolumn {width: 50%; padding-left: 4px;}
td#centerRcolumn .blockTitle {font-weight: bold; padding: 4px; border-left: 8px #000099 solid; border-bottom: 1px #000000 solid; background-color: #7aa3cc; color: #ffffff; font-size: 140%;}
td#centerRcolumn .blockContent {padding: 10px 10px 10px 10px; margin-bottom: 4px;}
/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
/*This is the specific div that contains the module contents. The text-align attributes and padding are defined here.*/
div#content {text-align: left; font-size: 120%;}
/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */

td#rightcolumn {width: 160px; background-color: #DEDCC8; border-right: 1px solid #DEDCC8; border-bottom: 1px solid #DEDCC8;}
td#rightcolumn th {}
td#rightcolumn .blockTitle {width: 160px; padding: 4px; color: #FFFFFF; background-color: #39603E; font-weight: bold;}
td#rightcolumn .blockContent {padding: 2px; line-height: 130%; padding-bottom: 8px;}

/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
/*This is the id used for the Footer Table. Take note that the background image is the same with the Header Bar. It is declared here in the style.css and not in the theme.html.*/
tr#footerbar {}
/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
/*These are the styles used for the Main Menu block. As can be seen, the style.css differentiates between the topmost link, the main links and the submenu links.*/
td#mainmenu a {width: 140px; display: block; margin-bottom: 1px; padding: 4px; color: #39603E; background-color: #FFFFFF; border-left: 8px solid #BCB992;}
td#mainmenu a:hover {color: #39603E; text-decoration: none; background-color: #BCB992; border-left: 8px solid #DEDCC8;}
td#mainmenu a.menuTop {font-weight: bold;}
td#mainmenu a.menuMain {font-weight: bold;}
td#mainmenu a.menuSub {width: 132px; padding-left: 12px; font-size: 0.9em; font-weight: bold;}
/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
td#mainmenu2 a {background-color: #FFF4C2; display: block; margin: 0; padding: 4px; border-top: 1px solid #DD9500; border-right: 1px solid #DD9500; border-bottom: 1px solid #DD9500; border-left: 1px solid #DD9500;}
td#mainmenu2 a:hover {background-color: #FFFCF0;}
td#mainmenu2 a.menuTop {padding-left: 3px; border-top: 1px solid #DD9500; border-right: 1px solid #DD9500; border-bottom: 1px solid #DD9500; border-left: 1px solid #DD9500;}
td#mainmenu2 a.menuMain {padding-left: 3px; border-right: 1px solid #DD9500; border-bottom: 1px solid #DD9500; border-left: 1px solid #DD9500;}
td#mainmenu2 a.menuSub {padding-left: 9px; border-right: 1px solid #DD9500; border-bottom: 1px solid #DD9500; border-left: 1px solid #DD9500;}
/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
/*These are the styles used for the User Menu block. The last line (a.highlight) states the color of the Inbox link when there are private messages for the user.*/
td#usermenu a {display: block; margin-bottom: 1px; padding: 4px; color: #39603E; background-color: #FFFFFF; border-left: 8px solid #BCB992;}
td#usermenu a:hover {color: #39603E; text-decoration: none; background-color: #BCB992; border-left: 8px solid #DEDCC8;}
td#usermenu a.menuTop {}
td#usermenu a.highlight {color: #39603E; background-color: #FFFFFF;}
td#usermenu a:hover.highlight {color: #FFFFFF; background-color: #BCB992;}
/* ---------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------- */
/* Criado para contemplar as opinioes de clientes. */
.ped {background-color: #DEDCC8; vertical-align: middle; padding: 15px; padding: 10x; border: 1px;}
.cel1 {background-color: #CCFFFF; vertical-align: middle; padding: 15px; font-family: 'Bookman Old Style', serif; font-style: italic;}
.cel2 {background-color: #F0FBFF; vertical-align: middle; padding: 15px; font-family: 'Bookman Old Style', serif; font-style: italic;}
.cel3 {background-color: #DEDCC8; vertical-align: middle; padding: 15px; font-family: 'Bookman Old Style', serif; font-style: italic;}
.cel4 {background-color: #AADFFF; vertical-align: middle; padding: 15px; font-family: 'Bookman Old Style', serif; font-style: italic;}
.cel5 {background-color: #F0CAA6; vertical-align: middle; padding: 15px; font-family: 'Bookman Old Style', serif; font-style: italic;}
.cel6 {background-color: #FFDFD4; vertical-align: middle; padding: 15px; font-family: 'Bookman Old Style', serif; font-style: italic;}
/* ---------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------- */
/*These are styles used for tables. The odd and even values are the ones used alternately in most XOOPS tables to show the different rows and columns.*/
.outer {border: 1px solid #BCB992; background-color: #FFFFFF;}
.head {font-size: 120%; background-color: #BCB992; color: Black; padding: 4px; font-weight: bold;}
.even {background-color: #EFEDDA; padding: 4px;}
.odd {background-color: #DEDCC8; padding: 4px;}
.foot {background-color: transparent; border-bottom-color: #003C00; border-bottom-style: ridge; padding: 4px; border-bottom-width: 2pt;}
tr.even td {background-color: #EFEDDA; padding: 4px;}
tr.odd td {background-color: #DEDCC8; padding: 4px;}
/* ---------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------- */
/*These are styles used for Error and Confirmation Messages produced by the system. There is almost no reason to customize these.*/
div.errorMsg { background-color: #FFCCCC; text-align: center;
 border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF;
 border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
 font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99;
 text-align: center; border-top: 1px solid #DDDDFF;
 border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA;
 border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333;
 text-align: center; border-top: 1px solid silver;
 border-left: 1px solid silver; font-weight: bold;
 border-right: 1px solid #666666; border-bottom: 1px solid #666666;
 padding: 10px;}
/* ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------- */
/*These are styles used for the Codes and Quotes found in the NewBB module or the module comments.*/
div.xoopsCode {font-size: 90%; background-color: #FFFFFF; border: 1px dashed #BCB992; padding: 4px;}
div.xoopsQuote {font-size: 90%; background-color: #FFFFFF; border: 1px dashed #BCB992; padding: 4px;}
/* ---------------------------------------------------------------------------- */

/*These are styles used in the NewBB module and module comments to show information about the user. These information are usually found under the username when viewing a forum post.*/
/* ---------------------------------------------------------------------------- */
.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #39603E; font-weight: bold; border: 1px solid #DEDCC8; background-color: #FFFFFF; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; font-weight: bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px; font-weight: bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: 0.8em;}
.comDateCaption {font-weight: bold; font-style: normal;}
/* ---------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------- */
/* Todo codigo daqui para baixo precisa ser entendido e corretamente identificado */

storytitle {font-weight: bold; padding: 4px; border-left: 8px solid #DEDCC8; border-bottom: 1px solid #DEDCC8; background-color: #DEDCC8; color: #39603E; font-size: 110%;}

div.xoopsCode pre {margin: 0px;}
div.xoopsQuote blockquote {margin: 0px;}

td#headerbar a
{
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

#maintable {width: 95%; margin: auto;}

#top {margin-bottom: 8px;}
#top td.side {width: 8px;}
#top td.logo {width: 250px; background-color: black; vertical-align: middle; border-top: 1px solid #DEDCC8; border-bottom: 1px solid #DEDCC8;}
#top td.banner {background-color: Black; text-align: center; vertical-align: middle; border-top: 1px solid #DEDCC8; border-bottom: 1px solid #DEDCC8;}

#welcome {margin-bottom: 8px;}
#welcome td.side {width: 8px;}
#welcome td.center {color: #39603E; background-color: #FFFFFF; vertical-align: middle; font-weight: bold; border-top: 1px solid #DEDCC8; border-bottom: 1px solid #DEDCC8;}

#footer {margin-top: 8px;}
#footer td.side {width: 8px;}
#footer td.center {color: #39603E; background-color: #FFFFFF; text-align: center; vertical-align: middle; font-weight: bold; border-top: 1px solid #DEDCC8; border-bottom: 1px solid #DEDCC8;}

#copyright {margin-top: 5px; margin-bottom: 5px; text-align: center; font-size: 10px; color: black;}
#copyright2 {margin-top: 5px; text-align: center; font-size: 8px; color: white;}

/* ---------------------------------------------------------------------------- */