body {
    font-family:Arial;
    font-size:12px;
    background-color: #e5e5e5;
}

p.intro{
	margin-top:10px;
}

#site {
    width:991px;
    background-color: #FFF;
    margin:0 auto;
    margin-top:0px;
}

#principal_{
	  margin-left:15px;
	}

#texto_p{
	float:left;
	width:358px;
	height:280px;
	margin-left:0px;
	font-family:Arial;
    font-size:12px;
	background-color:#ffb400;
	}
	
#bomba{
	margin-left:350px;
	width:663px;
	height:280px;
	background-repeat: no-repeat;
	}

.destaque_q{
	float:left;
	width:325px;
	margin-bottom: 20px;
	}


.topo_quadrado_degrade_cinza{
	margin-top:20px;
	width:305px;
	}
	
.quadrado_degrade_cinza{
	float:left;
	width:305px;
	height:177px;
	margin-right:10px;
	background-image: url("../images/meio_quadrado.jpg");
	}
	
#produtos_destaque{
	  margin-top:20px;
	}

.titulo_prod_destaque{
     margin-left:20px;
     font-size:14px;
     font-weight: 600;
     color: #0f69a7;
}

.saiba_mais{
	  margin-top:10px;
	  margin-left:220px;
	}
	
#ampliar_imagem{
	margin-top:20px;
	margin-left:550px;
}

.foto_produto{
	float:left; 
	margin-left:10px;
	margin-top: 20px;
	}
	
.desc{
	 padding-left:130px;
	 margin-top:20px;
	 margin-right:10px;
     font-size:11px;
     font-weight: 600; 
	}

.pontos{
	 padding-left:130px;
	 margin-top:20px;
	 margin-right:10px;
     font-size:12px;
	}
	
#topo {
    background-color:#27364E;
    background-image:url('../images/back-topo.jpg');
    background-repeat:no-repeat;
    border-top:10px solid #193356;
    overflow:auto;
    clear:both;
}
.logo {
    margin:10px;
}

#submenu, #home, #internas, #chamadas, #mostra-imoveis {
    float:left;
}


#home {
    width:733px;
    _width:720px;;

}

img {
    border:none;
}


h1 {
	margin-left: 0px;
	color:#000;
	font-family:"Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
    font-size:28px;
    font-weight:bold;  
}

h1.hist {
	margin-left: 0px;
	color: #000;
	font-family:"Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
    font-size:22px;
    font-weight:bold;  
}


h2 {
    font-size:14px;
}
h3 {
    font-size:12px;
    margin:20px;
    padding:0px;
    color: #faebb0;
}

hr {
   width: 280px; 
   color: #FFF;	
}



.aviso {
    background:#eebc6e;
    padding:5px;
    border:1px solid #5c90a4;
    margin-top:50px;
}
.divisor {
    border-bottom:1px solid #5c90a4;
}
#main {
    margin-top:0px;
}


#institucional{
   width: 630px;
}

#institucional_meio{
	 float:left;
	 width:629px;
	 margin-left:1px;
	 background-color: #e7e7e5;
	}

#inst_img{
	  padding-top:20px;
	  margin-left:20px;
	  padding-bottom:10px;
	  background-color: #e7e7e5;
	}
	
#texto_institucional{
	 float:left;
	 width:315px;
	 padding-left: 20px;
	 font-family: sans-serif;
	 font-size: 12px;
	 text-align:justify;
	 line-height: 200%
	}
	
#imagem_institucional{
	 width:270px;
	 margin-left:350px;
	 padding-top:15px;
	}
	

.texto_artigo_home{
	 float:left;
	 width:588px;
	 padding-left: 20px;
	 font-family: sans-serif;
	 font-size: 12px;
	 text-align:justify;
	}

#artigo_home{
     padding-top:20px;
}

#todos_artigos{
	 margin-top: 55px;
	 margin-left: 500px;
	}

#esquerda {
	  float:left;
	  width:615px;
	  margin-right:10px;
	  margin-left:10px;
	}

#midia{
	margin-top:250px;
	margin-left:665px;
	width:321px;
	background-color: #dbe4eb;
	}

#titulo-obras{
	  padding-top: 10px;
	  padding-left: 20px;
	  padding-bottom: 20px;
	}

#titulo-obras1{
	  padding-top: 10px;
	  padding-left: 20px;
	  padding-bottom: 20px;
	}

#imagem-piscina{
	  float:left;
	  padding-left: 20px;
	}

#texto-piscina{
	 margin-left:200px;
	}

#saiba_mais_piscina{
	  margin-left:230px;
	  margin-top:40px;
	}

#obras{
	  margin: 0px;
	  width: 320px;
	  background-color: #dbe4eb;	
	}

#obras1{
	  margin: 0px;
	  width: 320px;
	  background-color: #dbe4eb;	
	}


.youtube1{
	  margin-left: 20px;
	}

.tit-youtube1{
	color:#21709b;
	margin-left: 20px;
	margin-top:10px;
	}

.texto-youtube1{
	width:132px;
	margin-left: 20px;
	margin-top:10px;
	}

.texto-youtube_obras{
	width:220px;
	margin-left: 20px;
	margin-top:10px;
	}

.video1{
	float:left;
	width: 160px;
	background-color: #dbe4eb;
}

#video2{
	margin-left:150px;
	background-color: #dbe4eb;
}

#tit-youtube2{
	color:#21709b;
	margin-left: 20px;
	margin-top:10px;
	}
	
#texto-youtube2{
	width:132px;
	margin-left: 20px;
	margin-top:10px;
	}

#botao_todos_videos{
	  margin-left:200px;
	  margin-top:40px;
	}

#menu-inferior{
	    width: 990px;
	    color: #FFF;
	    background-color: #0066a6;
	}
	
a {
	text-decoration:underline;
	color:#000;
	}	
	
a.none {
	text-decoration:none;
	color:#000;
	}

.menu-inferior-format {
	   color: #FFF;
	   margin-left:45px;
	   font-family: sans-serif;
	   font-size: 12px;
	   font-weight:bold;
	}
#address{
	   height:50px;
	   font-family: arial;
	   font-size: 12px;
	   text-align: center;
	   line-height: 200%
	}

.copyright{
	   font-size: 10px;
	   text-align: center;
	}

.copyright-link{
	   color:#000;
	}
	
#foto_empresa{
	     float: left;
	     width: 600px;
	     margin-left: 20px;
		 font-family: sans-serif;
		 font-size: 12px;
		 text-align:justify;
		 line-height: 200%;
		 margin-bottom:40px;
	}

#empresa{
	  margin-top: 20px;
	  margin-left: 20px;
	  margin-bottom: 20px;
	}
	
span.link_empresa{ 
	color: blue; 
	text-decoration: underline;
	line-height: 150%
	}

#midia-empresa{
	margin-top:40px;
	margin-left:650px;
	width:322px;
	/* background-color:lime; */
	}

.endereco{
	   margin-left: 10px;
	   font-family: sans-serif;
	   font-size: 12px;
	}

.ver_mapa{
	  margin-left: 220px;
	  margin-top:20px;
	}

#menu_aquecedores{
	  float:left;
	  margin-top:30px;
	  margin-left: 20px;
	  margin-bottom: 20px;
	  width: 200px;
	  /* background-color:lime; */
	}

.link_aquecedores{ 
	color: #c40514;
	font-size: 11px; 
	text-decoration: underline;
	line-height: 200%
	}

#menu_aquecedores_auto{
	  margin-left: 230px;
	  width: 510px;
	   /* background-color:lime; */
	}

.texto_aquecedores{
	     float:left;
	     width: 520px;
		 /* background-color:lime; */
	}
.img_aquecedor{
	 width: 130px;
	 margin-left: 530px;
	 /* background-color:lime; */ 
	}
	
.projetos{
	  float:left;
	  margin-left: 30px;
	  width: 630px;
	}	

.texto_projetos{
	     font-family: sans-serif;
		 font-size: 12px;
		 text-align:justify;
		 line-height: 170%;
	}
	
.projetos_quadrado{
		margin-top: 40px;
	    margin-left: 700px;
	}
	
#beneficios{
	  float:left;
	  margin-left: 30px;
	  width: 590px;
	}

#beneficios_quadrado{
	  margin-top:30px;
	  margin-left: 650px;
	  width: 335px;
	  background-color:#ccc;
	}

h2.espaco{
	 margin-left:30px; 
	}
	
p.espaco{
	margin-left:30px; 
	}

input { 
	margin-bottom:5px;
	background-color: #FFF; 
	color:#999;
	font: 10px verdana, arial, helvetica, sans-serif;
	border:1px solid #999;
	height: 15px;
	vertical-align:text-bottom;
}

select {
	    margin-bottom:5px;
		background-color: #FFF; 
		color:#999;
		font: 10px verdana, arial, helvetica, sans-serif;
		border:1px solid #999;
		height: 19px;
		vertical-align:text-bottom;
	}

textarea { 
	margin-left:30px;
	margin-bottom:35px;
	background-color: #FFF; 
	color:#999;
	font: 10px verdana, arial, helvetica, sans-serif;
	border:1px solid #999;
	vertical-align:text-bottom;
}

img.espaco{
	  margin-left:260px;
	}

#obras-realizadas{
	  width: 960px;
	  margin-top: 20px;
	  margin-left: 40px;
	  margin-bottom: 40px;
	}

img.space{
	 margin-right: 100px;
	}

span.space{
	 margin-right: 160px;
	}

#float{
	float:left;
	margin-right: 110px;
	margin-bottom: 40px;
	}

#videos{
	  margin-top: 20px;
	  margin-left: 20px;
	  margin-bottom: 40px;
	}

.float_space{
	width:250px;
	height: 250px;
	float:left;
	margin-right: 70px;
	margin-bottom: 30px;
	}

.video_space{
	float:left;
	margin-right: 20px;
	margin-bottom: 40px;
	}

#artigos{
	  margin-top: 20px;
	  margin-left: 20px;
	  margin-bottom: 20px;
	}

#artigos_config{
	     float:left;
	     width: 600px;
	     margin-left: 20px;
		 font-family: sans-serif;
		 font-size: 12px;
		 text-align:justify;
		 line-height: 200%;
		 margin-bottom:0px;
		 /*background-color: lime;*/
	}

.artigo_titulo{
	color: #11669d;
	font-family: sans-serif;
	font-size: 16px;
	font-weight: 600;
	}
	
.tamanho_div_artigos{
	    margin-top: 10px;
	    margin-bottom: 10px;
	}	
	
#contato{
	  margin-top: 20px;
	  margin-left: 20px;
	  margin-bottom: 20px;
	}	

#formulario_contato{
	 width: 530px;
	}

#tamanho_cont{
	 float: left;
	 width: 570px;
	}

#mapa{
	margin-left:600px;
	padding-top:20px;
	width: 280px;
	background-color: #FFF;
	}

#mapa_spaco{
	  padding-top: 20px;
	}

hr.mapa_hr{
	   width: 260px;
	}
	
.space{
		margin-left:30px;
	}

.outro{
	margin-top:5px;
	 border-top: 1px;
	 border-left: 1px;
	 border-right: 1px;
	}

#obras-realizadas-fotos{
	  margin-top: 20px;
	  margin-left: 20px;
	}

#obras-realizadas-fotos-cab{
	  margin-top: 20px;
	  margin-left: 20px;
	  margin-bottom: 40px;
	  font-style:italic;
	  font-weight:600;
	}

.float_obra{
	width:260px;
	height:200px;
	margin-right: 60px;
	padding-bottom: 20px;
	font-style:italic;
	font-weight:600;
	float:left;
 }
 
.float_video{
	width:260px;
	height:220px;
	margin-right: 60px;
	padding-bottom: 40px;
	font-style:italic;
	font-weight:600;
	float:left;
 }

.space_foto_obras{
	 margin-bottom:10px;
	}

.breadcrumb{
	    font-size: 12px;
	    color: #000;
	    margin-bottom:20px;
	}

.titulo-artigo{
	  color:#000;
	  font-size: 20px;
	  font-weight: 600;
	}


.pages{clear:both;}
	.pages span{margin:0 6px 0 0; padding:3px 0; color:#FF0000; border:#CCC solid 1px; width:20px; display:block; float:left; text-align:center;}
	.pages span, .pages a{font:12px bold Tahoma, Geneva, sans-serif; color:#000;}
	.pages .current{border:#EE7C1C solid 1px;}
	.pages p{clear:both; font-size:14px; padding-top:5px;}
	.pages li{display:inline;}
	
	
.artigos_float{
	   float:right;
	   width:350px;
	  /* background-color: aqua;*/
	}

.tit_aquecedor{
	  font-size: 26px;
	  font-family: tahoma;
	  font-weight: 500;
	}

.tit_representante{
	  margin-top:20px;
	  margin-left: 30px;
	  margin-bottom:20px;
	  font-size: 26px;
	  font-family: cursive;
	  font-weight: 500;
	}

#aviso-mail {
    background:#eebc6e;
    padding-left:400px;
    border:1px solid #5c90a4;
    margin-top:50px;
    font-weight: bold;
}
/*################################ Menu principal ##############################################*/

.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* HORIZONTAL MENU */

.horizontal {
	width: 992px;
	height: 34px;
	margin: 0;
	padding: 0;
	background: url(../images/bg-bubplastic.gif) top left repeat-x;
}
.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(../images/bg-bubplastic-button.gif) top left no-repeat;
}

.horizontal ul li a {
	display: block;
	height: 34px;
	padding-left: 22px;
	float: left;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
}

.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 34px;
	padding-top: 10px;
	padding-right: 23px;
	background: transparent url(../images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
	
}

/* END HORIZONTAL MENU */


/* BLUE HOVER */
.blue ul li a:hover,
.blue ul li.highlight a {
	background: transparent url(../images/bg-bubplastic-h-blue.gif) top left no-repeat;
}
.blue ul li a:hover span.menu_ar,
.blue ul li.highlight a span.menu_ar {
	background: transparent url(../images/bg-bubplastic-h-blue.gif) top right no-repeat;
}
/*################################ Fim - Menu principal ##############################################*/


		form fieldset {
		        margin:30px;
		        padding:5px;
		        color: #999;
		        width: 480px;
		        }
        form fieldset label {
                display:inline;
                float:left;
                width:80px;
                height:22px;
                line-height:22px;
                text-align:left;
                font-weight:normal;
                font-size:12px;;
                color:#999;
                margin:6px 10px 0 0;
                overflow:hidden;
        }
        form fieldset label input {
                display:inline;
                float:left;
                width:auto;
                height:22px;
                line-height:22px;
                margin:0 3px 0 0;
                padding:0;
                border:none;
        }