body
{background-color: white; 
 margin: 0px; 
 padding: 0px;
 font-size: 15px;
 font-family: Verdana !important;
 width: 100%;
 }
 
 p {
 line-height: 1.3 !important;
 }
 
 .right {
 float: right;
 }
 
 .color {
 color: #005e8a;
 }
 
 
 .blue1 {
 color: #0190d6;
 padding-left: 50px;
 font-size: 18px;
 }
 
 
header a {color: white; text-decoration: underline;}

header {
background-color: #1c1f24; 
font-size: 16px;
position: fixed;
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-family: Verdana;
color: white;
z-index: 10;
}

.center {
margin: 0px auto 0px auto;
padding: 0px;
width: 1000px;
}

h2 {
padding: 20px 0px 0px 0px;
font-size: 36px;
}

h3 {
padding: 10px 0px 0px 0px;
font-size: 26px;
}

h4 {
margin: 0px 0px 0px -50px;
font-size: 20px;
color: #810618;
}

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

#back1 {
background-color: #e5e7e2;
background-image: url('images/back-main.jpg');
background-position: bottom center;
background-repeat: no-repeat;
margin: 0px 0px 60px 0px;
padding: 60px 0px 0px 0px;
}

#back1a {
width: 100%;
background-image: url('images/back1.png');
background-repeat: repeat;
margin: 50px 0px 0px 0px;
padding: 0px;
}

#date {
margin: 0px;
padding: 140px 0px 50px 0px;
font-size: 40px;
color: white;
}

#date span {
color: #005e8a;
}

#date i {
font-size: 30px;
}


#date span b {
font-size: 48px;
text-shadow: 2px 2px 1px white, 2px -2px 1px white,
				-2px 2px 1px white, -2px -2px 1px white;
}

#nazv {
padding: 20px 0px 20px 0px;
margin: 0px;
font-size: 48px;
color: white;
}

#nazv span {
font-size: 55px;
}

#podnazv {
margin: 0px;
color: black;
font-size: 28px;
}

#right-k {
float: right;
}

#knopka1 {
position: relative;
padding: 20px 0px 20px 0px;
}

#icon1, #icon2, #icon3 {
float: left;
width: 250px;
padding: 0px 0px 20px 70px;
background-repeat: no-repeat;
}

#icon1 {
margin: 20px 10px 0px 0px;
background-image: url('images/info4.jpg');
}

#icon2 {
margin: 20px 10px 0px 0px;
background-image: url('images/info3.jpg');
}

#icon3 {
margin: 20px 0px 0px 0px;
background-image: url('images/info1.jpg');
}

#kurs {
position: relative;
color: #0190d6;
font-size: 26px;
counter-reset: myCounter;
}

#kurs li {
padding: 20px 0px 10px 60px;
list-style: none;
}

#kurs li:before {
counter-increment: myCounter;
content: counter(myCounter);
color: white;
background: #005e8a;
position: absolute;
left: 0px; top: 40px
text-align: center;
margin: 5px 10px;
padding: 0px 20px 0px 20px;
font-size: 40px;
line-height: 60px;
width: 26px;
height: 60px;
}

.knopka-verh {
color: white;
font-size: 36px; 
border: none;
width: 300px;
height: 36px;
margin: 20px 0px 5px 70px;
padding: 10px 20px 14px 50px;
background-color: #da7500;
} 

.knopka-verh::before {
content: ''; 
position: absolute;
left: 70px; top: 40px;
border: 30px solid transparent;
border-left: 30px solid #e5e7e2;
}

.knopka-verh::after {
content: ''; 
position: absolute;
left: 440px; top: 40px;
border: 30px solid transparent;
border-left: 30px solid #da7500;
}

.knopka-verh a {
color: white;
text-decoration: none;
}

.knopka-verh:hover {
width: 300px;
height: 36px;
margin: 20px 0px 5px 70px;
padding: 10px 20px 14px 50px;
background-color: #da7500;
text-decoration: underline;
}    

.knopka-verh span { 
font-size: 30px; 
}

#right-k {
float: right;
}

.knopka {
color: white;
font-size: 20px; 
border: none;
width: 300px;
margin: 30px 0px 0px 20px;
padding: 10px;
background-color: #da7500;
	-webkit-transform: skewX(-20deg); /* Для Safari и Chrome */
    -moz-transform: skewX(-20deg); /* Для Firefox */
    -o-transform: skewX(-20deg); /* Для Opera */
    -ms-transform: skewX(-20deg); /* Для IE */
    transform: skewX(-20deg); 
} 

.knopka a {
color: white;
text-decoration: none;
}

.knopka:hover {
width: 310px;
margin: 30px 0px 0px 20px;
padding: 10px 20px 10px 20px;
background-color: #da7500;
	-webkit-transform: skewX(-20deg); /* Для Safari и Chrome */
    -moz-transform: skewX(-20deg); /* Для Firefox */
    -o-transform: skewX(-20deg); /* Для Opera */
    -ms-transform: skewX(-20deg); /* Для IE */
    transform: skewX(-20deg); 
}    

.knopka p { 
color: white;
font-size: 20px; 
margin: 0px;
padding: 0px;
text-align: center;  
	-webkit-transform: skewX(20deg); /* Для Safari и Chrome */
    -moz-transform: skewX(20deg); /* Для Firefox */
    -o-transform: skewX(20deg); /* Для Opera */
    -ms-transform: skewX(20deg); /* Для IE */
    transform: skewX(20deg);
}

.knopka span { 
font-size: 20px; 
}

#video1 {
width: 854px;
margin: 0px auto 0px auto;
padding: 20px 0px 40px 0px;
border: none;
}

.orange {
background-color: #da7500;
padding: 40px 0px 40px 0px;
color: white;
}

.orange p {
font-size: 28px;
}

.orange b {
font-size: 40px;
}

.orange ul {
margin: 0px 0px 0px 40px;
padding: 0px;
}

.orange li {
list-style: none;
display: block;
position: relative;
float: left;
background-color: white;
color: #005e8a;
text-align: center;
width: 150px;
font-size: 22px;
padding: 20px 30px 20px 30px;
margin: 0px 10px 0px 10px;
border-left: 1px solid #b1b1b1;
border-top: 1px solid #b1b1b1;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}

.orange li::after {
content: ''; 
position: absolute;
right: 0px; bottom: 0px;
border: 20px solid transparent;
border-right: 20px solid #005e8a;
border-bottom: 20px solid #005e8a;
}

#r-knopka {
background-color: #005e8a;
color: white;
text-align: center;
width: 653px;
font-size: 33px;
padding: 20px 20px 20px 0px;
margin: 20px 0px 0px 50px;
font-weight: bold;
border-top: 3px solid #003954;
border-left: 3px solid #003954;
border-right: 3px solid #005e8a;
border-bottom: 3px solid #005e8a;
}

#r-knopka:hover {
background-color: #45aada;
}

#r-knopka a {
text-decoration: none;
color: white;
}

.vedyshii {
font-size: 36px;
color: #005e8a;
}

.vedyshii2 {
font-size: 26px;
color: #0190d6;
}

#trener {
margin: 0px;
padding: 30px 0px 0px 0px;
font-size: 20px;
}

#trener-img {
float: left;
padding: 40px 20px 0px 0px;
}

#trener div {
margin: 0px auto 0px auto;
width: 1200px;
padding: 30px 0px 10px px;
}

#trener ul {
margin: 0px;
}

#trener b {
color: #0190d6;
}

#trener li {
padding: 5px 0px 5px 0px;
list-style-type: none;
position: relative;
}

#trener li:before {
content: '';
position: absolute;
left: 470px; top: 7px; 
border: solid 10px transparent;
border-left: solid 15px #005e8a;
}

.otz {
border-top: 5px solid #005e8a;
}

#ul2 {
padding: 60px 0px 0px 80px;
}

#program {

}

#program ol {
position: relative;
color: #0190d6;
font-size: 26px;
counter-reset: myCounter;
}

#programma {
border-top: 5px dotted #f2f2f2;
padding: 20px 0px 20px 60px;
list-style: none;
}

#programma:before {
counter-increment: myCounter;
content: counter(myCounter);
color: white;
background: #005e8a;
position: absolute;
left: 0px; top: 40px
text-align: center;
margin: 5px 10px;
padding: 0px 20px 0px 20px;
font-size: 40px;
line-height: 60px;
width: 26px;
height: 60px;
}

#program ul {
position: relative;
color:   #005e8a;
font-size: 26px;
list-style: circle;
margin: 20px 0px 0px 0px;
}

#program ul li {
padding: 10px 0px 0px 10px;

}

#program ul li: before {

}


#foto {
width: 100%;
height: 200px;
background-image: url('images/foto_pavel2.jpg');
background-position: center;
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
}

.center-f {
margin: 0px auto 0px auto;
padding: 0px;
width: 1200px;
}

.otzyv {
background-color: #fbfbfb;
margin: 0px 0px 20px 0px;
padding: 20px 100px 20px 100px;
border-top: 5px dotted #f2f2f2;
}

.rezult {
margin: 60px 0px 0px 0px;
padding: 30px 0px 30px 0px;
background-image: url('images/shark.jpg');
background-position: center top;
background-repeat: no-repeat;
background-color: #145893;
}

.rezult span {
color: #da2d00;
background-color: white;
padding: 5px;
}

.rezult ul {
margin: 0px;
padding: 0px;
font-size: 20px;
}

.rezult li {
list-style-type: none;
padding: 0px 0px 6px 35px;
position: relative;
}

.rezult li:before {
position: absolute;
margin: 0px 5px 0px 0px;
content: "✓";
font-weight: bold;
left: 0px;
text-align: center;
color: #ffad02;
background-color: #1b3452;
border-radius: 100%;
height: 25px;
width: 25px;
}

#back12 {
margin: 50px auto 0px auto;
width: 1000px;
padding: 0px 10px 10px 10px;
background-color: white;
border: 5px solid #005e8a;
border-radius: 20px;
font-size: 14px;
}

#price {
padding: 15px 10px 0px 0px;
font-size: 36px;
color: #0190d6;
}

#zagolovok6 {
font: 30px Verdana;
color: black;
background-color: transparent;
margin: -30px 100px 0px 30px;
padding: 5px 10px 5px 10px;
}

#zagolovok6a {
background-color: white;
margin: 0px;
padding: 0px 10px 0px 10px;
}

#info1 {
width: 50%;
padding: 10px 0px 0px 20px;
margin: 0px;
float: left;
text-align: left
}

#info2 {
width: 40%;
padding: 10px 20px 0px 0px;
margin: 0px;
float: right;
}

.clock {
float: left;
margin: 0px 10px 0px 0px;
padding: 0px;
}

#back12text1 {
font-size: 18px;
}

#back12text2 {
color: #005e8a;
font-size: 18px;
}

#back12text3 {
font-size: 10px;
}

#forma {
position: relative;
background-color: #EDC86A;
border: 2px solid #f2f2f2;
margin: 70px auto 70px auto;
padding: 5px 50px 60px 50px;
width: 1000px;
}

#forma-f {
margin: 0px 0px 0px -50px;
font-size: 16px;
color: #810618;
text-align: center;
}

#forma::before {
position: absolute;
content: '';
border: 60px solid transparent;
border-top: 60px solid #b32023;
border-left: 60px solid #b32023;
top: -10px;
left: -10px;
}

#forma::after {
position: absolute;
content: '';
border: 60px solid transparent;
border-right: 60px solid #b32023;
border-bottom: 60px solid #b32023;
bottom: -10px;
right: -10px;
}

.name {
text-align: center;
color: #005e8a;
}

.formname {
padding-top: 20px;
font-size: 24px;
text-align: center;
color: #b32023;
text-shadow: 1px 1px 0px white, -1px -1px 0px white,
			1px -1px 0px white, -1px 1px 0px white;
}

#form {
float: left;
width: 500px;
padding: 0px;
text-align: left;
}

#kontakt {
float: left;
width: 350px;
border-right: 5px dotted  #005e8a;
font-size: 30px;
margin: 20px 30px 0px 100px;
padding: 0px;
}

#kontakt b {
color:  #005e8a;
}

#kontakt a {
color:  black;
}

.formavvod {
width: 400px;
font-size: 30px;
margin: 0px 0px 10px 0px;
}

.formaknopka {
width: 405px;
border: none;
background-color: #005e8a;
border: 3px solid #005e8a;
color:  white;
font-size: 35px;
padding: 10px;
font-weight: bold;
}

.formaknopka:hover {
border: 3px solid white;
}

#futer {
width: 100%;
margin: 0px;
padding: 20px 0px 20px 0px;
background-color: black;
color: white;
text-align: left;
font-size: 12px !important;
}

#futer a {
color: white;
}

.futer1 {
float: left;
width: 340px;
margin: 0px;
padding: 0px 0px 0px 10px;
}

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

#map {
float: left;
margin-right: 20px;
}

#mesto {
padding: 0px;
margin: 0px;
font-size: 22px;
}

#mesto b {
color:  #b32023;
}

#mesto img {
padding-top: 13px;
}

#mesto span {
padding: 0px;
margin: 0px;
font-size: 12px;
}