* {
margin: 0;
padding: 0;
}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
}

body {
 -webkit-font-smoothing: antialiased;
 -webkit-animation-name: body;
 -webkit-animation-duration: 2s;
 -webkit-animation-iteration-count: 1;
}


@-webkit-keyframes body {
 0% {
 opacity: 0;
 }
 40% {
 opacity: 0;
 }
 100% {
 opacity: 1;
 }
}

html {

}
 
body {
 text-align: center;
 font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
 color: #FFF;
 text-shadow: 0 1px 2px rgba(0,0,0,.25);
 -webkit-font-smoothing: antialiased;
 font-weight: normal;
letter-spacing: normal;
background: #CCC; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
width:100%;
height:100%;
}

#wrapper {
max-width: 1024px;
margin: auto;

}

a {
 color: white;
}


/* Layout */

#main {
height:100%;
display:block;
max-width: 1024px;
background: transparent;
background: #666;
margin-left: auto;
margin-right: auto;
position: relative;
left: 0px;
top: 0px;
padding-top:40px;
padding-bottom:20px;
}

h1 {
line-height: 32px;
text-transform: uppercase;
font-size: 32px;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
margin: 0;
padding: 0 0 15px;
color: #ffbd0f;
}

h2 {
line-height: 38px;
text-transform: uppercase;
font-size: 22px;
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
margin: 0;
padding: 0 0 10px;
color:#ffbd0f;
}


div.zagolovok {
line-height: 24px;
text-transform: uppercase;
font-size: 24px;
text-shadow: 0px 0px 18px rgba(0, 0, 0, 0.4);
margin: 0;
padding: 0 0 5px;
}

#main p {
 font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
 font-size: 14px;
 font-weight: normal;
 background: transparent;
 display: block;
 padding: 10px 0;
}

#footer {
position: fixed;
bottom: 0;
height: 100px;
width:100%;
text-align:center;
margin: 0 auto;
padding: 0 0 120px 0;
display: block;
background: #666;
margin-left: auto;
margin-right: auto;
position: relative;
left: 0px;
top: 0px;
}

div.esche {
display: inline-block;
font-size: 16px;
width: 100%;
margin: 0 0 25px;
padding-top:55px;
position: relative;
background-color: transparent;
background: url("/arrow.png") center top no-repeat;
}


form.registration button {
//background-color: #1ebad6;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
//border-color: #000;
//border-radius: 1px;
//font-size: 14px;
//font-weight: 500;
//color: #fff;
cursor: pointer;
display: inline-block;
width: 300px;
padding: 10px 0px;
margin: 10px auto;
position: relative;
z-index: 10;
background: #fc0 url(/page-cta-bg.png) bottom repeat-x;
border-radius: 100px;
border-bottom: 1px solid #CC7B27;
color: #5E2500;
font-weight: 700;
font-size: 14px;
line-height: 28px;
text-align: center;
text-transform: uppercase;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
text-decoration: none;
}

.batblue {
background: #1ebad6;
background: linear-gradient(#1ebad6, #0071BD) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #0071BD;
border-radius: 10px;
box-shadow: 0 1px 0 #1ebad6 inset, 1px 1px 1px #01172C;
padding: 3px;
width:310px;
height: 60px;
line-height:60px;
margin: 10px auto;
margin-top: 15px;
text-align:center;
display: block;
z-index:4;
}

.batblue span {
border: 1px dashed #fff;
border-radius: 8px;
padding: 5px;
text-shadow: 0 -1px 0 #0064A7;
color: #FFFFFF;
text-align: center;
width:298px;
height: 48px;
display: inline-block;
font-size:28px;
line-height:48px;
font-weight: normal;
letter-spacing: normal;
background: transparent;
z-index:5;
}

.knopka {
padding: 10px 0;
}


img {
 display: block;
 padding: 20px 0 5px;
text-align: center;
margin: 0 auto;
}

.rupor {
 font-size: 11px;
 font-weight: normal;
 display: block;
 padding-bottom: 20px;
}


ul.drugie {
display: block;
list-style:none;
margin: 0 auto;
}

ul.drugie li {
}

ul.drugie li a {
font-size: 16px;
text-indent:2;
color: #6FF;
font-weight: bold;
display: block;
height: 21px;
line-height: 21px;
}

ul.drugie li a:hover {
color: #F96;
}


span.red {
color: #ffbd0f;
font-weight: bold;
}

div.dl {
max-width: 410px;
text-align:center;
margin: 0 auto;
display: block;
height: 80px;
}

div.dl a {
float:left;
display: block;
}

div.dl a img {
float:left;
display: block;
}