*{
margin: 0 auto;
padding: 0 auto;
outline: none;}

html, body {
    padding: 0 auto;
    margin: 0 auto;
    font-family: 'Exo', sans-serif;
    background-color:#ffffff;    
    color:#000000;
    min-width: 1024px;}

img{
border:0px;}

a{
text-decoration:none;}

.header, .strip, .contacts, .pictures,.banners,{
position: relative;
width: 100%;
margin: auto 0;
}

.header{
background-color:#3BA8C9;}

.inside{
width: 1024px;}

h1 
{ font-family: 'Exo', sans-serif;
font-weight: 500;
color:#ffffff; 
font-size: 2.1em;
text-align: center;
padding: 0 0 5px 0;}

#heading{
padding: 35px 0 30px 0;
width: 954px;}

#fb{
float:right;
padding: 0 5px 0 0;
color:#ffffff; 
margin: -135px auto 0;
z-index: 100;
text-align: center;}

/*  */
.contacts{
background: url( ../img/contacts_fon.png) repeat-x top center;}

h2
{ font-family: 'Exo', sans-serif;
color:#13697D; 
font-size: 1.2em;
text-align: center;
padding: 23px 0 23px 0;
}

h3 
{ font-family: 'Exo', sans-serif;
font-weight: 500;
color:#ffffff; 
font-size: 1.8em;
text-align: center;
padding: 13px 0 13px 0;
}

.strip{
background-color:#13697D;}


td { text-align: center;
width:33%;
}

.radius{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -khtml-border-radius: 10px;
  -o-border-radius:10px; 
  -ms-border-radius: 10px;
  -icab-border-radius: 10px;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  -ms-box-shadow:5px 5px 10px black; /* IE10 */
  -o-box-shadow:5px 5px 10px rgba(0,0,0,0.5); /* Opera 11.10+ */
  -khtml-box-shadow:5px 5px 10px rgba(0,0,0,0.5); /* не помню */
  filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=8);
   zoom: 1;      
  }

.banners{
background: url( ../img/banner_fon.jpg) repeat;
border-bottom: 3px dashed #3E3F3F; 
border-top: 3px dashed #3E3F3F; 
}
  
.banner_table{ 
padding: 47px 0 47px 0;
}
  
 .texts{ 
padding: 60px 0 60px 0;
}
  
.texts td{ 
vertical-align:top;
}  
 .texts p{ 
padding: 0 25px 20px 25px;
font-size: 1.4em;
height: 230px;
}
 .texts p span{ 
color:#FF5E49;
}   
.button { 
color:#ffffff;
width: 138px;
height: 48px;
background: url( ../img/but1.png) no-repeat;
line-height: 48px;
}    
.button:hover {
background: url( ../img/but2.png) no-repeat;
 } 


 
.up{
position: relative;
width: 100%;
background: url( ../img/up_corner.png) repeat-x center bottom;
height: 92px;
Z-index:1000;
 }  
 

 .down{
width: 100%;
background: url( ../img/down_corner.png) repeat-x center top;
margin: -87px auto 0;
Z-index:1000;
height: 87px;
position: relative;
 } 
  
#my_form {
width: 100%;
background: url( ../img/form_fon.jpg) repeat center center;
margin: -87px auto 0;
padding: 100px 0 130px 0;
Z-index:10;
 } 

.footer{
width: 1024px;
padding:0 10px 20px 10px;
overflow:hidden;
font-size: 1em;
 
 } 

.right_footer{
position: relative;
float:right;
 } 

.left_footer{
position: relative;
float:left;
 } 


 
 
 .forma{
display: block;
position: relative;
width: 560px;
top: 10px;
bottom: 10px;
text-align: center;
background: url( ../img/forma_fon.png) repeat;
 -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -khtml-border-radius: 15px;
  -o-border-radius:15px; 
  -ms-border-radius: 15px;
  -icab-border-radius: 15px;
   box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  -ms-box-shadow:5px 5px 10px black; /* IE10 */
  -o-box-shadow:5px 5px 10px rgba(0,0,0,0.5); /* Opera 11.10+ */
  -khtml-box-shadow:5px 5px 10px rgba(0,0,0,0.5); /* не помню */
  filter: progid:DXImageTransform.Microsoft.shadow(direction=120, color=#000000, strength=8);
   zoom: 1;      
z-index:2000;
overflow:hidden;
}
 
 
 .formname{
text-align: center;
font-size: 2.5em;
color:#13697D;
background-color:#A6D7E1;
padding: 10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-khtml-border-radius: 15px;
-o-border-radius:15px; 
-ms-border-radius: 15px;
-icab-border-radius: 15px;
}

.formadowntext{
font-family: 'latoregular';
text-align: center;
color: #1516B5;
font-size: 1.2em;
}


textarea {
  width: 513px;}
  
input{
width: 247px;}

input, textarea {
position: relative;
padding:5px;
margin-top:20px;
border:1px solid #939598; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
-o-border-radius:10px; 
-ms-border-radius: 10px;
-icab-border-radius: 10px;
font-size: 1.2em;
color:#939598;}

input:focus{
border:2px solid #ffffff; 
 }
textarea:focus{
border:2px solid #ffffff; 
 }
 
 
#knopka{
border:1px solid #ffffff; 
float:right;
margin:10px 20px 15px 0;
width:212px;
height: 44px; 
cursor:pointer;
background-color:#FFC849;
color:#000000;
font-size: 1.7em;
font-weight: 600;
}

#knopka:hover{
background-color:#FFA79B;
}
 
 .banner2{
font-family: 'Mystery Quest', cursive;
width:439px;
height: 214px; 
background: url( ../img/banner2.jpg) no-repeat center center;
text-align: left;
font-size: 1.15em;
color:#575757;
}

  .banner2 p{
padding:125px 0px 0px 20px;
}
  .banner1{
font-family: 'Playball', cursive;
width:439px;
height: 214px; 
background: url( ../img/banner1.jpg) no-repeat center center;
text-align: left;
font-size: 1.4em;
color:#A55076;
}
 
 .banner1 p{
padding:130px 0px 0px 20px;
line-height:1.1em;
}
 
 #contactform label.error {
  font-size: 1em;
  color: #F00;
  display: block;
 letter-spacing:0.1em;
 border: 0px;
}

 .error {
        border: 3px solid red;
}
 
 .correct {
        background: #56d800;
        border: 3px solid #008000;
}