/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mtbtabs{
width: 700px;
overflow: hidden;
border-bottom: 1px solid #797878; /*bottom horizontal line that runs beneath tabs*/
}

.mtbtabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mtbtabs li{
display: inline;
margin: 0;
}

.mtbtabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #666666; /*background of tabs (default state)*/
}

.mtbtabs li a:visited{
color: white;
}

.mtbtabs li a:hover, .mtbtabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}




/* tab os windows */
.mtbtabs_windows{
width: 700px;
overflow: hidden;
}

.mtbtabs_windows_pg{ background-color:#1854BC; }

.mtbtabs_windows_borda_frame{ border-left:1px #1854BB solid; border-right:1px #1854BB solid; }

.mtbtabs_windows ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mtbtabs_windows li{
display: inline;
margin: 0;
}

.mtbtabs_windows li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
-moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px;
color: white;
background: #2D6AED; /*background of tabs (default state)*/
}

.mtbtabs_windows li a:visited{
color: white;
}

.mtbtabs_windows li a:hover, .mtbtabs_windows li.selected a{
background: #1551B8; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.barra_windows{
background-color: #1854BB;	
}
.link_windows{
font-family:Arial, Helvetica, sans-serif;
color:#1854BB;
text-decoration:none;
}
.link_windows:hover{
color:#2269FF;
text-decoration:underline;
}
.link2_windows{
font-family:Arial, Helvetica, sans-serif;
color:#E9583B;
text-decoration:none;
}
.link2_windows:hover{
color:#F65D3F;
text-decoration:underline;
}






/* tab os linux */
.mtbtabs_linux{
width: 700px;
overflow: hidden;
}

.mtbtabs_linux_pg{ background-color:#B65B00; }
.mtbtabs_linux_borda_frame{ border-left:1px #B65B00 solid; border-right:1px #B65B00 solid; }

.mtbtabs_linux ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mtbtabs_linux li{
display: inline;
margin: 0;
}

.mtbtabs_linux li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
-moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px;
color: white;
background: #DC6E00; /*background of tabs (default state)*/
}

.mtbtabs_linux li a:visited{
color: white;
}

.mtbtabs_linux li a:hover, .mtbtabs_linux li.selected a{
background: #B65B00; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.barra_linux{
background-color: #B65B00;	
}
.link_linux{
font-family:Arial, Helvetica, sans-serif;
color:#B65B00;
text-decoration:none;
}
.link_linux:hover{
color:#B65B00;
text-decoration:underline;
}
.link2_linux{
font-family:Arial, Helvetica, sans-serif;
color:#B65B00;
text-decoration:none;
}
.link2_linux:hover{
color:#D86C00;
text-decoration:underline;
}



/* tab os mac */
.mtbtabs_mac{
width: 700px;
overflow: hidden;
}

.mtbtabs_mac_pg{ background-color:#6E6B5B; }
.mtbtabs_mac_borda_frame{ border-left:1px #6E6B5B solid; border-right:1px #6E6B5B solid; }

.mtbtabs_mac ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mtbtabs_mac li{
display: inline;
margin: 0;
}

.mtbtabs_mac li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
-moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px;
color: white;
background: #84816D; /*background of tabs (default state)*/
}

.mtbtabs_mac li a:visited{
color: white;
}

.mtbtabs_mac li a:hover, .mtbtabs_mac li.selected a{
background: #565547; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.barra_mac{
background-color: #565547;	
}
.link_mac{
font-family:Arial, Helvetica, sans-serif;
color:#6E6B5B;
text-decoration:none;
}
.link_mac:hover{
color:#84816D;
text-decoration:underline;
}
.link2_mac{
font-family:Arial, Helvetica, sans-serif;
color:#F70015;
text-decoration:none;
}
.link2_mac:hover{
color:#EC0014;
text-decoration:underline;
}



/* tab os online */
.mtbtabs_online{
width: 700px;
overflow: hidden;
}

.mtbtabs_online_pg{ background-color:#438704; }
.mtbtabs_online_borda_frame{ border-left:1px #438704 solid; border-right:1px #438704 solid; }

.mtbtabs_online ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mtbtabs_online li{
display: inline;
margin: 0;
}

.mtbtabs_online li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
-moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px;
color: white;
background: #50A402; /*background of tabs (default state)*/
}

.mtbtabs_online li a:visited{
color: white;
}

.mtbtabs_online li a:hover, .mtbtabs_online li.selected a{
background: #3B7801; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.barra_on-line{
background-color: #3B7801;	
}
.link_online{
font-family:Arial, Helvetica, sans-serif;
color:#3D7C02;
text-decoration:none;
}
.link_online:hover{
color:#479102;
text-decoration:underline;
}
.link2_on-line{
font-family:Arial, Helvetica, sans-serif;
color:#448A02;
text-decoration:none;
}
.link2_on-line:hover{
color:#3D7C01;
text-decoration:underline;
}



/* ######### CSS for Shade Tabs. Remove if not using ######### */


.tabconteudo{
display:none;
}

@media print {
.tabconteudo {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 700px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding:0 5px 10px 0;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabconteudo{
display:none;
}

@media print {
.tabconteudo {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding:0 5px 11px 0;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 0; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabconteudostyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 780px;
margin-bottom: 1em;
padding: 0;
}

.tabconteudo{
display:none;
}

@media print {
.tabconteudo {
display:block !important;
}
}