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

.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: 12px Arial, Verdana, Helvetica;
	list-style: none !important;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{ 
	float: left; 
	background:#C33348 url("img/aba-direita.png") no-repeat right top;
    margin:0;
    padding:0;
	list-style: none !important;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	color: #FFF;
	display:block;
    background:  url("img/aba-esquerda.png") no-repeat left top;
    padding: 5px 11px;
}

#header a {
    
    }

.shadetabs li a:hover{}

.shadetabs li.selected{ /*selected main tab style */
	background:#fff url("img/aba-direita-ativa.png") no-repeat right top;
	color: #C33348;
 }

.shadetabs li.selected a{
background:  url("img/aba-esquerda-ativa.png") no-repeat left top;
color: #C33348;
}
.shadetabs li a.selected{ /*selected main tab style */}

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

.tabcontent{display:none;}
.tabcontent dt {	font-weight: bold;	font-size: 10px;	color: #666}
.tabcontent dd {	font-weight: normal;	margin:0 0 10px 0;	font-size: 12px;	color: #990033;}
.tabcontent h3 {	font-size: 12px;	color: #555; width:458px}
.tabcontent img {width:70px; border:#CCC solid 4px}
.tabcontent p {margin:3px 0 20px 0}

#conteudo-tabs {
	border:1px solid #bf5858; 
	border-top: 0; 
	width:519px; 
	margin-bottom: 1em; 
	padding: 20px 10px;

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