* {	margin: 0;
	padding: 0;
	border: 0px;}
	
body { background-color:#e2e2e2;}
#geral {margin: 0 auto; width: 1024px;}
#topo {background: url(../layout/topo.jpg);  width: 1024px; height: 273px;}
#menu {position: relative; top: 97px; left: 50px; }
#menu ul li {font: 15px Arial, Verdana, Sans-Serif; list-style: none; display: inline;font-weight: bold;margin-left:15px; border-right:1px solid #c25a5a; }
#menu ul li a {color: #FFFFFF; text-decoration: none; padding:12px;}
#menu ul li a:hover {color:#FFF;background:#a80e0e;}
@font-face {
	font-family: kozuka;
	src: url('http://www.hidrocilsp.com.br/css/kozuka.otf');
}
/*chamada*/

#chamada {margin-top: 113px;}
#imagemchamada {font-size: 77px; text-indent: -9999px;display: block; background: url(../layout/chamada-desentupidora.jpg); width: 464px; height: 127px; float: left; margin-left: 70px;}
#textochamada h1 {font: 42px "Microsoft Sans Serif", Verdana, Arial, Sans-Serif; text-indent: -9999px; overflow: hidden; background: url(../layout/text-chamada-entupiu.jpg); width: 421px; height: 46px;}
#textochamada p {font: 13px Arial, Helvetica, sans-serif; color: #595959; width: 424px; overflow: hidden; padding-left: 10px; margin-top: 5px;}

/*menu serviços*/

#menuservicos {background: #FFF; width: 898px; margin-left: 67px;}
#menuservicos ul li{list-style: none; display: inline; padding: 35px;}
#menuservicos ul li a {text-decoration: none; font: 16px  Arial, Helvetica, sans-serif; color:#747474;}
#menuservicos ul li a:hover {color:#be1313;}

/*conteudo*/
#conteudo {background: #FFF; width: 878px; margin-left: 67px; padding: 10px;}
#conteudo h1 {font:24px Arial, Helvetica, sans-serif;color:#ba1212;letter-spacing:0px;}
#conteudo h2 {font:18px Arial, Helvetica, sans-serif;color:#7c0e0e;letter-spacing:0px; margin-bottom: 15px;}
#conteudo h3 {font:15px Arial, Helvetica, sans-serif;color:#872a2a;font-weight:bold;margin-bottom: 15px;}
#conteudo h3 a{font:15px Arial, Helvetica, sans-serif;font-weight: bold; color: #872a2a; margin-bottom: 15px; text-decoration: underline;}
#conteudo h3 a:hover {color:#e30909}
#conteudo p {font: 13px Arial, Helvetica, sans-serif; color: #333333; margin-bottom: 15px;}
#conteudo ul li {font: 13px Arial, Helvetica, sans-serif; color: #333333; margin-bottom: 15px; margin-left: 15px;}

/*ORÇAMENTO ONLINE*/
#orcamento-online {background:url(../layout/orcamento-online-background.jpg) repeat-x;width:878px;height:220px;font:14px Arial, Helvetica, sans-serif;color:#5f5f5f;font-weight:bold;}
#orcamento-online ul li {list-style:none;font:11px Arial, Helvetica, sans-serif;}
.formonline {border: 1px solid #b7b7b7;padding:3px;}
fieldset {float:left;margin-right:9px;padding-left:16px;}
fieldset#areatexto {margin-left:53px;margin-top:5px;}
#areatexto {font:14px Arial, Helvetica, sans-serif;color:#7d7d7d;}
#orcamento-online h1.desentupidora-online {font:24px kozuka, Arial, Helvetica, sans-serif;color:#ba1212;letter-spacing:0px;padding-left:15px;}
#orcamento-online h2.online-descricao {font:12px Arial, Helvetica, sans-serif;color:#828282;letter-spacing:0px;padding-left:15px;}
#enviar1 {clear:left;margin-left:53px;margin-top:2px;}
#enviar {background:url(../layout/botao-enviar.jpg) no-repeat;width:92px;height:29px;text-indent:-9999px;cursor:pointer;}
input:focus, textarea:focus{
border:1px solid #bd1313;
}

/*BOX SERVIÇOS*/
#servicos {background:url(../layout/box-servicos.jpg) no-repeat;width:883px;height:220px;overflow:hidden;padding:10px 20px;}
#servicos h1.servicos {font:24px Arial, Helvetica, sans-serif;color:#ba1212;letter-spacing:0px;}
#servicos h2.descricao-servicos {font:12px Arial, Helvetica, sans-serif;color:#828282;letter-spacing:0px;}
#servicos ul li {list-style:none;line-height:0px;}
#servicos ul li a.linkservicos {color:#a60e0d;text-decoration:none;font-size:13px;font-weight:bold;}
#servicos ul li a:hover.linkservicos {color:#5a0a09;}
#servicos p.irparacontato a:link {font: 14px Arial, Helvetica, sans-serif;font-weight:bold;color:#575757;padding-left:15px;}
#servicos p.irparacontato a:visited {font: 14px Arial, Helvetica, sans-serif;font-weight:bold;color:#575757;padding-left:15px;}
#servicos p.irparacontato a:hover {color:#333333;}

/*rodape*/
#rodape {background: #e2e2e2; width: 888px; margin-left: 67px; padding: 5px; border-top: 15px solid #900606;}
#rodape ul li {list-style: none; display: inline; padding: 10px; float: left;}
#rodape ul li a {font: 13px Arial, Helvetica, sans-serif; color: #550d0d; text-decoration: none;}
#rodape ul li a:hover {color: #e30909;}

.copyright {float: right; font: 13px Arial, Helvetica, sans-serif; color:#550d0d; }
.copyright a{color:#550d0d; text-decoration: none;}
.copyright a:hover {color: #e30909;}
#rodape p {float:right; width: 99px;}

/*página online*/
.online {background: #CCCCCC; padding: 5px; margin-bottom: 35px; width: 460px; font: 13px Arial, Helvetica, sans-serif; color: #333333; margin-bottom: 15px; text-align: center; margin: 0 auto;}

.orcimp a{background:url(../layout/faca-orcamento-impermeabilizacao.jpg) no-repeat;width:403px;height:73px;display:block;text-indent:-9999px;}
.orcimp a:hover {background-position:left -75px;}


/*NEWS*/

#news1 {background-color:#f1f1f1;border:1px solid #dbdbdb;padding:10px;float:left;width:400px;margin:25px 15px 0 0;height:250px;}

#news1 .imgnews  {margin:4px 0 9px 0;}
#news1 .titlenews1 h3 {font-family: kozuka, sans-serif;background:#ba1212;color:#FFFFFF;font-size:18px;padding:10px;margin: 0 -14px 0 0;}