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

a { outline:0; }

img {border:0;}



body {
	background:#fafafa;
	margin:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#topo {
	width:100%;
	height:141px;
	background:url(../img/img_layout/back_topo.png) repeat-x;
	padding-top:7px;
}

#topo #logo {
	width:516px;
	height:119px;
	margin-left:auto;
	margin-right:auto;
}

#meio {
	width:100%;
	height:auto;
	background:url(../img/img_layout/back_meio.png) repeat-x;
}

#meio #centro {
	width:910px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#meio #centro #esquerdo {
	width:205px;
	height:auto;
	float:left;
	margin-right:20px;
}

#meio #centro #esquerdo #menu {
	width:205px;
	height:auto;
	background:#F2F2F2;
	border:1px #CCC solid;
	margin-top:15px;
	margin-bottom:20px;
	color:#666;
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#meio #centro #esquerdo #menu #item {
	width:195px;
	height:27px;
	border-bottom:1px #CCC solid;
	padding-top:13px;
	padding-left:10px; 
}

#meio #centro #esquerdo #menu #item2 {
	width:195px;
	height:27px;
	padding-top:13px;
	padding-left:10px;
}

#meio #centro #esquerdo #menu a.item {text-decoration:none; color:#666;}
#meio #centro #esquerdo #menu a.item:hover {text-decoration:none; color:#666; margin-left:5px;}

#clear {
	clear:both;
}

#meio #centro #direito {
	width:667px;
	height:auto;
	float:left;
}

#backBanner {
	width:667px;
	height:285px;
	position:absolute;
	z-index:10;
	background:url(../img/img_layout/back_banner.png) no-repeat;
}

#meio #centro #direito #banner {
	width:644px;
	height:269px;
	position:relative;
	margin-left:13px;
	*margin-left:0px;
	margin-top:5px;
}

#meio #centro #direito #banner img {
	*margin-left:13px;
	*margin-top:5px;
}

#meio #centro #direito #conteudo {
	width:644px;
	height:auto;
	margin-top:20px;
	margin-left:13px;
	color:#666;
}

#meio #centro #direito #conteudo h1 {font-size:26px;}

#meio #centro #direito #servicos {
	width:644px;
	height:auto;
	margin-left:13px;
	margin-bottom:30px;
	color:#666;
	text-align:left;
    float: left;
}

#meio #centro #direito #servicos h2 {
	font-weight:bold;
	font-size:21px;
	margin-bottom:-20px;
}

#meio #centro #direito #servicos img {
	padding:5px;
	border:1px solid #ccc;
	float:left;
	margin-right:10px;
}

#meio #centro #direito #clientes {
	width:300px;
	height:auto;
	float:left;
	padding:5px;
	border:1px solid #CCC;
	margin-right:10px;
	text-align:right;
	margin-bottom:20px;
}

#meio #centro #direito #contato {
	width:550px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#meio #centro #direito #contato .input1 {width:380px; height:35px; *height:28px; margin-bottom:20px; background:url(../img/img_layout/back_input.png) no-repeat; border:0px; font-size:16px; color:#444; padding-left:10px; padding-right:10px; *padding-top:7px;}
#meio #centro #direito #contato .input2 {width:530px; height:148px; margin-bottom:20px; background:url(../img/img_layout/back_textarea.png) no-repeat; border:0px; font-size:16px; color:#444; padding-left:10px; padding-right:10px; padding-top:5px;}
#meio #centro #direito #contato .btnContato {width:102px; height:38px; float:right; background:url(../img/img_layout/btn_enviar.png) no-repeat; cursor:pointer; border:0px;}

#rodape {
	width:100%;
	height:66px;
	background:url(../img/img_layout/back_rodope.png) repeat-x;
	margin-top:20px;
}

#rodape #meio2 {
	width:910px;
	height:25px;
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#FFF;
	font-size:18px;
}

#rodape #icone {
	width:25px;
	height:25px;
	float:right;
}