@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body {
	background:url(../img/bg.gif);
	font:12px Arial;
	color:#000000;
	overflow-x:hidden;
}
img { border: 0; }

/*** PROJETOS ***/
#grid .clr {
	clear:both;
}
#grid ul {
	margin-bottom:16px;
}
ul li {
	margin-left:20px;
}
#grid a {
	color:#FFF;
	text-decoration:none;
}
#grid a img {
	border:0;
}
#grid a:hover,
#grid a:focus {
	outline:0;
	color:#fcec00;
}
.project-grid {
/*	border: #000 solid 1px; */
	position:relative;
	left:-2px; /*84*/
	margin:0 -10px 6px 0;
	width:935px; /*738*/
}
.project-grid li {
	float:left;
	margin:0 0 10px 10px;
	background:#000;
	list-style:none;
	display:inline;
}
.project-grid li a {
	position:relative;
	overflow:hidden;
	display:block;
	width:220px;
	height:131px;
	text-decoration:none;
}
.project-grid li a img {
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	opacity:0.7;
	-moz-opacity: 0.70;
	filter: alpha(opacity=70);
}
.project-grid li a:hover img,
.project-grid li a:focus img {
	opacity:1;
	-moz-opacity: 0.71;
	filter: alpha(opacity=100);
}
/*JANELA DESCRITIVO*/
.project-grid li a span {
	position:absolute;
	z-index:2;
	bottom:-500px;
	display:block;
	padding:10px;
	width:220px;
	background:#000;
	color:#fff;
	opacity:0.9;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90);
	cursor:pointer;
}
.project-grid li a:hover span,
.project-grid li a:focus span {
	bottom:0;
	color:#fff;
	font-size:13px;
}
.project-grid li a span strong {
	display:block;
	color:#009966;
	font-size:16px;
}
/* SELOS */
.novo {
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	overflow:hidden;
	display:block;
	width:57px;
	height:57px;
	background:url(../img/projetos/novo.png) 0 0 no-repeat;
	text-indent:-9999px;
}
.breve {
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	overflow:hidden;
	display:block;
	width:57px;
	height:57px;
	background:url(../img/projetos/breve.png) 0 0 no-repeat;
	text-indent:-9999px;
}
/*** PROJETOS ***/

#all {
   margin: 0 auto;
	padding: 0;
	width: 934px;
}
#topo {
	height: 150px;
}
#contato {
	font: 12px Arial;
	text-align: right;
	height: 40px;
}
#contato p { 
	padding-top: 18px;
	padding-right: 3px;
}
#logo {
	float: left;
	height:105px;
}
#logo p {
	padding-top: 10px;
}
#menubox {
	position: relative;
	float: left;
	width: 690px;
	height: 105px;
}
#menu { 
	list-style: none;
	padding-top:38px;
	padding-left: 85px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul li a {
	text-decoration: none;
	font: 22px Arial;
	color: #003366;
	float: left;
	padding: 2px 16px;
	margin-left: 1px;
	width: auto;
}
#menu ul li a:hover {
	color: #009966;
	border-bottom: #009966 solid 4px; 
}
#troca {
	background:url(../img/bgtroca.gif);
	margin: 0 auto;
	padding: 0;
}
#banner {
	background-position:center;
	margin-left:-40%;
	margin-right:-40%;
/*	text-align: center; */
/*	width: 930px; */
	height:277px;
	width:auto;
	cursor:pointer;
	display:block;
/*	padding: 0;
	text-align: center;
*/
}
#banneragencia {
	background: url(../img/banner/agencia.jpg) no-repeat;
	background-position:center;
	margin-left:-40%;
	margin-right:-40%;
	height:277px;
	width:auto;
	display:block;
}
#bannersolucoes {
	background:url(../img/banner/solucoes.jpg) no-repeat;
	background-position:center;
	margin-left:-40%;
	margin-right:-40%;
	height:277px;
	width:auto;
}
#bannerprojetos {
	background:url(../img/banner/projetos.jpg) no-repeat;
	background-position:center;
	margin-left:-40%;
	margin-right:-40%;
	height:277px;
	width:auto;
}
#bannercontato {
	background:url(../img/banner/contato.jpg) no-repeat;
	background-position:center;
	margin-left:-40%;
	margin-right:-40%;
	height:277px;
	width:auto;
}
#bannerok {
	background:url(../img/banner/ok.jpg) no-repeat;
	padding: 0;
	text-align: center;
	width: 930px;
	height: 277px;
}
#bannerparceiros {
	background:url(../img/banner/parceiros.jpg) no-repeat;
	padding: 0;
	text-align: center;
	width: 930px;
	height: 277px;
}
#bannerpoliticas {
	background:url(../img/banner/politicas.jpg) no-repeat;
	padding: 0;
	text-align: center;
	width: 930px;
	height: 277px;
}
#main { /* GERAL */
	margin: 0 auto;
	padding: 0;
	width: 934px; 
}
#meiohome {
	margin: 35px 0 0 0;
	height: 480px;
}
#frase {
	float: left;
	width: 30%;
	padding-right: 21px;
	border-right: #CCCCCC solid 1px;
}
#frase h1 {font-size: 36px; font-family: Helvetica; color: #009966;}
#frase h2 {font-size: 16px; font-family: Arial; line-height: 22px; font-weight: 100;}
#frase a {
	font-size: 21px;
	color: #003366;
}
#frase a:link {
	text-decoration: none;
}
#frase a:visited {
	text-decoration: none;
	color: #003366;
}
#frase a:hover {
	text-decoration: underline;
	color: #003366;
}
#frase a:active {
	text-decoration: none;
	color: #003366;
}
#blog{
	float: left;
	width: 30%;
	margin-left: 22px;
	padding-right: 21px;
	border-right: #CCCCCC solid 1px;
}
#blog h1 {font-size: 36px; font-family: Helvetica; color: #003366;}
#blog h2 {font-size: 16px; font-family: Arial; line-height: 22px; font-weight: 100;}
#blog a {
	font-size: 21px;
	color: #009966;
}
#blog a:link {
	text-decoration: none;
}
#blog a:visited {
	text-decoration: none;
	color: #009966;
}
#blog a:hover {
	text-decoration: underline;
	color: #009966;
}
#blog a:active {
	text-decoration: none;
	color: #009966;
}
#tweets {
	float: left;
	width: 30%;
	margin-left: 22px;
	font-size: 14px; 
	font-family: Arial;
}
#tweets h1 {font-size: 36px; font-family: Helvetica; color: #FF6600;}
#tweets ul {
	list-style: none;
}
#twitter_update_list li {
	list-style: none;
	padding: 6px 0 6px 0;
	border-bottom: #CCCCCC solid 1px;
	line-height: 22px; 
	font-weight: 100; 
}
#tweets a {
	font-size: 13px;
	color: #FF6600;
}
#tweets a:link {
	text-decoration: none;
}
#tweets a:visited {
	text-decoration: none;
	color: #FF6600;
}
#tweets a:hover {
	text-decoration: underline;
	color: #FF6600;
}
#tweets a:active {
	text-decoration: none;
	color: #FF6600;
}
#meioagencia {
	margin: 35px 0 0 0;
	height: 500px;
}

#meiopoliticas {
	margin: 35px 0 0 0;
	padding:0 0 40px 0;
}

#meiopoliticas p { 
	font-size: 16px; 
	font-family: Arial;
	padding: 5px 5px 5px 5px;
	text-align:justify;
}

#meiopoliticas h1 { 
	font-size: 16px; 
	font-family: Arial;
	font-weight:bold;
	padding: 0 5px 5px 5px;
}

#meioagencia p { 
	font-size: 16px; 
	font-family: Arial;
	padding: 0 5px 0 5px;
}
#meioagencia a {
	font-size: 21px;
	color: #003366;
}
#meioagencia a:link {
	text-decoration: none;
}
#meioagencia a:visited {
	text-decoration: none;
	color: #003366;
}
#meioagencia a:hover {
	text-decoration: underline;
	color: #003366;
}
#meioagencia a:active {
	text-decoration: none;
	color: #003366;
}
#meiosolucoes {
	margin: 35px 0 0 0;
	height: 620px;
}
#meiosolucoes h1 { 
	font-size: 22px; 
	font-family: Arial; 
	color: #009966;
}
#meiosolucoes p { 
	font-size: 16px; 
	font-family: Arial;
	padding: 0 5px 0 5px;
}
#meiosolucoes a {
	font-size: 21px;
	color: #009966;
}
#meiosolucoes a:link {
	text-decoration: none;
}
#meiosolucoes a:visited {
	text-decoration: none;
	color: #009966;
}
#meiosolucoes a:hover {
	text-decoration: underline;
	color: #009966;
}
#meiosolucoes a:active {
	text-decoration: none;
	color: #009966;
}
#meioprojetos {
	margin: 55px 0 0 0;
	padding:0 0 10px 0;
}
#meioprojetos p { 
	font-size: 16px; 
	font-family: Arial; 
	margin: 10px 0 60px 0;
	padding: 0 5px 0 5px;
	text-align: center;
}
#meioprojetos a {
	font-size: 21px;
	color: #009966;
	text-decoration:none;
}
#meioprojetos a:link {
	text-decoration: none;
}
#meioprojetos a:visited {
	text-decoration: none;
	color: #009966;
}
#meioprojetos a:hover {
	text-decoration:none;
	color: #009966;
}
#meioprojetos a:active {
	text-decoration: none;
	color: #009966;
}
#meiocontato {
	margin: 55px 0 0 0;
	height: 380px;
}
#meioparceiros {
	margin: 35px 0 0 0;
	height: 300px;
}
#meioparceiros h1 { 
	font-size: 22px; 
	font-family: Arial; 
	color: #009966;
}
#meioparceiros p { 
	font-size: 14px; 
	font-family: Arial;
	text-align: center;
	line-height: 20px;
}
#rodape {
	background-color: #70C6A9;
	border-top: #FFFFFF solid 3px;
	height: 200px;
}
#rodapeinfo {
   margin: 0 auto;
	padding: 0;
	width: 934px;
	text-align: center;
	height: 200px;
}
#cop {
	color: #003366;
	padding-top: 20px;
}
#linksbox {
	height: 30px;
	padding-left: 70px; /*70px*/
	padding-top: 10px;
	margin-top: 12px;
}
#menulinks {
	list-style: none;
}
#menulinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menulinks ul li{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menulinks ul li a {
	text-decoration: none;
	font: 11px Verdana;
	color: #003366;
	float: left;
	padding: 2px 16px;
	margin-left: 1px;
	width: auto;
}
#menulinks ul li a:hover {
	color: #FFFFFF; /*#006699*/
	border-bottom: #009966 solid 2px; 
}
#selos {
	margin: 15px;
	text-align: center;
	padding-top: 15px;
}
#selos a { text-decoration: none }
#wrapper {
	width:318px;
	float: left;
	padding: 0 5px 0 5px;
}
.form p { 
	font-size: 22px;
	color: #666666;
	padding-top: 8px;	
}
.form input {
	height: 20px; 
	width: 270px; 
	font: 16px Arial;
	color: #009966;
	border: #009966 solid 1px;
}
.form textarea {
	height: 140px; 
	width: 270px; 
	font: 16px Arial;
	color: #009966;
	border: #009966 solid 1px;
}
.form .submit {
	width: 273px;
	height: 25px;
	font: 14px Verdana;
}
#msg {
	display:none; 
	position:absolute; 
	z-index:200; 
	background:url(../img/msg_arrow.gif) left center no-repeat; 
	padding-left:7px;
}
#msgcontent {
	display:block;
	background:#f3e6e6;
	border:2px solid #924949;
	border-left:none; 
	padding:5px; 
	min-width:150px; 
	max-width:250px;
}
#auxcontato{
	float:left;
}
#legenda {
	padding: 28px 5px 0 5px;
	text-align: left;
	border-bottom: #CCCCCC solid 1px;
	height: 140px;
	width: 580px;
}
#legenda p {
	font-size: 13px;
	color: #333333;
	font-family: Arial;
	line-height: 23px;
}
#contatos {
	padding: 20px 0 0 0;
	text-align: right;
}
#contatos p {
	font-size: 12px;
	color: #009966;
	font-family: Verdana;
	line-height: 23px;
}
#ok {
	width:318px;
	float: left;
	padding: 0 5px 0 5px;
}
#ok p {
	font-size: 12px;
	color: #009966;
	font-family: Verdana;
	line-height: 23px;
}
#ok a {
	font-size: 15px;
	color: #009966;
}
#ok a:link {
	text-decoration: none;
}
#ok a:visited {
	text-decoration: none;
	color: #009966;
}
#ok a:hover {
	text-decoration: underline;
	color: #009966;
}
#ok a:active {
	text-decoration: none;
	color: #009966;
}