/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 10px}
h1, h2, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;padding-bottom: 0.1em}
h1 {font-size: 15px;color:#335F77;}/*azul mais escuro*/
h2 {font-size: 12px;color:#335F77;}/*azul mais escuro*/
h3 {font-size: 15px;color:#5485A9;}/*azul mais claro*/
h4 {font-size: 12px;color:#5485A9;}/*azul mais claro*/
h5 {font-size: 15px;color:#E29C41;}/*amarelo*/
h6 {font-size: 12px;color:#E29C41;}/*amarelo*/
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 0px 1px 2px 1px;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
font: bold 12px Arial;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 0px;
border: 0px solid #778;
color: #FFFFFF;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #FFFFFF;
}

.shadetabs li a:hover{
text-decoration: none;
color:  #FAA700;
}

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

}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

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

.tabcontentstyle{ /*style of tab content container*/

width: 510px;
height:240px;
position:relative;
font: 83%/1.5;
font-family: Arial, Verdana,  Helvetica, sans-serif; 
font-size:12px;
text-align: justify;
padding: 20px 0px 20px 20px;
}

.tabcontent{
width: 539px;
height: 310px;
background:#f2f4f6 url("featurebox_bg.gif") no-repeat 100% 100% ;
border-top: 1px solid #d7d7d7;
padding: 10px 0px 20px 20px;


}

#imagem {
	padding: 0 17px 5px 0;
	width: 287px;
	height: 227px;
	float: left;
}

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

}