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

body,td,th {
	font-family: 'Asap', sans-serif;
	font-size: 18px;
	color: #505050;
}
body {
	background-color: #FFF;
	margin: 0px;
}

img{
	border:0;
}

#topo{
	width:100%;
	height:7px;
	background-color:#505050;
	margin:0px;
}

#meio{
	width:980px;
	height:510px;
	margin:0px auto 10px auto;
	background-repeat:no-repeat;
	background-position:left bottom;	
}

#rodape{
	width:980px;
	height:126px;
	margin:0px auto 0px auto;
	text-align:center;
	font-size:13px;
	text-transform:uppercase;
}

#logo{
	margin:0px 20px 6px 36px;
	width:291px;
	height:87px;
	background:url(../imagens/bg_logo.png) top left no-repeat;
	padding:13px 0px 0px 19px;
	float:left;
}

#logo img{
	float:left;
}

#menu{
	margin:0px 20px 6px 0px;
	width:584px;
	height:100px;
	background:url(../imagens/bg_menu.png) top left no-repeat;
	float:left;
}

#menu img{
	float:left;
	height:50px;
}


/******************* home ***************/

#box_home{
	width:608px;
	height:374px;
	margin:66px 0px 0px 0px;
	float:right;
	background:url(../imagens/box_home.png) center no-repeat;
}

#box_home img{
	float:left;
	width:120px;
	height:120px;
	position:absolute;
}

#idiomas{
	text-align:right; 
	color:#fff; 
	font-size:14px;
	float:right; 
	width:100%; 
	height:20px; 
	margin-bottom:-20px;
}

#idiomas span{
	background:#505050; 
	padding:6px; 
}

#idiomas span a:link, #idiomas span a:active, #idiomas span a:visited, #idiomas span a:hover{
	color:#fff;
	text-decoration:none;
}

/*********** internas **************/

#titulos{
	margin:12px 0px 30px 126px;
	width:464px;
	height:76px;
	background:url(../imagens/bg_titulos.png) top left no-repeat;
	float:left;
}

#texto{
	margin:0px 0px 0px 230px;
	width:380px;
	padding-right:20px;
	height:370px;
	float:left;
	overflow:auto;
}


#box_destaque{
	margin:70px 0px 0px 20px;
	width:316px;
	height:404px;
	float:right;
}


/************** clientes *******************/

#clientes{
	margin-left:230px;
	width:600px;
	padding-right:20px;
	height:370px;
	font-size:18px;
	float:left;
	overflow:auto;
}

.item_clientes{
	font-size:26px;
	background:url(../imagens/stroke.png) bottom left no-repeat;
	padding-bottom:16px;
	margin-bottom:20px;
	text-transform:uppercase;
}

#texto_clientes{
	margin:0px 0px 0px 220px;
	width:400px;
	height:370px;
	float:left;
	overflow:auto;
}

.logos{
	margin:0 5px 5px 5px;
	width:123px;
	height:80px;
	float:left;
}

.logos img{
	width:100%;
	height:auto;
}

/************** visao *******************/

#box_visao{
	margin:70px 0px 0px 20px;
	width:272px;
	height:344px;
	float:right;
	padding:30px 22px 30px 22px;
	background:url(../imagens/triangulo.png) top left no-repeat;
}

/************** cases *******************/

#area_cases{
	margin:0px 0px 0px 230px;
	width:710px;
	height:370px;
	float:left;
}

.box_cases{
	margin:70px 50px 0 0 ;
	background:url(../imagens/box_cases.png) top left no-repeat;
	padding:21px 15px 0px 12px;
	width:277px;
	height:188px;
	text-align:right;
	font-size:14px;
	float:left;
}

.box_cases a:link, .box_cases a:visited, .box_cases a:active {
	color:#505050;
	text-decoration:none;
}

.box_cases a:hover{
	color:#3e4193;
	text-decoration:none;
}

.item_case{
	margin-bottom:22px;
	width:275px;
	height:146px;
	background:#FFF;
	text-align:center;
	line-height:146px;
}

.item_case img{
	vertical-align:middle;
}

.titulo_case{
	font-size:30px;
}
	
#case_logo{
	margin:170px 0px 0px 28px;
	background:url(../imagens/box_cases.png) top left no-repeat;
	padding:21px 15px 17px 12px;
	width:277px;
	height:148px;
	float:right;
}
	


/************ contato *********************/

.item_contato{
	font-size:23px;
	background:url(../imagens/stroke.png) bottom left no-repeat;
	padding-bottom:16px;
	margin-bottom:28px;
	text-transform:uppercase;
}

.item_contato a:link, .item_contato a:visited, .item_contato a:active{
	color:#505050;
	text-decoration:none;
}

.item_contato a:hover{
	color:#3e4193;
	text-decoration:none;
}


/****************** pre galerias ****************/

#texto_itens{
	margin-left:260px;
	width:500px;
	font-size:14px;
	float:left;
}

#grupo_itens{
	margin:20px 0px 30px 0;
	width:500px;
	float:left;
}

.box_galeria{
	margin:0 40px 40px 0;
	width:130px;
	height:54px;
	background:#505050;
	padding:15px 10px 15px 10px;
	float:left;
}

.texto_galeria{
	width:310px;
	float:left; 
}

.link_veja{
	padding:2px;
	background:#505050;
	color:#fff;
	text-align:right;
	float:right;
}

.link_veja a:link, .link_veja a:active, .link_veja a:visited{
	color:#fff;
	text-decoration:none;
}

.link_veja a:hover{
	color:#e2e2e2;
	text-decoration:none;
}

/************** galleria ******************/

#area_galleria{
	margin:0px;
	width:980px;
	height:386px;
	float:left;
}

#galleria{
	margin:0 auto;
	width:740px;
	height:386px;
}