body {
    padding:0px;
    margin:0px;	
    background: #f7efeb;
    font-family: Lucida Grande, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif;
}

header {              
    text-align:center;
    padding:0p;	 
}

#idi 
{
    width:50%;
}

nav{
    width:100%;
}

nav.menu{
    display:none;
}

nav ul.nav 
 {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background: #e15a1f;
    text-align:center;
    
}

nav ul.nav  li {
    display:inline-block;
    border-right: 1px solid #cc470d;
    margin-left:-5px;
}
nav ul.nav  li:last-child{
    border:none;
}
nav ul.nav  li a {
    display: block;
    color: white;
    padding: 20px 20px;
    text-decoration: none;
}

nav ul.nav  li a:hover {
    background-color: #cc470d;
}
section {
	text-align:center;
    width:75%;
    padding:0;
	margin:0 auto;
	font-size: 1em;
}

footer {
    background:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px 0px;
    width: 100%;
    margin-top:20px;
}

footer a{
    color:#fff;
    text-decoration:underline;
}

h2 
{
    letter-spacing: -0.5px; 
    font-size: 23px;
    text-align:center;
}

table
{
    font-size: 20px;
    margin:0 auto;
    text-align:center;
    width: 75%;
}

td
{
    font-size: 14pt;
}

th
{
    font-size: 16pt;
    font-weight: bold;
}
table tr.item:hover {
    background:#E6E6E6;
}

#google_api{
    margin:10px auto;
    width:520px;
    
}

.special_l{
    text-align:right;
}

.fett
{
    font-weight: bold;
}

.error{
    font-family:"Arial";
}
@media only screen and ( max-width: 500px )
{
    #idi 
        {
        width:80%;
        height:5.25%;
    }
    nav.menu{
        display:block;
    }
    nav.menu ul.nav li{
        border-bottom:1px solid #cc470d;
    }
    nav.navi{
        display:none;
    }
    nav ul.nav  li 
        {
        display:block;
        border-bottom:1px solid #cc470d;
    }
    nav ul.nav  li :last-child
        {
        border:none;
    }
    
    
    #google_api{
        overflow:hidden;height:402px;width:99%;
        margin:0 auto;
    }
    
    table
    {
        font-size: 20px;
        margin:0 auto;
        text-align:center;
        width: 99%;
    }
    
    section{
        width:95%;
    }
}