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

* {
	border:0 none;
	margin:0;
	outline-style:none;
	padding:0;
	text-decoration:none;
}

body {
	margin: 0;
	padding: 0;	
	list-style: none;
	text-decoration: none;
	text-align: center;
	background: #c8d7e0 url(../images/fundo.png) repeat-x;
}

#pagina {
	width: 920px;
	margin: 0 auto;
	text-align:left;
}
#topo {
	width: 920px;
	height: 102px;
	background: url(../images/fundo.jpg) no-repeat;
}
#topo h1 {
	background: url(../images/logomarca.png) no-repeat;
	width: 254px;
	height: 74px;
	margin: 15px 0 0 20px;
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	float: left;
	cursor: pointer;
}

#login {
	background: url(../images/fundo_login.png) no-repeat;
	width: 255px;
	height: 200px;
	position: absolute;
	z-index: 999px;
	margin: 25px 0 0 670px;
	text-align: left;
	padding: 0;
}

#login p {
	font: 11px Verdana, Geneva, sans-serif;
	color: #15609d;	
	
}
a#fechar_login {
	clear: both;
	display:block;
	background:transparent url(../images/fechar.png) no-repeat scroll 0 0;
	height:30px;
	text-indent:-9999px;
	width:121px;
	margin: 40px 0 0 170px;
	cursor: pointer;
}
#tab {
	margin: 0;
	padding: 0;
	float: right;
}


#tab a#login_img {
	background:transparent url(../images/login.png) no-repeat scroll 0 0;
	height:24px;
	text-indent:-9999px;
	width:147px;
	display:block;
}
#tab a:hover#login_img {
	background-position: 0 -25px;
}

#login2 {
	width: 450px;
	background: #fff;
	height: 100pxpx;
	display: none;
}

#login_center {
	margin:0 auto;
	padding-top: 10px;
}
#login_center p {
	text-align: left;
		padding: 0 3px;
}
#login_center span {
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #666;
	text-align: left;
	margin-left: 5px;
	display: block;
}

#loading,#aviso,#aviso2 {
display:none;
float: left;
}
#login_center .input {
	background: #fff none repeat scroll 0 0;
	border:2px solid #666;
	color:#4C535D;
	font-size:15px;
	margin-right:10px;
	margin: 3px;
	padding: 4px 3px;
	width:165px;
}

#login_center #formulario {
	background: url(../images/ok.png) no-repeat;
	cursor: pointer;
	width: 33px;
	margin-left: 70px;
	height: 30px;
	border:0 none;
}

ul#menu {
	padding: 63px 0 0 330px;
}
ul#menu li { 
	display: inline;
}
ul#menu li a { 
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	float: left;
	height: 39px;
}
ul#menu li.inicio a {
	background: url(../images/b_inicio.png) no-repeat;
	width: 123px;
}
ul#menu li.portfolio a {
	background: url(../images/b_portfolio.png) no-repeat;
	width: 122px;
}
ul#menu li.oquefazemos a {
	background: url(../images/b_oquefazemos.png) no-repeat;
	width: 179px;
}
ul#menu li.contato a {
	background: url(../images/b_contato.png) no-repeat;
	width: 124px;
}
ul#menu li a:hover {
	background-position: 0 -39px;
}

#meio {
	background:url(../images/fundo_meio.jpg) no-repeat;
	width: 920px;
	padding-bottom: 10px;
	display: table;
}
.linha { background: url(../images/fundo_rodape_top.png) no-repeat; width:920px; height: 2px; display: block; }
.fim { background: url(../images/fim.png) no-repeat; width:920px; height: 19px; display: block; padding-bottom: 30px }

#meio .esq {
	width: 560px;
	float: left;
	margin-left: 9px;
	display: table;
	}

#meio .dir {
	width: 330px;
	float: left;
	margin-left: 11px;
}

.designparahtml {
	background: url(../images/time.png) top right no-repeat;
	width: 330px;
}

.designparahtml h2 {
	font: 17pt Georgia, "Times New Roman", Times, serif;
	padding-top: 20px;
	color: #607c8c;
}
.designparahtml p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0;
	color: #607c8c;
}
.designparahtml p a {
	color: red;
}
.designparahtml .comeceagora {
	text-align: center;
}
.designparahtml .comeceagora a {
	background: url(../images/comeceagora.jpg) no-repeat;
	width: 253px;
	height: 41px;
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	margin-left: 30px;
}
.designparahtml .comeceagora a:hover {
	background-position: 0 -41px;
}

.designparahtml .lista {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	color: #607c8c;
	list-style: none;
}

.designparahtml .lista li {
	list-style: none;
	background: url(../images/v.png) no-repeat;
	padding-left: 24px;
	height: 27px;
}


.quemsomos {
	margin: 0 0 0 30px;
	width: 500px;
	display: table;
}
.quemsomos h2 {
	font: 24pt Georgia, "Times New Roman", Times, serif;
	padding-top: 20px;
	color: #607c8c;
}
.quemsomos h3 {
	font: 14pt Georgia, "Times New Roman", Times, serif;
	padding-top: 5px;
	color: #8aa2b0;
}
.quemsomos p {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	color: #607c8c;
}
.quemsomos p a {
	color: #607c8c;
	text-decoration: underline;
}


.portfolio {
	padding: 10px 0 0 15px;
}

.portfolio h2 {
	font: 20pt Georgia, "Times New Roman", Times, serif;
	padding: 20px 0 0 10px;
	color: #607c8c;
}


.portfolio h3 {
	font: 14pt Georgia, "Times New Roman", Times, serif;
	padding: 0 0 0 20px;
	margin-top: -5px;
	color: #607c8c;
}
.portfolio p {
	font: 10px Verdana, Geneva, sans-serif;
	padding: 0 0 0 20px;
	color: #C00;
}
.portfolio p a {
	color: #C00;
	text-decoration: none;
}
.portfolio p a:hover {
	text-decoration: underline;
}

.imagem {
	background: url(../images/moldura.png) no-repeat;
	width: 516px;
	height: 216px;	
	margin: 20px 0 0 10px;
}
.imagem a img {
	border: none;
	padding: 8px 0 0 8px;
}
.caixa_port {
	float:left;
	width: 400px;
	margin: 0 10px;
	display: block;
	height: 200px;
}

.thumbclick {
	background: url(../images/fundo_quadrado.png);
	position:absolute;
	z-index:10;
	padding: 10px 10px 0 0;
	margin: -147px 0 0 8px;
	display: none;
	width: 350px;
	height: 142px;
}
.imagem_pq {
	background: url(../images/moldura_pq.png) no-repeat;
	width: 366px;
	height: 160px;
	margin: 20px 0 0 10px;
	clear: left;
}
.imagem_pq a img {
	border: none;
	padding: 8px 0 0 8px;
}

.center {
	text-align: center;
}

#rodape {
	background: url(../images/fundo_rodape.png);
	width: 920px;
	display: table;
}

.entreemcontato {
	padding: 20px 20px 20px 50px;
	width: 550px;
	float: left;	
}

.entreemcontato input {
	margin: 10px 0 0 60px;
	width: 147px;
	background: url(../images/fundo_form_entre.png) no-repeat;
	height: 22px;
	border: none;
	padding: 5px 4px 0 6px;
	color: #607c8c;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.entreemcontato input.enviar {
	margin: 10px 0 0 300px;
	width: 60px;
	background: url(../images/enviar.png) no-repeat;
	height: 15px;
	display: block;
	text-indent:-9000px;
	overflow:hidden;
	cursor: pointer;
}
.entreemcontato textarea {
	margin: 10px 0 0 60px;
	width: 236px;
	background: url(../images/fundo_form_select.png) no-repeat;
	height: 67px;
	border: none;
	padding: 5px 4px 0 6px;
	color: #607c8c;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}


.login_form {
	padding: 20px;
}

.login_form input {
	margin: 5px 0 0 10px;
	float: left;
	height: 13px;
	border: none;
	padding: 5px 4px 0 6px;
	color: #607c8c;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border: #e6edf1 1px solid;
}
.login_form input.enviar {
	position: absolute;
	z-index: 666px;
	width: 25px;
	margin: 15px 0 0 170px;
	background: url(../images/ok_login.png) no-repeat;
	height: 26px;
	border: none;
	display: block;
	text-indent:-9000px;
	overflow:hidden;
	cursor: pointer;
}
.login_form input.enviar:hover {
	background-position: 0 -26px;
}

.twitter {
	padding: 20px 0 20px 0;
	float: left;	
}

#tweet-container {
	width: 220px;
	margin-left: 30px;
	display: block;
	color: #607c8c;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#tweet-container ul li {
	list-style: none;
	margin-bottom: 10px;
}

.form p { 
	clear: both;
	padding: 8px 0;
}

.form label {
	width: 120px;
	text-align: right;
	display: block;
	float: left;
	margin: 3px 3px 0 0;
}
.form input, select {
	border: #889da9 1px solid;
	padding: 4px;
	color: #889da9;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	background: #fff;
}
.form input:hover {
	background: #f0f9fd;
}
.form input:focus {
	background: #f0f9fd;
}
.form textarea {
	border: #889da9 1px solid;
	padding: 4px;
	color: #889da9;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	background: #fff;
}
.form textarea:focus {
	background: #f0f9fd;
}
.form textarea:hover {
	background: #f0f9fd;
}

.form .botao {
	background: url(../images/enviaragora.png) no-repeat;
	width: 131px;
	height: 30px;
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	margin: 6px 0 6px 200px;
	border: none;
}
.form .botao:hover {
	background: url(../images/enviaragora.png) no-repeat;
}
.form label { 
text-align: right;
}

.form_login input {
	border: #889da9 1px solid;
	padding: 4px;
	color: #889da9;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	background: #fff;
	
}