body {
margin         : auto;
font-size      : 0.6em;
font-family    : Verdana, Arial, Helvetica, sans-serif; 
text-align     : center; 
background     : #000066; }

#page {
margin         : auto;
width          : 98%;
max-width      : 1000px;
background     : transparent; }
 
#toppage {
width          : 100%;
color          : #FFF;
text-align     : right;
margin-top     : 1px;
margin-bottom  : 8px;
padding-top    : 12px;
padding-bottom : 12px;
border-bottom  : 4px solid #FFd700; 
background     : url('../imgs/rolos_log1.jpg') top left no-repeat #000066; }

#toppage img {
margin         : auto;
margin-right   : 10%; }

#botpage {
clear          : both;
width          : 100%;
color          : #FFF;
font-size      : 1.0em; 
font-weight    : bold; 
margin-top     : 8px;
margin-bottom  : 1px;
padding-top    : 12px;
padding-bottom : 12px;
border-top     : 4px solid #FFd700; 
background     : url('../imgs/rolos_log1.jpg') top left no-repeat #000066; }

#midpage {
width          : 100%;
min-height     : 440px;
border-top     : 3px solid #EEE; 
border-right   : 3px solid #CCC; 
border-bottom  : 3px solid #DDD; 
border-left    : 3px solid #EEE; 
background     : url('../imgs/back_log.jpg') top center repeat-x #CCCCCC; }

#lefpage {
float          : left;
width          : 24%;
margin-top     : 10px;
margin-right   : 10px;
margin-bottom  : 10px;
margin-left    : 10px;
padding        : 1px;
background     : transparent; }

#rigpage {
margin-left    : 26%;
margin-right   : 2%;
background     : transparent; }

#textscroll {
width          : 60%; 
margin         : auto;
margin-top     : 30px;
line-height    : 60px;
font-size      : 1.6em; 
font-weight    : bold; 
text-align     : center;
color          : #993333; 
background     : transparent; }

/* --- Left Menu --- */

#lefmenu {
margin-top     : 30px;
margin-right   : 20px;
margin-bottom  : 20px;
margin-left    : 20px;
list-style-type: none; }
    
#lefmenu li a { 
display        : list-item;
color          : #000099; 
background     : transparent;
border-left    : 4px solid #336699;
border-bottom  : 1px solid #336699;
padding-left   : 4px;
margin-top     : 0px;
margin-bottom  : 0px;
line-height    : 2.6em; 
font-size      : 1.1em; 
font-weight    : bold; 
text-align     : left; 
text-decoration: none; }

#lefmenu li a:hover {
color          : #990000;
background     : #AAAAAA;
text-decoration: none; }

#lefmenu li.curpos a {
color          : #FFFFFF; /* #990000; */
background     : #AAAAAA;
text-decoration: none; }

#lefmenu #submenu {
margin-right   : 10px;
margin-left    : 10px;
list-style-type: none; }

#lefmenu #submenu li a { 
display        : list-item;
color          : #000099; 
background     : transparent;
margin-top     : 1px;
margin-bottom  : 1px;
line-height    : 20px; 
font-size      : 1em; 
font-weight    : bold; 
text-align     : left; 
text-decoration: none; }

#lefmenu #submenu li a:hover {
color          : #990000; 
background     : #AAAAAA;
text-decoration: none; }

#lefmenu #submenu li.curpos a {
color          : #990000; 
background     : #AAAAAA;
text-decoration: none; }

/* --- Lang.Menu --- */

#sellang {
margin-top     : 30px;
margin-right   : 20px;
margin-bottom  : 20px;
margin-left    : 20px;
padding-bottom : 4px;
padding-left   : 4px;
border-left    : 4px solid #336699;
border-bottom  : 1px solid #336699;
text-align     : left; 
list-style-type: none; }

#sellang li {
display        : inline; }

#sellang img {
margin         : 2px;
height         : 18px;
border         : none; }

/* --- Mail Menu --- */

#mailmenu {
margin-top     : 30px;
margin-right   : 20px;
margin-bottom  : 20px;
margin-left    : 20px;
padding-bottom : 4px;
padding-left   : 4px;
border-left    : 4px solid #336699;
border-bottom  : 1px solid #336699;
list-style-type: none; }

#mailmenu li {
display        : inline; }

#mailmenu img {
margin         : 2px;
height         : 24px;
border         : none; }

/* --- Top Menu --- */

#topmenu {
margin         : auto;
margin-top     : 40px;
margin-bottom  : 20px;
margin-left    : 20px;
margin-right   : 20px;
padding        : 10px;
text-align     : center;
list-style-type: none; }

#topmenu li {
display        : inline; }

#topmenu li a {
color          : #000066; 
background     : #FFFFFF;
padding        : 10px;
border-left    : 1px solid #336699;
border-bottom  : 4px solid #336699;
line-height    : 1.4em;
font-size      : 1.0em; 
font-weight    : bold; 
text-decoration: none; }

#topmenu li a:hover {
color          : #FFFFFF;
background     : #999999;
text-decoration: none; }

#topmenu li.curpos a {
font-size      : 1.2em; 
color          : #FFFFFF;
background     : #336699;
text-decoration: none; }

/* --- Headers --- */

h1 {
color          : #28527B; 
padding        : 10px;
margin         : 20px;
line-height    : 1.6em;
font-size      : 1.6em; 
font-weight    : bold; }

h2 {
color          : #28527B; 
margin-top     : 20px;
margin-bottom  : 20px;
line-height    : 1.4em;
font-size      : 1.2em; 
font-weight    : bold; }

h3 {
color          : #666666; 
margin-top     : 20px;
margin-bottom  : 20px;
line-height    : 1.2em;
font-size      : 1.0em; 
font-weight    : bold; }

/* --- Tabela Generica --- */

#tabletip {
margin         : 10px; }

#tabletip th {
color          : #FFFFFF; 
background     : #336699;
padding        : 4px; 
font-size      : 0.8em; 
font-weight    : bold; }

#tabletip td {
color          : #336699; 
padding        : 2px; 
font-size      : 0.8em; 
font-weight    : normal; }

/* --- Tabela Feiras --- */

#tableexp {
margin         : 10px; }

#tableexp td {
color          : #666666; /* #336699; */
padding        : 2px; 
font-size      : 0.9em; 
font-weight    : normal; }

#tableexp img { 
width          : 200px;
height         : 110px;
border         : 3px solid #666666; }

#tableexp a:hover img {
border         : 3px solid #990000; }

/* --- Pagina Inicial --- */

#pageini {
width          : 80%;
height         : 80%;
max-width      : 800px; 
max-height     : 800px;
margin         : auto;
margin-top     : 10px;
margin-bottom  : 10px;
/*
border-top     : 3px solid #FFFFFF; 
border-right   : 3px solid #DDDDDD; 
border-bottom  : 3px solid #DDDDDD; 
border-left    : 3px solid #FFFFFF; 
background     : url('../imgs/back_log.jpg') top center repeat-x fixed #CCCCCC;*/ }
    
#logoini {
width          : 60%;
margin         : auto;
margin-top     : 15%;
text-align     : center; }

#logoini img {
width          : 100%;
margin         : auto;
border         : none; }
    
#flagini {
width          : 60%;
margin         : auto;
margin-top     : 15%;
text-align     : center; }

#flagini img {
margin         : 4px;
height         : 24px;
border         : none; }
    
#footini {
width          : 60%;
margin         : auto;
margin-top     : 10%;
padding-top    : 10px;
padding-bottom : 10px;
border-top     : 2px solid #FFF;
font-size      : 1.3em; 
font-weight    : bold; 
text-align     : center;
color          : #FFF;
background     : transparent; }

/* --- Fim --- */