﻿body{
	background-image:url(fundo.jpg);
	}
#pagina{
		width:860px;
		margin:20px auto 0 auto;
		height:auto;
		}
header{
	width:860px;
	height:80px;
	padding-top:60px;
	background-color: #ffffff;
	background-image:url(banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align:center;
	}
nav{
	width:860px;
	text-align:center;
	padding:15px 0 15px 0;
	background-color:#8b636c;
	}
nav a{
	font-family:verdana;
	color:#ffffff;
	padding:0 15px 0 15px;
	font-size:20px;
	text-decoration:none;/*nao vai ter sublinhado no texto*/
	font-weight:bold;
	}
nav a:hover {color:#000000;}/*quando o mouse passa por cima*/
section{
	background-color:#ffffff;
	padding:25px;
	font-family:verdana;
	}
h2{color:#663300;}
footer{
	background-color:#8b636c;
	color:#000000;
	font-family:verdana;
	font-size:16px;
	text-align:center;
	padding:45px 0 45px 0;
	}
figure{
	float:right;
	border:solid 1px #666666;
	padding:10px;
	
	}
figcaption{
		text-align:center;
		font-weight:bold;
		}
		
		
fieldset  {
		width:400px;
		margin:auto;
		padding:30px;
		font-family:verdana;
		background-color:#ffaeb9;
	   }
legend   {
	   font-size:28px;
	   color:#0000cc;
	   }
ul         {
       list-style-type:none;
       }
li          {
       padding-bottom:7px;
       }
/* classe é "pontinho" */
.bloco {
	   font-weight: bold;
	   padding-top: 15px;
	   }
textarea {
	   width: 220px;
	   height: 180px;
	   resize: none;
	   background-color: #cccccc	   
	   }
.campo {
		width: 200px;
		background-color: #cccccc		
	   }
		/* quando for ID é "#" */
#apagar{
		padding: 7px;
		background-color: #CC0000;
		color: #FFFFFF;
		font-weight: bold;
		border: solid 3px #000000;
		border-radius: 10px;
		margin: 0 10px 0 10px;
		box-shadow: 3px 3px 3px 1px #333333;
		width:80px;
		}
#enviar {
		padding: 7px;
		background-color: #00cc00;
		color: #FFFFFF;
		font-weight: bold;
		border: solid 3px #000000;
		border-radius: 10px;
		margin: 0 10px 0 10px;
		box-shadow: 3px 3px 3px 1px #333333;
		width:80px;
		}
#resposta {
		  margin-top: 80px;
		  text-align: center;
		  font-family: verdana;
		  color: #000099;
		  }
#voltar	   {
		  margin-top: 40px;
		  text-align: center;
		  }
		



