@charset "utf-8";
/* CSS Document */
html, body {
    background: #FFF;
    color: #333333;
    font: 12px/17px Tahoma;
    margin: 0;
    padding:0 0 40;
    height: 100%;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
h2{
    font: normal 36px/39px Tahoma;
    margin-bottom: 20px;
}
h3{
    font: normal 18px/21px Tahoma;
    color: #d52256;
    margin-bottom: 15px;
}
h4{
    font-size: 16px;
    line-height: 20px;
    color: #5a5a5a;
    margin-bottom: 20px;
    font-weight: normal;
}
table {
    border-collapse: collapse;
    padding: 0;
}
th, td {
    padding: 0;
    text-align: left;
    vertical-align: top;
}
input {
    margin: 0;
    overflow: visible;
    width: auto;
}
textarea {
    margin-bottom: 10px;
}

p {
    margin: 0 0 15px;
    padding: 0;
}

.clearfix {
    clear: both;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}
a{
    text-decoration: underline;
    color: #3f7e9e;
}
a:hover{
    text-decoration: none;
}
a img{border:none;}




.container{
    width: 1125px;
    min-height: 769px;
    margin: 0px auto;
    border: 0px solid #000;
    /*background: url(../images/back1.png) no-repeat;*/
    background: #000;
}

.leftCon{
    width: 261px;
    min-height: 769;
    float: left;
    /*background: #fff;*/
}
.middleCon{
    width: 50px;
    min-height: 769px;
    background: #fff;
    float: left;
    border: 1px solid #000;
}
.rightCon{
    width: 864px;
    min-height: 769px;
    float: left;
    background: #fff;
}

.logo{
    padding-top: 0px;
    float: left;
    margin-top: 26px;
    border: 0px solid #000;
    margin-left: 65px;
}

.content{
    float: right;
    width: 815px;
    margin-top: 26px;
}

.head{
    height: 104px;
    border: 0px solid #000;
    height: 80px;
}

.headInfoBox{
    font-family: Tahoma;
    font-size: 10px;
    color: #404040;
    float:right;
    border: 0px solid #000;
    font-weight: bold;
}

.headSearchBox{
    font-family: Tahoma;
    font-size: 10px;
    color: #404040;
    float:right;
    border: 0px solid #000;
    padding-left: 10px;
}

.inpSearch{
    width: 115px;
    height: 11px;
    border: 1px solid #404040;
    border-radius: 5px 5px 5px 5px;
    font-size: 10px;
    color: #a1a1a1;
    padding-left: 2px;
    line-height: 10px;
    margin-right: 3px;
}

.topIcons{
    float: right;
    padding-top: 0px;
    padding-right: 60px;
}
.topIcons .icon{
    float: left;
    margin-right: 3px;
}

.topMenu{
    height: 16px;
    border-bottom: 2px solid #808080;
}

.menuItem{
    float: left;
    font-size: 12px;
    color: #404040;
    padding-right: 29px;
}

.menuItem a{
    float: left;
    font-size: 12px;
    color: #404040;
    text-decoration: none;
}

.menuItem a:hover{
    float: left;
    font-size: 12px;
    color: #404040;
    text-decoration: underline;
}

.menuItem1Active{
    width: 61px;
    height: 6px;
    background: #000000;
}

.menuItem1Active{
    width: 61px;
    height: 6px;
    background: #000000;
}

.menuItem2Active{
    width: 66px;
    height: 6px;
    background: #000000;
    margin-left: 87px;
}

.menuItem3Active{
    width: 130px;
    height: 6px;
    background: #000000;
    margin-left: 181px;
}

.menuItem4Active{
    width: 52px;
    height: 6px;
    background: #000000;
    margin-left: 339px;
}

.menuItem5Active{
    width: 104px;
    height: 6px;
    background: #000000;
    margin-left: 419px;
}

.menuItem6Active{
    width: 47px;
    height: 6px;
    background: #000000;
    margin-left: 551px;
}

.menuItem7Active{
    width: 42px;
    height: 6px;
    background: #000000;
    margin-left: 627px;
}

.menuItem8Active{
    width: 53px;
    height: 6px;
    background: #000000;
    margin-left: 698px;
}

.topSubMenu{
    padding-top: 3px;
    height: 16px;
}

.menuSItem1Active{
    width: 68px;
    height: 6px;
    background: #000000;
    border-top: 2px solid #808080;
}
.menuSItem2Active{
    width: 56px;
    height: 6px;
    background: #000000;
    border-top: 2px solid #808080;
    margin-left: 97px;
}

.topSubMenu2{
    padding-top: 3px;
    height: 16px;
    margin-left: 420px;
}

.menuS2Item1Active{
    width: 68px;
    height: 6px;
    background: #000000;
    border-top: 2px solid #808080;
    margin-left: 420px;
}
.menuS2Item2Active{
    width: 36px;
    height: 6px;
    background: #000000;
    border-top: 2px solid #808080;
    margin-left: 516px;
}

.conText{
    padding-top: 20px;
    border: 0px solid #000;
    min-height: 617px;
}

.conText .header{
    font-family: tahoma;
    font-size: 46px;
    color: #333333;
}

.conText .header2{
    height: 22px;
    margin-top: 35px;
    font-family: tahoma;
    font-size: 19px;
    color: #333333;
    border-bottom: 2px solid #808080;
}
.contentDescription{
    padding-top: 13px;
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
    width: 550px;
}

.contentDescription580{
    padding-top: 13px;
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
    width: 580px;
}

.contentDescription780{
    padding-top: 13px;
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
    width: 780px;
    margin-top: 20px;
}

.imageContainer{
    float:left;
    padding-top: 13px;
    font-family: Tahoma;
    font-size: 12px;
    color: #333333;
    width: 500px;
    min-height: 510px;
    /*border: 1px solid #000;*/
}

.imageDescriptionContainer{
    float:right;
    padding-top: 13px;
    font-family: Tahoma;
    font-size: 12px;
    color: #333333;
    width: 290px;
    min-height: 510px;
    /*border: 1px solid #000;*/
}

.imageDescriptionContainer .header{
    margin-top: 7px;
    font-family: Tahoma;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}

.imageDescriptionContainer .description{
    margin-top: 7px;
    font-family: Tahoma;
    font-size: 14px;
    color: #333333;
}

.imageDescriptionContainer .birthYears{
    margin-top: 5px;
    font-family: Tahoma;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
}

.imageDescriptionContainer .imageTitle{
    margin-top: 7px;
    font-family: Tahoma;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    padding-top: 20px;
    border-top: 1px dotted #808080;
}

.imageDescriptionContainer .imageDescription{
    margin-top: 7px;
    font-family: Tahoma;
    font-size: 12px;
    color: #333333;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #808080;
}

.imageDescriptionContainer .thambsContainer{
    margin-top: 20px;
    /*min-height: 100px;*/
    /*border: 1px solid #000;*/
}

.imageDescriptionContainer .thambsContainer .title{
    font-family: Tahoma;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}

.imageDescriptionContainer .thambsContainer .thamb{
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    margin-top: 10px;
    margin-right: 7px;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}

.imageDescriptionContainer .thambsContainer .thamb:hover{
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    margin-top: 10px;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
}

.imageDescriptionContainer .thambsContainer .thamb img{
    width:50px;
    height:50px;
}

.imageDescriptionContainer .thambsContainer .thambLast{
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    margin-top: 10px;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}

.imageDescriptionContainer .thambsContainer .thambLast:hover{
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    margin-top: 10px;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
}

.imageDescriptionContainer .thambsContainer .thambLast img{
    width:50px;
    height:50px;
}

.imageDescriptionContainer .thambsContainer .active{
    border: 1px solid red!important;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
}

.imageDescriptionContainer .thambsContainer .passive{
    border: 1px solid #000!important;
}













/*********************************************/
/***************** START NEWS*****************/
/*********************************************/
.newsTopSpacer{
    height: 40px;
}
.newsTopSpacer20{
    height: 20px;
}
.newsBox{
    padding-top: 0px;
    width: 550px;
    padding-bottom: 22px;
}

.newsBox .newTitle{
    font-family: Tahoma;
    font-size: 16px;
    color: #000000;
}

.newsBox .newTitle a, .newsBox .newTitle a:visited{
    font-family: Tahoma;
    font-size: 16px;
    color: #000000;
    text-decoration: underline;
}

.newsBox .newTitle a:hover{
    font-family: Tahoma;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
}
.newsBox .newDescription{
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
    margin-top: 8px;
}
.newsBox .newDescription a, .newsBox .newDescription a:visited{
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

.newsBox .newDescription a:hover{
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
    text-decoration: underline;
}

.newsBox .newElements{
    padding-top: 8px;
    border-bottom: 1px dashed #b3b3b3;
    height: 17px;
}

.newsBox .newElements .social{
    float: left;
    width: 69px;
    height: 20px;
    background: #fff url(../images/sback.png) no-repeat;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.newsBox .newElements .social .sicons{
    float: left;
}
.si1{
    margin-left: 1px;
}
.si2{
    margin-left: 2px;
    margin-top: 2px;
}

.newsBox .newElements .date{
    float: left;
    font-family: Tahoma;
    font-size: 10px;
    color: #000000;
    padding-top: 5px;
    padding-left: 10px;
    background: #fff;
    padding-right: 5px;
}

.newsBox .newElements .line{
    float: left;
    width: 200px;
}
/*********************************************/
/***************** END NEWS*******************/
/*********************************************/



.conactsDescription{
    padding-top: 10px;
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
    width: 550px;
    min-height: 170px;
}
.contactsBox{
    width: 815px;
    height: 286px;
    background: url(../images/contacts-back.png) no-repeat;
}


.footer{
    border-top: 2px solid #808080;
    padding-top: 4px;
}

.footer .copyright{
    margin-top: 0px;
    font-family: tahoma;
    font-size: 10px;
    color: #000000;
    float: left;
}

.footer .creator{
    margin-top: 0px;
    font-family: tahoma;
    font-size: 10px;
    color: #000000;
    padding-left: 33px;
    float: left;
}



/*********************************************/
/***************** START PROMO ***************/
/*********************************************/
.promo{
    width: 1225px;
    height: 80px;
    background: url(../images/main-menu-back.png) no-repeat;
    position: absolute;
    z-index: 1000;
    margin-top: 10px;
}

.rightConPromo{
    width: 864px;
    min-height: 669px;
    float: left;
}

.contentPromo{
    float: right;
    width: 815px;
    padding-top: 14px;
}

.topMenuPromo{
    height: 16px;
}

.menuItemPromo{
    float: left;
    font-size: 12px;
    color: #fff;
    padding-right: 29px;
}

.menuItemPromo a{
    float: left;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

.menuItemPromo a:hover{
    float: left;
    font-size: 12px;
    color: #fff;
    text-decoration: underline;
}

.headInfoBoxPromo{
    font-family: Tahoma;
    font-size: 10px;
    color: #fff;
    float:right;
    border: 0px solid #000;
    font-weight: bold;
}

.headSearchBoxPromo{
    font-family: Tahoma;
    font-size: 10px;
    color: #fff;
    float:right;
    border: 0px solid #000;
    padding-left: 10px;
}

.logoPromo{
    padding-top: 0px;
    float: left;
    margin-top: 16px;
    border: 0px solid #000;
    margin-left: 65px;
}

.inpSearchPromo{
    width: 115px;
    height: 11px;
    border: 1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    font-size: 10px;
    color: #fff;
    padding-left: 2px;
    line-height: 10px;
    margin-right: 3px;
    background: #000;
}

.footerPromo{
    border-top: 2px solid #000;
    padding-top: 4px;
    margin-top: -26px;
    width: 815px;
    float: right;
    z-index: 20000;
    position: absolute;
    margin-left: 310px;
}

.footerPromo .copyright{
    margin-top: 0px;
    font-family: tahoma;
    font-size: 10px;
    color: #000000;
    float: left;
}

.footerPromo .creator{
    margin-top: 0px;
    font-family: tahoma;
    font-size: 10px;
    color: #000000;
    padding-left: 33px;
    float: left;
}

.promoBottomHint{
    width: 564px;
    height: 134px;
    background: #000;
    /*opacity: 0.7;*/
    margin-top: 550px;
    border-left: 5px solid #000;
    background: #fff;
    position: absolute;
    margin-left: 556px;
}

.promoBottomHint .header{
    font-family: tahoma;
    font-weight: bold;
    font-size: 19px;
    color: #000;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 65px;
}

.promoBottomHint .text{
    font-family: tahoma;
    font-size: 12px;
    color: #000;
    padding-top: 5px;
    padding-left: 30px;
    padding-right: 65px;
}

.promoBottomHint .header a{
    font-family: tahoma;
    font-weight: bold;
    font-size: 19px;
    color: #000;
    text-decoration: none;
}

.promoBottomHint .text a{
    font-family: tahoma;
    font-size: 12px;
    color: #000;
    text-decoration: none;
}

.promoBottomHint .header a:hover{
    font-family: tahoma;
    font-weight: bold;
    font-size: 19px;
    color: #000;
    text-decoration: underline;
}

.promoBottomHint .text a:hover{
    font-family: tahoma;
    font-size: 12px;
    color: #000;
    text-decoration: underline;
}

.anons{
    font-family: tahoma;
    font-size: 15px;
    color: #fff;
    padding-left: 20px;
    float: left;
}

.paginationBack {
    margin-top: -65px;
    width:170px;
    height: 23px;
    background: #000;
    z-index:1000;
    position: absolute;
    text-align: right;
    padding-top: 8px;
    opacity: 0.8;
    font-family: tahoma;
    font-size: 16px;
    color: #fff;
    padding: 4px 0px 0px 0px;


}


.artists a{
    font-family: tahoma;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.artists a:hover{
    font-family: tahoma;
    font-size: 12px;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

.artistsBox{
    width: 250px;
    min-height: 130px;
    float: left;
    border: 0px solid #000;
    margin-right: 12px;
    margin-top: 10px;
}

.artistsBox .header{
    font-family: tahoma;
    font-size: 19px;
    color: #000;
    text-decoration: none;
    padding-bottom: 10px;
}

.artistsBox .item{
    font-family: tahoma;
    font-size: 19px;
    color: #000;
    padding-bottom: 5px;
}

.artistsBox .item a{
    font-family: tahoma;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.artistsBox .item a:hover{
    font-family: tahoma;
    font-size: 12px;
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

.artistsBoxLast{
    width: 250px;
    min-height: 100px;
    float: left;
    border: 1px solid #000;
    margin-bottom: 10px;
}