*{
	margin: 0px;
	padding: 0px;
}

body{
	background: #EEECED;
}

img{
	border: 0px;
}

a{
	text-decoration: none;
}

.clear{
	clear: both;
}

/************************************************/
/*					Header						*/
/************************************************/
#header{
	width: 100%;
	height: 240px;
}

#header #header-main{
	width: 100%;
	height: 160px;
	background: #135587;
}

#header #header-main .center{
	width: 1000px;
	height: 160px;
	margin: 0px auto;
}

#header #header-main .center #logo{
	width: 270px;
	height: 110px;
	float: left;
	margin: 25px 0px 0px 0px;
}

#header #header-main .center #main-contact{
	width: 700px;
	height: 120px;
	float: right;
	margin: 10px 0px 0px 0px;
	color: #FFF;
	line-height: 40px;
}

#header #header-main .center #main-contact h2{
	clear: both;
	font-family: Arial;
	padding: 15px 0px 0px 30px;
	font-weight: normal;
	font-style: italic;
	text-shadow:5px 5px 5px #333;
}

#header #header-main .center #main-contact p{
	float: right;
	line-height: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	width: 250px;
	text-align: center;
	font-family: Arial;
}

#header #menu{
	width: 100%;
	height: 80px;
	background: #EEECED;
	border-bottom: 1px solid #CCC;
}

#header #menu ul{
	width: 1000px;
	height: 60px;
	margin: 0px auto;
	padding: 10px 0px;
	list-style: none;
}

#header #menu ul li{
	float: left;
	line-height: 60px;
	height: 55px;
	margin: 0px 7px;
	padding: 0px 0px;
	border-bottom: 5px solid #135587;
	position: relative;
}

#header #menu ul li a .main-item{
	height: 50px;
	line-height: 50px;
	padding: 0px 5px;
	color: #135587;
	font-family: Arial;
	text-transform: uppercase;
	font-size: 14px;

}

#header #menu ul li a:hover .main-item{
	background: #135587;
	color: #FFF;
}

#header #menu ul li ul.submenu{
	position: absolute;
	width: auto;
	height: auto;
	background: #135587;
	margin: 0px;
	padding: 0px;
	display: none;
	z-index: 999;
}

#header #menu ul li:hover ul.submenu{
	display: block;
}

#header #menu ul li ul.submenu a li{
	clear: both;
	height: auto;
	line-height: normal;
	color: #FFF;
	font-family: Arial;
	padding: 5px 10px 5px 15px;
	line-height: 22px;
	margin: 0px;
	border: 0px;
	background: #135587;
}

#header #menu ul li ul.submenu a:hover li{
	background: #0F4755;
}

/************************************/
/*				Slide: 				*/
/************************************/
#slide{
	width: 100%;
	height: 635px;
	overflow: hidden;
	position: relative;
}

#slide .center{
	width: 1000px;
	height: 635px;
	position: absolute;
	margin: 0px -500px;
	left: 50%;
	z-index:99;
}

#slide .center #sobre{
	width: 290px;
	height: 190px;
	float: left;
	margin: 450px 0px 0px 0px;
}

#slide .center #sobre h2{
	background: #135587;
	padding: 10px 15px;
	color: #FFF;
	font-size: 16px;
	font-family: Verdana;
	line-height: 25px;
	text-transform: uppercase;
}

#slide .center #sobre h3{
	background: #FFF;
	text-align: center;
	font-size: 12px;
	font-family: Verdana;
	margin: 10px 0px 0px 0px;
	padding: 15px;
	color: #135587;
}

#slide ul{
	width: 1400px;
	height: 635px;
	position: absolute;
	margin: 0px -700px;
	left: 50%;
}

#slide ul li{
	width: 1400px;
	height: 635px;
	overflow: hidden;
}

#slide .center #pager{
	width: 150px;
	height: 20px;
	position: absolute;
	bottom: 25px;
	right: 25px;
	line-height: 20px;
}

#slide .center #pager a{
	padding: 1px 9px;
	background: #FFF;
	border-radius: 50%;
	text-align: center;
	margin: 0px 1px;
}

#slide .center #pager a.activeSlide{
	background: #135587;
}

/************************************/
/*				CORPO 				*/
/************************************/
#conteudo{
	width: 100%;
	height: auto;
	background: url(../imagens/shadow.jpg) center top no-repeat;
	padding: 10px 0px;
}

#conteudo .center{
	width: 1000px;
	height: auto;
	margin: 0px auto;
	padding: 15px 0px;
}



#conteudo .center .titulo{
	width: 1000px;
	height: 80px;
	margin: 0px 0px 10px 0px;
}

#conteudo .center .titulo h2{
	font-family: Arial;
	padding: 0px 15px 0px 0px;
	margin: 0px;
	color: #999;
	width: 575px;
	float: left;
	height: 80px;
	line-height: 80px;
	text-align: right;
	font-size: 30px;
}

#conteudo .center .titulo h1{
	color: #135587;
	float: left;
	font-size: 28px;
	font-family: Arial;
	margin: -10px 0px 0px 0px;
}


#conteudo .center .itens{
	width: 490px;
	height: auto;
	float: left;
	margin: 25px 5px;
}

#conteudo .center .itens .icone{
	width: 152px;
	height: 152px;
	background: url(../imagens/icones-home.png);
	float: left;
}

#conteudo .center .itens .icone#fabricacao{
	background-position: 0px 0px;
}

#conteudo .center .itens .icone#aluguel{
	background-position: -156px 0px;
}

#conteudo .center .itens .icone#venda{
	background-position: -314px 0px;
}

#conteudo .center .itens .icone#manutencao{
	background-position: -472px 0px;
}

#conteudo .center .itens .texto{
	float: right;
	width: 320px;
	margin: 5px 5px 0px 0px;
	font-family: Arial;
}

#conteudo .center .itens .texto h3{
	padding: 5px;
	color: #135587;
}

#conteudo .center .itens .texto p{
	padding: 10px;
	color: #666;
	line-height: 25px;
}

/************************************/
/*				QUEM SOMOS			*/
/************************************/
#box-anos{
	width: 1000px;
	height: auto;
	margin: 0px 0px 55px 0px;
}

#box-anos h1.titulo{
	text-align: center;
    font-family: Arial;
    padding: 15px 0px;
    margin: 0px;
    color: #135587;
}

#box-anos #ano_1998{
	width: 343px;
	height: auto;
	background: #135587;
	float: left;
	font-family: Arial;
	color: #FFF;
	line-height: 26px;
	text-align: left;
	padding: 15px 15px 35px 15px;
	margin: 25px 0px 0px 40px;
}

#box-anos #ano_1998 span{
	float: left;
}

#box-anos #ano_1998 #circular1998{
	width: 167px;
	height: 167px;
	background: url(../imagens/1998.jpg);
	border-radius: 50%;
	float: left;
	position: absolute;
	border: 20px solid #EEECED;
	margin: -40px 20px 10px -55px;
}

#box-anos #ano_2015{
	width: 500px;
	height: 260px;
	background: url(../imagens/branco.jpg) no-repeat #135587;
	float: left;
	font-family: Arial;
	color: #FFF;
	line-height: 26px;
	text-align: left;
	padding: 15px 15px 35px 15px;
	margin: 25px 0px 0px 40px;
}

#box-anos #ano_2015 span{
	float: left;
}

#box-anos #ano_2015 #circular2015{
	width: 248px;
	height: 250px;
	background: url(../imagens/2015.jpg);
	border-radius: 50%;
	float: left;
	position: absolute;
	border: 20px solid #EEECED;
	margin: -40px 20px 10px -55px;
}

#quem-somos{
	width: 1000px;
	height: auto;
}


#quem-somos #box-who{
	width: 960px;
	height: 475px;
	margin: 0px auto;
	position: relative;
}

#quem-somos #box-who h2{
	background: #135587;
	color: #FFF;
	width: 275px;
	height: 78px;
	line-height: 78px;
	text-align: center;
	font-family: Arial;
	font-weight: normal;
	font-size: 30px;
	margin: -20px 0px 0px -20px;
	position: absolute;
}

#quem-somos #box-who #capa{
	width: 960px;
	height: 290px;
}

#quem-somos #box-who #texto-who{
	width: 860px;
	height: 85px;
	background: #135587;
	line-height: 28px;
	text-align: justify;
	padding: 30px 50px;
	color: #FFF;
	font-family: Arial;
}

/************************************/
/*		Mangueiras Indústriais		*/
/************************************/
#page-mangueiras{
	width: 1000px;
	height: auto;
	margin: 10px auto;
}

#page-mangueiras h1{
	font-family: Arial;
	font-size: 25px;
	padding: 20px 0px;
	margin: 0px;
	color: #135587;
	text-align: center;
}

#page-mangueiras .linha{
	width: 1000px;
	height: auto;
	border-bottom: 1px solid #CCC;
	margin: 15px 0px 10px 0px;
}

#page-mangueiras .linha .imagem{
	width: 300px;
	height: auto;
	float: left;
	background: #FFF;
	margin: 5px;
	padding: 5px;
	border: 1px solid #CCC;
}

#page-mangueiras .linha .imagem img{
	padding: 0px;
}

#page-mangueiras .texto{
	width: 655px;
	height: auto;
	float: left;
	margin: 5px 5px 0px 15px;
	font-family: Arial;
	padding: 0px 0px 10px 0px;
}

#page-mangueiras .texto h2{
	color: #135587;
	font-size: 18px;
}

#page-mangueiras .texto p{
	padding: 5px 0px;
	line-height: 22px;
	color: #333;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
}


/************************************/
/*		PROJETORAS DE CONCRETO		*/
/************************************/
#page-projetoras{
	width: 1000px;
	height: auto;
	margin: 10px auto;
}

#page-projetoras h1{
	font-family: Arial;
	font-size: 25px;
	padding: 20px 0px;
	margin: 0px;
	color: #135587;
	text-align: center;
}

#page-projetoras .linha .imagem{
	width: 300px;
	height: auto;
	float: left;
	background: #FFF;
	margin: 5px;
	padding: 5px;
	border: 1px solid #CCC;
}

#page-projetoras .linha .imagem img{
	padding: 0px;
}

#page-projetoras .texto{
	width: 655px;
	height: auto;
	float: left;
	margin: 5px 5px 0px 15px;
	font-family: Arial;
	padding: 0px 0px 10px 0px;
}

#page-projetoras .texto h2{
	color: #135587;
	font-size: 18px;
}

#page-projetoras .texto p{
	padding: 5px 0px;
	line-height: 22px;
	color: #333;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
}

#page-projetoras .texto2{
	padding: 15px;
	font-family: Arial;
}

#page-projetoras .texto2 p{
	padding: 0px 0px;
	line-height: 24px;
	color: #333;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
}

#page-projetoras .texto2 h3{
	color: #135587;
	font-size: 18px;
	margin: 15px 0px;
}

/************************************/
/*				FOOTER 				*/
/************************************/

#clientes-obras{
	width: 1000px;
	height: auto;
	margin: 15px auto;
}

#clientes-obras #clientes-atendidos{
	width: 500px;
	float: left;
}

#clientes-obras #clientes-atendidos h2{
	font-family: Arial;
	color: #135587;
	font-size: 28px;
	padding: 15px;
}

#clientes-obras #clientes-atendidos ul{
	list-style: none;
	margin: 0px auto;
	padding: 0px;
	background: #999;
	width: 480px;
}

#clientes-obras #clientes-atendidos ul li{
	width: 150px;
	height: 100px;
	float: left;
	margin: 5px 3px;
	overflow: hidden;
	border: 1px solid #135587;
}

#clientes-obras #clientes-atendidos #desc{
	clear: both;
	padding: 10px 25px;
}

#clientes-obras #clientes-atendidos #desc p{
	margin: 10px 0px;
	font-family: Arial;
	line-height: 25px;
	font-size: 14px;
}

#clientes-obras #clientes-atendidos #desc p b{
	color: #135587;
}

#clientes-obras #participamos{
	width: 500px;
	height: auto;
	float: left;
}

#clientes-obras #participamos h2{
	font-family: Arial;
	color: #135587;
	font-size: 28px;
	padding: 15px;
}

#clientes-obras #participamos #slide-obra{
	width: 465px;
	height: auto;
	margin: 0px auto;
	border: 1px solid #135587;
}

#clientes-obras #participamos #slide-obra #efeito{
	width: 445px;
	height: 335px;
	margin: 10px;
	position: relative;
	overflow: hidden;
}

#clientes-obras #participamos #slide-obra #efeito ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 445px;
	height: 355px;
	position: relative;
}

#clientes-obras #participamos #slide-obra #efeito ul li{
	width: 445px;
	height: 355px;
	overflow: hidden;
	position: relative;
}

#clientes-obras #participamos #slide-obra #efeito ul li .leg{
	width: 435px;
	height: auto;
	background: url(../imagens/10x10.png);
	position: absolute;
	bottom: 20px;
	z-index: 99;
	padding: 5px;
	text-align: center;
	color: #FFF;
	font-family: Arial;
	font-weight: bold;
	line-height: 25px;
}

/************************************/
/*				CONTATO				*/
/************************************/
#page-contato{
	width: 1000px;
	height: auto;
	margin: 15px auto;
}

#page-contato h1{
	font-family: Arial;
    font-size: 25px;
    padding: 20px 0px;
    margin: 0px;
    color: #135587;
    text-align: center;
}

#page-contato #formulario{
	width: 450px;
	float: left;
	height: auto;
}

#page-contato #formulario table tr td{
	padding: 5px;
	font-family: arial;
}

#page-contato #formulario table tr td.txt{
	width: 100px;
	text-align: right;
}

#page-contato #formulario table tr td input[type=text]{
	padding: 5px;
	width: 320px;
}

#page-contato #formulario table tr td textarea{
	padding: 5px;
	resize:none;
	width: 430px;
	height: 100px;
	margin: 10px 0px 0px 0px;
	font-family: arial;
}

#page-contato #formulario table tr td input[type=submit]{
	padding: 10px 15px;
	cursor: pointer;
	background: #135587;
	font-weight: bold;
	color: #FFF;
	border: 0px;
	float: right;
	margin: 5px;
}

#page-contato #info-contato{
	width: 500px;
	height: auto;
	float: right;
	text-align: center;
	font-family: Arial;
	padding: 25px 0px 0px 0px;
}

#page-contato #info-contato h3{
	margin: 5px 0px;
	color: #333;
	line-height: 30px;
}

#page-contato #info-contato h3.tel{
	height: 42px;
	line-height: 42px;
	margin: 0px;
	padding: 0px;
}

#page-contato #info-contato h3 img{
	margin: 5px 0px 0px 0px;
	position: absolute;
}

#page-contato #info-contato p{
	color: #666;
	line-height: 25px;
}

#page-contato iframe{
	margin: 25px 0px 0px 0px;
}

/************************************/
/*				PEÇAS 				*/
/************************************/
#page-pecas{
	width: 1000px;
	height: auto;
	margin: 15px auto;
}

#page-pecas h1{
    font-family: Arial;
    font-size: 25px;
    padding: 20px 0px;
    margin: 0px;
    color: #135587;
    text-transform: uppercase;
    text-align: center;
}

#page-pecas ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#page-pecas ul li{
	width: 150px;
	float: left;
	min-height: 200px;
	height: auto;
	margin: 7px;
	border: 1px solid #ccc;
}

#page-pecas ul a li p{
	text-align: center;
	font-family: Arial;
	color: #135587;
	font-weight: bold;
	padding: 2px 0px;
	font-size: 14px;

}

/************************************/
/*				FOOTER 				*/
/************************************/
#footer{
	width: 100%;
	height: 150px;
	background: url(../imagens/shadow.jpg) center top no-repeat;
}

#footer .center{
	width: 1000px;
	height: auto;
	margin: 0px auto;
}

#footer .center #mapa-site{
	width: 225px;
	height: auto;
	float: left;
	margin: 50px 0px 0px 0px;
}

#footer .center #mapa-site ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-right: 1px solid #C6C4C5;
	font-family: Arial;
}

#footer .center #mapa-site ul li{
	line-height: 25px;
	padding: 0px 0px 0px 20px;
}

#footer .center #mapa-site ul li a{
	color: #333;
}

#footer .center #mapa-site ul li.main{
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#footer .center #servicos{
	width: 300px;
	height: 210px;
	float: left;
	margin: 50px 0px 0px 20px;
	border-right: 1px solid #C6C4C5;
}

#footer .center #servicos ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Arial;
}

#footer .center #servicos ul li{
	line-height: 25px;
	padding: 0px 0px 0px 20px;
}

#footer .center #servicos ul li a{
	color: #333;
}

#footer .center #servicos ul li.main{
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#footer #col-contato{
	width: 370px;
	height: auto;
	float: left;
	margin: 50px 0px 0px 40px;
	font-family: Arial;
}

#footer #col-contato p{
	line-height: 25px;
	padding: 0px 0px 0px 25px;
}

#footer #col-contato p a{
	color: #135587;
}

#footer #col-contato p.main{
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}