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

body{
     margin:0;
     padding:0;
     font:100% sans-serif;
}

.limpar {
   clear: both;
}

p{
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size:14px;
   margin: 5px 5px 5px 15px;
   line-height:150%;
   text-align:justify;
}

h2{
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   text-align: right;
   font-size:12pt;
}

span.novoh1{
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   text-align: right;
   font-size:16pt;
}

/*********** Topo ******************/

#tudo{
	max-width:1380px;
}

#tudo #topo{
      width:100%;
      height:179px;
      background: url(../img/topo.jpg) repeat-x;
}

#tudo #topo #logo{
    margin-left: 7%;
	float:left;
}

#tudo #topo #telefone{
    width:25%;
    float:left;    
}

#tudo #topo #telefone h2{
	padding-top:13%;
	color:#736c62;
}

#tudo #topo #telefone span.novoh1{
	color:#736c62;
}

#slider a img{
   max-width:100%;
}


@media all and (max-width:443px){
   #tudo #topo #logo{
    width:100%;
    margin-left:15%;
  }
   #tudo #topo #telefone{
        height:40px;
        width:80%;
        float:left;
        margin-right:20%;
        /*margin-left:30%;*/
        margin-bottom:15px;
    }
}

@media all and (max-width:393px){
   #tudo #topo #logo{
    width:100%;
    margin-left:10%;
  }
   #tudo #topo #telefone{
        height:40px;
        width:100%;
        float:left;
        margin-bottom:15px;
    }
}

@media all and (max-width:320px){
   #tudo #topo #logo{
    width:100%;
    margin:0;
  }
   #tudo #topo #telefone{
        height:40px;
        width:100%;
        float:left;
        margin-bottom:15px;
    }
}

#tudo #topo #menu{
	height: 50px;
	width:40%;
	margin-top: 80px;
	margin-left:20px;
	float:left;
	background-color: #fdb82c;
	border-radius: 10px;
}

#tudo #topo #menu ul{
	list-style-type:none;
	padding-top : 14px;
	padding-right: 30px ;
}

#tudo #topo #menu ul li{
	display:inline;
	color:#FFF;
}

#tudo #topo #menu ul li a{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
    margin: 22px 2px 18px 2px;
    padding: 17px 2px;
}

@media all and (max-width:1248px){
	#tudo #topo #menu{
		width:60%;
		margin-top: 30px;
	}
	
	#tudo #topo #logo {
		margin-left: 5%;
    }
	
	br.fone{
		display:none;
	}
	
	#tudo #topo #telefone{
		width:64%;
	}
	
	#tudo #topo #telefone h2{
		padding-top:5%;	
	}
}

@media all and (max-width:840px){
	#tudo #topo #menu{
		width:90%;
		margin-top: 30px;
	}
	
	#tudo #topo #logo {
		margin-left: 50%;
    }
	
	br.fone{
		display:none;
	}
	
	#tudo #topo #telefone{
		width:90%;
	}
	
	#tudo #topo #telefone h2{
		padding-top:5%;	
	}
}

@media all and (max-width:605px){
	#tudo #topo #menu{
		width:90%;
		margin-top: 30px;
	}
	
	#tudo #topo #logo {
		margin-left: 20%;
    }
	
	#tudo #topo #telefone{
		width:90%;
		height:115px;
	}
	
	br.fone{
		display:block;
	}
	
	#tudo #topo #telefone h2{
		padding-top:5%;	
	}
}

@media all and (max-width:450px){
	#tudo #topo #menu{
		height: 200px;
	}
	#tudo #topo #menu ul li{
		display:block;
		height: 30px;
	}
}

@media all and (max-width:400px){
	#tudo #topo #logo {
		margin-left: 2%;
    }
}

#tudo #topo #banner{
	/*height: 190px;*/
	width:55%;
	float:left;
	padding-top:10px;
	padding-left:1%;
	padding-right:3%;
	clear: both;
}


/********************/
#tudo #topo #cadastro{
	/*height: 190px;*/
	width:30%;
    float:right;
	padding-top:10px;
	padding-right:1%;
}

@media all and (max-width:1125px){
  #tudo #topo #cadastro{	
	width:95%;
    float:left;
	padding-top:10px;
	padding-right:5%;
    clear:both;
  }
  
  #tudo #topo #banner{
	/*height: 190px;*/
	width:55%;
	float:left;
	padding-top:10px;
	padding-left:10%;
	padding-right:5%;
	clear: both;
  }
}
/********************/

/********************/
@media all and (max-width:853px){
   #tudo #topo #banner{
	/*height: 190px;*/
	width:55%;
	float:left;
	padding-top:10px;
	padding-left:1%;
	padding-right:0%;
	clear: both;
  }
}
/********************/
#tudo #topo #cadastro h3{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #5BC6D0;
    color: #144444;
 	padding: 3px 10px;
}

#tudo #topo #cadastro form{
 	margin-left:5%;
 	background-color:#95D9DF;
 	padding: 5px 10px;
}

#tudo #topo #cadastro form input{
 	margin-left:5%;
    margin-bottom: 8px;
    padding: 5px 10px;
}

#tudo #topo #cadastro form input.cadB{
    background-color:#716d62;
    color: #FFF;
    margin-left:50%;
}

#tudo #conteudo{
	width:100%;
}

#tudo #conteudo #conttexto{
	width:65%;
	float:left;
	padding-top:10px;
	padding-left:20px;
}

#tudo #conteudo #conttexto ul{
    padding-left:20px;
}

#tudo #conteudo #conttexto.home{
    background-image:url(../img/bolhas.png);
}

#tudo #conteudo #conttexto #noticias{
    width:80%;
}

#tudo #conteudo #conttexto #item{
    width:80%;
}

#tudo #conteudo #conttexto #noticias img{
    float:left;
    margin:10px;
}

#tudo #conteudo #conttexto #item img{
    float:left;
    margin:10px;
}

#tudo #conteudo #conttexto #item a{
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size:14px;
   margin: 5px;
   text-decoration:none;
   color: #6d6c6c;
   /*font-weight:bold;*/
}

#tudo #conteudo #conttexto #item a:hover{
   color: #95393a;
}

#tudo #conteudo #conttexto #item a.menor{
    font-size:10px;
}

#tudo #conteudo #conttexto #imgItem{
      width:20%;
      float:left;
}

#tudo #conteudo #conttexto #textoItem{
      width:77%;
      float:left;
      padding-left:3%;
}

#tudo #conteudo #conttexto #noticias a{
 text-decoration:none;
}

#tudo #conteudo #conttexto fieldset{
      width:60%;
      padding: 3px 3px 8px 3px;
}

#tudo #conteudo #conttexto input.botao{
      margin-right:100px;
      margin-top:10px;
      padding:5px;
      float:right;
}

#tudo #conteudo #conttexto input.botaoverm{
	  margin-right:50px;
      margin-top:10px;
      padding:5px;
      float:right;
	  background-color:#1c73b5;
	  border-color:#155c93;
	  color:#FFF;
	  font-weight:bold;
}

span.textobotao{	
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;      
    color: #6d6c6c;
	margin-left:30px;
}

#tudo #conteudo #conttexto h3{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #5BC6D0;
    color: #144444;
 	padding: 3px 10px;
 	width:50%;
 	float:left;
}

#tudo #conteudo #conttexto ul.lista{
    list-style-type:disc;
    margin-left: 50px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

#tudo #conteudo #conttexto h2{
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   text-align: left;
}

#tudo #conteudo #conttexto #destaque{
	width:100%;
	float:left;
	padding-top:10px;
}

#tudo #conteudo #conttexto #destaque p.titulo{
     background:url(../img/ponto.jpg) repeat-x;
}

#tudo #conteudo #conttexto #produto{
      float:left;
      width: 23%;
      height:180px;
      padding-left:2%;
      padding-bottom:3%;
}

@media all and (max-width:855px){
   #tudo #conteudo #conttexto #produto{
      float:left;
      width: 28.3%;
      height:180px;
      padding-left:2%;
      padding-bottom:3%;
   }
}

@media all and (max-width:720px){
   #tudo #conteudo #conttexto #produto{
      float:left;
      width: 48%;
      height:180px;
      padding-left:2%;
      padding-bottom:3%;
   }
}

@media all and (max-width:460px){
   #tudo #conteudo #conttexto #produto{
      float:left;
      width: 98%;
      height:180px;
      padding-left:2%;
      padding-bottom:3%;
   }
}

#tudo #conteudo #conttexto #produto img{
      border-width:5px;
      border-style:solid;
      border-color:#95D9DF;
      border-radius: 15px 0px;
}

#tudo #conteudo #conttexto #produto a{
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size:14px;
   margin: 5px;
   text-decoration:none;
   color: #6d6c6c;
   /*font-weight:bold;*/
}

#tudo #conteudo #conttexto #produto a:hover{
   color: #95393a;
}

#tudo #conteudo #conttexto #produto a.menor{
    font-size:10px;
}

#tudo #conteudo #conttexto #map-canvas {
      height: 350px;
      width:60%;
      float:left;
      margin:10px 20px;
}

#tudo #conteudo #conttexto #map-canvas1 {
      height: 350px;
      width:60%;
      float:left;
      margin:10px 20px;
}

#tudo #conteudo #direita{
	width:30%;
    float:left;
	padding-top:10px;
	
}

#tudo #rodape{
	width:100%;
    float:left;
	padding-top:10px;
}

/******************** Rodape ***************/

#tudo #rodape{
    width:100%;
	height:50px;
 	background-color:#dcd8d7;
	border-radius: 5px;
 }

#tudo #rodape .rodesq{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	padding: 13px 30px 20px 30px;
	font-weight:bold;
	float:left;
}

#tudo #rodape .roddir{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	padding: 3px 30px 20px 30px;
	font-weight:bold;
	float:right;
}
/**************** Banners ******************/
@media all and (max-width:1020px){
   #tudo #conteudo #conttexto{
	  width:65%;   
   }
   
   #tudo #conteudo #conttexto #produto{
	   width:45%;  
   }	
}
@media all and (max-width:750px){
   #tudo #topo #banner{
     display:none;
   }
   
   #tudo #conteudo #conttexto{
	  width:100%;   
   }
   
   #tudo #conteudo #conttexto #produto{
	   width:45%;  
   }
}

@media all and (max-width:393px){
  #tudo #topo{
    width:393px;
  }
  #tudo #topo #logo{		
    width:100%;	
    clear:both;
  }
 
  #tudo #topo #telefone{
	width:100%;
	float:left;
    clear:both; 
  }

  #tudo #topo #telefone span.novoh1{
	color:#736c62;
  }
  
  #tudo #topo #banner{
    display:none;
  }
  
  /*#direita{
    display:none;
  }*/

  #tudo #conteudo #conttexto #produto{
      float:left;
      width: 92%;      
      padding-left:5%;
      padding-bottom:3%;
      clear:both; 
 } 
}

@media all and (max-width:789px){
#tudo #rodape{
    width:100%;	
    height:92px;
 	background-color:#dcd8d7;
	border-radius: 5px;
    margin : 0 auto;
    padding : 0;
 }

 #tudo #rodape .rodesq{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	padding: 15px 30px 10px 30px;
	font-weight:bold;	    
    float:left;
 }

 #tudo #rodape .roddir{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	padding: 5px 30px 15px 30px;
	font-weight:bold;	   
    float:left;
 }
}

@media all and (max-width:281px){
  #tudo #rodape{
    width:100%;	
    height:150px;
 	background-color:#dcd8d7;
	border-radius: 5px;
    margin : 0 auto;
    padding : 0;
  }  
}

@media all and (max-width:503px){
  #tudo #rodape{
    width:100%;	
    height:120px;
 	background-color:#dcd8d7;
	border-radius: 5px;
    margin : 0 auto;
    padding : 0;
  }  
}