@import url(http://fonts.googleapis.com/css?family=Roboto:400,100);
body {  
    -webkit-background-size: cover;  
    -moz-background-size: cover;  
    -o-background-size: cover;  
    background-size: cover;  
    font-family: 'Roboto', 
    sans-serif;}
    
    /* trata da caixa - largura etc*/
    
    .card {  
        padding: 30px;  
        width: 580px;  
        background-color: #F7F7F7;
        margin-top: 10px; 
        margin-right: auto;  
        margin-bottom: 10px;  
        margin-left: auto;  
        border-radius: 2px;  
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); 
        text-align: left;  overflow-y: auto;}
        .card2 {  padding: 1px;  width: 200px;  background-color: #F7F7F7;  margin-top: 10px;  margin-right: 5px;  margin-bottom: 5px;  margin-left: 10px;  border-radius: 2px;  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);  overflow-y: auto;}.card3 {  padding: 30px;  width: 800px;  //background-color: #F7F7F7;  background-color: #E0F2F7;  margin-top: 20px;  margin-right: auto;  margin-bottom: 20px;  margin-left: auto;  border-radius: 2px;  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);  overflow-y: auto;}/* controla a distancia do topo*/#cent {  margin-top: 5%}/* Fonte do título do Menu */.card h1{  font-weight: 100;  text-align: center;  font-size: 40px;  margin-bottom: 0px;  margin-top: 0px;}.card3 h1{  font-weight: 100;  text-align: center;  font-size: 40px;  margin-bottom: 0px;  margin-top: 0px;}.card3 a:hover {  opacity: 1;}.card input[type=text], input[type=password], input[type=date], input[type=email] {  height: 30px;  font-size: 16px;  width: 100%;  margin-bottom: 10px;  -webkit-appearance: none;  background: #fff;  color: #2e589b;  border: 1px solid #d9d9d9;  border-top: 1px solid #c0c0c0;   border-radius: 20px;   padding: 0 8px;  box-sizing: border-box;  -moz-box-sizing: border-box;}.card input[type=text]:hover, input[type=password]:hover, input[type=date] {  border: 1px solid #b9b9b9;  border-top: 1px solid #a0a0a0;  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);}.submit {  width: 100%;  font-size: 24px;  font-weight: 100;  display: block;  margin-bottom: 5px;  margin-top: 5px;  position: relative;  text-align: left;  height: 36px;  padding: 0 8px;  border: 0px;  color: #fff;  text-shadow: 0 1px rgba(0,0,0,0.1);   background-color: #4d90fe;}.container div {    display: inline-block;}.delete {  width: 100%;  height: 40px;  font-size: 18px;  font-weight: 100;  display:inline-block;  position: relative;  text-align: center;  border: 0px;  padding: 0px;  color: #fff;  text-shadow: 0 1px rgba(0,0,0,0.1);   background-color: #2e589b;}.delete:hover {  border: 0px;  text-shadow: 0 1px rgba(0,0,0,0.3);  background-color: #3c75d1;}.submit:hover {  border: 0px;  text-shadow: 0 1px rgba(0,0,0,0.3);  background-color: #346bc3;}.card a {  text-decoration: none;  color: #346bc3;  font-weight: 400;  text-align: center;  display: inline-block;  opacity: 0.6;  transition: opacity ease 0.5s;  margin-top: 5px;}.card a:hover {  opacity: 1;}.help {  width: 100%;  text-align: center;  font-size: 22px;}#radio-demo {  max-width:400px;  margin:94px auto 0 auto;}#radio-demo input[type="radio"] {  position: absolute;  opacity: 0;  -moz-opacity: 0;  -webkit-opacity: 0;  -o-opacity: 0;}hr {    display: block;    height: 2px;    border: 0;    border-top: 1px solid #ccc;}textarea {  position: relative;  width: 100%;  height: 100px;  font-size: 16px;  border: 1px solid #d9d9d9;  resize: none;}select{  position: relative;  margin-bottom: 10px;  width: 100%;  height: 30px;  font-size: 15px;  border: 1px solid #d9d9d9;  color: #2e589b;}label{  color: #2e589b;  font-size: 20px;}table {   border-collapse: collapse;}td,th {  text-align: left;  padding: 8px;  width:1%;  white-space:nowrap;  border-left: 1px solid #2e589b;  border-right: 1px solid #2e589b;}tr {   border-bottom: 2px solid #2e589b;  border-top: 2px solid #2e589b;  width:1%;  white-space:nowrap;}tr:nth-child(even) {    background-color: #ddeeff;}