/*
(C) 2009 Casa Ferreira Gonçalves | http://www.cfg.com.br
Todos os direitos reservados.

Desenvolvido por Spark ITE uma empresa do Grupo ITE Internet e Tecnologia | http://www.sparkite.com.br
*/

/*-----GERAL-----*/

body{
background:#FFF;
font:normal 62.5% "Arial", sans-serif;
}

h1{font-size:4em}
h2{font-size:3em}
h3{font-size:2.5em}
h4{font-size:2em;margin-top:20px}
h5{font-size:1.25em}
h6{font-size:1em}
p, li{font-size:1.2em;padding-bottom:25px}
a, a:visited{text-decoration:none}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}

.wrapper{
margin:0 auto;
padding:0 20px;
position:relative;
width:940px;
}

.wrapper2{
margin:0 auto;
padding:0 20px;
width:940px;
}


/*-----TOPO-----*/
#topo{
background:url("../images/bg-topo.jpg") repeat-x;
height:280px;
}

	h1{
	background:url("../images/marca.png") no-repeat;
	float:left;
	height:94px;
	margin:30px 0 0 10px;
	width:334px;
	}

	h1 a{
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-99999px;
	width:334px;
	}

#endereco{
padding:10px 10px 0 725px;
text-align:right;
}

	#endereco h4{
	color:#286ec9;
	font:bold 1.5em Trebuchet Ms, sans-serif;
	}

	#endereco p{
	color:#313a46;
	font-size:1.1em;
	}

	#endereco a{
	color:#286ec9;
	}

	#endereco a:hover{
	background:#286ec9;
	color:#fff;
	}



/*-----MENU-----*/
#navegacao{
margin-bottom:1px;
}

	ul#menu li{
	display:inline;
	float:left;
	height:30px;
	padding-bottom:0;
	position:relative;
	margin-left:14px;
	}

	ul#menu li a{
	display:block;
	}

	a.btn-conheca, a.btn-parceiros, .btn-produtos, a.btn-bombeiro, a.btn-bombeiros, a.btn-dicas, a.btn-noticias, a.btn-cadastre, a.btn-orcamento, a.btn-fale{
	text-indent:-9999em;
	height:30px;
	margin-right:0px;
	}

	a.btn-conheca{background:url("../images/btn-conheca.png") no-repeat center top; width:140px}
	a.btn-parceiros{background:url("../images/btn-parceiros.png") no-repeat center top; width:85px}
	a.btn-produtos{background:url("../images/btn-produtos.png") no-repeat center top; width:82px}
    a.btn-bombeiro{background:url("../images/btn-bombeiro.png") no-repeat center top; width:129px}
    a.btn-bombeiros{background:url("../images/btn-bombeiros.png") no-repeat center top; width:129px}
	a.btn-dicas{background:url("../images/btn-dicas.png") no-repeat center top; width:60px}
	a.btn-noticias{background:url("../images/btn-noticias.png") no-repeat center top; width:76px}
	a.btn-cadastre{background:url("../images/btn-cadastre.png") no-repeat center top; width:96px}
	a.btn-orcamento{background:url("../images/btn-orcamento.png") no-repeat center top;width:165px}
	a.btn-fale{background:url("../images/btn-fale.png") no-repeat center top; width:104px}
	ul#menu li a:hover{background-position:center -30px;}

		/*MENU DROPDOWNS*/
		#menu li:hover ul, #menu li.over ul{
		display:block;
		position:absolute;
		top:27px;
		left:0px;
		}

		#menu li ul li{
		display:block;
		width:160px;
		position:relative;
		background-color:#578DD4;
		}

		/*CONFIG VISUAL*/
		#menu ul.submenu{
		display:none;
		}

		ul.submenu li a{
		color:#fff;
		font-size:0.8em;
		font-weight:bold;
		padding:10px;
		}

		ul.submenu li a:hover{
		background:#2E3192;
		}


/*-----banner-----*/
#slider{
margin:0 auto;
}

	#slider ul, #slider li{
	list-style:none;
	margin:0;
	padding:0;
	}

	#slider li{
	background:url("../images/sombra-banner.png") no-repeat center bottom;
	height:210px;
	overflow:hidden;
	width:960px;
	}


/*-----CONTEUDO-----*/
#conteudo{
background:url("../images/bg-conteudo.jpg") repeat-x left top #568cd4;
color:#fff;
}

/*-----box de noticias-----*/
.box-noticias{
float:left;
margin:145px 65px 30px 10px;
width:297px;
}

h2.ultimasnoticias{
background:url("../images/dest-ultimasnoticias.png") no-repeat;
height:31px;
text-indent:-9999px;
width:297px;
}

.noticia-home{
border-bottom:1px solid #5a91db;
cursor:pointer;
padding:10px 15px;
}

.noticia-home:hover{
background:#5a91db;
}

.noticia-home p a:visited{
color:#f2f2f2;
}

.noticia-home p{
color:#fff;
font-size:13px;
padding-bottom:0;
}

.data{
color:#101f34;
display:block;
float:left;
font-size:12px;
font-weight:bold;
height:20px;
padding-top:10px;
width:92px;
}

.last{
border-bottom:0;
}

a.mais{
background:#fff;
color:#4f88d2;
float:right;
font:bold 1.1em "Trebuchet Ms", sans serif;
margin-top:10px;
padding:4px 8px;
text-transform:uppercase;
}

a.mais:active{
background:#101f34;
color:#fff;
}

a.mais:hover{
background:#fff;
border:0;
color:#4f88d2;
}

/*-----box slogan-----*/
#slogan{
float:left;
margin:145px 0 25px 0;
width:561px;
background:url("../images/bg-mascote.png") no-repeat;
height:250px;
}

/*-----bx disque hidraulica-----*/
#box-disque{
background:url("../images/bg-disquehidraulica.png") no-repeat;
background-position:bottom;
float:left;
height:200px;
width:561px;
}

h2.disquehidraulica{
background:url("../images/dest-disquehidraulica.png") no-repeat;
height:31px;
text-indent:-9999px;
width:376px;
}

#box-disque h3{
background:url("../images/telefone.png") no-repeat;
height:42px;
margin:25px 0 0 60px;
text-indent:-9999px;
width:292px;
}

#box-disque p{
color:#fff;
line-height:130%;
padding:15px 205px 0 125px;
}

/*-----RODAPE-----*/
#rodape{
background:url("../images/bg-rodape.jpg") repeat-x;
padding:5px 10px 0 10px;
}

#rodape p{
color:#313a46;
font-size:11px;
height:40px;
padding:10px 0 0 50px;
}

/*-----logo Spark-----*/
h5.logo{
background:url("../images/logo-spark.png") no-repeat;
float:left;
height:43px;
width:32px;
}

h5.logo a{
display:block;
height:43px;
overflow:hidden;
text-indent:-99999px;
width:32px;
}

/*-----TEXTO-----*/
.mainContent{
color:#fff;
float:left;
padding:50px 0;
width:583px;
}

.mainContent p{
line-height:2em;
}

.mainContent ul li{
list-style:url("../images/list.png");
line-height:160%;
margin-left:20px;
padding:3px 0;
}

.mainContent a{
color:#fff;
border-bottom:1px dotted #fff;
}

.mainContent a:hover{
color:#102034;
border-bottom:1px dotted #102034;
}


a.right{
float:right;
}

.creditos{
font-style:italic;
text-align:right;
}


/*-----titulos das paginas internas-----*/
.titulo{
border-bottom:1px solid #7bacef;
padding:150px 10px 10px 10px;
}

	.titulo h2{
	height:45px;
	text-indent:-9999px;
	}


/*-----BOX DE ESCOLHA DE CONTEUDO------*/
.boxEscolha{
line-height:2.4em;
font-size:1.1em;
overflow:hidden;
padding:60px 0 80px 60px;
width:297px;
}

	.boxEscolha p{
	padding:0 10px;
	}

	.boxCategorias{background:url("../images/dest-categorias.png") no-repeat} /*destaque catalogos tecnicos*/
	.boxFabricantes{background:url("../images/dest-fabricantes.png") no-repeat} /*destaque catalogos tecnicos*/
	.boxUnidades{background:url("../images/dest-unidades.png") no-repeat} /*destaque fale conosco*/
	.boxEscolha p{padding-top:20px}

	.boxEscolha a{
	border-bottom:1px dotted #7bacef;
	color:#fff;
	display:block;
	padding:0 10px;
	width:277px;
	}

	.boxEscolha a:hover{background:#5a91db}

	.boxEscolha h2{
	height:31px;
	text-indent:-9999px;
	}

	/*-----telefone do box disque-----*/
	.boxEscolha h3{
	background:url("../images/telefone-interno.png") no-repeat;
	height:42px;
	margin-top:25px;
	text-indent:-9999px;
	width:292px;
	}

	/*-----titulo das unidades---*/
	h4.loja{
	font:1.5em Trebuchet Ms, sans-serif;
	margin-left:10px;
	}

	p.destUnidade{
	font-size:1.1em;
	margin-left:10px;
	padding-top:0;
	}

/*-----HISTORIA-----*/
.historia{background:url("../images/tit-historia.png") no-repeat}

/*-----UNIDADES-----*/
.unidades{background:url("../images/tit-unidades.png") no-repeat}

	.container-mapa{
	padding:20px 0;
	}

		.mapa{
		border:5px solid #7bacef;
		float:left;
		margin-right:10px;
		}

		.contato{
		margin:10px 0 5px 0;
		}

/*-----LINHA DE PRODUTOS-----*/
.linhaprodutos{background:url("../images/tit-linhaprodutos.png") no-repeat}


/*-----DICAS-----*/
.construtoras{background:url("../images/tit-construtoras.png") no-repeat}
.fornecedores{background:url("../images/tit-fornecedores.png") no-repeat}

ul.marcas li{
float:left;
list-style:none;
margin:10px;
}

ul.marcas li a, ul.marcas li a img, ul.marcas li a:hover{
border:5px solid #fff;
float:left;
overflow:hidden;
}


/*-----DICAS-----*/
.economiagas{background:url("../images/tit-economiagas.png") no-repeat}
.economiaagua{background:url("../images/tit-economiaagua.png") no-repeat}
.entupimentos{background:url("../images/tit-evitarentupimentos.png") no-repeat}
.cartilhas{background:url("../images/tit-cartilhas.png") no-repeat}
.vazamentos{background:url("../images/tit-vazamentos.png") no-repeat}

table{
font-size:1.2em;
margin:25px auto;
}

td, th{
padding:10px 15px;
text-align:center;
}

th{
background:#7BADEF;
color:#101F34
}

td{
border-bottom:1px solid #7BADEF;
}

tfoot td{
border:0;
font-size:0.8em;
padding:5px;
text-align:right;
}

/*-----CATALOGOS TECNICOS-----*/
.item-catalogo{
background:#5a91db;
float:left;
height:75px;
margin:5px;
padding:10px 5px;
width:550px;
}
	.catalogostecnicos{background:url("../images/tit-catalogostecnicos.png") no-repeat}

	.item-catalogo:hover{
	background:#4a7ec3;
	}

	.item-catalogo p{
	line-height:1.5em;
	}

	.item-catalogo img{
	float:left;
	}

	.item-catalogo h5{
	color:#fff;
	font-weight:bold;
	margin:5px 0;
	}

	.detalhes-arquivo{
	margin:0;
	padding:0 0 2px 0;
	}

	.item-catalogo a,	.item-catalogo a:hover{
	border:0;
	}

	.mail{
	background:url("../images/mail.png") no-repeat left top;
	display:block;
	float:right;
	height:16px;
	text-decoration:none;
	width:16px;
	}
    .mail span{display:none}

/*-----NOTICIAS-----*/
.listaNoticias{
margin-top:40px;
}

	.noticias{background:url("../images/tit-noticias.png") no-repeat}

	.primeira{border-top:1px dotted #7bacef}

	.noticia-interna{
	border-bottom:1px dotted #7bacef;
	color:#fff;
	display:block;
	height:25px;
	padding:5px 10px;
	}

	.noticia-interna:hover{background:#5a91db}

	.inner{
	color:#101f34;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	width:92px;
	}

	.titulodanoticia{
	padding-bottom:30px;
	}

/*-----CADASTRE-SE-----*/
.cadastre{background:url("../images/tit-cadastre.png") no-repeat}

.bombeiro{background:url("../images/tit-bombeiros.png") no-repeat}
.bombeiros{background:url("../images/tit-bombeiros.png") no-repeat}
.instalagas{background:url("../images/tit-instalagas.png") no-repeat}
.orcamento{background:url("../images/tit-orcamento.png") no-repeat}
.trabalhe{background:url("../images/tit-trabalhe.png") no-repeat}

/*-----FALE CONOSCO-----*/
.form-contato{margin-top:40px}

	.faleconosco{background:url("../images/tit-faleconosco.png") no-repeat}

	label{
	display:block;
	float:left;
	font-size:1.2em;
	padding:22px 10px 0 0;
	text-align:right;
	width:130px;
	}

	input, textarea, select{
	background:#4a7ec3;
	border:0;
	color:#fff;
	margin-top:10px;
	padding:10px;
	width:300px;
	}

	select{width:320px}

	textarea{height:100px}


	.form-contato button{
	background:#132740;
	border:0;
	color:#fff;
	cursor:pointer;
	float:right;
	font-size:1.2em;
	margin:5px 123px 0 0;
	padding:5px 3px;
	text-transform:uppercase;
	}

	button:hover{
	background:#4a7ec3;
	color:#132740;
	}
	
#add_item{
background-color:#FF0000;
width:460px;
}

#arquivo{
width:250px;
margin:8px;
margin-top:20px;
}

.formitem{
width:130px;
margin:8px;
}

.formmarca{
width:130px;
}

.formquantidade{
width:50px;
padding-right:-10px;
}

#imgs_unidades{
width:300px;
height:320px;
margin-left:10px;
margin-top:60px;
border:1px solid #ffffff;
float:right;
}