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, img, ins, kbd, q, s, samp,
small, strike, strong, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


body {
	
	font-family: 'Marcellus SC', serif;
	line-height: 1;
	color: #481C13;	
	}
	
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

p { 
 font-size:17px;
 line-height:25px;
 text-align:justify;
 color: #481C13;
}

h2.wtd {
margin:10px;
text-transform:uppercase;
font-size:28px;
color: #481C13;
}

body {
margin:0;
padding:0;
width:100%;
height:100%;
background-color:#000;
overflow-x:hidden;
background-position:top right;
text-transform:uppercase;
}


#logowrap {
width:100%;
overflow-x:hidden;
}


#bricks {
padding:0;
height:100%;
width:100%;
background: url('../img/cuted/brick_tile300.jpg');
background-repeat: repeat;
background-position: right top;

}

#shadowL {
position:absolute;
top:0;
left:0;
width:600px;
height:4200px;
background: url('../img/cuted/bg_gradient600.png') repeat-y;
z-index:100000;
}

#shadowR {
position:absolute;
top:0;
right:0;
width:600px;
height:4200px;
background: url('../img/cuted/bg_gradient600R.png') repeat-y;
z-index:100000;
}

#gwyf {
position:absolute;right:-60px;top:0px;
display:none;
cursor:pointer;
}

#gwyf_shadow {
position:absolute;right:-62px;top:0px;
cursor:pointer;
}

.hidden {
overflow:hidden!important;
}

.visible {
overflow:visible!important;
}

#parallaxx {

max-height:3780px;
padding:0;
z-index:100000000000000;

}



#ksiazka {
position:relative;
margin:0px auto;
width:561px;	
z-index:10000000000000;	
}
				


#get_it {
cursor:pointer!important;
}

#wrapper {
position:relative;
margin:0px auto;
width:730px;
height:100%;
margin-top:100px;
background: url('../img/cuted/papier.png') repeat-y;
z-index:1000;
}

.flip-vertical {
   -moz-transform: scaleY(-1);
   -webkit-transform: scaleY(-1);
   -o-transform: scaleY(-1);
   transform: scaleY(-1);
   -ms-filter: flipv; /*IE*/
   filter: flipv; /*IE*/
}

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

.lineh {
line-height:30px;
width:230px;
font-size:20px;
}

#hole1 {
position:absolute;
top:689px;
left:-432px;
z-index:10;
}

#eye1 {
position:absolute;
top:734px;
left:-382px;
z-index:100;
display:none;
}

#hole_patch1{
position:absolute;
top:689px;
left:-432px;
z-index:100;
}

#eye2 {
position:absolute;
top:2148px;
right:-190px;
z-index:100;
display:none;
}

#hole2 {
position:absolute;
top:2110px;
right:-314px;
z-index:10;
}

#hole_patch2{
position:absolute;
/*top:1840px;*/
top:2110px;
right:-314px;
z-index:100;
}

#eye3 {
position:absolute;
top:3133px;
left:-355px;
z-index:100;
display:none;
}


#hole3 {
position:absolute;
top:3167px;
left:-405px;
z-index:10;
}


#hole_patch3{
position:absolute;
top:3167px;
left:-405px;
z-index:100;
}

#floater {
position:fixed;
top:40px;	
right:40px;		
z-index:10000000000000000000000000000;
}

#floater:before {
position:relative;
top:0px;
left:-0px;
width:220px;
height:27px;
display:block;
content: url('../img/scrollmin/scrollmin_top.png');
}

#min_scroll {
position:relative;
/*background: #f5e7c8;*/
background: url('../img/scrollmin/scrollcontent.png') repeat-y;
z-index:10000;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
height:110px;
width:220px;
behavior: url(PIE-1.0.0/PIE.htc);
}

.scroll_margin {
position:relative;
margin-left:25px;
top:-10px;
}
	
#floater:after {
position:relative;

width:220px;
height:27px;
display:block;
content: url('../img/scrollmin/scrollmin_top.png');
-moz-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
-ms-filter: flipv; /*IE*/
filter: flipv; /*IE*/
}

#wrapper:before {
position:relative;
top:-88px;
width:687px;
height:112px;
display:block;
content: url('../img/cuted/papier_top.png');
}

.mirror {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";	
}
	
#wrapper:after {
position:relative;
/*bottom:-278px;*/
top:88px;
width:688px;
height:112px;
display:block;
content: url('../img/cuted/papier_top.png');
-moz-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
-ms-filter: flipv; /*IE*/
filter: flipv; /*IE*/
}

#logoimg {
position:relative;
margin-top:54px;
z-index:1000000;


}

.letters_key {
transform:rotate(-10deg); -webkit-transform:rotate(-10deg); 
-moz-transform:rotate(-10deg); -o-transform:rotate(-10deg)
}


#animation_border {
position:relative;
width:1070px;
margin:0 auto;
height:10px;
}

#objects {
position:reelative;
background:#cdcdcd;
}

#button_default  p {
font-size:17px;
width:290px;
line-height:21px!important;
text-transform:none;
color:#f0f0f0;
text-align:left;
text-shadow: 1px 1px black, -1px -1px #444;
}

#tile_raz {
position:relative;
width:1000px;
margin:0 auto;

}

#tile1 {
top:-900px;
position:absolute;
right:270px;
z-index:100000;

}

.book {
position:absolute;

}

#button_head p {
margin-top:10px;
margin-left:20px;
padding:0;
font-size:22px;
width:300px;
line-height:21px!important;
text-transform:none;
color:#f0f0f0;
text-align:left;


}

#button_default {
text-transform:uppercase;
position:relative;
cursor:pointer;
margin:0 auto;
width:460px;
height:190px;
border-radius:15px;
border: 6px solid #4b0408;
color: #794a00;
/*
background: url('../img/paa.png');
*/
 	

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #4B0408 0%, #710100 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #4B0408 0%, #710100 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #4B0408 0%, #710100 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4B0408), color-stop(1, #710100));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #4B0408 0%, #710100 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #4B0408 0%, #710100 100%);
z-index:100;
-webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
font-family: 'Marcellus SC', serif;

}

#button_default_steam {
text-transform:uppercase;
position:relative;
cursor:pointer;
margin:0 auto;
width:460px;
height:190px;
border-radius:15px;
color: #794a00;
background: url('../img/objects/votesteam.jpg');
z-index:100;
-webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
font-family: 'Marcellus SC', serif;

}

.aro1,
.aro2 {
cursor:pointer;
}

#button_default_head {
position:relative;
cursor:pointer;
width:460px;
height:190px;
border-radius:15px;
border: 6px solid #4b0408;
color: #794a00;
/*
background: url('../img/paa.png');
*/

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #4B0408 0%, #710100 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #4B0408 0%, #710100 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #4B0408 0%, #710100 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4B0408), color-stop(1, #710100));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #4B0408 0%, #710100 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #4B0408 0%, #710100 100%);
z-index:100;
-webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
font-family: 'Marcellus SC', serif;
text-align:left;
margin:0;

}


#button_default_head p {
text-shadow: 1px 1px black, -1px -1px rgb(68, 68, 68);

}

#button_default:hover,
#button_default_head:hover {
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom left, #710100 0%, #4B0408 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom left, #710100 0%, #4B0408 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom left, #710100 0%, #4B0408 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #710100), color-stop(1, #4B0408));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom left, #710100 0%, #4B0408 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top right, #710100 0%, #4B0408 100%);
}

.triangle-topright { 
    width: 0; 
    height: 0; 
    border-top: 150px solid rgba(255,255,255,0.2); 
    border-left: 150px solid transparent;
    float: right;
    margin-top: 5px;
    margin-right: 5px;	
}

.triangle-topright2 { 
position:relative;
width: 0; 
height: 0; 
border-top: 110px solid rgba(255,255,255,0.1); 
border-left: 150px solid transparent;
float: right;
margin-top: 5px;
margin-right: 5px;
z-index:1000;
}

.triangle-topright3 { 
position:absolute;
width: 0; 
height: 0; 
border-top: 110px solid rgba(255,255,255,0.1); 
border-left: 150px solid transparent;
left:300px;
top:10px;
z-index:1000;
}


#button_default:hover,
#button_default_head:hover, 
#button_default_steam:hover {
margin-left:2px;
-webkit-box-shadow:none;
box-shadow:none;
}


.separ {
margin:0 auto;
width:460px;
height:5px;
}

.chck_mc {
font-size:11px;
color:#481C13;
margin-left:-22px;

}

#button_content {
padding:20px 20px;
}

#sticker {
position:absolute;
width:110px;
height:110px;
top:14px;
right:4px;
}

.drift {
animation-name: bobble;
animation-duration: 2s;
animation-iteration-count: infinite;
}

#try {
float:right;
margin-right:20px;
font-size:32px;
}

.rotate10 {
transform:rotate(-10deg); -webkit-transform:rotate(-10deg); 
-moz-transform:rotate(-10deg); -o-transform:rotate(-10deg); 
}

.page_thumb {
position:absolute;
top:30px;
right:30px;
}


@-webkit-keyframes pulsate {
0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
50% {opacity: 1.0;}
100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

#foot_wrap {
background:#000;
}

.desc {
position:relative;
margin:20px;
margin-top:70px;
padding:4px;
width:200px;
font-size:18px;
line-height:21px;
}

.big_desc {
text-transform:uppercase;
font-size:26px;
font-style:bold;
}

.leftt {
float:left;
margin-left:-10px;
}

.rightt {
float:right;
margin-right:-10px;

}

#footer1 {
background: url('../img/footer_top.jpg') no-repeat;
background-position: top center;
width:100%;
height:688px;
margin-bottom:-210px;
}

#footer2 {
background: url('../img/footer_b.png') no-repeat;
background-position: top center;
position:relative;
width:100%;
height:211px;
z-index:100;
}

div#nav {
width:480px;
margin:60px auto;
font-family: 'Marcellus SC', serif;
font-size:26px;
color:#FFF;
font-weight:bold;
text-decoration:none;

}




#nav ul li {
display: inline;
color:#FFF;
text-decoration:none;
margin-left:12px;
}

a {
color:#5d0204;
font-weight:bold;
text-decoration:none;

}

#nav a {
color:#FFF;
text-decoration:none;
}





#getitnow:hover,
#button_space:hover {
-webkit-box-shadow:none;
	box-shadow:none;
}


#press_space:hover,
#button_space_vote:hover,
#button_space_drk:hover {
-webkit-box-shadow:none;
	box-shadow:none;
}

#press_space:active {
box-shadow: none;
margin-left:4px;
}

#button_space:active,
#button_space_vote:active,
#button_space_drk:active {
box-shadow: none;
margin-left:4px;
}


.pressit:hover{
margin-left:2px;
cursor:pointer;
}



#getitnow {
position:relative;
-webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.4);
position:relative;
clear:both;
border-radius:25px;
margin-bottom:20px;
behavior: url(PIE-1.0.0/PIE.htc);
}

.bigger_p {
font-size:19px;
}

.big_p {
font-size:34px;
}

.big_x2 {
font-size:34px;
}