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

@import url(http://fonts.googleapis.com/css?family=Pontano+Sans);

*{
	margin:0;
	padding:0;
	}

body{
	font:12px Arial, Helvetica, sans-serif;
	color: #000;
	background-color:#EEEEEE;
	}

#wrapper{
	width:100%;
	float:left;
	}	

.centralizar{
	width:960px;
	margin:0 auto;
	}	

#topo{
	float:left;
	width:100%;
	background:url(../images/fundo-topo.png) repeat-x;
	}

.logotipo{
	float:left;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:162px;
	height:113px;
	margin:10px 0;
	background:url(../images/transeco-remocoes.png) no-repeat;
	}	

#top-dir{
	float:right;
	width:400px;
	text-align:right;
	color:#3F1F00;
	font-family: 'Pontano Sans', sans-serif;
	font-size:16px;
	margin-top:20px;
	}	

.icon-fone{
	background:url(../images/icon-fone.png) no-repeat right center;
	padding-right:25px;
	display:block;
	margin-bottom:10px;
	}

.icon-cel{
	background:url(../images/icon-cel.png) no-repeat right center;
	padding-right:25px;
	display:block;
	margin-bottom:10px;
	}	

.icon-email{
	background:url(../images/icon-mail.png) no-repeat right center;
	padding-right:25px;
	display:block;
	}	
	
#top-dir a{
	color:#3F1F00;
	text-decoration:none;
	}	

#menu{
	width:100%;
	background:url(../images/fundo-menu.png) repeat-x;
	height:62px;
	float:left;	
	}	

ul#lava {
	list-style:none;
	margin:10px 0 6px;
	padding:0px;
	overflow:auto; /* makes sure the container fits the floated list-items below */
}

ul#lava li{
	margin:0px 12px 0px 12px;
	padding:0; /* padding moved to the a element below */
	float:left;
	font-family: 'Pontano Sans', sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#FFF;
	text-transform: uppercase;
}
ul#lava li a {
	display:block;
	padding:12px 25px 17px 25px;	/* we need extra top and bottom padding to fit the slices */
	position: relative;
	z-index: 5;
	color:#fff;
	text-decoration:none;
}


ul#lava li a:hover {
	color:#FFF;
}
ul#lava li.backLava {
	background: url(../images/tail.png) no-repeat top right;
	position: absolute;
}
ul#lava li.backLava div.leftLava {
	background: url(../images/head.png) no-repeat top left;
	height: 100%;
	margin-right:10px;
}	


#banner{
	width:950px;
	height:359px;
	float:left;
	margin:25px 0;
	border:5px solid #CCC;
	border-radius:4px;
	}		

#conteudo{
	float:left;
	width:100%;
	}

#frase{
	width:940px;
	color:#FFF;
	padding:10px;
	background:url(../images/fundo-faixa.png) repeat;
	float:left;
	text-align:center;
	font-size:20px;
	font-family: 'Pontano Sans', sans-serif;
	margin-bottom:20px;
	font-weight:bold;
	}


.box{
	float:left;
	background-color: #F6F6F6;
	width:274px;
	padding:10px;
	display:block;
	}

.box p{
	line-height:25px;
	text-align:justify;
	}

.box img{
	display:block;
	margin:20px 0;
	}	

.box h2{
	font-size:23px;
	font-weight:bold;
	font-family: 'Pontano Sans', sans-serif;
	color:#598A41;
	text-transform:uppercase;
	}
	
.espaco{
	margin:0 39px;
	}


.link{
	display:block;
	float:right;
	margin-top:20px;
	color:#fff;
	padding:5px 20px 5px 5px;
	text-decoration:none;
	background:url(../images/link.png) no-repeat right #5C9242;
	border-radius:10px;
	}

.link:hover{
	background:url(../images/link-hover.png) no-repeat right #3C5E2B;
	}	

#rodape{
	width:100%;
	float:left;
	border-top: 1px solid #CCCCCC;
	padding-top:25px;
	margin-top:25px;
	margin-bottom:15px;
	color:#878787;
	}

#rod-esquerdo{
	float:left;
	width:400px;
	line-height:20px;
	}	
	
#rod-direito{
	float: right;
	width:340px;
	line-height:20px;
	text-align:right;
	display:block;
	}

#desenvolvimento{
	background:url(../images/out7.png) no-repeat;
	width:61px;
	height:19px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	float: right;
	text-align:left;
	}