@charset "utf-8";

body{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:14px;
}

input, select{
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	//margin-left:2em;
}

input:focus{
	outline-style: none;
	background-color: #EBEBEB;
}

output {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	font-weight: bold;
	margin-left:5px;
}

td.lista{
	border-bottom: 1px solid #000;
}

a.menu:link, a.menu:visited {
    background-color: #e6e6e6;
    color: black;
    border: 2px solid #000000;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	margin: 5px;
}

a.menu:hover, a.menu:active {
    background-color: #000000;
    color: #e6e6e6;
}

a.menu2:link, a.menu2:visited {
    background-color: white;
    color: black;
    border: 2px solid #000000;
    padding: 8px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	margin: 5px;
}

a.menu2:hover, a.menu2:active {
    background-color: #000000;
    color: white;
}


a:link, a:visited {
	color: black;
	text-decoration: none;
}

a:hover, a:active {
	color: black;
	text-decoration: underline;
}

  .error {
    border:1px solid red;
  }

.black {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}
.white {
  display: none;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  padding: 16px;
  border: 16px solid orange;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}


.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color:rgba(0,0,0,0.6);
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 5px 5px 5px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 14px;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent rgba(0,0,0,0.6) transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}