﻿
@font-face {
    font-family:'inner city';
    src:url('InnerCity.ttf');
}
body {
    background: black url("../Images/background.jpg") no-repeat fixed;
    background-size: 100% 100%;
    margin: 0 auto;
    min-width:680px;
    width:100%;
    color:white;
    font-family:"Droid Sans Mono";
}
.imagelogo {
    width:150px;
    margin-bottom:-10px;
}
.maintitle {
    text-align:center;
    color:white;
    font-size:xx-large;
    font-stretch:expanded;
    font-family:'inner city';
}
.menubloc {
     margin:10px 10% 10px 10%;
     width:80%;
      -webkit-animation:myfirst 3s;
            -webkit-animation-direction:alternate;
            animation:myfirst 3s;
            animation-direction:alternate;
}

.div-menu {
    background: url("../Images/menu224.png") no-repeat;
    background-size:100% 100%;
    width:20%;
    color:white;
    height:60px;
    text-align:center;
    float:left;
   
     padding-top:25px;
}
.div-menu:hover {
    background: url("../Images/menu224w.png") no-repeat;
     background-size:100% 100%;
}

.div-menu > a {
    color:white;
    text-decoration:none;
    text-shadow: 2px 2px #110000;
    height:60px;
    width:100%;

}

.contentglobal {
    background: url("../Images/black.png") repeat;
    margin:10px 0 0 0;
    width:97%;
    border:5px #6a0100 outset;
    min-height:250px;
   -webkit-box-shadow: 10px 14px 31px -9px rgba(204,204,204,0.66);
-moz-box-shadow: 10px 14px 31px -9px rgba(204,204,204,0.66);
box-shadow: 10px 14px 31px -9px rgba(204,204,204,0.66);
    padding:15px;
}

.contentglobal > h2 {
    font-size:large;
    }
.contentglobal > h3 {
    font-size:medium;
}

.Footer {
margin:30px auto;
background:url(../Images/menu600.png) no-repeat;
background-size:100% 60px;
text-align:center;
width:60%;
height:60px;
padding-top:16px;
}

.underline {
    text-decoration:underline;
}


 @-webkit-keyframes myfirst {
            0% {
              width:0px;
            }
           
          100% {
               width:80%;
            }
          
        }
        @keyframes myfirst {
            0% {
              width:0px;
            }
           
          100% {
               width:80%;
            }
        }