body {

       background-color: #fff;
	   margin: 0px;
	   color: #555555;
	   font-family: Trebuchet MS;
	   font-size: 14px;
        }
a {
		text-decoration: none;
		color: #21a2d6;
}


html, body, .main, .main iframe {
    margin: 0;
    width: 100%;
    height: 100%;
}
.main iframe {
    border: none; /* remove as bordas do iframes*/
}








/* Layout */



#menu {
		background-color: #21a2d6;
		height: 30px;
		background-image: url(imagens/navbar.png);
		background-repeat: repeat-x;
		clear: both;
		margin: 0px;
}

#rodape {
		height: 40px;
		background-color: #f4f4f4;
		font-weight: bold;
		font-size: 12px;
}

/* Other Id's */

#cabecalho #logo {

		font-size: 3.5em;
		letter-spacing: -2px;
		font-weight: bolder;
		float: left;
		padding-left: 25px;
}

#menu ul {
	margin: 0; padding: 0 0 0 85px;
}

#menu ul li {
	float: left;
	list-style: none;
	border-right: 1px solid #ccc;
	height: 30px;
}

#menu ul li a {
	display: block;
	text-decoration: none;
	padding: 5px 15px;
	color: #fff;
	font-weight: bold;
	height: 20px;
}

#menu ul li a:hover {
  	color: #333;
	background-color: #ffa242;
}

#menu ul li#current a {
	color: #333;
	background-color: #fff;
}

#menu ul li#current a:hover {
	color: #333;
	background-color: #ffa242;
}

#rodape div.footer {
		padding: 10px 0px 0px 0px;
		text-align: center;
}

/* Classes */
.empresa { color: #21a2d6 }
.orangeText { color: #ffa242 }
.blueText { color: #21a2d6 }
.bold { font-weight: bold; }
.left-align { float: left; }
.right-align { float: right; }
.small { font-size: 12px; }
.big { font-size: 18px; }