/* GLOBAL STYLES */

.table{width: 100%; height: 100%; position: fixed; text-align: center; color: #FFF; font-family:sans-serif, Tahoma, Geneva;}
#menu{height: 30px; font-size: 14px; text-align: center; position: absolute; width: 100%; bottom: 0; color: white;  font-size:18px; font-family:sans-serif, Tahoma, Geneva; z-index: 3;}

#media{
    width: 100%;
    font-family: sans-serif, Tahoma, Geneva;
}

#media td{
    width: 33%;
}

#media .mediaLine{
    border-bottom: 1px solid #fff;
}

.separateMedia{
    padding-top: 30px;
}

.change{
    width: 300%;
    position: fixed; 
    bottom: -20%; 
    right: 0%;
}

#auxiliary{
    opacity: 0;
}

#onlyVertical{ display: none;}
#onlyVertical img{ width: 150px;}

/* HOME PAGE */

.homeMotoHeader{font-size: 24px;vertical-align:top;}
.homeMoto{opacity: 0.6; font-family: Times New Roman, serif; font-size: 18px; font-style: italic; width: 90%; margin-left: 5%; position: relative; height: 70%;}
.motoContain{width: 300px; height: 160px; cursor: pointer; position:relative;}
#homeSeparator{ height: 38%;}


/* ABOUT PAGE */

.diplomaButton{opacity: 0.6; cursor: pointer; position: absolute; top: 50%; left: 50%; margin: -19px 0 0 -50px;}
.miniDiploma{position: absolute; width: 82px; height: 0px; left: 50%; bottom: 50%; margin: 0px 0px 19px -47px; overflow: hidden;}

/* ACTIVITIES PAGE */

#mainActivities{height: 100%; width: 330px; position: absolute; left: 0; text-align: center;}
#lawsview{height: 100%; width: 480; position: absolute; left: 370px; text-align: left;}
#activitiesSeparator{position: absolute; height: 100%; left: 350px; border-right: 1px solid white;}

/* FEES PAGE */
#feeContain{ width: 60%; height: 100px;}
#feeHeader{ position: relative; width: 100%; height: 100%; left: 0; top: 0; font-size: 24px;}
.taxUL{ text-align: left; padding-left: 150px;}
.feesField{width: 215px; position: relative; height: 100%;cursor: pointer; margin: 0 auto; height: 50px;}
#fees1{font-weight: bold;}
#fees2{opacity: 0.6;}

/* MEDIA PAGE */
#videoContain{width: 850px; height: 60%; vertical-align: top;}
.video{ width: 320px; height: 240px;}

/*CONTACTS PAGE */
.inputField{ width: 218px; height: 34px;padding: 5px; border: 1px solid white; font-size:16px;outline:none;background-color: transparent; color: white;border-radius: 5px;}
#sendMail{ padding: 9px 16px; border: 1px solid white; border-radius: 5px;  color: white; opacity: 0.6; display: inline-block; cursor: pointer;}


@media screen and (min-width: 320px) and (max-width: 800px) and (orientation: landscape) {
  #content{display: none;}
  #menu{display: none;}
  #onlyVertical{ display: block; padding: 50px; position: relative; z-index: 3; color: #ffffff; font-family: Times New Roman, serif; text-align: center;}
}

@media only screen and (max-width: 800px) {
    .table{
        height: 90%;
    }
    
    #menu{
        bottom: 10%;
    }
    
    .change{
        width: 450%;
    }
    
    .homeMotoHeader{
        font-size: 16px;
        vertical-align:top;
    }
    
    .homeMoto{
        font-size: 16px;
    }
    
    .motoContain{
        width: 200px; height: 250px;
    }
    
    #homeSeparator{
        height: 20%;
    }
    
    /* ABOUT PAGE */
    
    .diplomaButton{
        width: 50px; margin: -19px 0 0 -20px;
    }
    
    .miniDiploma{
        width: 45px; margin: 0px 0px 9px -20px;
    }
    
    /* ACTIVITIES PAGE */

    #mainActivities{
        width: 100%;
    }

    #lawsview{
        display: none;
    }
    
    #activitiesSeparator{
        display: none;
    }
    
    /* FEES PAGE */

    #feeContain{ width: 100%;}
    #feeHeader{ font-size: 18px;}
    .taxUL{padding-left: 15px;}
    .feesField{width: 50%;}
    
    /* MEDIA PAGE */
    #videoContain{width: 100%;}
    .video{ width: 110px; height: 100px;}
    
    /*CONTACTS PAGE */
    .inputField{ width: 90%;}
}