/* CSS Document */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, img, form, fieldset, blockquote {
    margin:0px;
    padding:0px;
    border:0px;
}

* {
    margin: 0;
    padding: 0;
}
input, textarea, select, button {font-family: ; }

html {height: 100%;background: ;}

body {
    height: auto !important;
    height: 100%;
    min-height: 100%;
    position: relative;
    background:#1a002b;
}



/* *** общие стили для текста, кнопок, полей ввода etc. *** */





/* ********** WRAPPER ********** */

#wrapper {
    width:1000px;
    margin: 0 auto ;
}



/* ********** ********** */

/* ********** HEADER ********** */

#header {
    width: 1000px;
    height:287px;
    position:relative;
}


#logo {
    position: absolute;
    left: -44px;
    top: 0;
}

#header .socials {
    position: absolute;
    left: 498px;
    top: 9px;
}

#header .socials img{
    margin-right: 8px;
}

#basket{
    width:108px;
    height:47px;
    position:absolute;
    right:13px;
    top:0;
    background:url(../img/basket.png) no-repeat;
    color:#fff;
    text-align:center;
    padding-top: 4px;
    line-height: 17px;
}

#user-login{
    text-align: right;
    position: absolute;
    right: 21px;
    top: 54px;
    line-height: 17px;
    font-size: 14px;
}

#user-login a{
    color:#fff;
}

#user-login a:hover{
    text-decoration:none;
}

#brands {
position: absolute;
top: 145px;
left: 326px;
}

#dancers {
    position: absolute;
    right: 38px;
    top: -5px;
}

#menu {
    position: relative;
    width: 954px;
    top: 235px;
    background: #1A002B;
    border: 2px solid #E05500;
    border-radius: 12px;
    margin: 0 auto;
}


#menu ul{
    text-align:center;
}

#menu li{
    display: inline-block;
    padding: 15px 0 13px;
    
}


#menu li span{
    border: 1px solid #E05500;
    margin-left: 8px;
    margin-right: 4px;
    padding: 4px 0;
    position: relative;
    top: -1px;
}

#menu a{
    color: #FFF;
    text-decoration: none;
    padding: 14px 18px;
    font-weight: bold;
    font-size: 17px;
}

#menu a:hover{
    background:url(../img/menuhover.jpg) repeat-x;
    height:48px;
    width:100%;
}

/* ********** ********** */

/* ********** MAIN ********** */

#main {
    width: 956px;
    margin: 19px auto 0;
}


#bread{
    margin-bottom:25px;
}

#bread a{
    color:#fff;
}

#bread a:hover{
    text-decoration:none;
}

/* ********** ********** */

/* ********** FOOTER ********** */

#footer {
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* ********** ********** */