﻿#headerframe { 
    position: fixed; width:99%; height: auto; margin: auto 0.5%; top: 0;
    background-color: white; border: 1px solid gray;
    box-shadow: 0px 10px 30px #C0C0C0; -webkit-box-shadow: 0px 10px 30px #C0C0C0; -moz-box-shadow: 0px 10px 30px #C0C0C0;
    overflow: hidden; z-index: 1000;}
#headercontent { margin-left: 0; }
#headercontent img { max-width:80% }
#headercontent table { width: 100%; border-collapse:collapse; }
@media screen and (min-width:768px) {
   .headerlogo { background-image: url("../images/logoAVIS_Novara.png");background-repeat:no-repeat;height:70px}
   .applogo {width:135px;background-image:url("../images/prenotavis.png");background-repeat:no-repeat;background-position-y:center}
   .version {color: darkred;font-size: small;position:absolute;top:20px; right:8px;text-align:center;}
}
@media screen and (max-width:767px) {
   .headerlogo { background-image: url("../images/logoAVIS_Novara_mini.png");background-repeat:no-repeat;height:44px}
   .applogo {width:100px;background-image:url("../images/prenotavis-mini.png");background-repeat:no-repeat;background-position-y:center}
   .version {color: darkred;font-size: x-small;position:absolute;top:12px;right:8px;text-align:center}
 }
