body{
   background-color: black;
}
.clear {
   clear: both;
}

.formCadastro{
   width:96%;
   margin:0% 2% 2% 2%;
   padding:1.5em;
   background-color: #fff;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   -webkit-box-shadow: 1px #ccc;
   -moz-box-shadow: 1px #ccc;
   -ms-box-shadow: 1px #ccc;
   -o-box-shadow: 1px #ccc;
   box-shadow: 1px #ccc;
}


#msg {
   color:#E00D0D;
}

label.error{
   color: #E00D0D;
	
}

input.error{
   border-color:#E00D0D;
}

#banner{
   width:96%;
   height:20%;
   margin:2% 2% 0% 2%;
   padding:1.5em;
   background:#fff;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   -webkit-box-shadow: 1px #ccc;
   -moz-box-shadow: 1px #ccc;
   -ms-box-shadow: 1px #ccc;
   -o-box-shadow: 1px #ccc;
   box-shadow: 1px #ccc;
	
}

#imgBanner
{
   width:100%;
   text-align:center;
}
#textoBanner{
  text-align:center;
  vertical-align: middle;
  width:100%;
  height:30%;
  font-size:1.5em;
  margin-top:1.5em;
  color:#333;
  font-weight:bold;
}

.bannerE{
float:none;
}

.logo-site {
   width: 150px;
}

/*media query para adaptar layout para dispositivos maiores */
@media screen and (min-width: 768px) {
   

	.ce{
	 float:left;
	 width:48%;
	}

	.cd{
	 float:right;
	 width:48%;
	}

	.bannerE{float:left;}

   .logo-site {
      width: 300px;
      height: 200px;
   }

	#textoBanner{
	  width:70%;
	  color:#333333;
	  font-size:3.5em;
	  margin-top:0.2em;
	  text-shadow: #969494 2px 3px 2px;
	  -webkit-text-shadow: #969494 2px 3px 2px;
	  -moz-text-shadow: #969494 2px 3px 2px;
	  -ms-text-shadow: #969494 2px 3px 2px;
	  -o-text-shadow: #969494 2px 3px 2px;

	}

	#imgBanner{width:30%;}

}