a	{ text-decoration: none;  }
ul	{ list-style: none;  }

#menu a{
    color: #FFF;
    text-decoration: none;
    display: inline-block;
	font-size: 16px; 
	padding-right:40px;
	margin:0;
    text-transform: uppercase; /*converte o texto para maiusculo*/
}


/* 	LEVEL ONE*/
ul.dropdown li { font-weight: bold; display: inline; zoom: 1; text-align:center; z-index:999;  }		
ul.dropdown li.hover,
ul.dropdown li:hover{background: #19163A;  position: relative;  }

/* 	LEVEL TWO*/
ul.dropdown ul 	{ visibility: hidden; position: absolute; top: 100%; left: -21%; text-align:left;} /*o left recua o submenu*/
ul.dropdown ul li { font-weight: normal; background: #9D9A94; text-align:left; /*recua um pouco o submenu*/;
			border-bottom: 1px solid #ccc; float: none;  }


ul.dropdown ul li a	{ border-right: none; width: 138% /*tamanho da caixa do menu */; display: inline-block; z-index:999;  } 

/*LEVEL THREE*/


ul.dropdown ul li ul li a{width: 50% ;}
ul.dropdown ul ul { left: 20%; width: 110%; top: 0; } /*o left recua o submenu*/
ul.dropdown li:hover > ul { visibility: visible; }



@media screen and (max-width:1000px){
	.drpiscina{
		font-size:20px;
	}

	.txtitulo{
		font-size:18px;
	}

}


@media screen and (max-width:970px){
	ul.dropdown  a{
		padding-top: 20px;
	}

	ul.dropdown ul li a	{
		padding-top:0;
	}

	ul.dropdown ul li ul li a	{
		padding-top:0;
	}
}

@media screen and (max-width:750px){
	.t1{
		width:270px;
		height:187px;
	}
	.t2{
		width:270px;
		height:187px;
	}	
}


@media screen and (max-width:650px){


#logo{
	display:none;
}

#logo-mobile{
	display:block;	
}

.drpiscina{
	font-size:18px;
}

.txtitulo{
	font-size:15.5px;
}

#menu{
	display: none;        
}


#bt-menu{
	display:inline;
}

.btn-menu{
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 45px;
}

/*  .coluna{

width: 100%;

}*/


#rodape{
	font-size:14px;
}	

.btn-menu{
	padding-right:30px;
}

ul.dropdown ul li ul li a{width: 100% ;} /*estende width do 3 nivel/*/

ul.dropdown  a{
padding-top: 15px;
}	

ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 20%; } /*o left recua o submenu*/
ul.dropdown li   { font-weight: bold; display: block;zoom: 1; /*text-align:start;*/} 
ul.dropdown ul ul { left: 50%; top: 0; /*text-align:start; */} /*o left recua o submenu*/
ul.dropdown ul li { }
ul.dropdown ul li a		{ border-right: none; width: 100%; display: inline-block; z-index:999; text-align:center;  } 


.btn-error{
	width:120px; 
	height:40px; 
}
.h1-error{
	text-align: center;
	font-size: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.error{
	color: #003366;
	padding:30px;
	background-color:#00CED1;
	margin-top:2px;
	border:groove;
	border-radius: 16px;
	font-size: 18px;
	text-align: left; 
	margin: 20px
}


#formsucesso{
	text-align:center;
	padding: 10px;
	margin:10px;
	color:red;
	font-size:16px;

	}



}


@media screen and (max-width:500px){

#menu a{
	font-size:15px;
}

.drpiscina{
	font-size:16px;
}

.txtitulo{
	font-size:14px;
}

.coluna{
	width: 100%;
}

.coluna img{
	width:100%;
}

#destaque{
	padding-left: 5px;
	padding-right: 5px;
}		

#destaque h1{
	font-size: 15.5px;
}

#destaque p{
	font-size: 15.5px;
}

.coluna{
	font-size: 15.5px;
	margin-top:25px;
	margin-bottom: 30px;
}

#rodape{
	font-size: 12px;
	padding: 15px 0;
	margin-top: 30px;
}


ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0%; } /*o left recua o submenu*/
ul.dropdown li   { font-weight: bold; display: block; zoom: 1; /*text-align:start;*/} 
ul.dropdown ul ul { left: 50%; top: 0; /*text-align:start; */} /*o left recua o submenu*/
ul.dropdown ul li { }
ul.dropdown ul li a		{ border-right: none; width: 100%; display: inline-block; z-index:999; text-align:center;  }

.btn-error{
	width:120px; 
	height:40px; 
}
.h1-error{
	text-align: center;
	font-size: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.error{
	color: #003366;
	padding:30px;
	background-color:#00CED1;
	margin-top:2px;
	border:groove;
	border-radius: 16px;
	font-size: 16px;
	text-align: left; 
	margin: 10px
}

.btn-voltar{
	float: right;
	width: 100px;
	height: 25px;
	color:blue;
	font-size:14px;
}

}/*fim media*/



@media screen and (max-width:350px){
	.t1{
		width:225px;
		height:162px;
	}

	.t2{
		width:225px;
		height:162px;
	}	

}