/*	Arquivo criado pelo programador Paulo Sergio de Oliveira	*/

section.site{
width:100%;
min-height:600px;
margin:10px auto;
background-color:#;
border:px solid #f60;
float:left;
}

/*###########################################################  open form  #####################################################################*/


/* Efeito float label animado com CSS3 – Igual ao do novo login do Google 

<div class="label-float">
  <input type="text" placeholder=" ">
  <label>Telefone</label>
</div>


.label-float{
  position: relative;
  padding-top: 13px;
}

.label-float input{
  border: 1px solid lightgrey;
  border-radius: 5px;
  outline: none;
  min-width: 250px;
  padding: 15px 20px;
  font-size: 16px;
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-appearance:none;
}

.label-float input:focus{
  border: 2px solid #3951b2;
}

.label-float input::placeholder{
  color:transparent;
}

.label-float label{
  pointer-events: none;
  position: absolute;
  top: calc(50% - 8px);
  left: 15px;
  transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  background-color: white;
  padding: 5px;
  box-sizing: border-box;
}

.label-float input:required:invalid + label{
  color: red;
}
.label-float input:focus:required:invalid{
  border: 2px solid red;
}
.label-float input:required:invalid + label:before{
  content: '*';
}
.label-float input:focus + label,
.label-float input:not(:placeholder-shown) + label{
  font-size: 13px;
  top: 0;
  color: #3951b2;
}
/* Efeito float label animado com CSS3 – Igual ao do novo login do Google */



section.site form{
width:98%;
min-width:280px;
max-width:600px;
min-height:100%;
background:#fff;
margin:0 1%;
padding:10px;
padding-bottom:70px;
border-radius:5px;
border:1px solid #ccc;
}
section.site .form form{
width:98%;
height:px;
background:#fff;
margin:0 auto;
margin-top:0px;
border:px solid #f00;
}
section.site .form form h1{
width:98%;
margin:1% 1%;
border:px solid #f00;
font-size:3.3em;
color:#000;
}
p.tagline{
width:98%;
margin:1% 1%;
font-size:1.9em;
}
p.info{
width:98%;
margin:1% 1%;
font-size:1.4em;
}
section.site .form form h2{
width:98%;
margin:1% 1%;
border:px solid #f00;
font-size:2.3em;
color:#000;
}
section.site form span.titulo_input{
width:98%;
margin:1% 1%;
padding-left:0px;
border:px solid #ccc;
border-radius:5px;
display:block;
font-size:1.5em;
}
section.site .form form input{
width:98%;
margin:1% 1%;
padding:10px;
border:0px solid #fff;
border-radius:5px;
font-size:1.8em;
}
section.site .form form .input{
width:98%;
margin:0% 1% 2% 1%;
padding:5px 10px;
border:1px solid #ccc;
border-radius:5px;
font-size:1.8em;
}
section.site .form form textarea{
width:100%;
height:30px;
margin:15px 0 0 20px;
padding-left:10px;
border:0px solid #ccc;
border-radius:0px;
font-size:1.8em;
}
section.site .form form .textarea_contato{
width:98%;
height:250px;
margin:1% 1%;
padding:5px 10px;
border:1px solid #ccc;
border-radius:5px;
font-size:1.8em;
font-family:arial;
resize: vertical;
}
section.site form span#data{
width:98%;
height:px;
margin:1% 1%;
padding:0px;
border:px solid #ccc;
border-radius:5px;
display:block;
font-size:1.5em;
}
section.site .form  form.form_cad select{
width:31%;
height:px;
margin:5px 0 0 1%;
padding:10px;
border:1px solid #ccc;
border-radius:5px;
font-size:1.8em;
}
.radio{
width:100%;
margin-bottom:0px;
padding:30px 0;
float:left;
}
section.site form input[type=radio]{
width:15px;
height:15px;
margin:0 0 0 20px;
}
span.sexo{
font-size:1.6em;
padding:5px;
}
section.site form input[type=checkbox]{
width:20px;
height:20px;
margin:3px 10px 0 0px;
float:left;
}
p.aceita_termos{
width:90%;
margin:1% 5%;
padding-left:0px;
font-size:1.8em;
}
p.aceita_termos a{
color:#09f;
text-decoration:none;
}
p.aceita_termos a:hover{
text-decoration:underline;
}
section.site .form form .submit{
width:130px;
background:#000;
margin-top:0px;
padding:10px;
border:px solid #000;
font-size:1.8em;
color:#fff;
text-align:center;
cursor:pointer;
transition:0.3s;
opacity:0.8;
float:right;
}
section.site .form form .submit:hover{
cursor:pointer;
transition:0.3s;
opacity:1;
}
.msg_enviada{
width:87%;
height:30px;
margin:5px 0 0 20px;
padding:5px;
background-color:rgb(200,250,200);
border:1px solid rgb(0,250,0);
font-size:1.8em;
color:#f60;
text-align:center;
}
/*###########################################################  close form  #####################################################################*/