﻿

.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
}



#tabs {
	float:left;
	width:116%;
	font-size:93%;
	line-height:normal;
	border-bottom:0px solid #666;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url("right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}
     
.bordaBox {bbackground: ttransparent; width:100%;}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b {display:block; overflow:hidden; font-size:1px;}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b {height:1px;}
.bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {background:#239BCD; border-left:1px solid #999; border-right:1px solid #999;}
.bordaBox .b1 {margin:0 5px; background:#999;}
.bordaBox .b2 {margin:0 3px; border-width:0 2px;}
.bordaBox .b3 {margin:0 2px;}
.bordaBox .b4 {height:2px; margin:0 1px;}
.bordaBox .conteudo {padding:5px;display:block; background:#239BCD; border-left:1px solid #999; border-right:1px solid #999;}



.circlemenu{
width: 100%;
overflow:hidden;
}

.circlemenu ul{
margin: 0;
padding: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: center; /* "left", "center", or "right" align menu */
}

.circlemenu li{
display: inline;
margin: 0;
}

.circlemenu li a{
display:inline-block;
text-align:center;
text-decoration: none;
color: black;
background:#fbfbfb;
margin: 0;
margin-right:5px; /*right spacing between each link */
width:100px;
height:100px;
border-radius: 400px; /*really large border radius to create round borders*/
-moz-border-radius: 400px;
-webkit-border-radius: 400px;
}

.circlemenu a span{
position:relative;
top:40%;
}

.circlemenu li a:visited{
color: white;
}

.circlemenu a:hover{
background: #a71b15;
}


body 
{
  

 SCROLLBAR-FACE-COLOR: #e5eef6;
  BACKGROUND-IMAGE:url(bg_body.gif);
  SCROLLBAR-HIGHLIGHT-COLOR: #0b5c98; SCROLLBAR-SHADOW-COLOR: #e5eef6; SCROLLBAR-ARROW-COLOR: #0b5c98; SCROLLBAR-DARKSHADOW-COLOR: #0b5c98; style1: 10pt }
	.style10 { FONT-SIZE: 10px }
	.style12 { FONT-WEIGHT: bold; COLOR: #ff6600 }
	.style13 { FONT-WEIGHT: bold; FONT-SIZE: 9px }
	.style18 { FONT-SIZE: 9px; COLOR: #000000 }
	.style21 { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ff6600 }
	.style25 { FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif }
	.style26 { FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif }
	.style34 { FONT-WEIGHT: bold; FONT-SIZE: 10px }
	.style37 { FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
	.style65 { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff }
	A:link { FONT-SIZE: 9px; COLOR: #000000; TEXT-DECORATION: none }
	A:visited { FONT-SIZE: 9px; COLOR: #000000; TEXT-DECORATION: none }
	A:hover { FONT-SIZE: 9px; COLOR: #000000; TEXT-DECORATION: none }
	A:active { FONT-SIZE: 9px; COLOR: #000000; TEXT-DECORATION: none }
	.style71 { FONT-SIZE: 10px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif }
	.style76 { FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #ff0000 }
	                .style77
                    {
                        font-family: "Franklin Gothic Book";
                        font-size: x-small;
                    }
                    .style78
                    {
                        color: #FFFFFF;
                    }
	                .style79
                    {
                        font-size: 9px;
                    }
	                .style80
                    {
                        height: 28px;
                    }
	#principal {
        width: 760px;
   



}