@charset "utf-8";
/* CSS Document */

body {
	font: normal 12px "Trebuchet MS", "Lucida Sans";
	margin: 0px auto;
	background-color: #95AF78;
}
ul, h1, h2, h3, h4, h5, h6, hr, a, span {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #00639F;
}
h2 {
	font: normal 22px "Trebuchet MS", "Lucida Sans";
	margin: 0px;
}
h3 {
	font: bold 13px "Trebuchet MS", "Lucida Sans";
	line-height: 16px;
	margin-bottom: 16px;
}
h4 {
	font: bold 11px Arial;
	margin: 0px;
	text-align: left !important;	
}
h5 {
	font: bold 11px "Trebuchet MS", "Lucida Sans";
	margin: 0px;
	color: #8AAF41;
	margin-top: 14px;
}
#tabelaPromocao p{
	margin: 2px;
	text-align: center;
	color: #00639F;
}
.boxBottom {
	float: left;
	width: 100%;
	margin-top: 16px;
	margin-bottom: 4px;
}
.link10 {
	font-size: 10px;
	color: #999999;
	letter-spacing: 0.8px;
	text-decoration: none;
}
.link10:hover {
	text-decoration: underline;
}
.buttonLink {
	border: 1px solid #A5BACE;
	padding: 2px;
	text-align: center;
	padding-left: 14px;
	padding-right: 14px;
	font: bold 13px "Trebuchet MS", "Lucida Sans";
	background: url(../images/backgroundButton.gif);
	color: #333333 !important;
	text-decoration: none;
}
.buttonLink:hover {
	color: #333333 !important;
	background: url(../images/backgroundButtonHover.gif);
}
#page-wrap {
	width: 980px;
	margin: auto;
	margin-bottom: -1px;
}
#shadow {
	background: url(../images/background.gif);
	background-repeat: repeat-y;
	margin: 1px;
}
#page-header {
	background: url(../images/header.gif);
	background-repeat: no-repeat;
	background-position: center 16px;
	background-color: #95AF78;
	height: 95px;
}
#container {
	width: 97.9%;
	margin: 0px 9px;
}
#menu {
	height: 26px;
	margin: auto;
	width: 100%;
	background: url(../images/nav-background.gif);
	border-bottom: 1px solid #C7DF99;
}
#menu ul {
	margin-left: 30px;
}
#menu ul li {
	float: left;
	border: 1px solid #E4FFAF;
	border-right: 1px solid #D6EFA4;
	border-bottom: none;
	padding-left: 0px;
	padding-right: 1px;
}
#menu ul li a {
	font: bold 12px Arial;
	display: block;
	padding: 4px;
	padding-left: 9px;
	padding-right: 8px;
	margin-top: 2px;
	text-decoration: none;
	border-bottom: none;
	border-right: 1px solid #E4FFAF;
	border-left: 1px solid #E4FFAF;
}
#menu ul li a:hover {
	border: 1px solid #D6EFA4;
	background: #F4FFDF;
	margin-top: 1px;
}
.menu-on {
	background: #FFFFFF;
	border: 1px solid #D6EFA4 !important;
	border-bottom: 1px solid #FFFFFF !important;
}
.menu-on a {
	border-color: #FFFFFF !important;
}
.menu-on a:hover {
	border-color: #FFFFFF !important;
	background: #FFFFFF !important;
	border-bottom: none !important;
}
#headerContainer {
	margin: auto;
	width: 98%;
	border: 1px solid #D6EFA4;
	margin-top: 6px;
	height: 86px;
	background: url(../images/header-background.gif);
	background-repeat: repeat-x;
	background-color: #EEFFCA;
}
#headerContainer ul li {
	border: 1px solid #D6EFA4;
	float: left;
	margin-top: 3px;
	margin-left: 1px;
	margin-right: 1px;
	background-color: #FFFFFF;
	width: 27.7%;
	padding: 4px;
	position: relative;
	height: 71px;
	font: normal 11px Verdana;
}
#headerContainer ul li h5 {
	background: #EEFFCA;
	font: bold 10px Verdana;
	text-align: center;
	margin: -4px;
	padding: 1px;
	margin-bottom: 4px;
}
#headerContainer ul li ul {
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 62px;
	top: 10px;
	float: left;
	width: 80%;
}
#headerContainer ul li ul li {
	border: none;
	height: 4px;
	line-height: 5px;
	float: left;
	width: 70%;
	margin: 0px;
	background: none;
	font-size: 10px;
}
#headerContainer ul li a {
	color: #666666;
	text-decoration: none;
}
#headerContainer a:hover {
	color: #FF9900;
}
.pBottom {
	position: absolute;
	bottom: 4px;
	right: 4px;
}
.pBottom a {
	color: #00639F !important;
	text-decoration: underline !important;
}
.pBottom a:hover {
	color: #FF9900 !important;
}
#boxPesquisa-wrap {
	width: 380px !important;
	background: url(../images/search.gif);
	background-repeat: no-repeat;
	background-position: 3px;
	font: normal 12px Arial;
	height: 71px;
}
#boxPesquisa-wrap form {
	margin: 0px;
}
#boxPesquisa {
	position: relative;
	left: 74px;
	top: 10px;
	width: 80%;
	font: normal 10px Verdana;
}
#textoPesquisa {
	position: relative;
	top: 1px;
	width: 70%;
}
#boxLajedo {
	background: url(../images/cyber_lajedo.jpg);
	background-repeat: no-repeat;
	background-position: 10px 25px;
}
#boxCacho {
	background: url(../images/cyber_cachoeirinha.jpg);
	background-repeat: no-repeat;
	background-position: 10px 25px;
}
#main {
	padding: 0px;
	margin: 10px;
	margin-bottom: 30px;
	float: left;
	width: 98.2%;
}
.wrapContainerPages {
	background: #FFFFFF;
	height: 400px;
}
#mainLeft {
	width: 58%;
	float: left;
}
#topServices .boxSolutions {
	margin-top: 5px;
	height: 56px;
}
#topServices .boxSolutions p {
	float: left;
	width: 80px;
	height: 84%;
	color: #000000;
	padding: 2px;
	padding-left: 10px;
	font-weight: bold;
	line-height: 13px;
	margin-right: 4px;
}
#topServices ul li {
	margin-left: 4px;
	line-height: 9px;
	font-size: 11px;
	padding: 2px;
}
#topServices-title {
	line-height: 15px;
	font-size: 12px;
}
#mainDestaque {
	float: left;
	width: 100%;
	position: relative;
	left: -10px;
	margin-top: 20px;
	background: #FFF9EF;
	padding: 8px;
}
#mainDestaque ul {
	float: left;
	width: 100%;
}
#mainDestaque ul li {
	float: left;
	width: 31%;
	padding: 4px;
	margin: 2px;
	margin-right: 10px;
	line-height: 13px;
	color: #666666;
	font-size: 12px;
}
#mainDestaque ul li img {
	border: 1px solid #D1D1D1;
	padding: 1px;
}
#mainDestaque ul li h4 {
	color: #666666;
	text-align: center;
	margin-bottom: 4px;
	font-size: 12px;
}
#mainDestaque ul li h4 a {
	text-decoration: none;
}
#mainDestaque ul li h4 a:hover {
	text-decoration: underline;
}
#mainDestaque ul li img {
	float: left;
	margin-right: 6px;
}
#moreServices {
	float: left;
	width: 100%;
}
.containerBoxs {
	width: 350px;
}
#mainContato {
	width: 96.2%;
	padding: 10px;
	background: #F9F9F9;
}
#mainContato ul li {
	margin-bottom: 3px;
	font-size: 11px;
}
#mainContato ul li .formLabel {
	display: block;
	float: left;
	width: 90px;
}
#mainContato ul li input, select, option, textarea {
	font-size: 11px;
	border: 1px solid #D1D1D1;
	border-bottom: none;
	border-right: none;
	background: #FFFFFF;
}
#mainContato input {
	font-size: 11px;
}
#mainContato ul li option {
	border: none;
}
#mainContato ul li #msg {
	width: 400px;
}
#portifolio {
	background: #F9F9F9;
	margin-bottom: 10px;
	padding-bottom: 8px;
	float: left;
	width: 100%;
}
#portifolio ul {
	float: left;
	width: 100%;
}
#portifolio ul li {
	border: 1px solid #D1D1D1;
	width: 31.5%;
	float: left;
	height: 130px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 8px;
	background: #FFFFFF;
	position: relative;
}
#portifolio ul li p {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #E5E5E5;
	font-size: 10px;
	width: 96.4%;
	color: #666666;	
	padding-right: 6px;
	text-align: right;
}
#mainRight {
	width: 40.2%;
	float: left;
	margin-left: 14px;
	border: 1px solid #CCCCCC;
}
#mainRight a {
	text-decoration: none;
}
#mainRight a:hover {
	text-decoration: underline;
}
#mainRight h4 {
	color: #333333;
}
#mainRight ul {
	padding-top: 6px;
}
#pageAd {
	padding: 3px;
}
.headerRight {
	background: #E5E5E5;
	padding: 6px;
}
.menuRight {
	background: #F9F9F9;
	padding: 6px;
}
#page-footer {
	border-top: 6px solid #B1B1B1;
	width: 96.3%;
	margin-left: 9px;
	padding: 8px;
	padding-top: 6px;
	line-height: 12px;
	font-size: 11px;
	height: 86px;
	clear: both;
	background: url(../images/footer-background.gif);
	background-color: #ECF8D0;
	background-repeat: no-repeat;
	position: relative;
}
#page-footer, #page-footer h4 {
	color: #999999;
}
#page-footer #toolslogo {
	position: absolute;
	right: 10px;
	bottom: 12px;
	width: 144px;
	height: 44px;
	background: url(../images/logotoolsInfo.gif);
}
#officeServices {
	margin: 6px;
}
#footerLinks {
	margin-top: 6px;
	margin-bottom: 4px;
}
#footerLinks a {
	font: normal 11px Arial;
	text-decoration: none;
}
#footerLinks a:hover {
	text-decoration: underline;
}