body {
    width:90%;
    background-color: #ffffff;
    margin-left: 15px;
    margin-top: 0px;
    color: #000000;
    font-family:Calibri,Tahoma, Verdana;
   font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
    line-height:180%;
   

    

}

.ddl{

color: #000000;
background-color: inherit;
font-size: calc(20px + (32 - 20) * ((100vw - 300px) / (1600 - 300)));
border-top:none;
border-left:none;
border-bottom:none;
min-width:70%;
vertical-align:top;

}

table {
    width:80%;
      border:none;
}

th { background-color:#eeeeee;
}


*.roig {

    background-color:#ffcbcd;
}

*.dunno {
    background-color:#f9fc76;
}

*.verd {
    background-color:#b6ff00;
}

html 
{
	height:100%; 
    min-height:100%;
   
}

.menu {
    max-height:50%;
 min-height:285px;
 vertical-align:top;
 background-image:url("blackhead1.jpg");
 background-repeat:no-repeat;
 background-size:cover;
   
}

h1 {
    font-size: calc(20px + (32 - 20) * ((100vw - 300px) / (1600 - 300)));
    color:#dddddd;
    font-weight:400;
}

h2 {
   font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1600 - 300)));

   font-weight:500;
   padding-bottom:0.5em;
   padding-top:1em;
  
}

h3 {
    font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));

}

div {
    width:100%;
    
}
.cookies {
    font-size: calc(10px + (20 - 10) * ((100vw - 300px) / (1600 - 300)));
    background-color:inherit;
    color: #aaaaaa;
    text-align: right;
	
	width:100%;
	
   
    
   
}

.adDiv {
  
   padding:8px 8px 8px 8px;
   background-color:#f6f5ef;

}
a { 
   
    text-decoration:none;
     color:#000000;
     font-size: inherit;

     padding: 6px 6px 6px 6px;
     background-color:#ffffff;
   
   

}
.knobbles {
     color:#ffffff;
    font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));

     font-weight:700;

}

img.resize {
    max-height:80%;
    max-width:80%;
    
}