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

@import url("resets.css");


/*GLOBAL*/
body { background:#222; font-family:Tahoma; font-size:13px; color:#999;}

.centralizar{ width:850px; margin:0 auto;}
.margem { padding-top:20px; padding-bottom:20px;}
.clearfix { clear:both;}

a { font-family:Tahoma; font-size:13px; color:#FFF;}
a:hover { text-decoration:none;}

h1 {
	background:url(../img/seta_link.gif) no-repeat;
	height:20px;
	line-height:20px;
	display:block;
	padding:0px 0px 5px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
}
h2 { display:block; font-family:Arial; font-size:14px; font-weight:bold; color:#FFF; text-transform:uppercase; }
h3 { display:block; font-family:Arial; font-size:14px; font-weight:bold; color:#999; text-transform:uppercase; }

.link_seta { background:url(../img/seta_link.gif) no-repeat; height:20px; line-height:20px; display:block; padding:0px 0px 0px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF;}
.link_seta:hover { text-decoration:none;}
.textbox { background:url(../img/bg_textbox.jpg) repeat-x; height:19px; width:97%; border:1px solid #8e8e8e; font-family:Arial, Helvetica, sans-serif; padding:3px 1% 3px 2%; font-size:12px; color:#333;}
.area { height:120px; background:#FFF;}
.blue { color:#057ADD; font-family:Arial;}


/*HOME*/
.home_coluna_esquerda{width:50%; float:left; margin:20px 0px; line-height:18px;}
.home_coluna_direita{width:47%; float:right; margin:20px 0px; line-height:18px;}
.home_coluna_inferior {clear:both; padding:20px 0px 20px 0px; line-height:18px;}
.home_coluna_direita ul{ margin:0px; padding:2px 0px;}
.home_coluna_direita ul li{	border-bottom:dashed 1px #0085d6; list-style-type:none; list-style-position:outside; padding:10px 0px; margin:10px 0px;	line-height:18px;	color:#FFF;}
.home_coluna_direita ul li a{ color:#999; font-size:13px;}
.home_coluna_direita ul li .date{ color:#009efe;}



/*ARTIGOS*/
.lista_de_artigos { margin:10px 0; clear:both; line-height:18px;}
.lista_de_artigos .data{ float:left; background:#0f3f71; width:50px; margin-right:5px; padding:0px 7px; height:30px; line-height:30px; font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:bold; color:#FFF;}
.lista_de_artigos .titulo{ float:left; height:30px; line-height:30px;}
.lista_de_artigos .titulo a { display:block; height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; color:#FFF; text-decoration:none;}
.lista_de_artigos .titulo a:hover { text-decoration:underline;}
.lista_de_artigos .resumo{ clear:both; padding:5px 0px 10px 0px;}
.lista_de_artigos .resumo a { font-family:Tahoma; font-size:13px; color:#999; text-decoration:none;}
.lista_de_artigos .resumo a:hover {text-decoration:underline;}



/*QUEM SOMOS*/
.quem_somos_coluna_esquerda {width:50%; float:left; line-height:18px;}
.quem_somos_coluna_direita {width:50%; float:right; text-align:center;}
.quem_somos_coluna_direita .video{ float:right; width:400px; height:300px;}



/*O QUE FAZEMOS*/
.titulo_cinza { display:block; font-family:Tahoma, Geneva, sans-serif; font-size:22px; font-weight:bold; color:#666;}
.o_que_fazemos_coluna_esquerda {width:410px; float:left; line-height:18px; margin:20px 0;}
.o_que_fazemos_coluna_direita {width:410px; float:right; line-height:18px; margin:20px 0;}
.box_servico { margin:20px 0px 50px 0;}
.box_servico .imagem{ float:left; width:160px; height:160px; margin:10px 0px 15px 0px;}
.box_servico .descricao{ float:right; width:240px; height:160px; margin:10px 0px 15px 0px; text-align:justify;}
.o_que_fazemos .cinza { font-family:Tahoma; font-size:13px; color:#999; text-decoration:none;}
.o_que_fazemos .cinza:hover {text-decoration:underline;}

.coffe_box { margin-top:40px;}
.coffe_box .imagem{ float:left; width:110px; height:70px;}
.coffe_box .descricao{ float:left; width:700px; height:63px; padding-top:7px; line-height:16px;}



/*CLIENTES*/
.box_cliente { width:150px; height:150px; float:left; margin:5px 10px 5px 0px; line-height:150px}
.box_cliente a{ display:block; width:150px; height:150px; line-height:150px; text-decoration:none; text-align:center; background-position:bottom;}
.box_cliente a:hover{ background-position:top; text-decoration:underline; color:#66CCFF;}

.box_portfolio{ float:left; width:420px;}
.recado { font-size:9px; font-family:Arial; color:#CCC;}



/*PORTFOLIO*/
.portfolio_coluna_esquerda {width:410px; float:left; line-height:18px; margin:20px 0;}
.portfolio_coluna_direita {width:410px; float:right; line-height:18px; margin:20px 0;}
.portfolio_box { width:420px; height:320px; float:left;}
#menu_portfolio { width:150px; float:left; margin-top:20px;}
#content_portofolio { width:670px; padding-left:30px; float:right;  margin-top:20px;}
.link_portolio{ display:block; border-bottom:#333 1px solid; color:#999; font-family:Arial; font-size:13px; padding:2px 0 3px 5px; text-decoration:none;}
.link_portolio:hover { color:#FFF;}
.portfolio_mini_box { clear:both;  padding:20px 0 30px 0; color:#999;}
.portfolio_mini_box .imagem {width:215px; height:150px; float:left; margin:5px 0px; float:left;}
#content_portofolio span { font-family:Arial; font-size:22px; color:#FFF; font-weight:bold;}

.portfolio_one { float:left; width:200px; margin-left:20px; height:250px;}
.portfolio_one .imagem { height:160px; width:200px;}
.portfolio_one h3{ display:block; height:40px;}

/*FALE CONOSCO*/
.btn_enviar { background:url(../img/btn_enviar.gif) top; width:98px; height:30px; display:block; text-decoration:none; border:0; cursor:pointer; } 
.btn_enviar:hover{ background-position:bottom;}



/* RODAPE */
#rodape { background:#000; font-size:13px; color:#FFF; font-family:Arial;}
#rodape .centralizar { padding:20px 0px;}
#rodape .centralizar b{ color:#057ADD;} 
#rodape .centralizar a{ color:#FFF; text-decoration:none; font-weight:normal;}
#rodape .centralizar a:hover{ text-decoration:underline; color:#FFF;}
#rodape .centralizar div { width:300px; float:left; line-height:22px;}
#rodape .centralizar .right { float:right; width:150px;}