body { background: url(../graph/bg.png) top repeat-x; background-color:#1E1B22; margin: 0; font-size: 14px; font-family:Trebuchet MS; color:#dddddd;  }

hr {border:none; background:#633F71; height:1px;}

a {text-decoration:none; color:#cccccc;}
a:hover {text-decoration:none; color:white;}

.site {width:100%; background: url(../graph/header.png) top center no-repeat; }
.wrapper{width: 1260px; margin: 0 auto;  }

.wrappertop{ width: 1260px; min-height: 1192px; position:relative; margin: 0 auto;}

.header{float:left; width: 1260px; height: 145px; }
.star{background: url(../graph/fonobkstar.png); width:1144px; height:84px; margin-left:95px; position: absolute;}

.fonmenu{background: url(../graph/fonmenu.png); width:1192px; height:61px; margin-left:12px; margin-top:84px; position: absolute;}

.miridance {position:absolute;  margin-left:54px;}
.miridance h3  {display:block; overflow:hidden; width:366px; height:144px; background: url(../graph/miridance.png) no-repeat; text-indent:-999em;}
.miridance h3 a  {display:block; width:366px; height:144px;}

.soc {position:absolute; width:160px; height:62px; margin-left:1035px; overflow:hidden;}
.social {float:left; background: url(../graph/social_01.png)  no-repeat; width:34px; height:124px; margin-right:10px;}
.social a{float:left; width:34px; height:124px; margin-right:10px;}
.social:hover {margin-top:-62px;}
.social1 {float:left; background: url(../graph/social_02.png)  no-repeat; width:34px; height:124px; margin-right:10px;}
.social1 a{float:left; width:34px; height:124px; margin-right:10px;}
.social1:hover {margin-top:-62px;}
.social2 {float:left; background: url(../graph/social_03.png)  no-repeat; width:34px; height:124px; margin-right:10px;}
.social2 a{float:left; width:34px; height:124px; margin-right:10px;}
.social2:hover {margin-top:-62px;}

.pagemenu{position:absolute; margin-top:95px; margin-left:385px; }
.pagemenu ul{float:left; margin:0px; padding:0px;  text-transform:uppercase;}
.pagemenu ul li{float:left; list-style-type:none; background: url(../graph/slash.png) no-repeat; font-family: Trebuchet MS;   height: 40px;  line-height:40px;}
.pagemenu ul li a{text-decoration: none; font-family: Trebuchet MS; font-size:21px;  font-weight:normal;  color:white; margin-top:5px; margin-left:32px;  margin-right:22px; }
.pagemenu ul li:first-child {list-style-type:none; background: url(../graph/slas.png)  no-repeat; }
.pagemenu ul li a:hover{color:white;}

.page { float:left; width:1195px; margin-left:65px;}
.pageleft {float:left; background: url(../graph/podladkal.png) top no-repeat; width:821px; padding-bottom:25px; margin-top:10px; margin-bottom:10px; margin-right:10px;}
.pageright {float:left; background: url(../graph/podladkar.png) top no-repeat; width:305px; padding-bottom:25px;  margin-bottom:10px; margin-top:10px;}

.allnum {margin-top:52px; margin-left:675px; font-size: 13px; font-family:Arial; position:absolute;}
.allnum a {text-decoration: none; color:#DDDDDD;}


.titlenew {float:left; width:735px; margin-left:45px; margin-top: 45px;}
.titlenew h1{font-size: 24px; margin-top:0px;  margin-bottom:0px; font-family: Trebuchet MS; color:#DDDDDD; font-weight:normal;}


.title {float:left; width:735px; margin-left:35px; margin-top: 45px; border-bottom: solid 1px #633F71;}
.title h1{font-size: 24px; margin-top:0px;  font-family: Trebuchet MS; color:#DDDDDD; font-weight:normal;}

.clubinfo{float:left; width:735px; margin-left:35px; margin-top:20px; text-align:justify; }
.clubinfo p {margin-bottom:20px; margin-top:0px; color:#DDDDDD;}
.clubinfo p  img {margin-top:20px; margin-right:25px; margin-bottom:10px; }


.newdevelop {float:left; width:255px; margin-left:25px; margin-top: 40px; }
.newdevelop h2{font-size: 24px; margin-top:0px; font-family: Trebuchet MS; color:#DDDDDD; font-weight:normal;}


.news{float:left; width:255px; margin-left:25px; margin-bottom:20px; border-top:solid 1px #633F71;}
.news p span { display:none; } 

/*
.newsimg {float: left; border:solid 2px #9A6BAD; border-radius: 2px; width: 256px; margin-top:20px; margin-bottom:10px; height:146px; overflow:hidden; text-align:center;}
.newsimg img{  height: 146px;  margin-left: -25%; margin-right: -25%; }
*/

.newsimg {float: left; position:relative; width:100%; height:0; padding-top:100%;  border:solid 2px #9A6BAD; border-radius: 2px; margin-top:20px; margin-bottom:10px; overflow:hidden; text-align:center;}
.newsimg img{  position: absolute; height: unset; width: 105%; top: 50%; left: 50%; transform: translate(-50%, -50%); }


.news p { font-size: 11px; font-family:Arial; margin-bottom:5px; margin-top:0px; margin-left:5px; text-align:justify; color:#DDDDDD;}
.news h3{font-size: 14px; font-family:Arial; color:white; font-weight:normal; margin-top:10px; margin-bottom:5px; margin-left:5px;}
.news h3 a {text-decoration:none; color:white;}
.news p a{float:right; text-decoration: none; color:#DDDDDD;}
.news p span {color:#999999; font-size:11px;}

.allnews{float:left; width:295px; }
.allnews  h2{float:left; font-family: Arial; font-weight:normal; font-size: 10px; margin-left:25px; margin-top:0px; padding-top:10px; color:#DDDDDD; text-transform: uppercase; width:255px; border-top:solid 1px #633F71;}
.allnews  h2 a{text-decoration: none; color:#DDDDDD;}


.footer {float:left; width:1135px; min-height: 142px; margin-left:65px; background: url(../graph/obkladkaf.png) bottom no-repeat; border-top:solid 1px #633F71;}
.adress {position:absolute; width:295px; margin-top:30px;}
.adress p {font-size: 11px; font-family:Arial; margin-bottom:5px; margin-top:0px; margin-left:5px; text-align:justify; color:#DDDDDD;}

.copy  {position:absolute; width:295px; margin-top:90px;}
.copy p { font-size: 10px; font-family:Arial; margin-bottom:5px; margin-top:0px; margin-left:5px; text-align:justify; color:#5A5757;}
.copy a { color:#5A5757;}

.menufooter{position:absolute; margin-top:0px; margin-left:430px; margin-top:30px;}
.menufooter ul{float:left; margin:0px; padding:0px;  text-transform:uppercase; height: 40px;}
.menufooter ul li{float:left; list-style-type: none; background: url(../graph/tchk.png) no-repeat; font-family: Trebuchet MS;   height: 40px; line-height:18px;   }
.menufooter ul li a{text-decoration: none; font-family: Trebuchet MS; font-size:18px;  font-weight:normal;  color:#62486F;  margin-left:32px;  margin-right:22px; }
.menufooter ul li:first-child {list-style-type:none; background: url(../graph/tch.png)  no-repeat; }
.menufooter ul li a:hover{color:white;}

.mailru {position:absolute; width:88px; height:31px; margin-left:1035px; margin-top:70px; }

/*--------------------------Photogallery--------------------------------------*/

.photogalary{float:left; width:735px; margin-left:75px; margin-top:35px; overflow:hidden;}
.galary{float:left; width:300px;  margin-bottom:10px; margin-right:45px;}

/*
.galaryimg {float: left;  border:solid 2px #9A6BAD; border-radius: 2px; width: 300px; height:200px; margin-bottom:5px; overflow:hidden; text-align:center;}
.galaryimg img{height: 200px;  margin-left: -25%; margin-right: -25%; }
*/

.galaryimg {float: left; position:relative; width:100%; height:0; padding-top:100%;   border:solid 2px #9A6BAD;  margin-bottom:5px; overflow:hidden; text-align:center;}
.galaryimg img{ position: absolute; height: unset; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }


.galary p {font-size: 11px; font-family:Arial; text-align:justify; color:#DDDDDD; text-align:center;}
.galary p a{text-decoration: none; color:#DDDDDD;}


/*--------------------------Photoalbum-----------------------------------------*/

.photoalbum{float:left; width:735px; margin-left:50px; margin-top:35px; overflow:hidden;}
.album{float:left; width:200px;  margin-bottom:10px; margin-right:40px;}

/*
.albumimg {float: left;  border:solid 2px #9A6BAD;  width: 200px; height:150px; margin-bottom:5px; overflow:hidden; text-align:center;}
.albumimg img{  height: 150px;  margin-left: -25%; margin-right: -25%; }
*/

.albumimg {position:relative; width:100%; height:0; padding-top:100%; border:solid 2px #9A6BAD; border-radius: 2px; overflow:hidden; text-align:center;}
.albumimg img{position: absolute; height: unset; width: 115%; top: 50%; left: 50%; transform: translate(-50%, -50%); }


.album p {width:150px; font-size: 11px; font-family:Arial; text-align:justify; color:#DDDDDD; text-align:center;}
.album p a{text-decoration: none; color:#DDDDDD;}

.newstext {float:left; margin-left:35px; margin-top:10px;}
.newstext p {margin:0px; font-size: 11px; font-family:Arial; color:#DDDDDD; }

.allalbum {position:absolute;  font-size: 13px; font-family:Arial; margin-left:680px; margin-top:60px;}
.allalbum a {text-decoration:none;  color:#DDDDDD;}
/*-----------------------страница номера------------------------------*/
.clublist {clear:both;}
.clublistitem:first-child {width:745px; margin-left:5px; clear:both;  margin-top:0px; padding-top:0px; border-top:none; font-size:12px;}
.clublistitem {width:745px; margin-left:5px;  clear:both;   margin-top:10px; padding-top:30px; border-top:solid 1px #633F71; font-size:12px;}
.clublistitem  h3 {font-size:18px; line-height:18px; font-family: Trebuchet MS;  font-weight:normal; margin-top: 10px; margin-bottom: 10px;}
.clublistitem  h3 a {text-decoration: none; color:white; }
.clublistitem  h3 a:hover {color:white;}
.clublistitem  {text-align:justify;}
.clublistitem u {font-size: 11px; text-decoration:none; }
.clublistitem p {width:725px; font-size: 14px; font-family:Trebuchet MS; margin-bottom:20px; margin-top:10px; text-align:justify; color:#DDDDDD;}
.clublistitem span {font-size: 11px; font-family: Arial;  font-weight:normal;  }
.clublistitem span b {font-size: 10px; font-weight:normal; color:#DDDDDD; }
.clublistitem span a {text-decoration: none; color:#DDDDDD;}
.clublistitem span a:hover {color:#DDDDDD;}

.clubs{float:left; width:794px; margin-left:20px;}
.club{float:left; width: 370px; height: 145px; padding:27px; padding-left:0px; padding-bottom:15px; padding-top:18px;}
.clubimg {float:left;   width:200px; height:160px; padding-left:9px;  padding-right:9px; padding-bottom:8px;}


/*
.clubimg .clubpic {width:182px; height:134px; border:solid 2px #9A6BAD; border-radius: 2px; overflow:hidden; text-align:center;}
.clubimg img {height:134px; margin-left:-25%; margin-right:-25%; }
*/

.clubimg .clubpic {position:relative; width:90%; height:0; padding-top:70%; border:solid 2px #9A6BAD; border-radius: 2px; overflow:hidden; text-align:center;}
.clubimg img {position: absolute; height: unset; width: 115%; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.news-page .clubimg {float:unset;   width:100%; height:unset; padding:0; padding-bottom:15px;}
.news-page .clubimg .clubpic {position:relative; width:100%; height:unset; padding-top:unset; border:0; border-radius: 2px; overflow:hidden; text-align:center;}
.news-page .clubimg img {position: relative; height: unset; width: 100%; top: unset; left: unset; transform: unset; }

.news-page .onlygallery {display:none;}



.club  h3 {font-size:18px; line-height:18px; font-family: Trebuchet MS;  font-weight:normal; margin-top: 10px; margin-bottom: 10px;}
.club  h3 a {text-decoration: none; color:#174876; }
.club  h3 a:hover {color:#CC0033;}
.club p {font-size: 11px; font-family: Arial; padding:0px; margin:0px;  margin-bottom:5px; }
.club span {font-size: 11px; font-family: Arial;  font-weight:normal;  }
.club span a {text-decoration: none; color:#174876;}
.club span a:hover {color:#CC0033;}


/*-----------------------страницы новостей------------------------------*/
.pageline {clear:both; width:734px; height:30px; margin-left:0px; margin-top:10px; margin-top:5px; padding-top:15px; border-top:solid 1px #633F71; margin-bottom:15px;}
.prevpage {float:left; width:150px;}
.prevpage a { color:black;}
.nextpage {float:left; width:150px; text-align:right;}
.nextpage a { color:black;}
.pagelist {float:left; width:734px; text-align:center;}
.pagelist a {text-decoration:none;  color:white; font-size:11px; font-family: Trebuchet MS; font-weight:normal; display:block; width:21px; height:21px; text-align:center; line-height:21px; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.pagelist b a {color:#FFCC66; font-size:14px; font-family: Trebuchet MS; font-weight:normal; text-decoration:none; display:block; width:21px; height:21px; text-align:center; line-height:21px; background:url(../graph/plbg.png) no-repeat; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}


.photoalbumnews{float:left; width:735px; margin-left:35px; padding-top:45px; padding-left:10px; overflow:hidden; border-top:solid 1px #633F71;}
.albumnews{float:left; width:200px;  margin-bottom:10px; margin-right:40px; }

/*
.albumimgnews {float: left;  border:solid 2px #9A6BAD;  width: 200px; height:150px; margin-bottom:5px; overflow:hidden; text-align:center;}
.albumimgnews img{  height: 150px;  margin-left: -25%; margin-right: -25%; }
*/

.albumimgnews {float: left; position:relative; width:100%; height:0; padding-top:120%;   border:solid 2px #9A6BAD;  margin-bottom:5px; overflow:hidden; text-align:center;}
.albumimgnews img{  position: absolute; height: unset; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }



.videoalbumnews{float:left; width:735px; margin-left:35px; padding-top:35px; padding-bottom:35px; border-top:solid 1px #633F71; text-align:center;}
 .videoalbumnews h3{font-size: 11px; margin-top:0px; font-family: Trebuchet MS; color:white; font-weight:normal;}
.videonews{float:left;  margin-left:80px; margin-bottom:20px;}
/*-----------------------контакты------------------------------*/
.informr{float:left; width:300px; }

.booking{float:left; background: url('../graph/sidebar.png') top no-repeat; float:left;  width: 254px;  margin-left:81px; margin-top:36px; position: relative;}
.informr h3 { font-size: 21px;  text-align:center; font-family: Trebuchet MS; color:white; font-weight:normal; text-align:center;}
.informr span{ font-family: Arial; font-size: 12px; margin:0px; margin-top:4px; margin-bottom:2px; color:white;}
.informr form p{ font-family: Arial; font-size: 12px; margin:0px; margin-top:4px; margin-bottom:2px;}
.informr form input[type="text"]{width: 300px; height: 18px;  margin-bottom: 5px; padding-left:5px;}
.informr form span {font-size:10px; color:#999999;}
.informr textarea{width: 300px; height: 100px;  margin-bottom: 5px; padding-left:5px;}
.textdata{float:left;margin-right:10px; margin-bottom:0px;}
.textdata input[type="text"]{width: 85px; height: 18px; margin-bottom: 5px;  }
.knopka{float:left; background-color:#602278; background-repeat: no-repeat; width:140px; margin:10px;  height:38px;  margin-left:85px;}
.knopka h3{ font-family: Trebuchet MS; font-size: 11px; color: white; font-weight:lighter; margin-left:0px; margin-top:11px; text-align:center;}
.knopka h3 a {text-decoration: none; cursor:pointer; color:white;}


.informl{float:left; width:380px;}
.informl  p{ font-family: Arial; font-size: 14px;}
.informl  h1 { font-size: 21px; font-family: Trebuchet MS; color:white; font-weight:normal;}

.mapinfo{float:left; width:735px; margin-left:35px; margin-top:20px; padding-top:20px; border-top:solid 1px #633F71;}

.Font_17 {font-size:17px}
.Font_16 {font-size:16px}
.Font_15 {font-size:15px}
.Font_13 {font-size:13px}