@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(http://fonts.gstatic.com/s/roboto/v13/G1l_KMKj5pga7ZKths0iTfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v13/Fl4y0QdOxyyTHEGMXX8kcT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v13/Y5yuUJGDLtmYv2_3fMB4fA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fonts.gstatic.com/s/roboto/v13/isZ-wbCXNKAbnjo6_TwHTj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(http://fonts.gstatic.com/s/roboto/v13/3Y_xCyt7TNunMGg0Et2pnj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(http://fonts.gstatic.com/s/roboto/v13/5z9jpDJQqVE5bmkRqplJfhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(http://fonts.gstatic.com/s/roboto/v13/7m8l7TlFO-S3VkhHuR0at2Ob2gHztoQeulij-1lvl-8.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(http://fonts.gstatic.com/s/roboto/v13/m1uAalIytmLBFXF3PwhxpPesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(http://fonts.gstatic.com/s/roboto/v13/t6Nd4cfPRhZP44Q5QAjcC2Ob2gHztoQeulij-1lvl-8.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url(http://fonts.gstatic.com/s/roboto/v13/bmC0pGMXrhphrZJmniIZpWOb2gHztoQeulij-1lvl-8.woff) format('woff');
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v6/yrzXiAvgeQQdopyG8QSg8Q.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Bold'), local('PTSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v6/g46X4VH_KHOWAAa-HpnGPhsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: local('PT Sans Italic'), local('PTSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v6/7dSh6BcuqDLzS2qAASIeuj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v6/lILlYDvubYemzYzN7GbLkIraN7vELC11_xip9Rz-hMs.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(http://themes.googleusercontent.com/static/fonts/ptsansnarrow/v5/UyYrYy3ltEffJV9QueSi4S4mX3cpNo8MnLri8k21-rs.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'), url(http://themes.googleusercontent.com/static/fonts/ptsansnarrow/v5/Q_pTky3Sc3ubRibGToTAYigwe3ZcNEyK1ut-Sjba9Qg.woff) format('woff');
}
b {font-weight: 700;}

body {
background: #EFEFEF;
font-family: 'Roboto';
margin: 0px;
}


p {
	font: 300 15px/21px "Roboto", sans-serif;
	color: #999999;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
}

h1{
	font: 700 30px/34px "Roboto", sans-serif;
	color: #BB0000;
    margin: 15px 20px 15px 20px;
	text-align: center;
}

h2{
	font: 400 28px/32px "Roboto", sans-serif;
	color: #1B1B1B;
	margin: 0px 50px 20px 50px;
	text-align: center;
}

H3 {
  font: 400 17px/23px "Roboto", sans-serif;
  text-align: center;
  margin-left: 0px;
  margin-right: 0px;
  margin-top:5px;
  margin-bottom:13px;
  color: #BB0000;
}


#header{
    min-height: 80px;
    margin: 0 auto;
    width: 100%;
	max-width: 900px;
	min-width: 300px;
	position: static;
	padding: 10px 0px 10px 0px;
	background: #263949;
	margin-top: 0px;
}


#header .head_zag {
	font: 400 28px/35px "Roboto", sans-serif;
	color: #fff;
	text-align: center;
	margin: 5px 0px 10px 0px;
}



#header2{
    min-height: 3px;
    margin: 0 auto;
    width: 100%;
	position: relative;
	padding: 0px;
	background: #fff;
	margin-top: 0px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	z-index: 2000;
}


.content{
    min-height: 30px;
    margin: 0 auto;
    width: 100%;
	max-width: 900px;
	min-width: 300px;
	position: relative;
	padding: 10px 0px 20px 0px;
	background: #fff;
	margin-top: 0px;
	border-radius: 0px 0px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
	z-index: 1000;
}

.cont_block1{width:57%;min-height: 281px; float:left;padding: 0px; position: static;margin-left: 28px;margin-right: 10px;}
.cont_block1 img{max-width:100%;}

.cont_block2{width:33%;min-height: 30px;float:left;padding: 0px; position: static;}

.cont_block3{width:400px;min-height: 30px;float:left;padding: 0px; position: static;}
.cont_block4{width:500px;min-height: 30px;float:left;padding: 0px; position: static;}

/*--------------------*/


#subscription
{
    background-color: #F3F4F4;
	border: 1px solid #B3B3B3;	
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    z-index: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;  
}


/*--------------------*/

fieldset
{
    border: 0;
    padding: 0;
    margin: 0;
}

/*--------------------*/



:focus::-webkit-input-placeholder {
  color: transparent
}
 
:focus::-moz-placeholder {
  color: transparent
}
 
:focus:-moz-placeholder {
  color: transparent
}
 
:focus:-ms-input-placeholder {
  color: transparent
}


#inputs input
{
    font: 400 17px/20px "Roboto", sans-serif;
	background: #FCFCFC;
    padding: 10px 15px 10px 15px;
    margin: 0 10px 10px 10px;
    width: 82.5%; 
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
}

#username
{
    background-position: 5px -2px !important;
}

#email
{
    background-position: 5px -52px !important;
}

#inputs input:focus
{
    background-color: #fff;
    border-color: #096CAD;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #096CAD inset;
    -webkit-box-shadow: 0 0 0 1px #096CAD inset;
    box-shadow: 0 0 0 1px #096CAD inset;
}

/*--------------------*/
#actions
{
    margin: 5px 0 7px 0;
}

#submit
{		
    background-color: #FE8A18;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCE34), to(#FE8A18));
    background-image: -webkit-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -moz-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -ms-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: -o-linear-gradient(top, #FFCE34, #FE8A18);
    background-image: linear-gradient(top, #FFCE34, #FE8A18);    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);   
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;
    height: 55px;
    padding: 0;
    width: 268px;
    cursor: pointer;
    font: 700 25px/25px "Roboto", sans-serif;
    color: #313131;
}

#submit:hover,#submit:focus
{		
    background-color: #FFCE34;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8A18), to(#FFCE34));
    background-image: -webkit-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -moz-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -ms-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: -o-linear-gradient(top, #FE8A18, #FFCE34);
    background-image: linear-gradient(top, #FE8A18, #FFCE34);
}	

#submit:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}

#submit::-moz-focus-inner
{
  border: none;
}

#actions a
{
    color: #3151A2;    
    float: right;
    line-height: 35px;
    margin-left: 10px;
}

/*--------------------*/

#back
{
    display: block;
    text-align: center;
    position: relative;
    top: 60px;
    color: #999;
}

.cursor
{
	background-repeat: no-repeat;
    background-image:  url("images/cursor.png");
	width: 12px;
	height: 19px;
	margin: -28px 0 20px 95%;
	z-index: 4000;
	position: relative;
}


.timer1 {
	margin-top: 3px;
	margin-bottom: 5px;
	display: block;
}

.timer2 {
	display: none;
}


.clear {clear: left;}
.clear2 {clear: right;}	


/*----------------------------------------------------------------------------------------
						ÍÎÓÒ
----------------------------------------------------------------------------------------*/
	
@media screen and (min-width:801px) and (max-width:1024px) {


p {
	font: 300 15px/21px "Roboto", sans-serif;
	color: #999999;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
}

h1{
	font: 700 36px/38px "Roboto", sans-serif;
	color: #BB0000;
    margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

h2{
	font: 400 28px/32px "Roboto", sans-serif;
	color: #1B1B1B;
    margin-left: 40px;
	margin-right: 40px;
	text-align: center;
}

H3 {
  font: 400 21px/23px "Roboto", sans-serif;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  margin-top:5px;
  margin-bottom:13px;
  color: #BB0000;
}


#submit{width: 90%;}

#header .head_zag {
	font: 400 28px/35px "Roboto", sans-serif;
	color: #fff;
	text-align: center;
	margin: 5px 0px 10px 0px;
}

.cont_block3{width:45%;min-height: 30px;float:left;padding: 0px; position: static;}
.cont_block4{width:55%;min-height: 30px;float:left;padding: 0px; position: static;}


}


/*----------------------------------------------------------------------------------------
						ÏËÀÍØÅÒ
----------------------------------------------------------------------------------------*/

@media screen and (min-width:480px) and (max-width:800px) {


p {
	font: 300 15px/21px "Roboto", sans-serif;
	color: #999999;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
}

h1{
	font: 700 28px/32px "Roboto", sans-serif;
	color: #BB0000;
    margin-left: 30px;
	margin-right: 30px;
	text-align: center;
}

h2{
	font: 400 21px/25px "Roboto", sans-serif;
	color: #1B1B1B;
    margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

H3 {
  font: 400 19px/23px "Roboto", sans-serif;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  margin-top:5px;
  margin-bottom:13px;
  color: #BB0000;
}


.content{
    min-height: 30px;
    margin: 0 auto;
    width: 90%;
	margin-top:20px;
	margin-bottom:10px;
}



.cont_block1{margin:0 auto;;width:90%;float:none;min-height: 30px;margin-bottom:20px;}
.cont_block1 img{width:100%;}

.cont_block2{margin:0 auto;;width:90%;float:none;min-height: 30px;margin-bottom:20px;}


#subscription
{	
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}
#submit{width: 90%;margin-bottom:10px;}


.cursor
{
	background-repeat: no-repeat;
    background-image:  url("images/cursor.png");
	width: 12px;
	height: 19px;
	margin: -30px 0 10px 90%;
	z-index: 4000;
	position: relative;
}

#header .head_zag {
	font: 400 23px/28px "Roboto", sans-serif;
	color: #fff;
	text-align: center;
	margin: 15px 0px 10px 0px;
}


.timer2 {
	display: none;
}






.cont_block3{width:100%;min-height: 30px;float:none;padding: 0px; position: static;padding-top: 5px;}
.cont_block4{width:100%;min-height: 30px;float:none;padding: 0px; position: static;}


}


/*----------------------------------------------------------------------------------------
						ÌÎÁÈËÜÍÈÊ
----------------------------------------------------------------------------------------*/

@media screen and (min-width:240px) and (max-width:479px) {

p {
	font: 300 11px/17px "Roboto", sans-serif;
	color: #999999;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
}

h1{
	font: 700 25px/28px "Roboto", sans-serif;
	color: #BB0000;
    margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

h2{
	font: 400 19px/23px "Roboto", sans-serif;
	color: #1B1B1B;
    margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

H3 {
  font: 400 17px/21px "Roboto", sans-serif;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  margin-top:5px;
  margin-bottom:13px;
  color: #BB0000;
}



#header{
    min-height: 30px;
    margin: 0 auto;
    width: 100%;
	max-width: 900px;
	min-width: 300px;
	position: static;
	padding: 10px 0px 10px 0px;
	margin-top: 0px;
}


#header .head_zag {
	font: 400 17px/21px "Roboto", sans-serif;
	color: #fff;
	text-align: center;
	margin: 5px 0px 5px 0px;
}


.content{
    min-height: 30px;
    margin: 0 auto;
    width: 95%;
	margin-top:10px;
	margin-bottom:10px;
}



.cont_block1{margin:0 auto;;width:90%;float:none;min-height: 30px;margin-bottom:20px;}
.cont_block1 img{width:100%;}

.cont_block2{margin:0 auto;;width:90%;float:none;min-height: 30px;margin-bottom:0px;}

.cont_block3{width:100%;min-height: 30px;float:none;padding: 0px; position: static;padding-top: 5px;}
.cont_block4{width:100%;min-height: 30px;float:none;padding: 0px; position: static;}

#subscription
{	
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}
#submit{width: 90%;margin-bottom:10px;}


.cursor
{
	background-repeat: no-repeat;
    background-image:  url("images/cursor.png");
	width: 12px;
	height: 19px;
	margin: -30px 0 10px 90%;
	z-index: 4000;
	position: relative;
}



.timer1 {
	display: none;
}

.timer2 {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}


}