@charset "utf-8";
@font-face{font-family:plakat;src:url(plakat.ttf) format('truetype');}
*{padding:0;margin:0;outline:0;}
body{font:16px plakat,Verdana;color:#333;background:fixed url(picture3.jpg)center center;background-size:cover;}
#main{min-width:980px;overflow-x:hidden;}
#header{width:45%;margin:0 auto;padding:60px 20px 20px;color:#fff;text-shadow:1px 2px 0 #ccc;}
#menu{width:40%;height:88px;margin:0 auto;background:url(menu.png)0 -88px;box-shadow:1px 1px 3px rgba(0,0,0,0.6);text-transform:uppercase;}
#menu>span{display:block;float:left;position:relative;width:24%;}
#menu>span>a{display:block;width:186px;height:88px;float:left;text-align:center;overflow:hidden;background:url(menu.png)0 -88px;font:bold 22px/88px plakat,Verdana;color:#fff;text-decoration:none;transition:background-position 1s ease 0s;}
#menu>span>a:hover,#menu span>a.active{background-position:0 0px;}
#menu>span+span{border-left:2px solid #3F1901;}
.hidd{position:absolute;float:left;left:0;top:0;text-align:left;overflow:hidden;background:rgba(0,0,0,0.7);overflow:hidden;transition:top 0.5s ease 0s,opacity 0.5s ease 0s;opacity:0;}
.hidd a{display:block;padding:5px 10px;font:15px/16px plakat,Verdana;color:#fff;text-decoration:none;}
#menu>span:hover>div{display:block;height:auto;top:88px;opacity:1;z-index:1;}
.hidd a:hover{background:rgba(0,0,0,0.7);}
#window{width:940px;height:540px;margin:30px auto;overflow:visible;position:relative;text-shadow:1px 1px 0 rgba(0,0,0,0.6);}
#window>div{width:100%;height:500px;padding:30px 10px 20px 30px;position:absolute;top:0;left:-1700px;display:none;overflow:hidden;}
#window>div:first-child{display:block;left:0;}
.over{width:100%;height:500px;overflow:auto;padding-right:10px;padding-left:10px;}
.item{width:280px;height:500px;float:left;margin:0 10px;text-align:center;color:#fff;}
.item img{display:block;margin:0 auto 5px;width:260px;height:260px;border-radius:135px;border:10px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,0.6);}
.first{margin:0 10px 0 0;}
.item h3{display:block;height:50px;}
.item p{display:block;height:120px;}
.item a{display:inline-block;padding:5px 10px;border-radius:5px;background-color:#FFAB17;transition:background-color 0.5s ease 0s;color:#fff;font-weight:bold;text-decoration:none;box-shadow:2px 2px 4px rgba(255,255,255,0.3)inset,-2px -2px 4px rgba(0,0,0,0.2)inset;}
.item a:hover{background-color:#6D2C02;}
#footer{padding:40px 0;border-top:5px solid #4D1600;background:url(footer.png);}
#footer table{margin:0 auto;color:#fff;text-shadow:1px 1px 0 #999;}
#footer table td{width:313px;vertical-align:top;}
#footer a.soc{display:block;float:left;margin:15px 12px 0 0;transition:margin-top 0.5s ease 0s;}
#footer a.soc:hover{margin-top:10px;}

a{
    color: #B92B17;
}

a:hover{
    color: #FFB923;
}