@charset "utf-8";
/* CSS Document */
body {padding: 0; margin:0  ; font-family: Verdana, "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif" ; width:100%; background:#50C878 /*#1D2B2E linear-gradient(30deg,green, #f5f5f5, green)/* no-repeat*/}
h1 {color:darkcyan; text-shadow: #fff 2px 2px; margin:0}
h2 {color: skyblue; text-shadow: #fff 2px 2px; margin:3% } 
h3 {color: #333 }
.bold {font-weight: bold; }
p {color: #000; font-size:0.98em}
ul li {color: #333; font-size:0.98em;}
.wrapper{  background: linear-gradient( green, yellow); padding: 15px; color: #fff; border-radius: 15px; width: 40%; position: fixed; top: 100px; margin-left: auto; margin-right: auto;}
.main_wrapper { width:70%; float: right; margin:5% 5% 5% 5%;margin:100px 20px 30px auto; background: #fff; padding: 3%;  box-shadow: 10px 10px;}
.footer { color: #fff; font-weight: bold; float: right; margin-right: 15px; margin-bootm: 5px;}
.footer p{  color: #fff;  font-size:0.95em; }
.footer li { display: inline-block; list-style: circle; margin-right: 5px;color: #fff; }
.footer a { font-weight: bold; color:#fff;}
.footer a:hover { color:#fff;}
.login { color: #333; float: left }
.login li { display: inline-block; list-style: square }
a {color: darkblue; text-decoration: none; font-weight: normal;}
a:hover {color:darkblue; text-decoration: underline}
label {color:#5388b6; margin-bottom: 5px; font-size:0.95em;}
input {border:3px solid #5388b6;float: left; margin-bottom: 15px;}
table.contactos {border:1px solid #DE4601; width: 98%;background-color: blanchedalmond}
table.contactos th, table.contactos td {border:none; text-align: right; font-size:0.98em;}
th.telefone{ width: 40%; }
table.contactos td {text-align: right; border-bottom: solid 1px #000000}
.welcome  {color: #333; font-weight: bolder; }
.data {border: 1px solid #000000; width: 100%;}
.header {position: fixed; top: 0; left:0; width: 100%; background: #000;}
.header img {width : 70px; float: left; margin: 5px}
.header img:hover { background: #333; }
.menu_header {width : 900px; float: right; }
ul.menu_principal {list-style-type: none;   display: inline-block;   background: #000;   margin: 0;  padding: 0;  float: right; margin-right: 10px }
ul.menu_principal li {display: inline-block;  font-size:0.98em  }
ul.menu_principal a { display: block; background: #000000; color:#bbb; text-decoration: none; font-weight:normal; font-size: 80%;  text-transform: uppercase;padding: 5px;}
ul.menu_principal a:hover {display: block; background: #333; color:#fff; text-decoration: none;/* padding: 3% 1% 3% 1%*/}
.break {clear: both;}
.bold {font-weight: bold;}
.button {
  background-color: #04AA6D; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.button  a:hover{color:#fff; text-decoration: none;}
.button  a:hover{color:#fff; text-decoration: none;}
.button1 {
  background-color: white; 
  color: black; 
  border: 2px solid #04AA6D;
}

.button1:hover {
  background-color: #04AA6D;
  color: white;
}
/*Responsive main menu w3
https://www.w3schools.com/howto/howto_js_topnav_responsive.asp*/
.topnav {
  background-color: #333;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #ccc;
  text-align: center;
  padding: 5px 16px;
  text-decoration: none;
  font-size: 0.90em;
  text-transform: uppercase;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
/*table {color:#333; width: 100%; }
table th, table tr {border-bottom: 1px solid #333;}
table th.comentarios {color:#000; background: #C0DCED}*/

	body {/* background-image: linear-gradient(#f5f5f5, #fff, #f9f9f9); font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; margin: 0; padding: 0;}
h1, h2, h3 {text-align: center;  color: white; text-shadow: 2px 2px 4px #000000;*/}
h1 {color: antiquewhite; margin-top: 30px;}
		table.lotes {width: 100%; border-collapse: collapse; background:#fff;}
		table.lotes td, table.lotes th {border-bottom: 1px solid; border-collapse: collapse; text-align: left; padding:10px;}
		table.lotes th.lote, table.lotes td.lote {color:darkmagenta; background: antiquewhite}
		table.lotes th.comentarios, table.lotes td.comentarios {color:darkmagenta; border-left: 1px solid lightseagreen; }
		table.lotes tr:hover{background: antiquewhite;}  
		.foto {width: 300px;}	
		.nested_table {height: 100%; width: 100%; }
		table.nested_table tr {border-bottom:1px solid #ccc;}
		table.nested_table tr.even {background:#f9f9f9;}
		table.nested_table tr.odd {background:#f3f3f3;}
		table.nested_table tr:hover{background: antiquewhite;}
		table.nested_table td {color:#000;}
.rcorners1 {
  border-radius: 25px;
  background: #D9EEE1;
  padding: 20px;
  width: 80%;
  margin: 15px auto 15px auto;
}
.rcorners2 {
  border-radius: 25px;
  background:#B7CACC;
  padding: 20px;
  width: 80%;
  margin: 15px auto 15px auto;
}
.rcorners3 {
  border-radius: 25px;
  background:#F7FBE1;
  padding: 20px;
  width: 80%;
  margin: 15px auto 15px auto;
}
.rcorners4 {
  border-radius: 25px;
  border: 3px solid #65F809;
  padding: 20px;
  width: 80%;
  margin: 15px auto 15px auto;
}
.div_docs {
    width: 50%;
    float: left;
}
.div_social {
    width: 25%;
    float: right;
}
.div_social li{
list-style-type: none;
    
}
	ul.main_topics li{
    list-style-type: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
	background:#85a939;
	background: linear-gradient(#5b9780 #9acd32);
	width: 300px;
		}
	ul.main_topics li:hover{
    list-style-type: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
	background:#5b9780;
	width: 300px;
		}
	ul.main_topics li a{
	text-transform: uppercase;
	text-decoration: none;
	color: #eefd03;
	font-weight: bold;
	}
	ul.main_topics li a:hover{

	}
	ul.submenu li{
	display: inline-block;
	text-decoration: none;
	list-style-type: none;
	padding: 15px;
	margin:15px;
}
ul.submenu li{
	display: inline-block;
	text-decoration: none;
	list-style-type: none;
}
ul.submenu li a{
	text-decoration: none;
	padding: 15px;
	background-color: lavender;
	color: #fff;
}
ul.submenu li a.selected, ul.submenu li a:hover{
	background-color:mediumslateblue;	
}