body{
    margin: 0;
    font-family: tahoma;
    background-image:url(img/fundo.gif);
	background-repeat:repeat;
}

#topo{	
	background-color:#3FD1EF;
}

#logo{
	width:100%;
   height: auto;
	text-align:center;
}	
	
#logo-mobile{
	width:100%;
   height: auto;
	text-align:center;
	display:none;
}

#logo img{
	padding-top:10px;
}

#titulo{
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	height: auto;
	text-align:center;
}

.drpiscina{
	font-size:24px;
	font-weight:bold;
	color:#19163A;
	padding-left:10px;
	padding-right:10px;
}

.txtitulo{
	font-size:21px;
	font-weight:bold;
	color:#19163A;
	padding-left:10px;
	padding-right:10px;
}

#caixa-menu{
    width: 100%;
    height:auto;
	background-color:#19163A;
 	text-align:center;
	/*padding:15px;*/
	padding-top: 15px;
	padding-bottom: 15px;
}

#banner{
    width: 100%;
    height: auto;   
	margin-top:12px;
	border:double;
}

#banner img{
    width: 100%;   
	
}

#total{
    width: 96%;
    max-width: 1000px;
    margin: auto;
}

#destaque{
    color: #003366;
	padding: 0 5px 5px 5px;
	background-color:#0EC3ED;
	margin-top:2px;
	border:groove;
	border-radius: 12px;
 }

#destaque h1{
    margin: 0;
    font-size: 22px;
    color: #003366;
	padding-top: 15px;
	padding-left: 22px;
	padding-right:22px;
	padding-bottom:5px;
}

.negrito{
	font-weight:bolder;
	}

#destaque p{
    font-size: 18px;   
    margin-bottom: 0;
	margin-right:0;
	padding-left: 26px;
	padding-right: 26px;
}

.coluna{
    width: 31%;    
    float: left;
    /*margin-right: 3.5%;*/
    margin-right: 3.5%;
    color: #666666;
    font-size: 16px;
	 margin-top:25px;
    margin-bottom: 30px;
	 color: #003366;
}

.coluna img{
    width: 100%;
}

#rodape{
    width: 100%;
    clear: both;
   background-color:#19163A;
    text-align: center;
    color: #CCC;
    font-size: 18px;
    padding: 15px 0;
	margin-top: 30px;
}

h2{
    color: #003366;
    font-size: 18px;
    /*margin: 0 0 5px 0;*/
}

#bt-menu{
	display:none;
	}

.saibamais{
    display: inline-block;
    background-color: #003366;
    color: #FFF;
    text-decoration: none;
    padding: 3px 15px;
	border-radius:10px;
}

/****************************css da página-secundarias do css*****************************************/

#destaque h2{
    margin: 0;
    font-size: 18px;
    color: #003366;
	padding-top: 25px;
	padding-left: 25px;
	padding-right:25px;
	padding-bottom:5px;
}

.t1{
	margin: 25px;
	float:left;

	}
	
.t2{
	margin: 25px;
	float:right;
	 
	}

.tubarao{
	margin: 25px;
	float:left;
	position:relative;
	}

		
.destaqueimg{
    width:100%;
	padding:10px;
	box-sizing: border-box;
}

.vermelho{
	color: red;
	font-weight:bold;
	
	}

/*==================================================formulario   de  contato ======contato*/

#formsucesso{
	text-align:center;
	padding: 0px 50px 20px 50px;
	margin:0px 50px 20px 50px;
	color:red;
	font-size:20px;

	}

form h1{
	padding-left:10px;
	padding-bottom:30px;
	}

form {
color: #666;
  margin: 0 auto;
  margin-top:20px;
  max-width: 850px;
  padding: 20px 10px;
 /* background-color: rgba(255,255,255,0.4)*/
 /* background-color:#EBF5BA; */
 background-color:#EEEEE0
}

.input {
  float: left;
  width: 48%;
  padding: 0 1% 20px;
  position: relative;
}

/*.input.txt { width: 198%; } textarea 100%*/

/*OS LABELS:*/

.input label {
  display: block;
  padding-bottom: 5px;
  color: #666;
}

.input label.error {
  position: absolute;
  right: 18px;
  top: 35px;
  color: #f00;
}

/*O label.error é gerado pelo jQuery validate e adicionado seguido dos campos.*/
/*OS CAMPOS:*/

.input textarea {
  padding-top: 10px;
  padding-bottom: 9px;
  border: none;
  font-size: 16px;
  font-weight: 100;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color:#E1FCFC;
}

.input {
  width: 94%;
  padding-left: 3%;
  padding-right: 3%;
}

.inputtext{
	width: 100%;
	height: 30px;
	border: solid 1px #BEBEBE;
	padding-left: 5px;
}

.input textarea {
  width: 97%;
  padding-left: 1.5%;
  padding-right: 1.5%;
  border: solid 1px #BEBEBE;
}

.btnfooter{
	margin-left: 26px;
	width:150px;
	height: 35px;
}

.error{
	color: #003366;
	padding:30px;
	background-color:#00CED1;
	margin-top:2px;
	border:groove;
	border-radius: 16px;
	font-size: 20px;
	text-align: left; 
	margin: 20px  40px;
}

.h1-error{
	text-align: center;
	font-size: 25x;
	margin-bottom: 0px;
}

.btn-error{
	width:250px; 
	height:40px; 
}

.btn-voltar{
	float: right;
	width: 150px;
	height: 35px;
	color:blue;
	font-size:16px;
}

/* .btn-voltar2-sucesso{
	float: right;
	width: 150px;
	height: 35px;
	color:blue;
	font-size:16px;
} */