@charset "utf-8";
@import "reset.css";
* {
	font-family: Arial Narrow, Helvetica, sans-serif;
	color: #;
}

/*
Containers
*/

html {
	background:transparent url(../images/rodape.jpg) no-repeat center bottom;
	height:auto;
	}

body { 
	font-size: 11px;	
	}
	 
#extra-body {
	margin:0 auto;
	}

#extra {
	height:auto;
	margin: 0 auto;
	background: url(../images/topo.jpg) no-repeat center top;
}

#geral {
	height:100%;
	width:990px;
	margin:0 auto;
}

#geral2 {
	width:990px;
	margin:0 auto;
	background:#fff url(../images/bg01.gif) repeat-x;
	min-height:100%;
}

.border { border: 3px solid #e8eff3 }
.border:hover, .border.hover, .border:focus, .border.focus { border-color: #c7d5dd }
a.border { display: block }

.border2 { border: 3px solid #c7d5dd }
.border2:hover, .border2.hover, .border2:focus, .border2.focus { border-color: #9bb1be }
a.border2 { display: block }


/*
Containers
*/

/* Breadcrumb */

#bread {
	font-size:1.0em;
	width: 680px;
	margin-left:25px;
	}
	
	.breadcrumb { padding: 5px 0 }
	.breadcrumb {
		padding: 4px 0;
	}
	.breadcrumb { margin-bottom: 0px; margin-left: 0px; }

	.breadcrumb ul {
		float: left;
		padding-left: 10px;
		background: url(../images/bullet-seta.gif) no-repeat 0 50%;
	}
	.breadcrumb li { display: inline; color:#9c8e63; }
	.breadcrumb li.title, .breadcrumb .voltar { color: #eb8003 }
	.breadcrumb li a { text-decoration: none; color:#606060; }
	.breadcrumb li a:hover, .breadcrumb li a:focus, .breadcrumb li a.focus { text-decoration: underline }

	.breadcrumb span {
		float: right;
		padding-left: 10px;
		background:url(../images/bullet-voltar.gif) no-repeat 0 50%;
	}
/* Termina: Breadcrumb */

#topo1 {
	float:left;
	font-size:0.9em;
	}
	
#topo2 {
	width:337px;
	float:right;
	font-size:1.0em;
	}

.logo {
	float:left;
	display:block;
	width:240px;
	height:120px;
	text-indent:-9999px;
	}
	
.contato {
	position:absolute;
	top:60px;
	right:365px;
	float:right;
	display:block;
	width:108px;
	height:38px;
	text-indent:-9999px;
	}
	
.data {
	margin-top:15px;
	float:left;
	margin-right:15px;
}

#addfav {
	float:right;
	margin-top:15px;
	}
	
#addfav li {
	float:left;
	width:104px;
	height:19px;
	margin-right:5px;
	text-align:center;
	}
	
#addfav a span {
	color:#ffffff;
	font-size:0.8em;
	text-transform:uppercase;
	}
	
#addfav a {
	display:block;
	color:#FFF;
	text-decoration:none;
	background:url(../images/add_fav2.gif);
	width:114px;
	height:19px;
	text-indent:-9999px;
	}
	
#addfav a:hover, #addfav a:focus, #addfav a.focus {
	background:url(../images/add_fav1.gif);
	}
	
#esquerda {
	float:left;
	}
	
#banner01 {
	float:left;
	background:url(../images/banner01-1.jpg) no-repeat;
	width:408px;
	height:290px;
	margin-left:5px;
	}
	
.cycle {
	float:left;
	height:290px;
	width:408px;
	}
	
#banner02 {
	float:right;
	background:url(../images/banner02-1.jpg) no-repeat;
	width:334px;
	height:144px;
	}
	
#banner02 a {
	display:block;
	text-indent:-9999px;
	width:334px;
	height:144px;
	}
	
#banner02 a:hover, #banner02 a.hover {
	background:url(../images/banner02-2.jpg) no-repeat;
	}
	
#banner03 {
	float:right;
	background:url(../images/banner03-1.jpg) no-repeat;
	width:333px;
	height:144px;
	}
	
#banner03 a {
	display:block;
	text-indent:-9999px;
	width:333px;
	height:144px;
	}
	
#banner03 a:hover, #banner03 a.hover {
	background:url(../images/banner03-2.jpg) no-repeat;
	}	
	
#meio {
	float:right;
	width:756px;
	min-height:650px;
}
	
#meio1 {
	float:left;
	width:450px;
}
	
#menu {
	float:left;
	}
	
#menu01 {
	float:left;
	width:233px;
	height:615px;
	background:url(../images/bg-menu01.jpg) no-repeat;
	}
	
#menu01 li {
	background:url(../images/divisoria.gif) no-repeat center bottom;
	line-height:30px;
	padding-left:10px;
	margin-left:15px;
	margin-right:15px;
	display:block;
	_height:1px;
	}
	
#menu01 a {
	height:30px;
	display:block;
	color: #35312f;
	text-decoration:none;
}

#menu01 a span {
	padding: 0 0 0 12px;
	background:transparent url(../images/bullet-seta.gif) no-repeat 0px 6px;
	text-decoration:none;
	font-size:1.3em;
}

#menu01 a:hover span, #menu01 a.hover span {
	background:transparent url(../images/bullet-seta2.gif) no-repeat 0px 6px;
	}

#menu01 li:hover a, #menu01 li.hover a {
	color:#FFF;
	text-decoration:none;
}

#menu01 li:hover span, #menu01 li.hover span {
	color:#FFF;
}
	
#menu01 li:hover, #menu01 li.hover {
	position:relative;
	background-color:#eb8003;
}

#menu01 li:hover ul, #menu01 li.hover ul {
	display:block;
}

#menu01 li ul li {
	background:none;
	margin:0;
}

#menu01 li:hover ul li span, #menu01 li.hover ul li span {
	color: #87562B;
}

#menu01 li ul li:hover span, #menu01 li ul li.hover span {
	color: #FFF;
}

#menu01 a:hover {
	color:#FFF;
	background:#eb8003;
	text-decoration:none;
	}

#menu01 li ul li {
	margin:0;
	width:100px;
}

#menu01 li ul {
	display:none;
	position:absolute;
	top:40%;
	left:55%;
	border:1px solid #87562B;
	background-color:#FFF5E8;
	z-index:9000;
}

#localizacao {
	margin-top:20px;
	margin-left:5px;
	background:url(../images/localizacao-empresa1.jpg) no-repeat;
	width:222px;
	height:147px;
	}

#localizacao a {
	display:block;
	height:115px;
	text-indent:-9999px;
	}
	
#localizacao img {
	margin-top:10px;
	margin-right:5px;
	float:right;
}
#localizacao a:hover, #conheca a.hover {
	background:url(../images/localizacao-empresa.jpg) no-repeat;
	}
	
#conheca a {
	display:block;
	margin-top:20px;
	margin-left:5px;
	background:url(../images/conheca-empresa1.jpg) no-repeat;
	width:222px;
	height:147px;
	text-indent:-9999px;
	}

#conheca a:hover, #conheca a.hover, #conheca a:focus, #conheca a.focus {
	background:url(../images/conheca-empresa.jpg) no-repeat;
	}
	
#conheca img {
	margin-bottom:15px;
	}
	
#conheca a span {
	float:left;
	font-size:1.2em;
	color:#606060;
	}	

#links {
	padding-top:10px;
	}
	
#cases {
	margin-top:10px;
	background: url(../images/bg-cases.jpg) no-repeat;
	float:left;
	padding:15px;
	margin-left:5px;
	width:387px;
	height:127px;
	}
	
#menu-cases {
	margin-top:5px;
	}
	
#menu-cases li {
	line-height:30px;
	border-bottom:3px #fff solid;
	}
	
#menu-cases a {
	background:#e1e8ed;
	height:32px;
	display:block;
	color: #4d6c87;
	padding-left:10px;
	width:369px;
}

#menu-cases a:hover, #menu-cases a.hover, #menu-cases a:focus, #menu-cases a.focus {
	background:#cdd8e2;
	text-decoration:none;
	}
	
#menu-cases a span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d6c87;
	padding: 0 0 0 12px;
	background:transparent url(../images/bullet-seta.gif) no-repeat 0px 5px;
}

#menu-cases a:hover span, #menu-cases a.hover span, #menu-cases a:focus span, #menu-cases a.focus span {
	color:#4d6c87;
	}
	
.vejatodos {
	margin-top:5px;
	padding-right:10px;
	}
	
.vejatodos li {
	float:right;
	width:104px;
	height:19px;
	text-indent:-99999px;
	}
	
.vejatodos a {
	display:block;
	background:url(../images/bt-ver-todos1.jpg);
	width:104px;
	height:19px;
	}
	
.vejatodos a:hover, .vejatodos a:focus, .vejatodos a.focus {
	background:url(../images/bt-ver-todos2.jpg);
	width:104px;
	height:19px;
	}
	
/* PARCEIROS */

#parceiros {
	background: url(../images/bg-cases.jpg) no-repeat;
	float:left;
	padding:15px;
	margin-left:5px;
	width:387px;
	height:127px;
	}
	
.parceiros {
	margin-top:20px;
	}
	
#menu-parceiros {
	margin-top:5px;
	}
	
#menu-parceiros a span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4d6c87;
	padding: 0 0 0 12px;
	background:transparent url(../images/bullet-seta.gif) no-repeat 0px 5px;
}

#menu-parceiros a:hover span, #menu-parceiros a.hover span, #menu-parceiros a:focus span, #menu-parceiros a.focus span {
	color:#4d6c87;
	}
	
.vejatodosparceiros {
	margin-top:5px;
	padding-right:10px;
	}
	
.vejatodosparceiros li {
	float:right;
	width:144px;
	height:19px;
	text-indent:-99999px;
	}
	
.vejatodosparceiros a {
	display:block;
	background:url(../images/bt-veja-todos-parceiros1.jpg);
	width:144px;
	height:19px;
	}
	
.vejatodosparceiros a:hover, .vejatodosparceiros a:focus, .vejatodosparceiros a.focus {
	background:url(../images/bt-veja-todos-parceiros2.jpg);
	width:144px;
	height:19px;
	}
	
#nossos-servicos {
	margin-top:20px;
	width:300px;
	float:left;
}

#nossos-servicos img {
	margin-bottom:10px;
	}

#nossos-servicos strong {
	float:left;
	font-weight:normal;
	color:#606060;
	}

#servicos li {
	line-height:35px;
	border-bottom:3px #fff solid;
	}
	
#servicos a {
	background:url(../images/bg-servicos1.jpg) no-repeat;
	height:37px;
	display:block;
	color: #4d6c87;
	padding-left:10px;
	width:285px;
}

#servicos a:hover, #servicos a.hover, #servicos a:focus, #servicos a.focus {
	background:url(../images/bg-servicos2.jpg) no-repeat;
	text-decoration:underline;
	}
	
#servicos a span {
	display:block;
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:13px;
	color:#4d6c87;
	padding: 0 0 0 12px;
	background:transparent url(../images/bullet-seta3.gif) no-repeat 0px 17px;
}

#servicos a:hover span, #servicos a.hover span, #servicos a:focus span, #servicos a.focus span {
	color:#4d6c87;
	}
	
.vejatodos {
	margin-top:5px;
	padding-right:10px;
	}
	
.vejatodos li {
	float:right;
	width:104px;
	height:19px;
	text-indent:-99999px;
	}
	
.vejatodos a {
	display:block;
	background:url(../images/bt-ver-todos1.jpg);
	width:104px;
	height:19px;
	}
	
.vejatodos a:hover, .vejatodos a:focus, .vejatodos a.focus {
	background:url(../images/bt-ver-todos2.jpg);
	width:104px;
	height:19px;
	}
	
#rodape {
	padding-top:25px;
	width:960px;
	margin:0 auto;
	}
	
#rodape span {
	color:#FFF;
	font-size:1.2em;
	margin-left:250px;
	}
	
#geral-rodape {
	float:left;
	background:url(../images/geral-rodape.gif) no-repeat;
	width:990px;
	height:19px;
	}
	
#sitcon {
	float:left;
	display:block;
	width:63px;
	height:22px;
	text-indent:-9999px;
	}
	
#sitcon a {
	display:block;
	width:63px;
	height:22px;
	background:url(../images/sitcon1.png) no-repeat;
	*background:url(../images/sitcon1.gif) no-repeat;
	}
	
#sitcon a:hover {
	background:url(../images/sitcon2.png) no-repeat;
	*background:url(../images/sitcon2.gif) no-repeat;
	}
	
#interag {
	float:right;
	display:block;
	width:63px;
	height:22px;
	text-indent:-9999px;
	}
	
#interag a {
	display:block;
	width:63px;
	height:22px;
	background:url(../images/interag.png) no-repeat;
	*background:url(../images/interag.gif) no-repeat;
	}
	
#interag a:hover {
	background:url(../images/interag2.png) no-repeat;
	*background:url(../images/interag2.gif) no-repeat;
	}