body{background-color:#eaedee;}
body a{text-decoration:none;color:#000}
.cadas ul{list-style:none}
.logo{width:150px;height:150px;bottom:0px}
.menu li{text-decoration:none;list-style:none;position:relative;float:left;font:georgia 16px ;color:#000;}
.menu li a{font-size:1.3em;  color:#000; text-decoration:none; padding:5px 10px; display:block;}
.menu li a:hover{background:#yellow; color:#red; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #530607; }
.menu li:hover ul, .menu li.over ul{display:block;background:#fbdfdf}
.menu li ul{z-index:900;width:80%;height:auto;text-decoration:none;display:none;position:relative;font-size:16px;color:#530607}  
li a{font-size:1.3em;  color:#000;text-decoration:none; padding:5px 10px;}
li a:hover{background:#yellow; color:#000; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #ccc; text-shadow:0px 0px 5px #fff; }
a:active{text-decoration:none;padding:5px 10px; color:#000}
a:hover{text-decoration:none;background:#fa5f5f; color:#000; }
a.servico:link{text-decoration:none;color:#000}
a.servico:visited{text-decoration: none;color:#red}
a.servico:hover{background:#333;text-decoration:none;color#red}
radio{color:#fff;background-color:#2c2828;border-radius:10px;font-style:bold}
input{color:#fff;background-color:#2c2828;border-radius:10px;font-style:bold}
table{color:#fff;background-color:#2c2828;border-radius:10px;font-style:bold}
input tam {color:#fff;background-color:#2c2828;border-radius:10px;font-style:bold}
/* Títulos */
h1{color:#000;font-family:arial bold}
h2{color#000} 
h3{color:#000}
h4{color:#000;margin:100px 10px 10px 20px;font-size:1.3em}

      #forma{position:relative}
	 #form{position:relative;float:right;height:400px}
	.modal-content ul{list-style:none;font-family: Verdana, Arial, Helvetica, sans-serif bold;
font-size: 26px}
	 .modal-content li{text-decoration:none;list-style:none;position:relative;font:georgia 26px ;color:#000;}
 .modal-content a{color:#fff;text-decoration:none;border-radius:10px;position:relative;}
.modal-content h5, h3 ,h2 ,h1{color:#000}
.modal a{color:#fff;text-decoration:none;border-radius:10px;position:relative;}		
.esqueceu{color:#000}
.login{color:#fff;position:relative;z-index:10;top:20px}
	 .botao{color:#fff;border-radius:10px;font-style:bold}
	 .modal {
		
		 font:26px;
display: none;
width: 100%;
height: auto;

margin:auto;
top: 10px;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
z-index:100
}
.uk-close{color:#fff;background-color:#2c2828;border-radius:10px;font-style:bold}
.esqueceu{color:#fff;background-color:#2c2828;border-radius:10px;font-style:bold}
/* Display the modal when targeted */
.modal:target {
display: table;
position: fixed;
}

/* The modal box */
.modal-dialog {
display: table-cell;
vertical-align: middle;
overflow: auto;
}
.modal-content  option{color:#000;font-size:26px}

/* The modal's content */
.modal-dialog .modal-content {
margin: auto;
background-color: #f3f3f3;
position: absolute;
padding: 0;
outline: 0;
border: 1px #777 solid;
text-align: justify;
width: 80%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
overflow: auto;
/* Add animation */
-webkit-animation-name: janela; /* Chrome, Safari, Opera */
-webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
animation-name: janela;
animation-duration: 0.5s;
@-webkit-keyframes janela {
    from {top:-100px;opacity: 0;}
to {top:1300px;opacity:1;}}
}