img{
width: 0px;
height: 0px;
}

.bien{
width: 30px;
height: 30px;
}

.membrete {
left: 0%; width: 80%; height: 47px; position: relative; visibility: visible; z-index:5; font-size: 17pt; font-family: verdana; color: #33aaff; text-align: left; valign: middle; background-color: #fff; padding: 4px 8px;
}

.semaf{
Z-INDEX: 10; 
float: left; 
POSITION: relative; 
TOP: 0px;
height: 54px;
width: auto;
align: center;
}

.semaf2{
Z-INDEX: 10;  
POSITION: relative; 
TOP: 0px;
height: 37px;
width: auto;
align: center;
}

table{
  border: 0px solid black;
  border-spacing: 0px;
  text-align: center;
}

table thead tr{
  font-family: Arial, monospace;
  font-size: 14px;
}

table thead tr th{
  border-bottom: 0px solid black;
  border-top: 0px solid black;
  margin: 0px;
  padding: 3px;
  background-color: #cccccc;
  
}


tbody th
{
  background            : #000;
font-weight           : normal;
  color            : #ffffff;
font-size: 14px;
padding: 5px;

}



table tr {
  font-family: arial, monospace;
  align: center;
  color: black;
  font-size:12px;
  background-color: #eeeeee;

}

table tr.odd {
  background-color: #555;
}

table tr td, th{
  border-bottom: 1px solid black;
  padding: 2px;

}



tbody tr.odd
{
	background-color: #f0f0aa;
}

tbody tr:nth-child(even) {
    background-color: #ddd;
}

tbody tr:hover td
{
  background-color: orange;
}

tbody tr:hover td
{
	color: #000;
        
}


form {
    width: 100%;
font-size: 1.25em;
background-color: #ddd;
  border-style: solid;
  border-width: 2px;
  border-color: gray;
  border-radius: 6px;
}

input {
    width: 80%;
   height: 9%;
font-size: 1em;
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
    border-radius: 6px; 
    padding: 8px 5px;
}




input[type=button], input[type=submit], input[type=reset] {
    background-color: #047004;
    border: none;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer; 
    width:50%;
    font-size: .85em;
    text-align: center;
}

input[type=submit]:hover{
    background-color: #d18411;
    border: none;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer; 
    width:50%;
    font-size: .85em;
    text-align: center;
}

input[type=date] {
    appearance: none;
    -webkit-appearance: none;
    color: #95a5a6;
    font-family: "Helvetica", arial, sans-serif;
    font-size: 18px;
    border:1px solid #ecf0f1;
    background:#fff;
    padding:5px;
    display: inline-block !important;
    visibility: visible;
}

.form-control {text-align: center; background-color: #fff;}

select {
    width: 80%;
   height: 9%;
font-size: 1em;
    border-bottom: 2px solid gray;
    border-right: 2px solid gray;
    border-radius: 6px; 
    padding: 8px 5px;
    background-color: #fff;
}


* {
    box-sizing: border-box;
}

body {
  margin: 0;
}

/* Style the top navigation bar */
.topnav {
    overflow: hidden;
    background-color: #000;
}

/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;

}

/* Change color on hover */
.topnav a:hover {
    background-color: orange;
    color: black;
}

/* Style the content */
.content {
    background-color: #ddd;
    padding: 10px;
   /* height: 200px;  Should be removed. Only for demonstration */

}

/* Style the footer */
.footer {
    background-color: #f1f1f1;
    padding: 10px;
}

/* Style the footer */
.footer2 {
    background-color: #4b5b75;
    padding: 10px;
text-align: center;
font-family: verdana; color: #c1a766;
font-size: 20px;
}


@media only screen and (max-width: 500px) {
    form {
        border-style: none;
    }

H1 {font-size: 20px;}
H2 {font-size: 18px;}
H3 {font-size: 16px;}
H4 {font-size: 14px;}
H5 {font-size: 12px;}


input[type=date] {
    appearance: none;
    -webkit-appearance: none;
    color: #95a5a6;
    font-family: "Helvetica", arial, sans-serif;
    font-size: 18px;
    border:1px solid #ecf0f1;
    background:#fff;
    padding:5px;
    display: inline-block !important;
    visibility: visible;
}


}

@media only screen and (min-width: 500px) {
    form { width: 70%; font-size: .85em;}
input[type=button], input[type=submit], input[type=reset] { width: 30%; height: 7%;}
input[type=submit]:hover{ width: 30%; height: 7%;}
}

@media only screen and (min-width: 500px) {
 .content {
       background-color: #e2d6b5;
     }
}

@media only screen and (min-width: 500px) {
    table {width: 80%;}
tbody th {font-size: 16px}
tbody tr {font-size: 14px}

}