body{margin:0px; background-color:#efefef; background-image:url(../img/bg-principal.jpg);
    background-size:100%;    font-size: 16px; font-family: arial;}

header{width: 100%; height: 60px; margin-bottom: 10px;}
header h1{margin: 10px;float:left; color: #176d9b;}
header nav{margin: 10px;float:right;}
header nav a{margin: 10px;float:right; }
header a.btnemmassa{float: right;padding: 5px; text-decoration: none; border-radius: 5px; margin-top: -20px; text-align: center; background-color: #319bb5; color: #fff;}
div.lista{width:70%; margin:10px;}
div.lista header{width:100%; min-height:80px ; border: 0px;}
div.lista header div.menu{width: 100%; margin-bottom:10px ;}
div.lista header div.menu a{float: left; margin: 3px;text-decoration:none ; }
div.lista header span{font-size:1em;float:left ;}
div.lista header a.java-voltar{float:right; color: #fff; background-color:#1b93e1; padding: 3px; text-decoration: none;}
div.lista header button.atualizar{background-color:#59baf7; padding: 7px; float: right; border-radius: 4px;  margin: 7px; margin-top: -20px;  color: #fff; cursor: pointer; text-align: center;}
div.lista header button.atualizar:hover{background-color:#4381a3;}
div.lista li{width:auto; margin:3px; background-color:none ; font-size:0.8em ; list-style-type: none; border-radius: 3px; padding:3px ; border:solid 1px #ccc;}
div.lista li:hover{background-color:#fff;}
div.lista li nav{float: right;margin-top:-8px;}
div.lista li nav a{margin:2px; color: #fff; text-decoration:none ; border-radius:2px ; border: 0px; padding: 3px; text-align: center;}
div.lista li nav a.telefone{background-color:#5666af;}
div.lista li nav a.whatsapp{background-color:#51b558;}
div.lista li nav a.email{background-color:#a420bf;}
div.lista li nav a.excluir{background-color:#ff0000;}





div.lista li nav form{float: right;margin-top:-8px;}
div.lista li nav form input[type="submit"]{margin:2px; text-decoration:none ; border-radius:2px ; 
    border: 0px; padding: 3px; text-align: center;cursor: pointer;}

div.lista div.box-whatsapp{max-width:450px; min-height:400px ; border: solid 7px #666; border-radius: 7px;
background-image:url(../img/bg-whatsapp.jpg);
    background-size:100%; float: left; margin-bottom: 30px; padding-right: 30px;}

div.lista div.box-whatsapp div.mensagem{margin:15px; font-size: 0.9em; background-color: #eff7f6; margin-left:7px; border-radius:5px; padding:10px ;}
div.lista div.btmenvio{float: left; margin: 10px;}
div.lista div.btmenvio a{margin:3px; margin-bottom:10px; color: #fff; text-decoration:none ; border-radius:2px ; border: 0px; padding: 5px; text-align: center;}
div.lista div.btmenvio a.enviar{background-color:#51b558;}
div.lista div.btmenvio a.editar{background-color:#5666af;}
div.lista div.btmenvio a.enviada{background-color:#a420bf;}
div.lista div.btmenvio a.descartada{background-color:#ff0000;}