/* ######### CSS for Shade Tabs. Remove if not using ######### */
@charset "utf-8";

.shadetabs{

padding: 3px 0;
margin: 0;
font: bold 9px Tahoma;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

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

.shadetabs li a{
font: bold 9px Tahoma;
top: 2px;
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 3px;
margin-right: 3px;
border: 1px solid #778;
color: #ffffff;
background: white url(../imagens/shade_B.gif) top left repeat-x;
}

.shadetabs li a:visited{
font: bold 9px Tahoma;
color: #ffffff;
}

.shadetabs li a:hover{
font: bold 9px Tahoma;
color: #FF0000;
background: white url(../imagens/shadeactive.gif) top left repeat-x;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../imagens/shade_S.gif);
border-bottom-color: white;
color: #000040;
font: bold 9px Tahoma;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### TIPO I ######### */

.shadetabsI{
padding: 3px 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: bold 9px Tahoma;
color: #2d2b2b;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

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

.shadetabsI li a{
font: bold 9px Tahoma;
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 3px;
margin-right: 3px;
border: 1px solid #778;
color: #000080;
background: white url(../imagens/shade_V.gif) top left repeat-x;
}

.shadetabsI li a:hover{
color: #ffffff;
background: white url(../imagens/shade_V.gif) top left repeat-x;
font: bold 9px Tahoma;
}

.shadetabsI li a.selected{ /*selected main tab style */
position: relative;
}

.shadetabsI li a.selected{ /*selected main tab style */
background-image: url(../imagens/shade_V.gif);
color: #ffffff;
font: bold 9px Tahoma;
}

.shadetabsI li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### TIPO II ######### */

.shadetabsII{
padding: 3px 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0;
font: bold 9px Tahoma;
color: #2d2b2b;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

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

.shadetabsII li a{
font: bold 9px Tahoma;
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 3px;
margin-right: 3px;
border: 1px solid #778;
color: #000080;
background: white url(../imagens/shade_VV.gif) top left repeat-x;
}

.shadetabsII li a:hover{
color: #ffffff;
background: white url(../imagens/shade_B.gif) top left repeat-x;
font: bold 9px Tahoma;
}

.shadetabsII li a.selected{ /*selected main tab style */
position: relative;
}

.shadetabsII li a.selected{ /*selected main tab style */
background-image: url(../imagens/shade_B.gif);
color: #ffffff;
font: bold 9px Tahoma;
}

.shadetabsII li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}