/* Global Reset */

@footer-height: 90px;

#defaults {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

#roundAngles{
    @angle: 10px;
    -webkit-border-radius: @angle;
    -khtml-border-radius: @angle;
    -moz-border-radius: @angle;
    -ms-border-radius: @angle;
    -o-border-radius: @angle;
    border-radius: @angle;
    behavior: url(border-radius.htc);
}

#roundAngles3{
    @angle: 3px;
    -webkit-border-radius: @angle;
    -khtml-border-radius: @angle;
    -moz-border-radius: @angle;
    -ms-border-radius: @angle;
    -o-border-radius: @angle;
    border-radius: @angle;
}

* {outline: none; margin: 0;}

html, body {height: 100%;}

body {
    position: relative; padding: 0px; margin: 0px; font-size: 14px; font-family: Arial, sans-serif; line-height: 18px;
    background: url(../images/main_bg.jpg) no-repeat #45070d;
}

a img {border: 0px;}

h1, h2, h3, h4, h5, h6 {margin: 0px 0px 10px 0px; padding: 0px; font-weight: normal;}

input, select, textarea {font-size: inherit; font-family: inherit;}

p {margin: 0px 0px 1em 0px; padding: 0px;}

div.contentToChange ul{
    margin: 0 0 20px 15px; padding: 0;
    li{
        margin: 0; padding: 0;
        list-style: url(../images/listMark.png);
    }
}

.noMargin {margin: 0px;}
.noPadding {padding: 0px;}
.plusOverflow {overflow: hidden;}
.plusClear {clear: both;}

div.hr {height: 2px; background: #fff; margin: 0 0px 20px 0px; font-size: 1px; line-height: 1px;}
div.hr1 {height: 4px; background: #f5e2e3; margin: 0 0px 20px 0px; font-size: 1px; line-height: 1px;}
div.hr2 {height: 4px; background: #f6cfd3; margin: 0 0px 10px 0px; font-size: 1px; line-height: 1px;}

a.button{
    position: relative; width: auto; height: auto; display: inline-block;
    font-size: 13px; font-family: Georgia; border: none; background: none;
    padding: 0; cursor: pointer; text-decoration: none;
    span.lr{
        width: 8px; height: 32px; background: url(../images/butRound.png) no-repeat left top;
        position: absolute; left: 0; top: 0; /*float: left;*/
        display: block;
    }
    span.rr{
        width: 8px; height: 32px; background: url(../images/butRound.png) no-repeat right top;
        position: absolute; right: 0; top: 0; /*float: left;*/
        display: block;
    }
    span.text{
        background: url(../images/but.png) repeat-x; line-height: 32px; margin: 0 8px; padding: 0 10px; color: #fff;
        display: inline-block;
    }
}
a.button:hover{opacity: 0.7;}

a.button1{
    position: relative;
    font-size: 13px; font-family: Georgia; border: none; background: none;
    cursor: pointer; padding: 0; text-decoration: none; display: inline-block;
    span.lr{
        width: 8px; height: 32px; background: url(../images/butRound1.png) no-repeat left top;
        position: absolute; left: 0; top: 0;
    }
    span.rr{
        width: 8px; height: 32px; background: url(../images/butRound1.png) no-repeat right top;
        position: absolute; right: 0; top: 0;
    }
    span.text{
        background: url(../images/but1.png) repeat-x; line-height: 32px; margin: 0 8px; padding: 0 10px; color: #ad6f76;
        display: inline-block;
    }
}
a.button1:hover{opacity: 0.7;}

.but1{
    display: inline-block; padding: 3px 20px 5px 20px;
    background: #6b0000;
    @angle: 3px;
    -webkit-border-radius: @angle;
    -khtml-border-radius: @angle;
    -moz-border-radius: @angle;
    -ms-border-radius: @angle;
    -o-border-radius: @angle;
    border-radius: @angle;
    
    a{
        text-decoration: none; border-bottom: dashed #fff 1px; color: #fff;
    }
    a:hover{border: none;}
}

input.text {}

input.submit {}

ul li {list-style-type: none;}

.wrapAll {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-top: 0;
    margin-bottom: -90px; /* нижний margin является отрицательной величиной высоты wrapFooter */
    #defaults;
}

.wrapFooter, .pushFooter {
    height: @footer-height; /* .pushFooter должен быть той же высоты, что и .wrapFooter */
    #defaults;
}

div.wrapHeader{
    position: relative; overflow: hidden; margin-bottom: 20px;
    div.nav{
        position: absolute; left: 16px; top: 33px;
        overflow: hidden;
    }
    div.headerText{
        width: 571px; margin: 30px 0 0 217px; float: left;
        font-family: Georgia; font-size: 12px; color: #f8a62a;
    }
    div.phoneWrap{
        width: 180px; float: right;
        div.pTitle{
            font-family: Georgia; font-style: italic; color: #fff; font-size: 11px;
            margin: 30px 0 0 0; padding-left: 5px;
        }
    }
}

div.wrapFooter{
    font-size: 11px; color: #876762;
    a{
        color:  #876762;
    }
    div.cop{
        width: 350px; float: left;
        margin-top: 30px;
    }
    a.intrawebLogoWrap{
        display: block; text-decoration: none; float: right;
        margin-top: 30px;
        label{
            float: left; margin: 1px 5px 0 0; cursor: pointer;
        }
        img.{float: right;}
    }
}

div.wrapBody{    
    div.colsWrap{
        /*padding: 10px;*/ overflow: hidden; background: url(../images/sidebar_bg.jpg) no-repeat #880007; border: solid #780202; border-width: 0 10px;                
    }
    div.slidebar{
        width: 200px; float: left; 
        padding-bottom: 17px;
    }
    div.contentCol{
        width: 770px; float: left;
    }
    div.topRound{
        padding: 0 10px; position: relative;
        div.lr{
            width: 10px; height: 10px; position: absolute; left: 0; top: 0;
            background: url(../images/wrapround.png) no-repeat left top;
        }
        div.rr{
            width: 10px; height: 10px; position: absolute; right: 0; top: 0;
            background: url(../images/wrapround.png) no-repeat right top;
        }
        div.body{
            height: 10px; background: #780202;
        }
    }
    div.bottomRound{
        padding: 0 10px; position: relative; margin-bottom: 20px;
        div.lr{
            width: 10px; height: 10px; position: absolute; left: 0; bottom: 0;
            background: url(../images/wrapround.png) no-repeat left bottom;
        }
        div.rr{
            width: 10px; height: 10px; position: absolute; right: 0; bottom: 0;
            background: url(../images/wrapround.png) no-repeat right bottom;
        }
        div.body{
            height: 10px; background: #780202;
        }
    }
}

div.logoWrap{
    padding: 30px 0 35px 0; text-align: center;
}

ul.mainMenu {
    margin: 0 0 0 22px; padding: 0px; overflow: hidden;
    font-family: 'Philosopher'; font-size: 18px;
    a{color: #fff; text-decoration: none;}
    a:hover{color: #e8b9b9;}
    li {        
        list-style-type: none!important; /*list-style: none!important;*/ margin: 0px;padding: 8px 0 8px 18px;
        overflow: hidden;
        @angle: 4px;
        -webkit-border-radius: @angle 0 0 @angle;
        -khtml-border-radius: @angle 0 0 @angle;
        -moz-border-radius: @angle 0 0 @angle;
        -ms-border-radius: @angle 0 0 @angle;
        -o-border-radius: @angle 0 0 @angle;
        border-radius: @angle 0 0 @angle;
        behavior: url(border-radius.htc);
    }
    li.active{background: #6b0000;}
}

div.homeSliderWrap{
    width: 770px;
}
ul.homeSlider{
    margin: 0; padding: 0; 
    li{
        margin: 0; padding: 0; position: relative;
        width: 770px; height: 455px;
        div.noteWrap{
            background: url(../images/sliderGrad.png) repeat-y; position: absolute; left: 0; top: 305px;
            width: 430px; padding: 20px 30px;
            font-family: Georgia; font-size: 14px; color: #fff; font-style: italic;
            h2{
                font-size: 24px; color: #fcbf12; font-style: normal;
            }
        }
        img{vertical-align: bottom;}
    }
    li.item1{
        background: url(../images/slide1.jpg) no-repeat;
    }
    li.item2{
        background: url(../images/slide2.jpg) no-repeat;
    }
    li.item3{
        background: url(../images/slide3.jpg) no-repeat;
    }
    li.item4{
        background: url(../images/slide4.jpg) no-repeat;
    }
    li.item5{
        background: url(../images/slide5.jpg) no-repeat;
    }
}

div.footerSliderWrap{
    width: 990px;
    ul.footerSlider{
        margin: 0; padding: 0; height: 134px; overflow: hidden;
        li{
            margin: 0; padding: 0 5px; float: left; width: 300px;
        }
    }
}

div.contentToChange{
    background: url(../images/contentShadow.png) repeat-y #ffe8ea;
    font-size: 13px; font-family: Georgia; color: #a74a4a;
    h1{
        margin-bottom: 30px; color: #35050a; font-weight: normal;
    }
    p{
        margin-bottom: 20px
    }
    div.title{padding-left: 17px;}
    ol{
        margin: 0; padding: 0 0 0 20px;
        li{margin: 0; padding: 0;}
    }
}

div.contentToChange.pad{padding: 30px;}

div.aboutPage{
    overflow: hidden;
    div.col1{
        width: 460px; float: left;
    }
    div.col2{
        float: left; width: 250px; padding: 30px; 
    }
}

div.contentImgWrap{
    overflow: hidden; position: relative;
    font-family: Georgia; font-size: 12px; color: #5e0710;
    div.col1{
        width: 515px; float: left;
    }
    div.col2{
        width: 155px; height:182px;  float: left;
        background: #f6cfd3; background: #f6cfd3;
        padding: 30px 20px;
    }
    div.lt{
        width: 10px; height: 10px; position: absolute; left: 0; top: 0;
        background: url(../images/whiteRound.png) no-repeat left top;
    }
    div.rt{
        width: 10px; height: 10px; position: absolute; right: 0; top: 0;
        background: url(../images/whiteRound.png) no-repeat right top;
    }
    div.rb{
        width: 10px; height: 10px; position: absolute; right: 0; bottom: 0;
        background: url(../images/whiteRound.png) no-repeat right bottom;
    }
    div.lb{
        width: 10px; height: 10px; position: absolute; left: 0; bottom: 0;
        background: url(../images/whiteRound.png) no-repeat left bottom;
    }
}

div.contPad{
    padding: 30px 70px 30px 15px;
}

div.show_list_wrap{overflow: hidden;}
ul.show_list{
    margin: 0 0 25px -10px!important; padding: 0!important; overflow: hidden;
    li{
        margin: 0 0 0 10px!important; padding: 6px!important; width: 105px;
        text-align: center; background: #f6cfd3; float: left; position: relative;
        list-style: none!important; list-style-type: none!important;
        img{
            margin-bottom: 0px;
        }
        a{
            text-decoration: none; color: #a74a4a;
        }
        div.name{padding: 7px 0 2px 0}
        div.lt{
            width: 5px; height: 5px; position: absolute; left: 0; top: 0;
            background: url(../images/whiteRound1.png) no-repeat left top;
        }
        div.rt{
            width: 5px; height: 5px; position: absolute; right: 0; top: 0;
            background: url(../images/whiteRound1.png) no-repeat right top;
        }
        div.rb{
            width: 5px; height: 5px; position: absolute; right: 0; bottom: 0;
            background: url(../images/whiteRound1.png) no-repeat right -5px;
        }
        div.lb{
            width: 5px; height: 5px; position: absolute; left: 0; bottom: 0;
            background: url(../images/whiteRound1.png) no-repeat left -5px;
        }
    }
    li.active{
        background: #6b0000; #roundAngles;
        a{color: #fff;}
        img{opacity: 1!important;}
    }
    li:hover img{opacity: 1!important;}
}

div.galleryPage ul.show_list img{opacity: 0.6;}

div.orderFormWrap{
    padding: 30px; background: #f6cfd3; #roundAngles;
    
}

div.orderFormWrap{
    @angle: 3px;
    ol li{
        margin-bottom: 15px; 
    }
    div.label{margin-bottom: 10px;}
    div.selWidth{width: 153px;}
    div.selwrap{width: 175px; float: left; margin-right: 10px;}
    input.text{
        width: 175px; border: solid #e1b8bb 1px; height: 21px;
        color: #72222a;
        -webkit-border-radius: @angle;
        -khtml-border-radius: @angle;
        -moz-border-radius: @angle;
        -ms-border-radius: @angle;
        -o-border-radius: @angle;
        border-radius: @angle;
    }
    textarea{
        width: 260px; height: 160px; border: solid #e1b8bb 1px;
        -webkit-border-radius: @angle;
        -khtml-border-radius: @angle;
        -moz-border-radius: @angle;
        -ms-border-radius: @angle;
        -o-border-radius: @angle;
        border-radius: @angle;
        color: #72222a;
    }
    div.sb{
        color: #72222a;
    }
    ol.part2{width: 320px; float: left;}
    span.but1{float: left; margin-right: 20px; margin-top: 5px;}
    div.note{
        color: #a86c72; font-size: 12px;
    }
}

div.selCoctWrap{
    width: 955px; padding: 12px; background: #fff;
    font-family: Georgia;
    #roundAngles;
    div.h1{
        padding: 12px 20px; background: #f5e2e3; margin-bottom: 10px;
        font-size: 24px; color: #35050a;
        #roundAngles3;
    }
    div.h2{
        padding: 6px 10px; margin-bottom: 10px; background: #fff7e6; color: #e46c02; font-size: 16px; font-style: italic;
    }
    ul.coctList{
        margin: 0; padding: 0; overflow: hidden;
        color: #ad6f76;
        li{
            margin: 0; padding: 10px; overflow: hidden; width: 278px; float: left;
            list-style: none;
            div.count{
                width: 45px; float: left; position: relative;
                input{
                    border: solid #e0acaf 1px; width: 35px; #roundAngles3; color: #72222a;
                    font-family: Arial;
                }
            }
            div.body{
                float: left; width: 233px;
                div.name{
                    color: #72222a;
                }
                div.comp{font-size: 11px;}
            }
        }
        li:hover{
            background: #fff7e6; cursor: default;
        }
    }
    div.scrollWrap{
        height: 500px; overflow: auto; margin-bottom: 10px;
    }
    div.butsWrap{
        text-align: right;
    }
}

ul.albomsList{
    margin: 0 0 0 -35px!important; padding: 0!important; overflow: hidden;
    li{
        margin: 0 0 20px 20px!important; padding: 0!important; position: relative; overflow: hidden;  float: left;
        width: 314px; height: 204px;
        list-style: none; border: solid #eab2b7 3px;
        #roundAngles;
        a.label{
            background: url(../images/albom_label.png) repeat-y;
            width: 100%;
            padding: 9px 13px; color: #fff; font-family: Georgia; font-size: 18px; font-weight: bold;
            position: absolute; left: 0; top: 150px; text-decoration: none;
        }
        a.link{
            position: absolute; left: 0; top: 0; right: 0; bottom: 0;
        }
    }
    li:hover{border: solid #fa5d04 3px;}
}

ul.galleryList{
    margin: 0 0 20px -20px!important; padding: 0!important; overflow: hidden;
    li{
        margin: 0 0 20px 20px!important; padding: 0!important; width: 140px; height: 100px;
        list-style: none!important; list-style-type: none!important; float: left;
    }
}

/* paging */
div.wrapPaging {padding: 6px 0 6px 0; margin-top: 10px; margin-bottom: 20px; font-family: Arial, sans-serif; clear: both; color: #bcbcbc;}
div.wrapPaging a, div.wrapPaging span {margin: 0 1px; padding: 2px 5px; line-height: 26px; text-decoration: none;}
div.wrapPaging a {background: none; text-decoration: underline;}
div.wrapPaging span { color: #000;}
div.wrapPaging span.ways {background: none;}
div.wrapPaging span.ways span { color: #ad6f76;}
div.wrapPaging span.ways a {color: #72222a; text-decoration: none;}
div.wrapPaging span.divider {color: #999;}
div.wrapPaging i {font-family: Times, sans-serif; margin: 0 5px 0 0;}
div.wrapPaging a:hover {color: #000; text-decoration: none;}
div.wrapPaging strong {margin: 0 15px 0 0; font-weight: bold; color: #000;}
div.wrapPaging div.pages a{color: #ad6f76;}
div.wrapPaging div.pages span{background: #f6cfd3; color: #72222a;}
/* end_paging */