body {
background-color: white; 
 margin: 0px; 
 padding: 0px;
 font-size: 15px;
 font-family: Verdana !important;
 width: 100%;
 }
 
 p {
 line-height: 1.3 !important;
 }
 
a {
color: #00a8bb;
}
 
  .right {
 float: right;
 }
 
.left50 {
float: left;
padding-right: 50px;
}
 
 .color-red {
 color: #c41e23;
 }
 
  .color-red a {
 color: #c41e23;
 }

 .right-v {
 float: right;
 padding-left: 50px;
 }
 
.color {
color: #00a8bb;
}

 
#topbar-up {
    border-bottom-color: white !important;
 }
 
.center {
margin: 0px auto 0px auto;
padding: 0px;
width: 1000px;
}

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

h4 {
margin: 40px 0px 40px 0px;
font-size: 20px;
color: #333333;
font-weight: normal;
}

h5 {
font-size: 10px;
margin: 0px 0px 20px 0px;
}

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

.right-text {
width: 520px;
float: right;
padding-left: 30px;
}

.right-text ul {
padding-left: 0px;
padding-bottom: 20px;
margin-top: 0px;
}

.right-text li {
list-style-type: none;
padding: 30px 0px 0px 0px;
font-size: 18px;
}

.org1, .org2, .org3 {
float: left;
height: 50px;
margin: 30px 0px 50px 0px;
font-size: 18px;
}

.org1 {
padding: 0px 30px 0px 0px;
color: white;
}

.org1 span {
background-color: #81827c;   /* grey-color*/
}

.org2 {
padding: 0px 100px 0px 0px;
}

/*verh*/

#shapka {
padding-top: 44px;
background-color: #bfbfbf; 
background-image: url("images/mainback2.jpg");
background-position: bottom center;
height: 360px;
}

#shapka1 {
height: 360px !important;
width: 800px !important;
overflow: hidden;
position: relative;
top: 0px;
left: 0px;
border-left: 5px solid white; 
border-right: 5px solid white;
z-index: 1; 
clear: both;
padding: 0px;
}

#shapka1 img {
float: left;
height: 624px;
width 1000px;
}

#shapka2 {
position: relative;
bottom: 330px;
left: 690px;
border-radius: 400px;
border: 5px solid white; 
z-index: 2; 
}

#shapka3 span {
position: relative;
bottom: 380px;
left: 30px;
font-size: 32px;
color: #C41E23;
width: 600px;
z-index: 3;
line-height: 1;
padding: 1px 5px 1px 5px;
background-image: url('images/white.png');
background-repeat: repeat;
}

h1 {
font-size: 36px;
color: #00a8bb;
margin: 20px 0px 20px 0px;
position: relative;
}

h1::before {
content: "искусство  ";
font-size: 36px;
color: #bfbfbf;
position: absolute;
left: 680px; top: 100px;
}

h1::after {
content: " побеждать";
font-size: 36px;
color: #bfbfbf;
position: absolute;
left: 680px; top: 140px;
}

h1 span {
font-size: 80px;
}

h1 b {
color: #333333;
}

h2 {
line-height: 1 !important;
padding: 0px;
margin: 0px;
font-size: 44px;
color: #333333;
}

#date {
color: white;
background-color: #c41e23;
font-weight: normal; 
}

h2 span { 
color: #00a8bb;
}

h2 small { 
font-weight: normal;
font-size: 28px;
}

#grey {
width: 100%;
height: 500px;
background-image: url('images/grey.jpg');
background-repeat: repeat;
background-position: center center;
position: relative;
}

#grey img {
position: absolute;
}

#grey p {
margin: 20px 10px 30px 370px;
padding: 50px 0px 0px 0px;
color: white;
font-size: 16px;
}

#grey a {
color: #4ddbec;
}

#grey a:hover {
color: white;
}

#foto {
margin: 0px 0px 0px 0px;
background-image: url('images/foto2.jpg');
background-repeat: no-repeat;
background-position: center;
height: 546px;
border-top: 5px solid #81827c;
}

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

#skachat {
font-weight: bold; 
padding: 10px 15px 10px 15px;
background-color: #00a8bb;
border-radius: 100px;
}

#skachat a {
color: white !important;
text-decoration: none;
}

#skachat :hover {
padding: 10px 20px 10px 20px;
}

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

#info2 ul {
padding-left: 0px;
}

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

#programma {
background-image: url('images/zal1.jpg');
background-size: 100%;
background-attachment: fixed;
background-position: center;
padding: 90px 0px 70px 0px;
margin: 0px;
}

#programma h3 {
color: white;
text-shadow: 1px 1px 10px black;
}

#list {
background-color: white;
background-image: url('images/white1.jpg');
background-repeat: repeat;
padding: 50px;
margin:5px 0px 50px 0px;
box-shadow: 1px 1px 10px black;
position: relative;
}

#list span {
background-color: #fac600;
padding: 10px 20px 10px 40px;
margin-left: -70px;
position: relative;
box-shadow: 0px 1px 1px #bfbfbf;
}

#list span::after {
position: relative;
content: '';
border: 22px solid transparent;
border-left: 16px solid #fac600;
height: 0px;
right: -58px;
top: -8px;
font-size: 0px;
}

#list span::before {
position: relative;
content: '';
border: 10px solid transparent;
border-right: 10px solid #876b00;
border-bottom: 10px solid #876b00;
height: 0px;
left: -40px;
top: -40px;
font-size: 0px;
}

#list ul {
margin: 0px 0px 70px 0px;
padding: 0px;
list-style-type: none;
line-height: 1.5;
font-size: 18px;
}

#list li {
padding-bottom: 10px;
}

#list li:first-letter {
color: #c41e23;
}

#programma h3:first-letter {
color: #fac600;
}

#orange span {
background-color: #e75700;
color: white;
}

#orange span::after  {
border-left: 16px solid #e75700;
}

#orange span::before {
border-right: 10px solid #c45503;
border-bottom: 10px solid #c45503;
}

#back12text1 {
font-size: 18px;
}

#back12text2 {
color: #00a8bb ;
font-size: 18px;
}

#back12text3 {
font-size: 10px;
}

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

#trener {
margin: 0px;
padding: 50px 0px 0px 0px;
background-image: url('images/ricepaper.jpg');
background-repeat: repeat;
background-position: center;
}

#trener h2 {
margin: 60px 0px 30px 0px;
}

#trener-b {
font-size: 22px;
}

#trener p {
margin: 10px 0px 0px 0px;
font-size: 18px;
}

#trener ul {
margin-left: 0px;
padding: 10px 0px 0px 0px;
}

#clients {
margin: -25px 0px 20px 0px;
padding: 0px;
font-size: 30px;
color: #C41E23;
}

#clients2 {
margin: 25px 0px 20px 0px;
padding: 0px;
font-size: 22px;
color: #333333;
}

#trener li {
margin: 0px;
float: left;
width: 130px;
list-style-type: none;
display: block;
position: relative;
}

#t12 {
padding: 0px 0px 0px 80px;
}

#t12::before {
position: absolute;
left: 20px; 
top: -5px;
content: "12";
font-size: 40px;
font-weight: bold;
color: #C41E23;
}

#t20 {
padding: 0px 0px 0px 90px;
}

#t20::before {
position: absolute;
left: 30px; 
top: -5px;
content: "20";
font-size: 40px;
font-weight: bold;
color: #C41E23;
}

#t300 {
padding: 0px 0px 0px 140px;
}

#t300::before {
position: absolute;
left: 50px; 
top: -5px;
content: "300";
font-size: 40px;
font-weight: bold;
color: #C41E23;
}

#place {
background-image: url('images/hotel.jpg');
background-size: 100%;
background-attachment: fixed;
padding: 100px 0px 70px 0px;
margin-top: 50px;
}

#forma {
background-image: url('images/white1.png');
background-repeat: repeat;
position: relative;
border: 2px solid #f2f2f2;
margin: 0px auto 0px auto;
padding: 5px 50px 60px 50px;
width: 1000px;
}

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

.formname {
font-size: 30px;
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  #00a8bb;
font-size: 30px;
margin: 20px 30px 0px 100px;
padding: 0px;
}

#kontakt b {
color:  #00a8bb;
}

#kontakt a {
color:  black;
}

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

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

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

footer a {
color: #00a8bb;
}

.partner  img {
padding: 10px;
background-color: white;
margin-right: 20px;
border-radius: 5px;
}


#p-r {
margin: 0px;
padding: 0px;
width: 650px;
float: right;
}

#p-r h3, .partner h3 {
margin-top: 0px;
padding-top: 0px;
}

.partner  h3 {
text-shadow: 1px 1px 5px white, 1px -1px 5px white,
			-1px 1px 5px white, -1px -1px 5px white;
margin: 50px 0px 20px 0px;
}