

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

.item_portfolio
{
	width:205px;
	background-color:#FFFFFF;
	padding:10px;
	float:left;
	margin-right:10px;
	margin-top:20px;
}

.thumb_portfolio
{
	width:205px;
	background-color:#CCCCCC;
	height:100px;
	position:relative;
	border:solid 1px #CCCCCC;
}

.titulo_portfolio
{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:16px;
}

.texto_portfolio
{
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:12px;
	color:#333333;
}

.button {
	color: #eeeeee;
	text-align: center;
	background:#666666;
	position: relative;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family:"Trebuchet MS", Arial, Verdana;
}

.button.small {
	font-size: 12px;
	padding: 6px 15px;
}

.button:hover {
	background:#CC0000;
	text-decoration: none;
	color: #fff;
}


a
{
text-decoration:none;
color:#CC0000;
}

.menu ul
{
	padding:0px;
	margin:0px;
	float:left;
	width:100%;
	list-style:none;
	text-align:center;
}

.area_texto
{
width:400px;
height:150px;
}

.botao_enviar
{
background-color:#CC0000;
border:0;
color:#FFFFFF;
font-family:"Trebuchet MS", Arial, Verdana;
width:405px;
height:40px;
font-weight:bold;
font-size:16px;
}

.menu ul li
{
	display:inline;
}

.menu ul li a
{
	float:left;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	height:40px;
	width:188px;
	line-height:40px;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Verdana;
}

.menu ul li a:hover
{

	color:#FFFFFF;
	background-image:url(../imagens/bg_transparente.png);
}

body
{
	margin:0;
	background-image:url(../imagens/bg-lines.png);
	background-color:#eeeeee;
	background-repeat:repeat;
}

.principal
{
position:relative;
height:1000px;
width:960px;
display:table;
margin: 0 auto;
}

.topo
{
height:150px;
width:940px;
margin-left:10px;
margin-top:10px;
}

.logo
{
position:absolute;
height:80px;
width:310px;
}

.info_topo
{
height:100px;
width:250px;
float:right;
font-family:"Trebuchet MS", Arial, Verdana;
font-size:12px;
text-align:right;
}

.redes_sociais
{
height:40px;
width:250px;
float:right;
clear:right;
margin-top:10px;
}

.menu
{
background-color:#CCCCCC;
height:40px;
width:940px;
margin-left:10px;
margin-top:10px;
background-image:url(../imagens/bg_menu.jpg);
}

.banner
{
background-color:#CCCCCC;
height:250px;
width:940px;
margin-left:10px;
margin-top:10px;
}

.pilares
{
width:940px;
height:200px;
margin-left:10px;
margin-top:30px;
}

.h1_titulo
{
font-family:"Trebuchet MS", Arial, Verdana;
font-size:20px;
color:#CC0000;
margin-top:20px;
}

.miolo
{
width:700px;
margin-left:10px;
color:#990000;
margin-top:40px;
float:left;
}

.miolo_portfolio
{
width:940px;
margin-left:10px;
color:#990000;
margin-top:40px;
float:left;
}

.coluna
{
background-color:#CCCCCC;
width:220px;
height:400px;
float:right;
margin-right:10px;
margin-top:40px;
}

.texto
{
font-family:"Trebuchet MS", Arial, Verdana;
font-size:14px;
color:#333333;
line-height:24px;
}

.olho
{
font-family:"Trebuchet MS", Arial, Verdana;
font-size:16px;
color:#333333;
line-height:24px;
font-weight:bold;
}

.saiba_mais
{
font-family:"Trebuchet MS", Arial, Verdana;
font-size:14px;
font-weight:bold;
font-style:italic;
color:#CC0000;
}

.bg_barra_clientes
{
	background-image:url(../imagens/bg_barra_clientes.jpg);
	width:100%;
	height:100px;
	margin-top:50px;
}

.barra_clientes
{
width:960px;
height:100px;
margin-left:auto;
margin-right:auto;
margin-top:100px;
}

.rodape
{
background-image:url(../imagens/bg_rodape.jpg);
width:100%;
height:100px;
font-family:"Trebuchet MS", Arial, Verdana;
font-size:12px;
text-align:center;
padding-top:20px;
}

a img
{
border:0;
}
