@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700,300italic,400italic,700italic);

/* ROOT */
body{ background:#FFF; border-top:8px solid #ED1D23; font:16px 'Ubuntu', sans-serif;; font-style: normal; line-height:120%; color:#434343 }
input[type="text"], input[type="password"], textarea, select{ font:16px 'Ubuntu', sans-serif; font-weight: 400; color:#434343; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
a{ color:#434343; text-decoration:none }
a:hover{ color:#000; text-decoration:none; }
::-moz-selection{ background:#ED1D23; color:#FFF }
::selection { background:#ED1D23; color:#FFF }
.centralizado{ width:978px; margin:0 auto }
h2{ float:left; width:100% !important; text-align:center; font-size:36px; color:#434343; line-height:100%; background:url(../imagens/fundo-titulo.png) no-repeat bottom center; padding-bottom:12px; text-transform:uppercase }
h3{ float:left; width:100% !important; text-align:center; font-size:25px; color:#434343; line-height:100%; background:url(../imagens/fundo-titulo.gif) no-repeat bottom center; padding-bottom:10px; text-transform:uppercase }

@media (max-width: 550px) {
	body{ overflow-x:hidden/*; width:320px*/ }
	.centralizado{ width:320px; margin:0 auto }
}


/* Topo */
header{ width:100%; background:#E7E7E7 }
header .centralizado{ text-align:center; padding:100px 0 55px 0 }
h1{ float:left; width:100% !important; text-align:center; background:url(../imagens/certificacao-ul.png) no-repeat bottom center; padding-bottom:55px; color:#656565; font-size:90px; line-height:100%; font-weight:300; font-style:italic; text-transform:uppercase; margin:0 0 22px 0 }
h1 strong{ font-weight:700 }
/*header img{ clear:both; margin-bottom:24px }*/

@media (max-width: 550px) {
	h1{ font-size:40px; background:url(../imagens/certificacao-ul-cel.png) bottom right no-repeat; padding-bottom:48px }
	header a img{ content:url(../imagens/botoes/solicite-um-orcamento-cel.png); width:222px; height:62px }
}


/* detalhes */
#detalhes{ clear:both; float:left; width:100%; background:#FFF }
#detalhes #sprinkler{ float:left; width:100%; min-height:570px; background:url(../imagens/fundo-sprinkler2.jpg) no-repeat left 35px; margin:48px 0 }
#detalhes p{ float:right; width:570px !important; text-align:left; margin:0 0 30px 0; line-height:163% }

@media (max-width: 550px) {
	#detalhes #sprinkler{ background:url(../imagens/fundo-sprinkler-cel2.jpg) top center no-repeat; padding-top:400px }
	#detalhes p{ float:left; width:320px !important }
}


/* especificação */
#especificacao{ clear:both; float:left; width:100%; height:948px; background:#E7E7E7 url(../imagens/fundo-especificacao.jpg) no-repeat top center; padding:70px 0 65px 0 }
#especificacao #tecnica{ clear:both; float:left; width:630px; margin:75px 0 65px 0; font-size:16px; line-height:163% }
#especificacao figure{ clear:both; float:left; width:100%; text-align:center; margin:15px 0 35px 0 }
#especificacao figure.botao{ margin-top:30px }

@media (max-width: 550px) {
	#especificacao{ height:auto; background:none; background-color:#E7E7E7 }
	#especificacao #tecnica{ width:320px }
	#especificacao figure img{ width:320px; height:auto }
	#especificacao figure.botao img{ content:url(../imagens/botoes/solicite-um-orcamento-cel.png); width:222px; height:62px }
}


/* posicao */
#posicao{ clear:both; float:left; width:100%; height:auto; background:#FFF; padding:70px 0 }
#posicao ul{ clear:both; float:left; margin:60px 0 0 0 }
#posicao li{ float:left }
#posicao li:nth-child(1){ width:350px; padding-top:75px }
#posicao li:nth-child(2){ width:370px }
#posicao li:nth-child(3){ width:250px }
#posicao li p{ float:left; width:240px !important; line-height:163% }

@media (max-width: 550px) {
	#posicao ul{ margin:0 }
	#posicao li{ float:left; width:320px !important; padding:0 !important; margin:50px 0 20px 0 }
	#posicao li p{ width:320px !important }
	#posicao li img{ float:none; margin-left:auto; margin-right:auto; display:block }
}


/* instalacao */
#instalacao{ clear:both; float:left; width:100%; height:auto; background:#E8E8E8; padding:70px 0 }
#instalacao h2{ margin-bottom:70px }
#instalacao p{ line-height:163%; width:100% !important; margin:0 0 35px 0 }
#instalacao figure{ float:left; width:100%; text-align:center }

@media (max-width: 550px) {
	#instalacao figure img{ width:320px; height:47px; content:url(../imagens/nao-compre-cel.png) }
}


/* posicao */
#fale{ clear:both; float:left; width:100%; height:auto; background:#FFF; padding:70px 0 }
#fale p{ clear:both; float:left; width:100% !important; text-align:center; margin:65px 0 50px 0 }
#fale form{ clear:both; float:left; width:100% }
#fale #esq{ clear:both; float:left }
#fale #dir{ float:right }
#fale input[type="text"]{ clear:both; float:left; width:425px; height:50px; line-height:50px; border:1px solid #BBB; padding:0 20px; margin:0 0 20px 0 }
#fale select{ width:465px }
#fale textarea{ clear:both; float:left; width:425px; height:335px; line-height:120%; border:1px solid #BBB; padding:10px 20px; margin:0 0 20px 0 }
#fale figure{ clear:both; float:left; width:100%; text-align:center; margin:30px 0 0 0 }
#fale figure input[type="image"]{ background:url(../imagens/botoes/enviar.gif) }

@media (max-width: 550px) {
	#fale input[type="text"]{ width:280px }
	#fale select{ width:320px }
	#fale #dir{ clear:both; float:left; margin-top:20px }
	#fale textarea{ width:280px; height:200px }
	#fale figure input[type="image"]{ background:url(../imagens/botoes/enviar-cel.png); width:222px; height:47px }
}



/* RODAPÉ */
footer{ clear:both; float:left; width:100%; height:auto; background:#434343; color:#999; font-size:11px }
#rodape{ float:left; width:100%; height:270px }
#rodape ul{ float:left; margin:80px 0 0 0; font-size:13px; color:#FFF }
#rodape li{ float:left; line-height:177% }
#rodape li h4{ float:left; font-size:20px; line-height:130% }
#rodape li h4 a{ color:#FFF }
#rodape li:nth-child(1){ width:337px; padding-top:40px }
#rodape li:nth-child(2){ width:230px }
#rodape li:nth-child(3){ width:250px }
#rodape li:nth-child(4){ width:157px }

#copyright{ clear:both; float:left; width:100%; height:55px }
#copyright .esq{ float:left; line-height:50px; font-size:11px }
#copyright figure{ float:right; margin-top:14px }
#copyright figure img{ float:right }
#copyright figure figcaption{ float:right; margin-right:7px; height:20px; line-height:26px; font-size:11px; color:#999 }


@media (max-width: 550px) {
	#rodape{ height:auto !important }
	#rodape ul{ margin:30px 0 0 0 }
	#rodape li{ clear:both; float:left; width:320px; margin:0 0 30px 0 }
	#rodape li:nth-child(1){ padding-top:10px }
	
	#copyright{ height:auto }
	#copyright .esq{ float:left; text-align:center; width:100% }
	#copyright figure{ float:left; width:100% }
	#copyright figure img{ float:none; margin-left:auto; margin-right:auto; display:block }
	#copyright figure figcaption{ float:left; width:100%; height:auto; text-align:center; margin:-40px 0 30px 0 }
}



.borda-arredondada{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.borda-arredondada img{ border-radius:5px; -moz-border-radius:5px }