/*-=general=-*/
/*fonts*/
@font-face {
    font-family: 'latobold';
    src: url('../font/lato-bol-webfont.eot');
    src: url('../font/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-bol-webfont.woff') format('woff'),
         url('../font/lato-bol-webfont.ttf') format('truetype'),
         url('../font/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('../font/lato-reg-webfont.eot');
    src: url('../font/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-reg-webfont.woff') format('woff'),
         url('../font/lato-reg-webfont.ttf') format('truetype'),
         url('../font/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight';
    src: url('../font/lato-lig-webfont.eot');
    src: url('../font/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-lig-webfont.woff') format('woff'),
         url('../font/lato-lig-webfont.ttf') format('truetype'),
         url('../font/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latolight_italic';
    src: url('../font/lato-ligita-webfont.eot');
    src: url('../font/lato-ligita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-ligita-webfont.woff') format('woff'),
         url('../font/lato-ligita-webfont.ttf') format('truetype'),
         url('../font/lato-ligita-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latohairline_italic';
    src: url('../font/lato-haiita-webfont.eot');
    src: url('../font/lato-haiita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-haiita-webfont.woff') format('woff'),
         url('../font/lato-haiita-webfont.ttf') format('truetype'),
         url('../font/lato-haiita-webfont.svg#latohairline_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jinkyregular';
    src: url('../font/JINKY-webfont.eot');
    src: url('../font/JINKY-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/JINKY-webfont.woff') format('woff'),
         url('../font/JINKY-webfont.ttf') format('truetype'),
         url('../font/JINKY-webfont.svg#jinkyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*others*/
*{padding:0;margin:0;border:none}
body{color:#666;font-family:'latolight',sans-serif;font-size:1em}
a{text-decoration:none}
/*background*/
.bg{position:absolute;top:0;left:0;width:100%;height:100%}
.sprite{background:url(../pics/sprite.png)}
.shadow{box-shadow:0 0 25px -8px #111}

.float{float:left}
.clear{clear:both}

.all-around{position:relative;width:100%;padding:70px 0 70px;height:auto;background:#ac78ed}
.all-inner{position:relative;margin:0 auto;width:83%;max-width:1150px}
.logo{font-size:25px;margin:0 0 30px}
.logo div{background-position:0 0;height:46px;width:46px;overflow:hidden;margin:0 15px 0 0}
.logo p{font-family:'latobold',sans-serif;color:#fff}
.logo span{font-family:'latolight',sans-serif;color:#e4d29c}
.logo span, .logo p{margin:6px 0 0}

/*Menue*/
.menue-around{color:#fff;margin:0 0 100px}
.menue-around a{color:#fff}
.main-men{margin:0 70px 0 0;padding:0 0 10px;cursor:pointer}
.main-men:hover{border-bottom:solid 1px #fff;padding:0 0 9px}
.active{border-bottom:solid 1px #fff;padding:0 0 9px}
.cat{position:relative;}
.cat:hover{border:none}
.cat:hover .under-menue{display:block}
.cat span{cursor:pointer}
.cat-underline{display:none;position:absolute;width:73px;height:4px;margin:9px 0 0;background-position:-84px -35px}
.cat:hover .cat-underline{display:block}
.under-menue{display:none;position:absolute;width:500px;margin:-1px 0 0;padding:21px 0 0}
.under-menue:hover{display:block}
.under-menue div{margin:0 70px 0 0;padding:0 0 10px;cursor:pointer}
.under-menue div:hover{border-bottom:solid 1px #fff}

/*footer*/
footer{position:relative;padding:0 7%;background:#f0f0f0;height:100px;vertical-align:middle;font-size:0.9em;color:#989898;font-family:'latolight',sans-serif}
footer p{position:relative;top:40px}
footer span{float:left}
footer a{float:right;color:#666}
footer a:hover{text-decoration:underline}