body
{background-color: white; 
 margin: 0px; 
 padding: 0px;
 font-size: 15px;
 font-family: Verdana !important;
 width: 100%;
 }
 
 p {
 line-height: 1.3 !important;
 }
 
 .color-red {
 color: #b32023;
 }
 
 .color-yellow {
  color: #ffcc33;
 }
 
 .right {
 float: right;
 }
 
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;
}

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 {
width: 100%;
margin: 0px;
padding: 40px 0px 0px 0px;
background-color: white;
}

#back1 img {
margin: 0px;
padding: 0px;
}

#big {
font-size: 20px;
}

#big b {
color: #990033;
}


#nazvanie {
text-align: center;
width: 100%;
margin: 0px;
padding: 10px 0px 20px 0px;
background-color: #990033;
}

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

#podnazv {
margin: 0px;
color: #ffcc33;
font-size: 40px;
}


#date {
margin: 0px;
padding: 30px 0px 0px 0px;
font-size: 40px;
color: #b32023;
text-shadow: 1px 1px 1px white, 1px -1px 1px white,
				-1px 1px 1px white, -1px -1px 1px white;
}

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


#right-k {
float: right;
}

.knopka-verh {
color: white;
font-size: 36px; 
border: none;
width: 320px;
margin: 20px 0px 0px 70px;
padding: 10px;
background-color: white;
border: 3px solid #990033;
	-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-verh a {
color: #990033;
text-decoration: none;
}

.knopka-verh:hover {
width: 330px;
margin: 20px 0px 0px 70px;
padding: 10px 20px 10px 20px;
background-color: white;
border: 3px solid #990033;
	-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-verh p { 
color: #990033;
font-size: 36px; 
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-verh span { 
font-size: 30px; 
}

#video {
float: left;
margin: 0px;
padding: 10px 20px 20px 0px;
}

#galochki ul{
padding: 0px;
margin: 0px;
}

#galochki li{
padding: 7px 0px 0px 0px;
list-style-type: none;
}

#galochki li:before {
padding-right: 5px;
content: "►";
color: #b32023;
}

.vedyshii {
font-size: 26px;
color: white;
}

#red {
background-color: #990033;
margin: 30px 0px 0px 0px;
padding: 5px 0px 20px 0px;
color: black;
text-align: center;
vertical-align: center;
}

#red ul {
margin: 0px;
padding: 0px;
}

#red li {
list-style-type: none;
position: relative;
float: left;
width: 180px;
height: 100px;
background-color: white;
border-radius: 100%;
margin: 0px 10px 0px 10px;
padding: 70px 20px 50px 20px;
border: 5px solid #ffcc33;
}

#red li::after {
content: ''; 
position: absolute;
right: 90px; top: 0px;
border: 20px solid transparent;
border-top: 60px solid #ffcc33;
}

#trener {
margin: 0px 0px 0px 0px;
padding: 30px 0px 10px 0px;
font-size: 20px;
border-top: 5px solid #b32023;
}

#trener ul {
float: left;
margin: 0px;
}

#trener li {
height: 80px;
position: relative;
background-color: #990033;
color: white; 
list-style-type: none;
font-size: 16px;
margin: 0px 0px 30px 0px;
padding: 5px 0px 5px 85px;
}

#trener li::after {
content: ''; 
position: absolute;
right: -75px; top: 0px;
border: 45px solid transparent;
border-left: 30px solid #990033;
}

#trener li::before {
content: ''; 
position: absolute;
left: -75px; top: 0px;
border: 45px solid transparent;
border-right: 30px solid #990033;
}

#p1 {
background-image: url('images/point1.gif');
background-repeat: no-repeat;
background-position: left center;
}

#p2 {
background-image: url('images/point2.gif');
background-repeat: no-repeat;
background-position: left center;
}

#p3 {
background-image: url('images/point3.gif');
background-repeat: no-repeat;
background-position: left center;
}

#p4 {
background-image: url('images/point4.gif');
background-repeat: no-repeat;
background-position: left center;
}

#p5 {
position: relative;
background-color: #990033;
color: white; 
font-size: 16px;
margin: 60px 0px 30px 80px;
padding: 0px;
float: left;
width: 400px;
height: 350px;
background-image: url('images/point5.gif');
background-repeat: no-repeat;
background-position: left top;
}

#p5-1 {
padding: 0px 10px 5px 10px;
margin: 0px;
}

#p5-2 {
padding: 5px 10px 0px 90px;
margin: 0px;
}

#p5::after {
content: ''; 
position: absolute;
right: -75px; bottom: 0px;
border: 45px solid transparent;
border-left: 30px solid #990033;
}

#p5::before {
content: ''; 
position: absolute;
left: -75px; top: 0px;
border: 45px solid transparent;
border-right: 30px solid #990033;
}

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

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

#klienty {
padding: 20px 0px 0px 0px;
background-color: #990033;
color: white;
}

#rez {
margin: 40px 0px 0px 0px;
padding: 5px 0px 20px 0px;
background-color: #d4d6d9;
background-image: url('images/rezult.jpg');
background-position: center;
background-repeat: no-repeat;
}

#rez p {
margin-bottom: 20px;
padding-left: 10px;
border-left: 10px solid #b32023;
}

#forma {
background-position: left bottom;
background-repeat: no-repeat;
margin: 30px auto 10px auto;
padding: 30px 0px 50px 0px;
width: 1000px;
}

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

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


.knopka-verh2 {
font-size: 36px; 
border: none;
width: 320px;
margin: 20px 0px 0px 40px;
padding: 10px;
background-color: #990033;
	-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-verh2 a {
color: white;
text-decoration: none;
}

.knopka-verh2:hover {
width: 330px;
margin: 20px 0px 0px 70px;
padding: 10px 20px 10px 20px;
}    

.knopka-verh2 p { 
color: white;
font-size: 36px; 
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-verh2 span { 
font-size: 30px; 
}

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

#kontakt b {
color:  #b32023;
}

#kontakt a {
color:  black;
}

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

.formaknopka {
border: none;
background-color: #fbfbfb;
color:  #b32023;
font-size: 40px;
padding: 10px;
}

.formaknopka:hover {
font-weight: bold;
}

#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;
}

#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;
}