@charset "utf-8";
/* CSS Document */

* { /* removes defaults from all elements */
margin: 0;
padding: 0;
list-style: none;
}

/** Body
==============================================================================*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #636363;
background: url(images/makro.jpg) no-repeat top #a3bdda;
margin: 0 auto;
}

/** Container
==============================================================================*/

#container {
width: 972px;
margin: 0 auto;
} 

/** Floats
==============================================================================*/

.clear {
clear: both;
}

.left {
float: left;
}

.right {
float: right;
}

/** Logo
==============================================================================*/

#logo {
width: 972px;
margin: 0 auto;
}

#logo img {
margin: 40px 0 15px 0;
}

#logo p {
text-align: center;
}

/** Header
==============================================================================*/

#header {
width: 912px;
height: 550px;
padding: 30px;
background: url(images/vizyon.png) no-repeat;
}

h1 {
font-size: 16px;
margin: 360px 0 0 0;
padding: 0 0 30px 0;
border-bottom: 1px solid #efefef;
font-weight: normal;
text-align:right;
}

h2 {
font-size: 10px;
margin: 0px 0 0 0;
padding: 0 0 20px 0;
font-weight: normal;
text-align:left;
}

#header p {
font-size: 16px;
margin: 15px 0 0 0;
text-align: center;
}

/** Countdown
==============================================================================*/

.hasCountdown {
margin: 50px 0 0 0;
font-size: 28px;
text-align: center;
}

/** Progress
==============================================================================*/

#progress {
width: 972px;
height: 30px;
background: url(../images/progress_bg.png) no-repeat;
}

#progressbar {
width: 970px;
margin: 0 0 0 1px;
height: 30px;
background: url(../images/progress_bar_bg.png) repeat-x;
}

#progressbar.zero { display: none;}

#progressbar.ten { width: 10%;}

#progressbar.twenty { width: 20%;}

#progressbar.thirty { width: 30%;}

#progressbar.forty { width: 40%;}

#progressbar.fifty { width: 50%;}

#progressbar.sixty { width: 60%;}

#progressbar.seventy { width: 70%;}

#progressbar.eighty { width: 80%;}

#progressbar.ninety { width: 90%;}

#progressbar.hundred { width: 100%;}

#progressbar p {
font-size: 18px;
color: #fff;
margin: 8px 15px 0 0;
text-align: right;
}

/** Footer
==============================================================================*/

#footer {
width: 912px;
height: 114px;
padding: 30px;
background: url(images/footer_bg.png) no-repeat;
}

/** Form
==============================================================================*/

#footer p {
text-align: center;
font-size: 12px;
}

fieldset {
border: none;
}

input#email {
width: 290px;
height: 19px;
margin: 0 5px 0 0;
padding: 6px 15px 0 15px;
border: none;
font-size: 11px;
color: #7f7f7f;
background: url(../images/input_bg.jpg) no-repeat;
}

#submit {
position: relative;
top: 8px;
}