body {
	margin: 0; 
	padding:0;
	margin-top:0;
	margin-bottom:0;
	font-family: 'Lato', sans-serif;
}


#template_topo {
	
	float:left;
	width:100%;
	margin:0;
	padding:0;
}






/*main {

	float:left;
	width:100%;
	
}*/


/*h2{
	text-align:justify; 
	color: #ca0000;
}

h3{
	text-align:justify; 
	display: block;
	color: #ca0000;
}

h4{
	text-align:justify; 
	color: #003333;
}

h5{
	text-align:justify; 
	color:#666666; ;
	float:left;
	padding:0;
	margin:0;
}
*/

/* PARA SMARTPHONE #############################################################################################################*/

@media only screen and (max-width: 640px){
	
	/*COLOCA AS IMAGENS DE TOPO ABAIXO DO TOPO*/
	.imagem_topo{	
		width:100%;
	}
	
	
	.imagens_instalacoes{	
		width:80%;
		margin: 0 5% 2% 9%;	
	}	
	
	
	/*POSI��O DA DIV DO CONTE�DO*/
	#conteudo{
		width:100%; 
		float:left; 
	}
	
	
	/*ESTILO DOS TEXTOS*/
	#textos {
		width:90%;	
		float: left;
		margin: 0 5% 10px 5%;
	}


	#instalacoes {
		width:90%;	
		float: left;
		margin: 0 5% 10px 5%;
	}
	
		
	
	#instalacoes p{
		color: #FF0066; 
		font-size:18px; 
		text-align:center;
	}
	
	
	
	/*COLOCA OS MENUS LATERAIS NA LATERAL ESQUERDA*/
	#menu_lateral_pc {
		display:none;
	}
	
	
	/*COLOCA OS MENUS LATERAIS NA LATERAL ESQUERDA*/
	#menu_lateral_mobile {
		float:left;
		width:98%;
		margin: 20px 1% 10px 1%;
		padding:0;
		text-align:center;

	}
	
	
	.txt_titulos{
		color: ff0000;
		font-size:18px;
		font-family: 'Lato', sans-serif;
	}
	
	.txt_conteudo{
		font-size: 16px;
		color: #666666;
		text-align:justify;
		font-family: 'Lato', sans-serif;
	}
	
	
	#conteudo_index {
		width:90%; 
		padding: 0px 5% 0 5%; 
		float:left;
	}
	
	
	
	#promo1_esq {
		width:100%;
		padding: 0 0%;
		float:left;
	}

	.imagens_destaque{
		width:90%;
		padding: 2% 5%;
	}
	
	.imagem_pub{
		width:70%;
		padding: 2% 15%;
	}		
		
	#slideshow_index {
		width:100%; 
		padding: 94px 510% 0 10%; 
		float:left;
	}



		
	
	#mapa {
		width:100%;
		padding-top: 51px;
	}
	
	#mapa iframe {
		width: 100%;
		height: 80%;
	}


	#form_contacto {
		width:100%;
		float:left; 
		margin:0 0 5% 0; 
		padding:0; 
		text-align:left; 
	}
	
	
	#form_contacto form {
		width:90%;
		float:left; 
		margin:0 5% 5% 5%; 
		padding:0; 
		text-align:left; 
	}



	/************* TEMPLATE DO RODAPE ***************/
	#rodape {
		height:200px;
		width:100%;
		float:left;
		padding:0;
		margin:0;
		font-family:'Lato', sans-serif;  /*Verdana, Arial, Helvetica, sans-serif;*/
		margin: 0; 
		padding:0;
		background-color: #333333;
	}
	
	#avisos-legais {
		height:100px; 
		width:100%; 
		float:left; 
		margin-top:10px; 
		padding:0;
	}
	
	#ral p {
		width:90%;
		margin: 0 5% 10px 5%;
		color:#999999; 
		font-size:14px; 
		text-align:left; 
		font-weight:bold;
	}
	
	#ral h4 {
		color:#999999; 
		font-size:12px; 
		text-align:justify; 
		width:90%;
		margin: 0 5% 0 5%;
	}

	.livro-reclamacoes{
		text-align: center;
		width: 100%;
		margin-top: 15px;
	}

}


/* PARA TABLET #############################################################################################################*/

@media only screen and (min-width: 641px) and (max-width: 1024px){


	/*COLOCA AS IMAGENS DE TOPO ABAIXO DO TOPO*/
	.imagem_topo{	
		width:100%;	
	}
	

	.imagens_instalacoes{	
		width:90%;
		margin: 0 5% 2% 9%;	
	}	
		
	
	/*POSI��O DA DIV DO CONTE�DO*/
	#conteudo{
		width:100%; 
		float:left; 
	}
	
	
	/*ESTILO DOS TEXTOS*/
	#textos {
		width:90%;	
		float: left;
		margin: 0 5% 10px 5%;	
	}

	#instalacoes {
		width:90%;	
		float: left;
		margin: 0 5% 10px 5%;
	}	
	
	#instalacoes p{
		color: #FF0066; 
		font-size:18px; 
		text-align:center;
	}	
	
	/*COLOCA OS MENUS LATERAIS NA LATERAL ESQUERDA*/
	#menu_lateral_pc {
		display:none;
	}
	
	
	/*COLOCA OS MENUS LATERAIS NA LATERAL ESQUERDA*/
	#menu_lateral_mobile {
		float:left;
		width:98%;
		margin: 20px 1% 10px 1%;
		padding:0;
		text-align:center;
	}
	
	
	.txt_titulos{
		color: ff0000;
		font-size:18px;
		font-family: 'Lato', sans-serif;
	}
	
	.txt_conteudo{
		font-size: 16px;
		color: #666666;
		text-align:justify;
		font-family: 'Lato', sans-serif;
	}
	

	#promo1_esq {
		width:100%;
		padding: 0 0%;
		float:left;
	}

	.imagens_destaque{
		width:90%;
		padding: 2% 5%;
	}
	
	.imagem_pub{
		width:50%;
		padding: 2% 25%;
	}	
	
	#mapa {
		width:100%;
		padding-top: 81px;
	}
	
	#mapa iframe {
		width: 100%;
		height: 80%;
	}
	
	

	#form_contacto {
		width:100%;
		float:left; 
		margin:0 0 5% 0; 
		padding:0; 
		text-align:left; 
	}
	
	
	#form_contacto form {
		width:90%;
		float:left; 
		margin:0 5% 5% 5%; 
		padding:0; 
		text-align:left; 
	}


	/************* TEMPLATE DO RODAPE ***************/
	#rodape {
		height:200px;
		width:100%;
		float:left;
		padding:0;
		margin:0;
		font-family:'Lato', sans-serif;  /*Verdana, Arial, Helvetica, sans-serif;*/
		margin: 0; 
		padding:0;
		background-color: #333333;
	}
	
	#avisos-legais {
		height:100px; 
		width:100%; 
		float:left; 
		margin-top:10px; 
		padding:0;
	}
	
	#ral p {
		width:90%;
		margin: 0 5% 10px 5%;
		color:#999999; 
		font-size:14px; 
		text-align:left; 
		font-weight:bold;
	}
	
	#ral h4 {
		color:#999999; 
		font-size:12px; 
		text-align:justify; 
		width:90%;
		margin: 0 5% 0 5%;
	}

	.livro-reclamacoes{
		text-align: center;
		width: 100%;
		margin-top: 15px;
	}

	
}




/* PARA PC #############################################################################################################*/

@media only screen and (min-width: 1025px){

	
	/*COLOCA AS IMAGENS DE TOPO ABAIXO DO TOPO*/
	.imagem_topo{	
		width:80%;
		margin: 92px 10% 0 10%;	
	}

	.imagens_instalacoes{	
		width:80%;
		margin: 0 5% 2% 9%;	
	}	
	
	
	/*POSI��O DA DIV DO CONTE�DO*/
	#conteudo{
		width:80%; 
		float:left; 
		margin:10px 10% 0 10%; 
	}
	
	
	/*ESTILO DOS TEXTOS*/
	#textos {
		width:76%;	
		float: left;
		margin: 0 0 20px 3%;
		text-align:left;
	}


	#instalacoes {
		width:76%;	
		float: left;
		margin: 0 0 20px 3%;
		text-align:left;
	}
		
	
	#instalacoes p{
		color: #FF0066; 
		font-size:18px; 
		text-align:center;
	}	
	
	
	/*COLOCA OS MENUS LATERAIS NA LATERAL ESQUERDA*/
	#menu_lateral_pc {
		float:left;
		width:20%;
		margin:10px 0 0 0;
		text-align:left;
	}
	
	
	#menu_lateral_mobile {
		display: none;
	}	
	
	.txt_titulos{
		color: ff0000;
		font-size:18px;
		font-family: 'Lato', sans-serif;
	}


	.txt_subtitulos{
		color: #FF3399;
		font-size:16px;
		font-family: 'Lato', sans-serif;
	}
	
		
	.txt_conteudo{
		font-size: 16px;
		color: #666666;
		text-align:justify;
		font-family: 'Lato', sans-serif;
	}


	#conteudo_index {
		width:80%; 
		padding: 30px 10% 0 10%; 
		float:left;
	}

	#promo1_esq {
		width:68%;
		padding: 0 1% 0 0%;
		float:left;
	}
	
	.imagens_destaque{
		padding: 2% 5%;
	}
	
		
	
	#slideswow_index{
		width:80%; 
		padding: 94px 10% 0 10%; 
		float:left;
	}
	
	
	
	#mapa {
		width:80%;
		margin: 0px 10% 0 10%;
		padding-top: 100px;


	}
	
	#mapa iframe {
		width: 1175px;
		height: 300px;
	}
	
	#form_contacto {
		width:72%;
		float:left; 
		margin:0 0 5% 0; 
		padding:0; 
		text-align:left; 
	}

	#form_contacto form {
		width:70%;
		float:left; 
		margin:0 0 5% 0; 
		padding: 1% 0 0 4%; 
		text-align:left; 
	}

	/* TEMPLATE DO RODAPE */
	#avisos-legais{
		width: 90%;
		border: 1px solid while;
	}


	/************* TEMPLATE DO RODAPE ***************/
	#rodape {
		height:150px;
		width:100%;
		float:left;
		padding:0;
		margin:0;
		font-family:'Lato', sans-serif;  /*Verdana, Arial, Helvetica, sans-serif;*/
		margin: 0; 
		padding:0;
		background-color: #333333;		
	}
	
	#avisos-legais {
		height:100px; 
		width:100%; 
		float:left; 
		margin-top:10px; 
		padding:0;
	}

	#ral{
		float:left;
		width:70%; 
	}
	
	#ral p {
		width:90%;
		margin: 0 5% 10px 5%;
		color:#999999; 
		font-size:14px; 
		text-align:left; 
		font-weight:bold;
	}
	
	#ral h4 {
		color:#999999; 
		font-size:13px; 
		text-align:justify; 
		width:90%;
		margin: 0 5% 0 5%;
	}

	.livro-reclamacoes{
		text-align: center;
		width:29%;
		float:left;
	}

}