@charset "utf-8";

* {
    outline: none;
}
p, div {
    padding: 0;
    margin: 0;
}
html {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    outline: none;
}
body {
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #555;
    margin: 0 auto;
    padding: 0;
    min-width: 1000px;
    height: 100%;
    background: #f3ebd4 url(../decor/bg.jpg)center center repeat;
}
a {
    color: #7e1c09;
    text-decoration: underline;
    outline: none;
    cursor: pointer;
}
a:hover {
    color: #999;
    text-decoration: underline;
}
img {
    border: none;
}
table {
    border-collapse: collapse;
}
table, table tr, table td {
    border-color: #ccc;
}
input, select, textarea {
    outline: medium none;
}
.clear {
    clear: both;
}
.block {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.blur {
    color: #ccc!important;
}
iframe.galleria {
    width: 0px;
    height: 0px;
}
#back-top {
    position: fixed;
    top: 50%;
    right:10px;
    z-index:10000; 
    display:none; 
    padding:0;
}
#back-top a { 
    display:block;
    width:45px; 
    height:45px; 
    background:url(../decor/top.png) left top no-repeat;
    padding:0; 
}

/*-------------- adminHeader --------------*/
#adminHeader {
    position: fixed;
    top: -45px;
    left: 0;
    background-color: #555;
    height: 50px;
    width: 100%;
    color: #FFF;
    z-index: 9000;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 950px;
}
#adminHeader.showAdminHeader {
    top: 0;
}
#emptyAdminHeader {
    height: 5px;
    clear: both;
}
#emptyAdminHeader.showAdminHeader {
    height: 50px;
}
#adminLogo {
    position: absolute;
    top: 7px;
    left: 33px;
}
#btAdminHeader {
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: url(../decor/header_bt.jpg) #F80 center bottom no-repeat;
    cursor: pointer;
}
#adminHeader.showAdminHeader #btAdminHeader {
    background: url(../decor/header_bt.jpg) #F80 center top no-repeat;
}
#adminHeader .selectSite {
    position: absolute;
    top: 12px;
    left: 222px;
}
#adminHeader select {
    border: #CDE 1px solid;
    padding: 1px;
    font-size: 12px;
    background-color: #F6F6F6;
    color: #555;
}
#adminHeader a.logout {
    background: url(../decor/logout_bg.jpg) center center no-repeat;
    position: absolute;
    top: 11px;
    right: 15px;
    height: 22px;
    width: 70px;
    line-height: 21px;
    text-align: center;
    color: #555;
    text-decoration: none;
}
#adminHeader a.logout:hover {
    text-decoration: underline;
}
#adminHeaderMenu {
    position: absolute;
    bottom: 5px;
    right: 223px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#adminHeaderMenu li {
    float: left;
    padding: 0;
    margin: 0;
    background: url(../decor/mainMenu_tl.jpg) #AAA top left no-repeat;
    margin-left: 1px;
    margin-top: 5px;
    border-bottom: #888 1px solid;
}
#adminHeaderMenu li a {
    color: #FFF;
    display: block;
    padding: 0 25px;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    background: url(../decor/mainMenu_tr.jpg) top right no-repeat;
}
#adminHeaderMenu li a:hover {
    text-decoration: underline;
}
#adminHeaderMenu li.activ {
    background: url(../decor/mainMenu_tl_activ.jpg) #F80 top left no-repeat;
    border-bottom: #F80 1px solid;
    margin-top: 0;
}
#adminHeaderMenu li.activ a {
    height: 31px;
    line-height: 36px;
    text-decoration: none;
    background: url(../decor/mainMenu_tr_activ.jpg) top right no-repeat;
}

/*-------------- mainContainer --------------*/
#mainContainer {
    position: relative;
    background: url(../decor/grinder.png) center -30px no-repeat fixed;
    
}
#mainContainer h1.main-header {
    color: #000;
    font-family: Georgia, Times New Roman Times, Serif;
    font-size: 25px;
    text-align: center;
    vertical-align: top;
    font-style: italic;
    margin-bottom: 20px;
}
#mainContainer h2.main-header {
    color: #000;
    font-family: Georgia, Times New Roman Times, Serif;
    font-size: 25px;
    text-align: center;
    vertical-align: top;
    font-style: italic;
}
#mainContainer .main-header > span {
    background: url(../decor/marker_left.png) center center no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    padding: 0 10px;
}
#mainContainer .main-header > span + span {
    background: url(../decor/marker_right.png) center center no-repeat;
}
#mainContainer div.deliver {
    background: url(../decor/border2.png) center center repeat;
    height: 19px;
}
#mainContainer h2.header {
    color: #555;
    font-family: Georgia, Times New Roman Times, Serif;
    font-size: 17px;
    text-align: center;
    vertical-align: top;
    font-style: italic;
    margin: 15px 0 5px 0;
    background: url(../decor/border3.png) center center repeat-x;
}
#mainContainer .header > span {
    background: #f3ebd4 url(../decor/bg.jpg)center center repeat;
    padding: 0 15px;
}

/*-------------- header --------------*/
#header {
    position: relative;
    height: 123px;
    background: url(../decor/header_bg.png) right 37px repeat-x;
}
#header ul.nav-account {
    position: absolute;
    top: 10px;
    right: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}
#header ul.nav-account li {
    float: left;
    margin-left: 20px;
    padding: 0;
}
#header ul.nav-account li a {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
#header a#logo {
    width: 270px;
    position: absolute;
    top: -2px;
    left: 0;
}
#header a#logo img {
    width: 270px;
}
#header-menu {
    height: 62px;
    position: absolute;
    right: 0;
    top: 49px;
    z-index: 100;
}
#header-menu>ul {
    padding: 0;
    margin: 0;
}
#header-menu>ul>li {
    float: left;
    height: 62px;
    list-style: none;
    margin: 0;
    position: relative;
}
#header-menu>ul>li>a {
    color: #999;
    font-size: 17px;
    text-decoration: none;
    padding: 0 20px;
    height: 62px;
    line-height: 62px;
    display: block;
}
#header-menu>ul>li.active>a, #header-menu>ul>li:hover>a {
    color: #7e1c09;
}
#header-menu>ul>li ul {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    background: #fff;
    padding: 0;
    padding-bottom: 10px;
    margin: 0;
}
#header-menu>ul>li:hover ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}
#header-menu>ul>li:hover ul li a {
    display: block;
    padding: 5px 20px;
    white-space: nowrap;
    color: #555;
    text-decoration: none;
}
#header-menu>ul>li:hover ul li a:hover {
    color: #999
}

/*-------------- container --------------*/
#container {
    padding: 20px 0;
}

/*-------------- main-menu --------------*/
#main-menu {
    text-align: center;
    overflow: hidden;
    padding: 0 0 20px 0;
}
#main-menu li {
    float: left;
    margin: 0!important;
    width: 200px;
    border-collapse: separate;
    padding: 0 25px;
    list-style: none;
}
#main-menu li a {
    display: block;
    width: 200px;
    background: url(../decor/menu_bg.png) top left no-repeat;
    padding-top: 135px;
    text-align: center;
    position: relative;
    font-family: Georgia, Times New Roman Times, Serif;
    font-size: 21px;
    font-style: italic;
    text-decoration: none;
}
#main-menu li a:hover, #main-menu li.active a {
    background: url(../decor/menu_bg.png) top right no-repeat;
}
#main-menu li a img {
    position: absolute;
    top: 0;
    left: 0;
}

/*-------------- slideshow --------------*/
#slideshow {
    width: 1000px;
    height: 480px;
    background: url(../decor/border.png) top left repeat;
    margin: 30px auto;
    padding: 0;
    position: relative;
}


/*-------------- sidebar --------------*/
#sidebar {
    float: left;
    padding-bottom: 20px;
    background: url(../decor/border.png) top left repeat;
}
#sidebar .wrapper {
    width: 235px;
    overflow: hidden;
    padding: 20px 0;
    background-color: #fff;
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5);
    box-shadow: 0px 1px 2px rgba(0,0,0,.5);
}
#sidebar .name {
    color: #000;
    font-family: Georgia, Times New Roman Times, Serif;
    font-size: 25px;
    text-align: center;
    vertical-align: top;
    font-style: italic;
    margin-bottom: 20px;
    font-weight: bold;
}
#sidebar .name {
    color: #000;
    font-family: Georgia, Times New Roman Times, Serif;
    font-size: 25px;
    text-align: center;
    vertical-align: top;
    font-style: italic;
}
#sidebar .name > span {
    background: url(../decor/marker_left.png) center center no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    padding: 0 10px;
}
#sidebar .name > span + span {
    background: url(../decor/marker_right.png) center center no-repeat;
}
#sidebar .menu {
    margin: 0;
    padding: 0;
}
#sidebar .menu>li {
    padding: 0 12px;
    display: block;
    margin: 0;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
#sidebar .menu>li>a {
    padding-left: 15px;
    text-decoration: none;
    color: #929292;
    display: block;
    background: url(../decor/menu_arrow_gray.png) 3px center no-repeat;
}
#sidebar .menu>li.active>a, #sidebar .menu>li:hover>a {
    color: #7e1c09;
    background: url(../decor/menu_arrow.png) 3px center no-repeat;
}

/*-------------- content --------------*/
#content {
    overflow: hidden;
    padding: 0 0 30px 0;
}
#content.tight {
    width: 735px;
    overflow: hidden;
    padding: 0 30px 0 0;
    float: left;
}
#content.tight.right {
    padding: 0 0 0 30px;
}
#content iframe {
    padding: 10px;
    background: url(../decor/border.png) top left repeat;
}

/*-------------- listItem --------------*/
#listItem {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}
#listItem li {
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    vertical-align: top;
    list-style: none;
    position: relative;
    display: block;
}
#listItem li:first-child {
}
#listItem a.thumb {
    float: left;
    height: 150px;
    width: 235px;
}
#listItem a.thumb img {
    height: 150px;
    width: 235px;
    padding: 10px;
    background: url(../decor/border2.png) center center repeat;
}
#listItem .date {
    color: #7e1c09;
    height: 40px;
    line-height: 40px;
    font-family: Georgia, Times New Roman Times, Serif;
    font-size: 40px;
}
#listItem .date div {
    float: left;
    margin-right: 15px;
}
#listItem .date span {
    color: #555555;
}
#listItem .date div.year {
    font-size: 24px;
    color: #d7c8ae;
}
#listItem li div.itemNew {
    height: auto!important;
    height: 170px;
    min-height: 170px;
    padding-left: 275px;
}
#listItem h2 {
    margin: 5px 0 3px 0;
    font-size: 13px;
}
#listItem h2 a {
    color: #7e1c09;
    text-decoration: none;
    font-weight: bold;
}
#listItem h2 a:hover {
    text-decoration: underline;
}

/*-------------- tableItem --------------*/
#tableItem {
    border-collapse: separate;
    border-spacing: 20px; 
    background-color: transparent;
}
#tableItem tr:first-child {
    border-top: none;
}
#tableItem tr {
}
#tableItem td {
    width: 240px;
    background: url(../decor/border.png) top left repeat;
    padding: 15px;
    color: #555;
    font-size: 11px;
    vertical-align: text-top; 
}
#tableItem td:hover {
}
#tableItem tr td:first-child {
    border-left: none;
}
#tableItem td h2 {
    padding: 8px 10px 10px 10px;
    font-size: 13px;
    font-weight: bold;
    background: #fff;
    margin: 0;
}
#tableItem td .thumb {
    display: block;
    padding: 0;
    padding: 5px 0 0 0;
    background-color: #fff;
}
#tableItem td .thumb img {
    width: 280px;
}
#tableItem td h2 a {
    text-decoration: none;
}
#tableItem td h2 a:hover {
}
#tableItem td.none {
    background: transparent;
}

/*-------------- listPhotos --------------*/
#listPhotos {
    text-align: left;
    position: relative;
    margin-top: 20px;
    padding-left: 3px;
}
#listPhotos .item {
    float: left;
    padding: 10px 10px;
}
#listPhotos .item img {
    padding: 7px;
    background-color: #fff;
}
#listPhotos .item img {
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    box-shadow: 1px 1px 2px rgba(0,0,0,.5);
}


/*-------------- listMenu --------------*/
table.listMenu {
    width: 100%;
    margin-bottom: 15px;
}
#reservation table.listMenu {
    width: 100%;
}
table.listMenu tr.item:nth-child(odd){
    background: url(../decor/opa_5.png);
}
table.listMenu td {
    vertical-align: text-top;
    text-align: left;
    padding: 8px;
}
table.listMenu td div {
    font-size: 12px;
    font-style: italic;
}
table.listMenu td h3 {
    line-height: normal;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-style: normal;
}
table.listMenu td a.thumb {
    background: url(../decor/border.png) top left repeat;
    padding: 3px;
    width: 70px;
    height: 70px;
    float: left;
}
table.listMenu td a.thumb img {
    width: 70px;
    height: 70px;
}
table.listMenu td img.thumb {
    background: url(../decor/border.png) top left repeat;
    padding: 3px;
    width: 70px;
    height: 70px;
    float: left;
}
table.listMenu td div.itemMenu {
    padding-left: 85px;
}
table.listMenu td.volume {
    text-align: right;
    width: 150px;
    vertical-align: middle;
    font-weight: bold;
}
table.listMenu td.price {
    text-align: right;
    width: 100px;
    color: #7e1c09;
    font-weight: bold;
    vertical-align: middle;
}
table.listMenu td.price span {
    padding-left: 5px;
    font-size: 9px;
}
table.listMenu td.quantity {
    vertical-align: middle;
    width: 100px;
    text-align: center;
}
table.listMenu td.del, table.listMenu td.check {
    vertical-align: middle;
    width: 30px;
    text-align: center;
}
table.listMenu td.del a {
    display: block;
    height: 20px;
    width: 20px;
    background: url(../decor/delete.png) top center no-repeat;
    text-indent: -9000px;
}
table.listMenu td.del a:hover {
    background: url(../decor/delete.png) bottom center no-repeat;
}
table.listMenu tr.total {
    border-top: #7e1c09 2px solid;
}
table.listMenu tr.total td {
    text-align: right;
    font-weight: bold;
}

/*-------------- welcome --------------*/
.welcome {
    width: 490px;
    float: left;
    padding: 20px 0;
}

/*-------------- home_news --------------*/
.home_news {
    padding: 30px 0 20px 490px;
}
.home_news h2 {
    margin: 0;
    margin-left: 20px;
    line-height: normal;
    color: #000;
}
.home_news ul {
    list-style: none;
    padding-left: 0;
}
.home_news ul li {
    padding-left: 20px;
    width: 225px;
    margin-bottom: 15px;
    display: inline-table;
}
.home_news p.date {
    text-transform: uppercase;
    color: #c73030;
    font-family: Georgia, Times New Roman Times, Serif;
}
.home_news h3 {
    margin: 3px 0;
}
.home_news h3 a {
    color: #7e1c09;
    text-decoration: none;
    font-size: 13px;
}
.home_news h3 a:hover {
    text-decoration: underline;
}
.home_news div.annotation {
}
.home_news p.read_more a {
    background: transparent url(../decor/btn.png) center top no-repeat;
    width: 156px;
    height: 37px;
    line-height: 37px;
    overflow: hidden;
    float: right;
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.home_news p.read_more a:hover {
    background: transparent url(../decor/btn.png) center bottom no-repeat;
}

/*-------------- step-menu --------------*/
#step-menu {
    text-align: center;
    margin-bottom: 30px;
}
#step-menu ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    border-spacing: 0;
}
#step-menu li {
    display: inline-block;
    margin: 0!important; 
    margin-left: -13px!important;
}
#step-menu ul li:first-child {
    margin-left: 0;
}
#step-menu a {
    background: transparent url(../decor/step_arrow_noactive.png) left center no-repeat;
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 13px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    cursor: default;
}
#step-menu a>span {
    background:  #dfd4c0;
    padding: 0 58px 0 45px;
    height: 34px;
    line-height: 34px;
    display: block;
}
#step-menu li a.active {
    background: transparent url(../decor/step_arrow_active.png) left center no-repeat;
    cursor: pointer;
}
#step-menu li a.active>span {
    background:  #7e1c09;
}
#step-menu button {
    background:  #dfd4c0;
    border: none;
    display: block;
    height: 34px;
    line-height: 34px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 35px;
    cursor: default;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
#step-menu button.active:hover {
    background: #7e1c09;
    cursor: pointer;
}
#step-menu button.prev {
    float: left;
    background: #a53116;
    -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
#step-menu button.next {
    float: right;
    background: #a53116;
    -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
#step-menu button.prev:disabled, #step-menu button.next:disabled {
    background:  #dfd4c0;
}
#step-menu ul li:first-child a {
    background: transparent;
}
#step-menu ul li#last a>span {
    background-image: url(../decor/step_arrow_last.png);
    background-repeat: no-repeat;
    background-position: right center;
}

/*-------------- place --------------*/
#place {
    margin: 0 auto;
    width: 700px;
    height: 420px;
    background: transparent url(../decor/place.png) top left no-repeat;
    position: relative;
}
#place input {
    display: none;
}
#place a {
    display: none;
    position: absolute;
    background-repeat: no-repeat!important;
    background-position: center top!important;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
}
#place a:hover,#place a.active {
    background-position: center center!important;
}
#place a.noactive {
    background-position: center bottom!important;
    cursor: default;
}
#place a#place_1 {
    display: block;
    width: 220px;
    height: 93px;
    background-image: url(../decor/place_p1.png);
    line-height: 93px;
    text-indent: -9000px;
} 
#place a#place_6 {
    display: block;
    width: 219px;
    height: 139px;
    background-image: url(../decor/place_p2.png);
    line-height: 139px;
    text-indent: -9000px;
}
#place a#place_2, #place a#place_3, #place a#place_4 {
    display: block;
    width: 29px;
    height: 40px;
    background-image: url(../decor/place_v5.png);
    line-height: 45px;
} 
#place a#place_5 {
    display: block;
    width: 29px;
    height: 45px;
    background-image: url(../decor/place_v6.png);
    line-height: 45px;
} 
#place a#place_7, #place a#place_8, #place a#place_9, #place a#place_10, #place a#place_12, #place a#place_13, #place a#place_14, #place a#place_15 {
    display: block;
    width: 45px;
    height: 29px;
    background-image: url(../decor/place_h6.png);
    line-height: 29px;
} 
#place a#place_11 {
    display: block;
    width: 163px;
    height: 94px;
    background-image: url(../decor/place_p3.png);
    line-height: 94px;
    text-indent: -9000px;
}
#place a#place_16 {
    display: block;
    width: 121px;
    height: 209px;
    background-image: url(../decor/place_p4.png);
    line-height: 209px;
    text-indent: -9000px;
} 
#place a#place_17, #place a#place_18, #place a#place_19, #place a#place_20, #place a#place_21, #place a#place_22, #place a#place_23, #place a#place_24, #place a#place_25, #place a#place_26, 
#place a#place_28, #place a#place_29, #place a#place_30, #place a#place_31, #place a#place_32, #place a#place_33, #place a#place_34, #place a#place_35 {
    display: block;
    width: 34px;
    height: 29px;
    background-image: url(../decor/place_h4.png);
    line-height: 29px;
}
#place a#place_27 {
    display: block;
    width: 121px;
    height: 131px;
    background-image: url(../decor/place_p5.png);
    line-height: 131px;
    text-indent: -9000px;
} 
#place a#place_1  { top: 259px; left: 0px;   }
#place a#place_2  { top: 303px; left: 184px; }
#place a#place_3  { top: 303px; left: 140px; }
#place a#place_4  { top: 303px; left: 54px;  }
#place a#place_5  { top: 299px; left: 11px;  }
#place a#place_6  { top: 95px;  left: 0px;   }
#place a#place_7  { top: 116px; left: 143px; }
#place a#place_8  { top: 170px; left: 143px; }
#place a#place_9  { top: 170px; left: 32px;  }
#place a#place_10 { top: 116px; left: 32px;  }
#place a#place_11 { top: 1px;   left: 29px;  }
#place a#place_12 { top: 56px;  left: 44px;  }
#place a#place_13 { top: 13px;  left: 44px;  }
#place a#place_14 { top: 13px;  left: 131px; }
#place a#place_15 { top: 56px;  left: 131px; }
#place a#place_16 { top: 142px; left: 301px; }
#place a#place_17 { top: 152px; left: 368px; }
#place a#place_18 { top: 152px; left: 321px; }
#place a#place_19 { top: 192px; left: 368px; }
#place a#place_20 { top: 192px; left: 321px; }
#place a#place_21 { top: 232px; left: 368px; }
#place a#place_22 { top: 232px; left: 321px; }
#place a#place_23 { top: 272px; left: 368px; }
#place a#place_24 { top: 272px; left: 321px; }
#place a#place_25 { top: 312px; left: 368px; }
#place a#place_26 { top: 312px; left: 321px; }
#place a#place_27 { top: 266px; left: 579px; }
#place a#place_28 { top: 276px; left: 647px; }
#place a#place_29 { top: 276px; left: 598px; }
#place a#place_30 { top: 316px; left: 647px; }
#place a#place_31 { top: 316px; left: 598px; }
#place a#place_32 { top: 356px; left: 647px; }
#place a#place_33 { top: 356px; left: 598px; }
#place a#place_34 { top: 257px; left: 495px; font-size: 8px; }
#place a#place_35 { top: 172px; left: 495px; font-size: 8px; }

/* Comment
-------------------------------------------------------------------*/
div.comment {
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    padding: 10px 20px;
    margin-top: 20px;
}
div.comment h3 {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
#form_comment_text {
    width: 300px;
    height: 50px;
    resize: none;
}
div.comment div.name {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}
div.comment ul {
    margin: 0;
    padding: 0;
}
div.comment ul.listComment>li {
    border: 1px solid #ccc;
    background: #fff;
    margin: 0;
    padding: 0;
    margin: 10px 0;
}
div.comment ul.listComment>li ul, div.comment ul.listComment>li form {
    margin-left: 40px;
}
div.comment ul.listComment li div.comment_user {
    background: #eee;
    padding: 5px;
    padding-right: 150px;
    vertical-align: text-top;
    font-weight: bold;
    position: relative;
    min-height: 33px;    
}
div.comment ul.listComment li div.comment_user a.add_comment {
    text-decoration: none;
    border-bottom: 1px #7e1c09 dashed;
    position: absolute;
    top: 10px;
    right: 10px;
    font-weight: normal;
    font-size: 11px;
}
div.comment ul.listComment li div.comment_user a.add_comment:hover {
    border-bottom: none;
}
div.comment ul.listComment li div.comment_user span {
    font-weight: normal;
    font-size: 11px;
    display: block;
    color: #999;
}
div.comment ul.listComment li div.comment_user img.thumb {
    margin-right: 10px;
    float: left;
    width: 33px;
    height: 33px;
}
div.comment ul.listComment li div.comment_item {
    margin: 10px;
}
div.comment ul.listComment #comment-form li a.cancel {
    display: inline;
}
div.comment p.comment_delete {
    text-align: center;
    color: #ccc; 
}

/*-------------- comment-form --------------*/
#comment-form {
    background: #fff;
    text-align: left;
    margin: 10px 0 0 0;
    padding: 10px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 3px 3px 3px 3px;
}
#comment-form fieldset {
    border-top: #ccc 1px dotted;
    margin: 20px 0 10px 0;
    padding: 10px 0;
}
#comment-form button.btn {
    display: inline-block;
    cursor: pointer;  
    margin: 0 20px 0 0px;
    cursor: pointer;
    border-radius: 3px 3px 3px 3px;
    color: #FFF;
    overflow: hidden;
    vertical-align: middle;
    font-size: 13px;
    border: medium none;
    text-transform: uppercase !important;
    font-weight: normal;
    height: 33px;
    padding: 7px 20px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-shadow: none;
    background: #7e1c09;
}
#comment-form .btn:hover {
    color: #fff;
    background: #7e1c09;
}
#comment-form ul {
    margin: 0;
    padding: 0;
}
#comment-form li {
    margin: 0;
    padding: 0;
    margin: 10px 0;
    position: relative;
    text-align: left;
    list-style: none; 
    vertical-align: top; 
    clear: both;
}
#comment-form li.captcha {
    margin-top: 20px;
}
#comment-form li.captcha input {
    float: left;
}
#comment-form li.captcha img {
    float: left;
    cursor: pointer;
    height: 70px;
    margin-top: -15px;
    padding-left: 20px;
}
#comment-form li a.cancel {
    line-height: 16px;
    display: none;
}
#comment-form input.input-text {
    padding: 8px 10px;
    width:  auto;
    border: #ccc 1px solid;
    font-size: 13px;
    color: #333;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}
#comment-form input.input-text:focus {
    border: #7e1c09 1px solid;
    -webkit-box-shadow: 0 0 3px #7e1c09;
    -moz-box-shadow: 0 0 3px #7e1c09;
    box-shadow: 0 0 3px #7e1c09;
}
#comment-form textarea.input-text {
    padding: 8px 10px;
    width: auto;
    height: 100px;
    color: #333;
    border: #ccc 1px solid;
    font-size: 13px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    resize: none;
}
#comment-form textarea.input-text:focus {
    border: #7e1c09 1px solid;
    -webkit-box-shadow: 0 0 3px #7e1c09;
    -moz-box-shadow: 0 0 3px #7e1c09;
    box-shadow: 0 0 3px #7e1c09;
}

/*-------------- add-form --------------*/
#add-form {
    text-align: left;
    margin: 20px 0;
}
#add-form fieldset {
    border-top: #b8b8b8 1px dotted;
    margin: 10px 0;
    padding: 10px 0;
}
#add-form legend {
    color: #ccc;
    background-color: #fff;
    padding: 0 10px 0 0;
}
#add-form label { 
    text-align: right;
    width: 215px;
    margin-right: 5px;
    display: inline-block;
    line-height: 35px; 
    vertical-align: top; 
}
#add-form label span {
    color: #c00;
    font-weight: bold; 
}
#add-form label.inline { 
    display: inline;
    margin-left: 10px;
}
#add-form button.btn {
    display: inline;
    cursor: pointer;  
    margin: 0 20px 0 225px;
    cursor: pointer;
    background: #7e1c09;
    border-radius: 3px 3px 3px 3px;
    color: #FFF;
    overflow: hidden;
    vertical-align: middle;
    font-size: 13px;
    border: medium none;
    text-transform: uppercase !important;
    font-weight: normal;
    height: 33px;
    padding: 7px 20px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-shadow: none;
}
#add-form .btn:hover {
    background: #929292;
    color: #fff;
}
#add-form ul {
    padding: 0;
    text-align: center;
}
#add-form li {
    margin: 5px 0;
    position: relative;
    text-align: left;
    list-style: none; 
    vertical-align: top; 
    clear: both;
}
#add-form li.divider {
    border-bottom: #b8b8b8 1px solid;
    color: #999;
    margin: 20px 0;
    padding-bottom: 2px;
}
#add-form li.captcha {
    margin-top: 20px;
}
#add-form li.captcha img {
    float: right;
    margin-right: 50px;
    cursor: pointer;
    height: 70px;
    margin-top: -15px;
}
#add-form li.captcha img.kcaptcha {
    margin-right: 70px;
}
#add-form li.divider:first-child {
    margin-top: 0;
}
#add-form li.block-form {
    padding-top: 10px;
}
#add-form li a.btn {
    margin-left: 15px;
    line-height: 16px;
}
#add-form li>p {
    padding-left: 225px;
    width: 400px;
}
#add-form li p.input-note {
    font-size: 11px;
    color: #999;
    padding-left: 225px;
}
#add-form li p.important{
    color: #c00;
    font-weight: bold; 
    font-size: 11px;   
}
#add-form input.input-text {
    padding: 8px 10px;
    width: 400px;
    font-size: 13px;
    color: #333;
    border: #dfd4c0 1px solid;
}
#add-form input.input-text[disabled] {
    background: #f3f3f3;
}
#add-form textarea.input-text {
    padding: 8px 10px;
    width: 400px;
    height: 100px;
    color: #333;
    border: #dfd4c0 1px solid;
    font-size: 13px;
    resize: none;
}
#add-form textarea.input-text:focus {
    border: #7e1c09 1px solid;
    -webkit-box-shadow: 0 0 3px #7e1c09;
    -moz-box-shadow: 0 0 3px #7e1c09;
    box-shadow: 0 0 3px #7e1c09;
}
#add-form select {
    padding: 7px 7px;
    height: 33px;
    width: 420px;
    color: #333;
    border: #dfd4c0 1px solid;
    font-size: 13px;
}
#add-form select option {
    padding: 5px;
}
#add-form select:focus {
    border: #7e1c09 1px solid;
    -webkit-box-shadow: 0 0 3px #7e1c09;
    -moz-box-shadow: 0 0 3px #7e1c09;
    box-shadow: 0 0 3px #7e1c09;
}
#add-form input.short {
    width: 250px;
}
#add-form.login input.input-text {
    width: 250px;
}
#add-form input.input-text:focus {
    border: #7e1c09 1px solid;
    -webkit-box-shadow: 0 0 3px #7e1c09;
    -moz-box-shadow: 0 0 3px #7e1c09;
    box-shadow: 0 0 3px #7e1c09;
}
#add-form input.checkbox {
    margin-right: 10px;
    vertical-align: middle;
}
#add-form ul.listItem {
    margin: 0 10px;
}
#add-form ul.listItem li {
    float: left;
    margin: 2px 0;
}
#add-form li ul {
}
#add-form ul.listItem li ul li {
    display: inline-block;
    float: left;
    vertical-align: middle;
    margin: 0 3px;
}
#add-form li ul li label {
    display: block;
    width: auto;
    text-align: left;
    line-height: normal;
    width: 128px;
    font-size: 11px;
    margin: 0;
}
#add-form li ul li input.input-text {
    width: 120px;
    padding: 4px 3px;
    font-size: 12px;
}

#add-form a.btn {
    display: inline;
    cursor: pointer;  
    cursor: pointer;
    background: #7e1c09;
    border-radius: 3px 3px 3px 3px;
    color: #FFF;
    overflow: hidden;
    vertical-align: middle;
    font-size: 13px;
    border: medium none;
    text-transform: uppercase !important;
    font-weight: normal;
    height: 33px;
    padding: 7px 20px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-shadow: none;
    text-decoration: none;
}
#add-form a.btn:hover {
    background: #929292;
    color: #FFF;
}

/*-------------- feedback --------------*/
#feedback {
    margin: 0;
    overflow: hidden;
}
#feedback .name {
    text-align: left;
    color: #555;
    font-family: Georgia, Times New Roman Times, Serif;
    font-size: 25px;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 20px 0;
    font-weight: normal;
}
#feedback #add-form label { 
    text-align: left;
    display: block;
    line-height: 20px;  
}
#feedback #add-form input.input-text.short {
    width: 90px;
}
#feedback #add-form li {
    padding-left: 0;
    float: left;
    width: auto;
    clear: none;
    vertical-align: top;
}
#feedback #add-form li img.kcaptcha {
    margin-right: 0px;
    float: right;
    cursor: pointer;
    height: 60px;
    margin-left: 20px;
    margin-top: -10px;
    overflow: hidden;
}
#feedback #add-form input.input-text {
    width: 413px;
} 
#feedback #add-form input.input-text.short {
    width: 273px;
}
#feedback #add-form textarea.input-text {
    width: 513px;
    height: 110px;
}
#feedback #add-form li p {
    width: auto;
    padding-left: 0;
}
#feedback #add-form .block-form {
    width: 100%;
    text-align: right;
}
#feedback #add-form button.btn {
    background: transparent url(../decor/btn.png) center top no-repeat;
    width: 156px;
    height: 37px;
}
#feedback #add-form button.btn:hover {
    background: transparent url(../decor/btn.png) center bottom no-repeat;
}

/*-------------- system_messages --------------*/
#system_messages_error {
    color: #fff;
    background-color: #c00;
    margin-bottom: 20px;
    padding: 7px 20px;
    border-radius: 3px 3px 3px 3px;
}
#system_messages_notice {
    color: #fff;
    background-color: #090;
    margin-bottom: 20px;
    padding: 7px 20px;
    border-radius: 3px 3px 3px 3px;
}
#system_messages_error ul, #system_messages_notice ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#system_messages_error li, #system_messages_notice li {
    padding: 2px;
    margin: 0;
    line-height: normal;
    float: none!important;
    list-style: none!important;
}

/*-------------- footer --------------*/
#footer {
    background-color: #a53116;
    font-size: 13px;
    clear: both;
    overflow: hidden;
    color: #fff;
}
#footer a {
    color: #fff;
}
#footer a:hover {
    text-decoration: none;
}
#footer .banner {
    overflow: hidden;
    padding: 30px 0;
}
#footer .copyright-block {
    background-color: #7e1c09;
    padding: 20px 0;
    width: 100%;
    text-align: center;
}
#footer p.developer {
    position: absolute;
    top: 115px;
    right: 0;
    color: #FFF;
    width: 66px;
    height: 42px;
}
#footer p.developer img {
    position: absolute;
    top: 0;
    left: 0;
}
#footer p.developer a:hover {
    color: #FFF;
}

/* Pagination
-------------------------------------------------------------------*/
#pagination { float: left; font-size: 13px; }
#pagination a { 
    text-decoration: none;  
    color: #FFF;
    cursor: pointer;  
    background: #dfd4c0;
    border-radius: 3px 3px 3px 3px;
    overflow: hidden;
    vertical-align: middle;
    font-size: 13px;
    border: medium none;
    text-transform: uppercase !important;
    font-weight: normal;
    height: 33px;
    line-height: 33px;
    padding: 7px 10px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-shadow: none;
}
#pagination ul { overflow: hidden; padding: 0; margin: 10px 0 0 0; list-style: none; }
#pagination ul li { 
    float: left; 
    padding: 0; 
    margin: 0 8px 0 0;      
    display: inline;
}
#pagination ul li.active a, #pagination ul li a:hover {
    background: #7e1c09;
    color: #fff;
}
#pagination ul li.active a {
    cursor: default;
}

/* Стили плагина Elastislide */
.es-carousel-wrapper{
	position:relative;
    margin: 0;
    padding-bottom: 20px;
}
.es-carousel{
	overflow:hidden;
}
.es-carousel ul{
	display:none;
    padding: 0;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
    padding: 0;
    margin: 0;
}
.es-carousel ul li img.thumb {
    width: 150px;
    height: 150px;
    padding: 5px;
    border-radius: 75px;
    float: left;
}
.es-carousel ul li .date div {
    float: left;
    margin-right: 15px;
}
.es-carousel ul li .date span {
    color: #555555;
}
.es-carousel ul li h3 {
    margin: 20px 0 0 0;
    color: #000;
    font-size: 17px;
    font-weight: bold;
    font-family: Georgia, Times New Roman Times, Serif;
    font-style: italic;
}
.es-carousel ul li h3 a {
    color: #c73030;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
}
.es-carousel ul li h3 a:hover {
    text-decoration: underline;
}
.es-nav {
	position:absolute;
    bottom: 10px;
    right: 0;
    height: 35px;
    width: 73px;
	background:transparent url(../decor/prevnext.png) no-repeat top left;
    
}
.es-nav span{
	position:absolute;
    bottom: 0;
    right: 38px;
	width:35px;
	height:35px;
	text-indent:-9000px;
	cursor:pointer;
}
.es-nav span.es-nav-next{
	right:0px;
}
.es-nav span:hover {
	background:transparent url(../decor/prevnext.png) no-repeat bottom left;
}
.es-nav span.es-nav-next:hover {
	background:transparent url(../decor/prevnext.png) no-repeat bottom right;
}

/*-------------- spoiler --------------*/
.spoiler {
}
.spoiler .spoiler-caption {
    color: #7e1c09;
    border-bottom: #7e1c09 1px dashed;
    cursor: pointer;
    display: inline-block;
    background: url(../decor/spoiler_marker_unfolded.gif) right center no-repeat;
    padding-right: 13px;
    margin-bottom: 3px;
}
.spoiler .spoiler-caption.folded {
    background: url(../decor/spoiler_marker_folded.gif) right center no-repeat;
}
.spoiler .spoiler-caption:hover {
    color: #7e1c09;
    border-bottom: transparent 1px dashed;
    cursor: pointer;
}

/*-------------- spinner --------------*/
.spinner-sprite,.spinner .decrease,.spinner .decrease[disabled],.spinner .increase,.spinner .value,.spinner .value.passive{
    background-image:url('../decor/spinner.png')!important;
    background-repeat: no-repeat;
}
.spinner{
    height:25px;
    width:83px;
    overflow:hidden;
    margin: 0 auto;
    *zoom:1;

}
.spinner button,.spinner .value{
    text-align:center;
    display:block;
    float:left;
    height:100%;
    line-height:25px;
    margin:0
}
.spinner button{
    border:none;
    width:24px;
    color:#e5312a;
    font:22px Arial bold;
    padding:0;
    outline:none
}
.spinner .decrease{
    background-position:0 -50px;
    cursor:pointer;
    text-indent:-10000px
}
.spinner .decrease[disabled]{
    background-position:0 -75px;
    cursor:default
}
.spinner .increase{
    background-position:0 0;
    cursor:pointer;
    text-indent:-10000px
}
.spinner .increase[disabled]{
    background-position:0 -125px;
    cursor:default
}
.spinner .value{
    background-position:0 -100px;
    background-repeat: repeat-x;
    width:34px;
    height:27px;
    border:none;
    font-weight: bold;
    color:#ffffff;
    padding:0px
}
.spinner .value.passive{
    background-position:0 -25px;
    background-repeat: repeat-x;
    color:#919191
}
.spinner .error,.spinner .invalid{
    background:#aa0000
}

/*-------------- checkbox --------------*/
.checkbox {
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background: url('../decor/checkbox.png') no-repeat;
	cursor: pointer;
}
.checkbox.checked {
	background-position: -16px 0;
}
.checkbox.disabled {
	background-position: 0 -16px;
}
.checkbox.checked.disabled {
	background-position: -16px -16px;
}
.checkbox.focused {
	background-position: 0 -32px;
}
.checkbox.checked.focused {
	background-position: -16px -32px;
}

/*-------------- tabs --------------*/

div.tab {
    padding: 15px 0 0 0;
    position: relative;
}
.tabs {
    overflow: hidden;
    position: relative;
    z-index: 3;
}

.tabs li.ui-tabs-active a, .tabs li.ui-state-hover a {
    background: transparent url(../decor/step_arrow_active.png) left center no-repeat;
}
.tabs li.ui-tabs-active a>span, .tabs li.ui-state-hover a>span {
    background:  #7e1c09;
}
.tabs li.ui-tabs-active a {
}
ul.tabs {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    border-spacing: 0;
}
ul.tabs li {
    display: inline-block;
    margin: 0!important; 
    margin-left: -13px!important;
}
ul.tabs li:first-child {
    margin-left: 0;
}
ul.tabs a {
    background: transparent url(../decor/step_arrow_noactive.png) left center no-repeat;
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 13px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}
ul.tabs a>span {
    background:  #dfd4c0;
    padding: 0 61px 0 48px;
    height: 34px;
    line-height: 34px;
    display: block;
}
ul.tabs li:first-child a {
    background: transparent;
}
ul.tabs li.last a>span {
    background-image: url(../decor/step_arrow_last_w.png);
    background-repeat: no-repeat;
    background-position: right center;
}

/* list_order
----------------------------------*/
#list_order {
    margin: 0 0 20px 0;
    padding: 0;
}
#list_order>li {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}
#list_order>li:first-child {
    border: none;
}
#list_order>li div.order_name {
  background-color: #C00;
  background-image: url(../decor/sub-plus.png);
  background-position: right center;
  background-repeat: no-repeat;
  color: #fff;
  padding: 10px 40px 10px 15px;
  border-radius: 5px 5px 0 0;
}
#list_order>li.new div.order_name {
  background-color: #a53116;
}
#list_order>li.new div.order_item {
    border: #a53116 1px solid;
}
#list_order>li.cancelled div.order_name {
  background-color: #dfd4c0;
}
#list_order>li.cancelled div.order_item {
    border: #dfd4c0 1px solid;
}
#list_order>li.pay div.order_name {
  background-color: #006600;
}
#list_order>li.pay div.order_item {
    border: #006600 1px solid;
}
#list_order>li div.order_name strong {
    padding-right: 20px;
}
#list_order>li div.order_name span {
    padding-left: 50px;
    font-style: italic;
}
#list_order>li div.order_name span i {
    margin-right: 10px;
    background: #fff;
    height: 5px;
    width: 5px;
    vertical-align: middle;
    display: inline-block;
     border-radius: 5px;
}
#list_order>li.active div.order_name {
    background-image:  url(../decor/sub-minus.png);
}
#list_order>li div.order_item {
    background: #fff;
    border: #C00 1px solid;
    padding: 15px;
    display: none;
}

#add-form div.order_item input.input-text {
    padding: 8px 10px;
    width: 400px;
    font-size: 13px;
    color: #333;
    border: #dfd4c0 1px solid;
}
#add-form div.order_item input.input-text[disabled] {
    background: #f3f3f3;
}
#add-form div.order_item label { 
    text-align: right;
    width: 215px;
    margin-right: 5px;
    display: inline-block;
    line-height: 35px; 
    vertical-align: top; 
    font-size: 13px;
}
#add-form div.order_item label span {
    color: #c00;
    font-weight: bold; 
}

table.order_price {
    width: 100%;
    margin-bottom: 20px;
}
table.order_price td {
    padding: 3px 10px;
}
table.order_price td.name {
    width: 200px;
    color: #000;
    font-weight: bold;
    background-color: #dfd4c0;
}
table.order_price td.btn_td {
    text-align: right;
    padding-right: 0;
}
table.order_price tr.total {
    border-top: #fff 1px solid;
    font-weight: bold;
}
table.order_price td.price {
    text-align: right;
    color: #000;
    font-weight: bold;
    vertical-align: middle;
    width: 100px;
    background-color: #dfd4c0
}
table.order_price td.price span {
    padding-left: 5px;
    font-size: 9px;
}
table.order_price .order_btn {
    display: inline;
    cursor: pointer;  
    cursor: pointer;
    background: #dfd4c0;
    border-radius: 3px 3px 3px 3px;
    color: #FFF;
    overflow: hidden;
    vertical-align: middle;
    font-size: 13px;
    border: medium none;
    text-transform: uppercase !important;
    font-weight: normal;
    height: 33px;
    padding: 7px 20px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    text-shadow: none;
    text-decoration: none;
    margin: 2px 0 2px 10px;    
}
table.order_price .order_btn.payment {
    background: #006600;
}
table.order_price .order_btn:hover {
    background: #929292;
}