body
{background-color: white; 
 color: #36939C; 
 margin: 0px; 
 padding: 0px;
 font-size: 15px;
 font-family: Verdana !important;
 width: 100%;
 }
 
 p {
 line-height: 1.5;
 }
 


			/* body*/
 
#back1 {
margin: 0px 0px 0px 0px !important;
padding: 90px 0px 0px 0px;
    border-bottom-width: 0px !important;
    background: url(../images/fon0.jpg) !important;
    background-repeat: repeat-x !important;
    background-attachment: fixed !important;
    background-position: center 105px !important;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 16px;
}

#back2 {
margin: 0px !important;
padding: 0px;
    background: url('../images/fon.jpg') !important;
    background-repeat: repeat-x !important;
    background-attachment: fixed !important;
    background-position: center !important;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 16px;
} 

.infograf {
float: left;
width: 230px;
background-color: #36939C;
margin: 0px;
padding: 15px 10px 15px 70px;
color: white;
font-size: 10px;
}

#infograf1 {
margin: 0px 30px 10px 0px;
background-image: url("../images/infograf1.gif");
background-position: 10px 10px;
background-repeat: no-repeat;
}

#infograf2 {
margin: 0px 30px 10px 0px;
background-image: url("../images/infograf2.gif");
background-position: 10px 10px;
background-repeat: no-repeat;
}

#infograf3 {
margin: 0px 0px 10px 0px;
background-image: url("../images/infograf3.gif");
background-position: 10px 10px;
background-repeat: no-repeat;
}

.infograf b {
font-size: 12px;
}

#point1, #point2, #point3 {
font-size: 12px;
height: 45px;
line-height: 1.3;
padding-left: 60px;
background-repeat: no-repeat;
}

#points {
text-align: left;
}

#point1 {
background-image: url("../images/point1.jpg");
}

#point2 {
background-image: url("../images/point2.jpg");
}

#point3 {
background-image: url("../images/point3.jpg");
}

#calendar {
float: right;
width: 200px;
background-image: url('../images/calendar.jpg');
background-position: right center;
background-repeat: no-repeat;
text-align: right;
font-weight: bold;
padding: 25px 60px 5px 0px;
margin: 0px;
}

.forma2 {
margin: 20px 0px 0px 30px;
padding: 0px 0px 0px 30px;
width: 380px;
float: right;
text-align: left;
border-left: 5px dotted #f2f2f2;
background-image: url("../images/message.gif");
background-position: right 50px;
background-repeat: no-repeat;
}

.forma1 {
margin: 0px 0px 0px 30px;
padding: 0px 0px 5px 30px;
width: 380px;
float: right;
text-align: left;
border-left: 5px dotted #f2f2f2;
background-image: url("../images/message.gif");
background-position: right 50px;
background-repeat: no-repeat;
}

#fb {
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 30px;
width: 500px;
float: right;
text-align: left;
border-left: 5px dotted #f2f2f2;
}

.forma1-1 {
font-size: 10px;
padding: 0px 0px 0px 15px;
margin: 0px;
}

.forma1, .forma2 b {
color: #36939C;
}

.formaknopka {
background-color: white;
border: 3px solid #A6311C;
color: #A6311C;
font-size: 20px;
font-weight: bold;
padding: 10px;
border-radius: 10px;
}

.formaknopka:hover {
background-color: #A6311C;
border: 3px solid #A6311C;
color: white;
}

.formavvod {
font-size: 16px;
}

.anons {
width: 1000px;
background-color: #f2f2f2;
margin: 0px;
padding: 0px;
}

.pod-anons {
color: #808080;
margin: 0px auto 10px 0px;
line-height: 1.5;
padding: 0px;
font-size: 20px;
text-align: left;
}

.anons-text {
padding: 30px !important;
text-align: left;
line-height: 1.5;
}

.anons-img {
float: left;
margin: 0px;
padding: 0px;
border: none;
}

.anons-img2 {
float: left;
margin: 0px 30px 0px 0px;
padding: 0px;
}

.anons-clear {
margin: 0px;
padding: 50px 0px 0px 0px;
content: ".";
visibility: hidden;
clear: both; 
height: 0px;
}

.news {
width: 310px;
margin: 0px 35px 20px 0px;
text-align: left;
float: left;
font-size: 12px;
color: #5c5c5c;
}

.news img {
width: 310px;
border-bottom: 10px solid #00a8bb;
float: left;
padding: 0px;
margin: 0px 0px 20px 0px;
}

.news h6 {
margin: 0px;
padding: 0px;
color: #2b2b2b;
font-size: 16px;
font-weight: normal;
}

.podr {
width: 100px;
text-align: center;
background-color: #00a8bb;
color: white !important;
line-height: 2;
padding: 15px;
font-size: 15px;
text-decoration: none !important;
}

.news a {
text-decoration: none !important;
}

.news span {
color: #00a8bb;
}

#news-r {
margin-right: 0px !important;
}


.news-all {
float: right;
padding: 40px 0px 0px 0px;
margin: 0px;
width: 200px;
text-align: right;
font-weight: bold;
}

.white {
background-color: white; 
 color: black; 
 margin: 0px;
 padding: 0px 0px 10px 0px;
 width: 100%;
}

.grey {
background-color: #f0f0f0; 
 margin: 0px;
 padding: 20px 0px 20px 0px;
 border-top: 5px solid #ebebeb;
 width: 100%;
 font-size: 16px;
 padding: 20px 0px 20px 0px;
} 

.grey2 {
background-color: white; 
border-top: 5px dotted #f2f2f2;
margin: 0px;
padding: 20px 0px 40px 0px;
width: 100%;
}

.dots7 {
font-size: 18px;
margin: 0px auto 0px auto;
padding: 40px 0px 40px 0px;
}

.zagolovok2 {
position: relative;
text-align: left;
font-weight: normal !important;
font-size: 40px;
font-family: Calibri, Verdana;
color: #2b2b2b;
margin: 15px 0px 30px 0px;
padding: 0px;
width: 800px;
}

.zagolovok2 span {
color: #00a8bb;
}

#red1 {
width: 1000px;
background-color: #fe310e;
color: white;
margin: 0px;
padding: 10px 0px 10px 0px;
font-size: 20px;
text-align: center;
}

.video {
float: left;
margin: 0px;
padding: 0px;
background-color: black;
}

#window-top {
background-image: url(../images/white.png);
background-repeat: repeat;
background-attachment: fixed;
background-color: transparent; 
  margin: 0px;
  background-attachment: scroll;
  padding: 0px;
  width: 100%;
  height: 400px;
}

#banner-top {
width: 400px;
margin: 120px 0px 0px 250px;
box-shadow: 0px 0px 10px #00a8bb;
}

#window-bottom {
background-color: transparent; 
  margin: 0px;
  background-attachment: scroll;
  padding-top: 20px;
  padding-bottom:40px;
  width: 100%;
  height: 500px;
}

.center0 {
background-color: transparent; 
 background-position: center;
 background-attachment: scroll;
 font: 14px Verdana !important;
 color: black; 
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 padding: 20px 0px 20px 0px;
 width: 1000px;
}

.color {
color: #00a8bb; }

.color1 {
color: #00a8bb; }

.color1a {
color: #36939C; }

.color2 {
color: #d36b30}

.color3 {
color: #3b618e;
}

.color4 {
color: #fe310e;
}

.spisok {
text-align: left !important; }

a:link { color: #00a8bb;}
a:hover {color: #00a8bb;}
a:active {color: #00a8bb; text-decoration: none; }
a:visited {color: #00a8bb; text-decoration: none; }
a.not-underline { text-decoration: none !important; }

#justice {
text-align: justify;}

#left1 {
text-align: left;}

#line {
border-top: 5px solid #36939C !important;
}

.zagolovok {
text-align: center;
font-size: 30px;
font-weight: bold;
font-family: Calibri, Verdana;
color: #36939C;
margin: 0px;
padding: 5px 0px 30px 0px;
}

.podzagolovok {
text-align: left;
font-size: 20px;
font-weight: bold;
font-family: Calibri, Verdana;
color: #36939C;
margin: 10px 0px 5px 0px;
padding: 0px;
}

#top {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}




			/* napravleniya*/

.napr1 {
width: 300px;
height: 500 px;
float: left;
background-color: white;
margin: 0px 0px 0px 45px;
padding: 20px 0px 0px 0px;
color: #00a8bb;
}

.napr1 h4 {
line-height: 1.3;
font-size: 26px;
margin: 0px;
padding: 0px;
color: #00a8bb;
}

.napr1 p {
font-size: 12px;
text-align: left;
color: #5c5c5c;
margin: 0px;
padding: 25px;
}

.napr1 div {
background-color: #00a8bb;
width: 300px;
margin: 0px auto 0px auto;
padding: 10px 0px 10px 0px;
text-align: center center;
border-bottom: 4px solid transparent;
font-size: 20px;
color: white;
}

.napr1:hover {
background-color: #00a8bb;
color: white;
}

.napr1:hover p {
color: white;
}

.napr1:hover h4 {
color: white;
}

.napr1:hover div {
background-color: white; 
color: #00a8bb;
width: 296px;
border: 2px solid #00a8bb;
} 

.napr2 {
width: 225px;
float: left;
background-color: white;
margin: 0px 0px 0px 30px;
padding: 0px 0px 10px 0px;
}

.napr2 h4 {
background-color: #00a8bb;
color: white;
line-height: 1.3;
font-size: 20px;
font-weight: normal;
margin: 0px;
padding: 10px 0px 10px 0px;
}

.napr2 p {
font-size: 12px;
text-align: left;
color: #5c5c5c;
margin: 0px;
padding: 25px 8px 25px 8px;
}

.napr2 img {
border: none;
}

.napr2 div {
height: 100px;
width: 225px;
overflow: hidden; 
}

.napr2 span {
margin: 20px auto 0px auto;
padding: 5px 10px 5px 10px;
text-align: center;
font-size: 20px;
color: #00a8bb;
border-top: 3px dashed #f2f2f2;
}

.napr2:hover img {
border-left: 3px solid #00a8bb;
border-top: 3px solid #00a8bb;
}

#napr-left, #napr-left2 {
margin: 0px !important;
}

#napr-left3 {
margin-left: 110px !important;
}

.podrobnee {
width: 300px;
background-color: #36939c;
margin: 0px;
padding: 10px 0px 10px 0px;
text-align: center center;
font: 24px Calibri, Verdana;
color: white !important;
}

.napr-text {
font-size: 12px;
text-align: left;
font-family: Calibri, Verdana;
color: #5c5c5c;
margin: 0px !important;
padding: 15px !important;
background-color: white !important;
}

.napr-nazv {
line-height: 1.3;
font-size: 26px;
font-family: Calibri, Verdana;
color: #36939C;
margin: 0px !important;
padding: 0px !important;
background-color: white !important;
}

.napr-image {
width: 300px;
height: 200px;
margin: 0px !important;
padding: 0px !important;
background-color: transparent !important;
}

.clear {
margin: 0px;
padding: 0px;
content: ".";
visibility: hidden;
clear: both; 
height: 0px;
}
			

#collage {
width: 100%;
height: 400px;
background-color: #36939C; 
background-image: url('../images/collage2.jpg');
background-position: center;
background-repeat: repeat-x;

margin: 0px;
padding: 0px;
} 

#collage div {
background-repeat: no-repeat;
width: 1000px;
padding: 0px;
margin: 0px auto 0px auto;
}

#trenery {
background-color: #f2f2f2; 
border-top: solid 5px #ebebeb;
}

.trener1, .trener2 {
float: left;
width: 300px;
padding: 0px;
}

.trener1 {
margin: 0px 50px 50px 0px;
}

.trener2 {
margin: 0px 0px 50px 0px;
}

.trener3 {
float: right;
width: 300px;
padding: 0px;
margin: 0px 0px 50px 50px;
}

.trener-foto {
padding: 0px;
margin: 0px;
height: 330px;
width: 300px;
background-color: white;
}

.trener-name {
font-size: 20px;
width: 280px;
padding: 10px;
background-color: #00a8bb;
color: white;
text-align: center;
}

.plus {
height: 20px;
width: 19px;
padding: 10px 0px 0px 11px;
background-color: white;
position: absolute;
bottom: 0px;
right: 0px;
font-size: 16px;
font-weight: bold;
color: #00a8bb !important;
text-decoration: none !important;
}

.plus::before {
content:"";
border: 15px solid transparent;
border-left: 15px solid #36939c;
border-top: 15px solid #36939c;
position: absolute;
top: 0px;
left: 0px;
}

.trener-text {
position: relative;
width: 260px;
padding: 20px;
background-color: #36939c;
color: white;
text-align: center;
font-size: 12px;
}

#trener-all {
float: right;
padding: 40px 0px 0px 0px;
margin: 0px;
width: 200px;
text-align: right;
font-weight: bold;
}

.back10 {
background-color:  white; 
 padding: 0px 0px 30px 0px;
 margin: 0px;
 color: black;
 text-align: left;
 font-family: Verdana;
}

#back11 {
width: 100%;
margin: 0px;
padding: 20px 0px 20px 0px;
background-color: #36939C;
color: white;
font-size: 40px;
text-align: center;
font-family: Colibri, Verdana;
}

#partners {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
width: 1000px;
padding: 20px 0px 20px 0px;
background-color: transparent;
text-align: left;
}

#partners img {
padding: 20px 20px 0px 20px;
vertical-align: bottom;
}