@charset "utf-8";
/* CSS Document */

* {border:0; margin:0; padding:0;}
body {
    background: #000 repeat-x;
    font:62.5% Tahoma, Geneva, sans-serif;
    color:#000;
}
img {border:none; padding:0; margin:0;}
a {text-decoration:none;}
:focus {outline:none;}

#wrap {
    position:relative;
    min-width:1004px;
    max-width:1200px;
    margin:0 auto;
}
#wrap-in {
    position:relative;
    height:1%;
    margin:10px 10px 0 10px;
    border:solid 1px #fff;
    background:#fff url(/diz/img/header-bg.jpg) repeat-x;
}
* html #wrap {
    width: expression(
	(document.compatMode && document.compatMode == 'CSS1Compat') ?
        (document.documentElement.clientWidth < 1004 ? "1004px" :
        (document.documentElement.clientWidth > 1200 ? "1200px" : "auto")) :
        (document.body.clientWidth > 1004 ? "1004px" :
        (document.body.clientWidth < 1200 ? "1200px" : "auto")));
}
#logoban {
    margin-top:8px;
    width: 100%;
    height: 126px;
}
#logo {
    vertical-align: middle;
    text-align: center;
}
#banner {
    padding-right:10px;
    vertical-align: middle;
    width: 1px;
}
/* container */
#container {
    height:1%;
    margin-right:364px;
    padding-top:15px;
    padding-left:15px;
    font-size:1.2em;
}
#container:after {
    content:'.';
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
}

/* col-left */
#col-left {
    float:left;
    width:100%;
    margin-right:-100%;
}
.content {
    margin-right:30px;
}
/* header menu */
#header-menu {
    background:url(/diz/img/header-menu-bg.jpg) 100% 0 no-repeat;
    position:relative;
    height:1%;
    text-align: center;
    margin-bottom: 10px;
}
#header-menu ul {
    display:block;
    height:38px;
    padding-top:10px;
    /*padding-left:12px;*/
    /*width: 600px;*/
    margin: 0 auto;
    /*background:url(/diz/img/header-menu-bg.jpg) 100% 0 no-repeat;*/
}
#header-menu li {
    display:block;
    float:left;
    width:17%;
    padding:0 10px;
    _margin-left:-1px;
    list-style:none;
    background:url(/diz/img/header-menu-list.gif) 0 0 no-repeat;
    text-align:center;
}
#header-menu li.first_menu {
    background:none;
}
#header-menu li a {
    display:block;
    position:relative;
    height:22px;
    padding-top:4px;
    color:#bfbdc2;
    font-size:13px;
    font-weight:bold;
    z-index:99;
}
#header-menu li a:hover {
    color:#8d8b90;
}
#header-menu li a.active {
    color:#e99943;
}
#header-menu li a.active:hover {
    color:#e99943;
}
#header-menu img {
    display:block;
    position:absolute;
    bottom:1px;
    left:-31px;
    z-index:95;
}
#header-menu-c {top:-1px !important; left:0 !important;}
/*header-menu-active */
#header-menu-active {
    position:relative;
    padding-top:15px;
    margin-bottom:30px;
    background:#e0ebf7 url(/diz/img/header-menu-bg.jpg) 100% -48px no-repeat;
}
#header-menu-active img {
    position:absolute;
    top:1px;
    left:31%;

}
#header-menu-active ul {
    position:relative;
    display:block;
    float:left;
    width:20%;
    padding-left:8%;
    list-style:none;
}
#header-menu-active ul a {
    font-size:0.92em;
    color:#050505;
}
#header-menu-active ul a:hover {
    text-decoration:underline;
}
#header-menu-bottom {
    position:relative;
    height:10px;
    top:10px;
    padding-left:20px;
    background: url(/diz/img/header-menu-bottom.jpg) 0 0 no-repeat;
}
#header-menu-bottom span {
    display:block;
    height:10px;
    background:url(/diz/img/header-menu-bottom2.gif) 100% 0 no-repeat;
}
/* round conners  */
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#213152; margin:0 5px;}
.b2f {height:1px; background:#213152; margin:0 3px;}
.b3f {height:1px; background:#213152; margin:0 2px;}
.b4f {height:2px; background:#213152; margin:0 1px;}
.contentf {background: #213152;}
.contentf div {margin-left: 5px;}
/* big-block  */
#big-block {
    z-index:100;
    position:relative;
    min-height:276px;
    margin: 0 10px 20px 13px;
    background:url(/diz/img/bigblock-bg.jpg) repeat-x;
}
#big-block-fade {
    display:block;
    min-height:276px;
    list-style:none;
}
#big-block .active {
    visibility:visible;
}
.big-block-body {
    display:none;
    padding:20px 20px 0 10px;
}
.big-block-body img {
    float:left;
    padding-right:56px;
}
.big-block-body a {
    font-size:2em;
    font-weight:bold;
    color:#ee7f01;
}
.big-block-body a:hover {
    color:#eebf01;
}
.big-block-body p {
    margin-top:18px;
    line-height:1em;
    font-size:1.50em;
    color:#fff;
}
.big-block-body p a {
    font-size:1em;
    color:#fff;
}
#big-block-left {
    display:block;
    position:absolute;
    width:13px;
    height:276px;
    top:0px;
    left:-13px;
    background:url(/diz/img/bigblock-left.gif) no-repeat;
}
#big-block-right {
    display:block;
    position:absolute;
    width:20px;
    height:276px;
    top:0px;
    right:-20px;
    background:url(/diz/img/bigblock-right.png) no-repeat;
}
/* orange-box */
.orange-box {
    _width:100%;
    overflow:hidden;
    margin-left:-40px;
}
.orange-box-block {
    float:left;
    width:49%;
    padding-bottom:30px;
    _margin-left:-1px;
}
.orange-box-body {
    min-height: 235px;
    padding-right:40px;
}
.orange-box-body img{
    float: left;
    padding:10px;
}
.orange-box-title {
    height:30px;
    line-height:30px;
    padding-left:15px;
    background:#f38c18;
    font-size:1.17em;
}
.orange-box-title a {
    color:#000;
}
.orange-box-title a:hover {
    text-decoration:underline;
}
.orange-box-block p {
    padding: 10px 0 0 15px;
}
.orange-box-block p a {
    color:#0b0216;
}
.orange-box-block p a:hover {
    color:#f38c18;
}
.partners-box {
    min-height:222px;
    height:auto !important;
    height:222px;
    margin-left:40px;
    background:#fff;
    border:1px solid #2f2f2f;
}
.partners-box .box-body-full {
    padding: 10px 10px 0 10px !important;
    text-align:center;
}
.partners-box img {
    margin:10px 15px;
}
.box4 {
    margin-left:40px;
    background:#e3e2e6;
    border:1px solid #2f2f2f;
}
.box4 .box-body-full {
    padding: 10px 10px 0 10px !important;
}
/* box */
.box {
    margin-top:5px;
    margin-bottom:25px;
    background:#e3e2e6;
    border:1px solid #2f2f2f;
}
.box-title {
    min-height:30px;
    line-height:30px;
    padding-left:12px;
    background:#000045;
    font-size:14px;
    color:#f99d33;
}
.box-title a {
    font-size:14px;
    color:#f99d33;
}
.box-body {
    /*padding:5px;*/
    width: 100%;
    position: relative;
}
.box-text {
    float:left;
    padding:7px 2% 7px 2%;
    _padding-bottom:0px;
    margin-left:-1px;
    border-top: 1px solid silver;
    width: 96%;
}
.box-text img {
    display:block;
    float:left;
    margin-right:10px;
    border: 1px solid #000000;
}
.box-text a {
    color:#f38c18;
    font-weight:bold;
}
.box-text a:hover {
    color:#f35b18;
}
.box-text a:hover img{
    border: 1px solid #f35b18;
}
.box-text p {
    line-height:1em;
}
.box-text p a {
    font-weight:normal;
    color:#0b0216;
}
.box-body-full {
    padding:25px 25px 10px 25px;
}
#scroller {
    background: #fff !important;
    text-align: center;
}
.box-body-full a {
    color:#ff9000;
}
.box-body-full a:hover {
    color:#f35b18;
}
.box-body-full p {
    margin-bottom:13px;
}
.box-body-full .info {
    padding-top:15px;
    _padding-top:0px;
    text-align:right;
}
.box-body-full .info span {
    display:block;
    float:left;
    position:relative;
    left:-20px;
}
.box-body-full .info a {
    margin-left:20px;
}
.boxfull-text {
    clear:both;
    min-height:70px;
    height:auto !important;
    height:70px;
    padding:5px;
    border-top: 1px solid #000000;
}
.boxfull-text img {
    display:block;
    float:left;
    padding: 0 10px;
}
.boxfull-text p {
    margin-bottom:0;
}
.boxfull-text a {
    font-weight:bold;
}
.boxfull-text p a {
    font-weight:normal;
    color:#000;
}
.box-comments{
    text-align: right;
}
.box-comments a{
    color:#00aaaa;
    font-weight: normal;
    font-size: 11px;
}
.box-foto {
}
.box-foto a {
    display:block;
    float:left;
    margin-right:10px;
    text-align:center;
    color:#000;
}

/* col-right */
#col-right {
    position:relative;
    float:right;
    width:320px;
    padding-left:30px;
    padding-right:30px;
    margin-right:-374px;
}
/* lang-box */
#lang-box {
    position:relative;
    top:-8px;
    margin: 0 auto;
    width: 100px;
}
#lang-box img {
    margin-left:5px;
}
/* form-block */
.form-block {
    position:relative;
    width:320px;
    margin-bottom:30px;
    background:url(/diz/img/form-block-body.jpg) repeat-y;
    color:#fff;
}
.form-block label {
    color:#b3d1fc;
}
.form-block a {
    color:#fff;
    display:block;
    margin:0 auto;
    width:294px;
}
.form-block a:hover {
    color:#f0f0f0;
}
/* form-login */
#form-login {
    background:url(/diz/img/form-block-head.jpg) no-repeat;
    padding:10px 0 15px 0;
    height: 30px;
}
#form-login label {
    padding-left:9px;
}
#form-login label input {
    height:15px;
    padding:1px 0;
    border:solid 1px #819bb4;
}
#login { width:87px;}
#pass {
    display:block;
    position:absolute;
    top:10px;
    right:13px;
    width:89px !important;
    padding-right:16px !important;
}
#submit-login {
    position:absolute;
    display:block;
    width:15px;
    height:15px;
    top:12px;
    right:15px;
    background:url(/diz/img/form-submit.jpg) no-repeat;
    cursor:pointer;
}
#form-login p {
    padding-right:15px;
    text-align:right;
}
/* form-search */
#form-search {
    position:relative;
    padding:10px 0 10px 13px;
    line-height:16px;
    background:url(/diz/img/form-block-footer.jpg) 0 100% no-repeat;
}
#form-search fieldset { display:block; padding-top:10px;}
#form-search select {
    width:130px;
    border:solid 1px #819bb4;
}
#form-search label {
    padding-left:10px;
}
#search {
    position:absolute;
    display:block;
    width:90px;
    height:15px;
    padding:1px 16px 1px 0;
    top:25px;
    right:13px;
    border:solid 1px #819bb4;
}
#submit-search {
    position:absolute;
    display:block;
    width:15px;
    height:15px;
    top:27px;
    right:15px;
    background:url(/diz/img/form-submit.jpg) no-repeat;
    cursor:pointer;
}

/* tags-block */
#tags-block {
    min-height:20px;
    height:auto !important;
    height:20px;
    padding:0 10px 0 20px;
    color:#646262;
}
#tags-block a{
    color:#646262;
    text-decoration: none;
}
#tags-block div {
    width:287px;
    padding:15px;
    background: #c2c2c2 url(/diz/img/tags-head-bg.gif) 0 0 no-repeat;
}
/* calendar */
#calendar {
    margin-bottom:23px;
}
#calendar-head {
    position:relative;
    height:30px;
    background:#000045;
}
#calendar-month {
    position:absolute;
    width:145px;
    height:16px;
    top:6px;
    left:12px;
    line-height:16px;
    background:#fff;
    border:solid 1px #819bb4;
    text-align:center;
}
.arrow-left {
    cursor:pointer;
    display:block;
    position:absolute;
    top:2px;
    left:2px;
}
.arrow-right {
    cursor:pointer;
    display:block;
    position:absolute;
    top:2px;
    right:2px;
}
#calendar-year {
    position:absolute;
    position:absolute;
    width:68px;
    height:16px;
    top:6px;
    right:12px;
    line-height:16px;
    background:#fff;
    border:solid 1px #819bb4;
    text-align:center;
}
#calendar table{
    width:320px;
    border-collapse:collapse;
}
#calendar th{
    height:20px;
    background:#8f8d93;
    font-weight:normal;
    color:#e3e2e6;
}
.col1 {width:48px; text-align:center;}
.col2 {width:185px; border-left:solid 1px #6e6c66; border-right:solid 1px #6e6c66;}
.col3 {width:84px;}
#calendar-scroll {
    display:block;
    width:320px;
    height:305px;
    overflow:scroll;
    overflow-x:hidden;
    margin-bottom:4px;
    background:#e3e2e6;
}
.calendar-small {
    height:140px !important;
}
#calendar-scroll tr.othercolor td {
    background:#d0ced5;
}
#calendar-scroll td {
    padding:10px 0;
}
#calendar-scroll .col2 {
    width:179px;
    padding-left:6px;
    line-height:1em;
}
#calendar-scroll .col2 img {
    display:block;
    float:left;
    padding-right:9px;
}
#calendar-scroll .col2 a {
    font-weight:bold;
    color:#000;
}
#calendar-scroll .col3 {
    width:62px;
    padding:0 20px 0 3px;
}
/* box2 */
.box2 {
    margin-bottom:20px;
    background:#e3e2e6;
    border:1px solid #2f2f2f;
}
.box2-title {
    height:30px;
    line-height:30px;
    padding-left:12px;
    margin-bottom:12px;
    background:#000045;
    font-size:1.17em;
    color:#f99d33;
}
.box2-text {
    min-height:65px;
    height:auto !important;
    height:65px;
    /*padding:0  12px 15px 15px;*/
}
.box2-text img {
    display:block;
    float:left;
    margin-right:8px;
    border: 1px solid #000000;
}
.box2-text a:hover img {
    border: 1px solid #f35b18;
}
.box2-text a {
    color:#f38c18;
    font-weight:bold;
}
.box2-text a:hover {
    color:#f35b18;
}
.box2-text p {
    line-height:1em;
}
.box2-text p a {
    font-weight:normal;
    color:#0b0216;
}
/* box3 */
.box3 {
    padding-bottom:30px;
}
.box3-text {
    clear:both;
    display:block;
    width:320px;
    padding: 0 15px 0 0;
}
.box3-text img {
    display:block;
    float:left;
    padding-bottom:10px;
    padding-right:8px;
}
.box3-text a {
    color:#f38c18;
    font-weight:bold;
}
.box3-text a:hover {
    color:#f35b18;
}
.box2-text p {
    line-height:1em;
}
.box3-link {
    display:block;
    width:320px;
    clear:both;
    text-align:right;
}
.box3-link a {
    color:#000;
}
/* box-comments */
#box-comments {
    margin-bottom:20px;
}
#box-comm-title {
    position:relative;
    height:30px;
    line-height:30px;
    padding-left:15px;
    margin-bottom:10px;
    background:#f69425;
    font-size:1.17em;
    font-weight:bold;
    color:#000;
}
#box-comm-title div {
    position:absolute;
    top:0px;
    right:10px;
    font-size:0.86em;
    font-weight:normal;
}
#box-comm-title div a {
    margin-left:20px;
    color:#000;
}
.comment-text {
    clear:both;
    height:1%;
    padding-bottom:10px;
}
.comment-text img {
    float:left;
    padding-bottom:10px;
    padding-right:10px;
}
.comment-text .color-orange {
    font-weight:bold;
}

/* footer */
#footer {
    padding-top:30px;
    height:20px;
    line-height:10px;
    text-align:center;
    font-weight:bold;
}
/* */
.clear {clear:both;}
.ImgCentr {
    display:block;
    margin:0 auto;
    margin-bottom:10px;
    border: 1px solid #000000;
}
.color-orange {
    color:#ff9000;
}
.ico-riter {
    padding-left:15px;
    background:url(/diz/img/ico_riter.gif) 0 2px no-repeat;
}
.ico-rider {
    padding-left:15px;
    background:url(/diz/img/ico_rider.gif) 0 2px no-repeat;
}
.ico-addcom {
    padding-left:15px;
    background:url(/diz/img/ico_addcom.gif) 0 2px no-repeat;
}
.ico-allcom {
    padding-left:15px;
    background:url(/diz/img/ico_allcom.gif) 0 2px no-repeat;
}
.textareaStyle{
    border: 1px solid black;
}
.zakaz{
    margin: 5px;
}
.zakaz input{
    border: 1px solid black;
}
.zakaz .nc_value{
    float: right;
}
.zakaz .nc_title{
    float: left;
}
.zakaz .nc_item{
    clear:both;
    padding: 1px 0 1px 0;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 530px;
    height:90px;
    margin: 0 auto;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
    float:left;
}

/*.nc_mail_from_site .nc_item {
    line-height: 30px;
}
*/
.nc_mail_from_site .nc_value {
    border: 1px solid black;
    /*float: right;*/
}
.nc_mail_from_site h3{
    font-size: 14px;
    color: olive;
}
#sub-menu ul {display: block;text-align: center;margin-top: 10px;}
#sub-menu ul li{display: inline;padding: 5px;font-size: 12px;font-weight: bold;}
table.atype {
    width: 100%;
}
table.atype td{
    vertical-align: top;
    text-align: center;
}
#zakazonline {
    position: relative;
    width: 320px;
    height: 260px;
}
#zakazonline .warnText{
    position: absolute;
    top: 245px;
    left: 5px;
    width: 300px;
    height: 30px;
    padding: 3px;
    background: #dd0000;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-align: center;
}
#zakazonline .okText{
    position: relative;
    padding: 3px;
    background: #00dd00;
    color: #000000;
    border: 1px solid #ffffff;
    max-width: 300px;
    margin: 5px 5px;
    text-align: center;
}
#zakazonline div.formfield{
    padding: 5px;
    float: left;
    width: 150px;
}
.online-form input{
    border: 1px solid black;
    width: 145px;
    height: 18px;
}
.online-form select{
    border: 1px solid black;
    width: 145px;
}
.online-form button{
    border: 1px solid black;
    width: 145px;
    height: 24px;
}
.online-form input.datefield{
    width: 40px;
    height: 18px;
}
.addcommentForm{
    line-height: 22px;
}
.addcommentForm span{
    display: block;
    float: left;
    width: 100px;
}
.addcommentForm input{
    border: 1px solid black;
    width: 150px;
}
.addcommentForm input[type=submit]{
    border: 1px solid black;
    width: 250px;
    height: 20px;
}
.addcommentForm textarea{
    border: 1px solid black;
    width: 250px;
    height: 50px;
}
.comment span{
    color: gray;
}
.comment div{
    margin-top: 10px;
}
.comment {
    padding: 5px 20px;
    border-bottom: 1px solid silver;
}
.letters a{
    /*    display: block;
        float: left;
    */    margin: 1px;
    padding: 1px;
    /*color: #F99D33;*/
    text-decoration: none;
}
.letters a:hover{
    background: #000045;
    color: #ffffff;
}
.gallery-item {
    float:left;
    font-size:0.92em;
    min-height:110px;
    padding: 0 5px 5px;
    text-align:center;
    width:150px;
}
.gallery-item a img{
    border: 1px solid black;
}
.gallery-item a:hover img{
    border: 1px solid #f35d18;
}
.zp_photogallery {
 width: 640px;
 margin: 0 auto;
}
.audiotracks td{
    height:28px;
    border-bottom: 1px solid silver;
    vertical-align: bottom;
    padding-bottom: 5px;
}
.audiotracks {
 width: 640px;
 margin: 0 auto 10px;
 border-collapse: collapse;
}
.contact-box-block {
    width:100%;
    padding:5px;
    _margin-left:-1px;
    text-align: center;
}
.contact-box-block h3{
    padding-top: 10px;
}
.contact-box-block img{
    border: 1px solid black;
    float: left;
    margin: 10px;
}
.contact-item span {
    display: block;
    width: 100px;
    float: left;
}
.contact-box-block a:hover img {
    border: 1px solid #f35b18;
}
#shortartists {
 margin: 7px;
}
.shortgal {
    float:left;
    min-height:90px;
    padding: 7px;
    text-align:center;
    width:150px;
}
.shortgal img {
    border: 1px solid #000000;
}
.shortgal a {
    /*color:#f38c18;*/
    font-weight:bold;
}
.shortgal a:hover {
    color:#f35b18;
}
.shortgal a:hover img{
    border: 1px solid #f35b18;
}
.zakazartist {
    padding: 7px;
    text-align:center;
}
.zakazartist img {
    border: 1px solid #000000;
    margin: 0 auto;
    padding: 3px;
}
.zakazartist a {
    color:#f38c18;
    font-weight:bold;
}
.zakazartist a:hover {
    color:#f35b18;
}
.zakazartist span.smalltxt {
    font-size: 10px;
    font-style: italic;
}
.smalltags {
    font-size: 10px;
}
.smalltags a{
    font-size: 10px;
    font-style: italic;
    color: #F38C18 !important;
}
.smalltags a:hover {
    color:#f35b18 !important;
}
.rekimg {
    float:left;
    margin: 8px;
    border: 1px solid #060045;
    width: 220px;
    height: 120px;

}
.rekimgs {
    background: #fff;
    margin: 0 auto;
    border: 0;
    width: 720px;
}
.post-title {
    margin-bottom: 5px;
}