@import url(http://deli.su/static/deli/css/reset.min.css);
@import url(http://deli.su/static/deli/css/isotope.css);

body {
    font: 14px normal;
    font-family: 'Muli', sans-serif;
    background: #db4648;
}

.top-menu-outer {
    height: 100px;
    position: fixed;
    width:100%;
    z-index: 1000;
}

.navi-menu {
    padding: 18px;
    font-size: 50px;
    margin: 0 0 0 140px;
    font-family: 'Oleo Script', cursive;
}

body.black .top-menu-outer ul, body.black .top-menu-outer div {
    font-family: 'Oleo Script', cursive;
}

body.black .top-menu-outer {
    font-family: 'Oleo Script', cursive;
}

body.black .top-menu-outer .active a,body.black .top-menu-outer b  {
    color: #db6d6a;
    font-family: 'Oleo Script', cursive;
}

body.black .top-menu-outer a:hover {
    color: #dba09f;
    font-family: 'Oleo Script', cursive;
}

body.black .footer {
    background: #000000;
    color: #ffffff;
}


.top-menu-outer li, .top-menu-outer span {
    display: inline-block;
    padding: 0 12px;
}

.top-menu-outer .active a {
    color: #db7c7a;
    
    text-decoration: none;
    font-family: 'Oleo Script', cursive;
    cursor: default;
}

.top-menu-outer b {
    color: #db6d6a;

    font-family: 'Oleo Script', cursive;
    font-weight: normal;
}


.top-menu-outer a {
    color: #ffffff;
    text-decoration: none;
}

.top-menu-outer a:hover {
    color: #000000;
}

.category-menu {
    font-size: 12px;
    margin: 0 140px 0 0;
    background: #000000;
    margin: 0 18px 18px 140px;
}

a {
    color: #dba09f;
    text-decoration: none;
    
}

a span.desc
{

}
    a:hover {
        color: #dba09f;

    }

.main-menu b {
    font-weight: normal;
}

.index-folio {
    max-width: 998px;
    margin: 0 auto;
    padding: 0;
    text-align:center;
	display: block;
}

    .index-folio .work {
        display: inline-block;
        padding: 45px 40px;
        width: 151px;
		height: 200px;
		vertical-align: top;
    }
	
		.index-folio .work  a {
			display: block;

		}

        .index-folio .work .desc {
            padding: 5px 5px 5px 5px;
            margin: 10px 0 0 0;

            display: block;
        }

.content-outer {
    padding: 100px 0 0 0;

}

.footer {
    background: #db4648;
    text-align: center;
    padding: 40px 150px;
    color: #db6d6a;

    font-size: 12px;
}

.work-images {
    padding: 40px 0 111px 0;
    list-style: none;
}

    .work-images li {
        text-align: center;
        padding: 0 0 40px 0;
    }

.category-contents {
    max-width: 1320px;
    padding: 40px 0 151px 0;
    margin: 0 auto;
    text-align: left;
    text-align-last: left;
    list-style: none;
}

    .category-contents .category-work {
        display: inline-block;
        padding: 5px;
    }

.footer-menu {

    padding: 100px;

}

    .footer-menu .items {
        max-width: 1320px;
        text-align: center;
        margin: 0 auto;
    }

        .footer-menu .items .item {
            display: inline-block;
            border: none;
            background: none;
            margin: 3px;
        }

br.clear {
    clear: both;
}

.contacts-content {
    width: 900px;
    margin: 0 auto;
    padding: 80px 0 70px 0;
    font-size: 14px;
}

    .contacts-content .contacts-code {
        float: left;
    }

    .contacts-content .contacts-column {
        padding: 14px 0;
        margin: 0 0 0 400px;
        width: 500px;
    }

    .contacts-content h1 {
        font-size: 48px;
        font-weight: normal;
        color: #000000;
        padding: 0 0 31px 0;
        margin: 0;

    }

    .contacts-content dl {
        float: left;;
        line-height: 31px;
        padding: 0 0 31px 0;
    }

        .contacts-content dl dt {
            float: left;;
            width: 90px;

        }

        .contacts-content dl dd {
            float: left;;
            width: 400px;
            color: #000000;
        }