/**#################### DEFAULT and FORMS CSS ####################**/
body,html { 
margin           : 0; 
padding          : 0; 
font-family      : Arial, Helvetica, sans-serif;
background       : url(../images/fundo.jpg) repeat-x ; 

}

td, tr, p, div {
font-family      : Arial, Helvetica, sans-serif;
color            : #333333;
font-size        : 11px;
line-height      : 16px;

}

hr {
color            : #999999;
height           : 1px;
width            : 100%;

}

a:link, a:visited { 
color            : #000000;
text-decoration  : none;

}

a:hover {
color            : #1e1e1e;
font-weight      : bold;
text-decoration  : underline;

}

ul {
margin           : 2px;
padding-left     : 10px;
list-style       : none;

}

li {

line-height      : 15px;
padding-left     : 15px;
padding-top      : 5px;
background-image : url(../images/bullet.gif); 
background-repeat: no-repeat;
background-position: 0 9px;

}


form {
margin           : 0; 
padding          : 0;

}

.inputbox {
color           : #1e1e1e;
background      : #f2f4f5;
border          : solid 1px #cccccc;
margin          : 3px 0;

}

form select.button{
 color          : #1e1e1e;
 background     : #f2f4f5;

}

option {
background      : #ffffff;

}

/**#################### Joomla CSS ####################**/

/** Buttons **/

.back_button {
font-size        : 11px;
font-weight      : normal;
padding-bottom   : 3px;
margin-right     : 4px;
float            : right;
line-height      : 20px;
    
}

div.back_button a{
text-decoration  : none;

}

.button {
font-size        : 11px;
color            : #ffffff;
border           : solid 1px #000000;
margin           : 3px 0;
padding          : 2px 5px;
font-weight      : bold;
cursor           : pointer;
background       : url(../images/button.png) repeat-x left top;

}

/** Contact **/

.contact_email  {
width            : 100%;

}

.contact_email .inputbox {

}

/** Module table  **/

table.moduletable {
margin             : 0 0 5px;
width              : 100%;

}

table.moduletable th {
font-family        : Arial, Verdana, Helvetica, sans-serif; 
font-size          : 14px; 
font-weight        : bold; 
text-align         : center; 
width              : 100%; 
color              : #ffffff;
padding            : 2px; 
line-height        : 24px; 
background         : #1e1e1e url(../images/top_tab.png) repeat-x left top;
height             : 28px; 

}

table.moduletable td {
padding            : 10px;
border             : 1px solid #1e1e1e;
padding-top        : 5px;
font-family        : Verdana, Helvetica, sans-serif; 
font-size          : 10px; 
background         : #f4f4f4;

}

div.module{
text-align         : left;
margin             : 0 0 15px;

}

div.module h3 { 
font-family        : Arial, Verdana, Helvetica, sans-serif; 
font-size          : 14px; 
font-weight        : bold; 
text-align         : center; 
width              : 100%;
border             : 1px solid #000000;
color              : #ebeff2; 
line-height        : 26px; 
background         : #cccccc url(../images/top_tab_tit.jpg) repeat-x left top; 
height             : 28px; 
margin             : 0 0 15px; 

}

.rightcol div.module h3{ 
background-color   : #3c424a; 

}


.contmod { 
text-align         : left; 
padding-top        : 3px; 
padding-right      : 0; 
padding-left       : 0; 

}

.contmod td {
padding            : 5px;

}

.contmod table.moduletable {
margin             : 0 0 5px;
width              : 100%;
border             : solid 1px #dde1e3;
background         : #f7f9fa;

}

.contmod table.moduletable th{
font-size          : 14px;
font-weight        : bold;
text-align         : center;
width              : 100%;
color              : #ffffff;
background         : url(../images/top_tab.png) repeat-x left top; 
padding            : 1px;
line-height        : 24px;
border-bottom      : 1px solid #dde1e3;

}

/** Read more **/

a.readon:link, a.readon:visited { 
float            : right; 
font-size        : 11px;
color            : #ffffff;
border           : solid 1px #000000;
margin           : 3px 0;
padding          : 2px 5px;
font-weight      : bold;
cursor           : pointer;
background       : url(../images/button.png) repeat-x left top; 

}

a.readon:hover { 
float            : right; 
font-size        : 11px;
color            : #ffffff;
border           : solid 1px #000000;
margin           : 3px 0;
padding          : 2px 5px;
font-weight      : bold;
cursor           : pointer;
background       : url(../images/button.png) repeat-x left top; 

}

/** Pagenavigation **/

.pagenavcounter {
font-size        : 11px;
color            : #999999;

}

.pagenavbar {
border-top       : 1px solid #999999;
padding          : 2px;

}

.pagenav, .pagenav_prev, .pagenav_next {
font-weight      : normal;

}

a.pagenav:link, a.pagenav:visited {
font-size        : 11px;
color            : #999999;
text-decoration  : none;

}

a.pagenav:hover {
font-size        : 11px;
color            : #000000;
text-decoration  : none;

}

table.contenttoc {
border           : 1px solid #dcdcdc;
background       : #f3f5f6;
padding          : 0;
margin-left      : 2px;
margin-bottom    : 2px;

}

table.contenttoc th{
margin           : 0;
padding          : 2px;
background       : #f2f4f5;
color            : #333333;
 
}

table.contenttoc td{
margin           : 0;
padding          : 3px 4px;
border-bottom    : 1px solid #000000;
background-image : url(../images/bullet.gif) ;
background-repeat: no-repeat;
background-position: 4px 7px;

}

table.contenttoc td a:link, table.contenttoc td a:visited{
padding-left      : 11px !important;
padding-left      : 0;
text-indent       : 11px;
text-decoration   : none;

}

/** Pathway **/

.pathway {
color            : #ffffff;
float            : left;
padding-left     : 0px;
  
}

a.pathway:link, a.pathway:visited {
padding-left     : 0;
color            : #ffffff;
font-weight      : bold;

}

a.pathway:hover {
padding-left     : 0;
color            : #cccccc;
font-weight      : bold;

}

.pathway img{
padding-top      : 5px;
    
}

/** Content **/

.sectiontableheader {
  
font-size          : 14px;
font-weight        : bold;
text-align         : center;
color              : #ffffff;
background         : url(../images/top_tab.png) repeat-x left top; 
padding            : 1px;
line-height        : 24px;
border-bottom      : 1px solid #dde1e3;

}

.sectiontableentry1 {
vertical-align   : top;
border-bottom    : 1px solid #ffffff;
line-height      : 20px;

}

.sectiontableentry1 td, .sectiontableentry2 td{
padding          : 2px 5px;
border-bottom    : 1px solid #ffffff;
line-height      : 20px;

}

.sectiontableentry2 {
vertical-align   : top;
border-bottom    : 1px solid #ffffff;
line-height      : 20px;

}

a.category:link, a.category:visited {
font-size        : 11px;
font-weight      : normal;
padding: 5px;

}


.small {
font-size        : 11px;
color            : #999999;

}

.smalldark {
font-size        : 11px;
color            : #333333;

}

.createdate, .modifydate {
font-size        : 11px;
color            : #666666;
font-weight      : normal;
text-align       : left;
width            : 100%;

}

.content_vote {
font-size        : 11px;
height           : 22px;
padding          : 2px 0;

}

.content_rating {
font-size        : 11px;
color            : #999999;
}

table.content{
width            : 100%;
padding          : 0;
border-collapse  : collapse;
border-spacing   : 0;
margin-bottom    : 10px;
}

table.contentpane {
width            : 100%;
border-spacing   : 0;
padding-left     : 5px;
padding-right    : 5px;
margin-bottom    : 5px;

}

table.contentpaneopen {
width            : 100%;
border-spacing   : 0;
padding-left     : 5px;
padding-right    : 5px;
margin-bottom    : 5px;
}

.contentheading {
font-family      : Arial, Verdana, Helvetica, sans-serif;
width            : 100%;
font-size        : 14px;
font-weight      : bold;
line-height      : 21px;
text-align       : left;
text-indent      : 25px;
color            : #000000;
padding          : 3px;
margin           : 3px 0;
background       : url(../images/top_tab_fund.jpg) no-repeat left top; 
  
}
  
.contentheading a {
text-decoration  :none;

}

.componentheading { 
font-family      : Arial, Verdana, Helvetica, sans-serif; 
width            : auto; 
font-size        : 17px; 
font-weight      : bold; 
line-height      : 21px; 
text-transform   : uppercase; 
text-align       : left; 
color            : #616161; 
padding          : 3px; 
margin           : 5px !important; 
margin           : 5px 1px; 
background       : #f9fbfc; 
text-indent      : 15px; 

}

.contentdescription { 
width            : auto !important;
margin           : 0;
padding          : 0;
padding-top      : 5px;
text-align       : left;

}

 .blog_more {
margin            : 10px 0 7px 7px;

}

.buttonheading {
padding           :0 2px;

}

.blog {
width             :100%;

}

/** Polls **/

.poll {
color             : #333333;
line-height       : 11px;
font-weight       : normal;
text-align        : left;

}

.pollstableborder{
border-color     : #999999;

}

/** "Tab" buttons for Joomla frontend **/

.ontab {
border-left      : 1px solid #666666;
text-align       : center;
font-weight      : bold;
color            : #333333;
padding          : 5px;
cursor           : pointer;
line-height      : 30px;

}

.offtab {
border-left      : 1px solid #666666;
text-align       : center;
color            : #999999;
font-weight      : normal;
padding          : 5px;
cursor           : pointer;
line-height      : 30px;

}

.tabpadding {
border-left       : 1px solid #666666;

}

/** CSS for Mainmenu **/

a.mainlevel  {
display          : block;
width            : auto !important;
width            : 100%;
margin           : 1px 0;
padding          : 0;
font-size        : 11px;
background       : transparent;
text-indent      : 10px;

}

a.mainlevel:link, a.mainlevel:visited {
display          : block;
font-size        : 11px;
border           : 1px solid #575757;
font-weight      : normal;
padding          : 3px 0 3px 10px;
color            : #000000;
text-decoration  : none;

}

a.mainlevel:hover {
border           : 1px solid #575757;
font-size        : 11px;
font-weight      : normal;
color            : #000000;
font-weight      : bold;
text-decoration  : none;
padding-left     : 10px;
background       : #eceeef url(../images/menu.gif) no-repeat 96% 50%;

}

#active_menu {   
border           : 1px solid #575757;
font-size        : 13px;
color            : #000000;
font-weight      : bold;
background       : #eceeef url(../images/menu.gif) no-repeat 96% 50%;
 }
 
a#active_menu:hover {
color            : #575757;
border           : 1px solid #000000;

}


/** Sublevel for Mainmenu **/

.sublevel {
font-family      : Arial, Helvetica, sans-serif;
font-size        : 11px;
color            : #999999;
padding    	     : 3px 1px 3px 5px;
margin		     : 3px;

}

a.sublevel:link, a.sublevel:visited {
color	         : #999999;
text-decoration	 : none;

}

a.sublevel:hover {
color            : #000000;
text-decoration  : none;

}

a.sublevel#active_menu  {
background      : #cccccc;
color           : #000000;
border          : 0;
      
}

/** Topmenu styles for BOTTOM navigation **/

ul#mainlevel-nav {
font-size        : 11px;
list-style       : none;
padding-right    : 20px;
margin           : 0;
     
}

#mainlevel-nav li {
float            : right;
display          : block;
list-style       : none;
background-image : none;
padding          : 0;
margin           : 0;
width            : auto !important;
font-size        : 11px;
line-height      : 28px;
white-space      : nowrap;
  
}

#mainlevel-nav li a {
display          : block;
padding-left     : 11px;
padding-right    : 0;
font-size        : 10px;
color            : #000000;
text-decoration  : underline;
  
}

#mainlevel-nav li a:hover {
display          : block;
font-size        : 11px;
color            : #cccccc;
    
}

/** images **/

.mosimage {
border           : 1px solid #E7EAEC;
margin           : 5px;
padding-top      : 3px;

}

.mosimage_caption {
margin-top       : 3px;
padding          : 2px;
color            : #666666;
font-size        : 10px;
background       : #ECEEEF;

}

/** #################### index.php #################### **/
.main { 
text-align       : left; 
width            : 100%;
 
 }

div.mod {
background       : transparent;
width            : 3px;

}

#clear {
clear            : both;
height           : 30px;

}

#centice {
border           : 1px solid #1e1e1e;
background       : #ffffff;

}

#contentol{
padding          : 5px;

}

td.pw {
width            : 100%;
padding          : 5px 5px 5px 5px !important;
padding          : 2px 2px 10px 2px;

}

td.pw div{
padding          : 5px;
width            : auto;
border           : 1px solid #cccccc;
background       : #ffffff;

}

   
.footer_left { 
float            : left; 
font-size        : 10px; 
color            : #cccccc; 
font-weight      : normal; 
margin-left      : 20px; 
padding-top      : 15px !important; 
padding-top      : 15px; 

}

.footer_left p{
padding-left     : 20px;

}

.footer_right { 
width            : 410px; 
float            : right; 
font-size        : 10px; 
color            : #cccccc; 
font-weight      : normal; 
padding-top      : 15px; 
text-align       : right; 
margin-right     : 20px; 

}

.footer_right p{
padding-right    : 20px;

}

.leftcol, .rightcol {
vertical-align   : top;
padding          : 7px;
text-align       : center;
width            : 170px;
/*background     : url(../images/bg_left_rigth.png);*/
background-color :#eeeeee;

}

.leftcol div, .rightcol div{ 
width           : 170px;

}

.foot { 
color           : #cccccc; 
background      : url(../images/top_tab.png) repeat-x left top;
height          : 40px; 
}

.foot td { 
color           : #000000; 
padding         : 0px 15px; 

}

.foot a { 
color           : #1e1e1e; 

}

.topup td { 
padding         : 0px 0px;  

}

.fund_tab {
background      : url(../images/fund_top.gif) repeat-x left top;

}

.bann {
border-style    : none

}

.bann td { 
color           : #1e1e1e; 
text-align      : center; 
padding-right   : 15px; 
padding-left    : 15px; 

}

#top_bar_home { 
background-color: transparent; 
position        : absolute; 
margin          : 0; 
padding         : 0; 
right           : 80px; 
height          : 91px; 

}

#top_bar { 
background-color: transparent; 
position        : absolute; 
margin          : 0; 
padding         : 0; 
right           : 80px; 
height          : 91px; 

}

#ol-mainbd { 
margin         : 0 auto; 
padding        : 0; 
width          : 100%; 
text-align     : center;
min-width      : 800px;
max-width      : 2000px;

}

.newsflash { 
text-align     : left; 
padding-top    : 3px; 
padding-right  : 0; 
padding-left   : 0; 

}

.newsflash td { 
color         : #e9ecf1; 
padding       : 5px; 

}

.newsflash table.moduletable { 
color         : #e9ecf1; 
margin        : 0 0 5px; 
width         : 100%; 
border        : solid 1px #1e1e1e; 

}

.newsflash table.moduletable th{
font-size     : 14px;
font-weight   : bold;
text-align    : center;
width         : 100%;
color         : #e9ecf1;
padding       : 1px;
line-height   : 24px;
background    : #3a4048;
border-bottom : 1px solid #65707e;

}

