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, strong, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
fieldset { position: relative; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white;  }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
div.clr { position: relative; display: block; float: none; clear: both; left: 0px; top: 0px; width: 1px; height: 0px; margin: 0px; padding: 0px; overflow: hidden; visibility: hidden;}

/* */

html, body { 
	height: 100%; 
	-webkit-text-size-adjust: none;
}

body {
	background: #a99f91 url(../i/zwr.jpg) 0 -100px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

a {
	color: #777;
}

a:hover {
	color: #000;
}

div.w {
	width: 660px;
	height: 400px;
	position: absolute;
	top: 160px;
	left: 320px;
}

div.zwr {
	position: absolute;
	width: 214px;
	height: 79px;
	background: url(../i/zwr.png) 0 0 no-repeat;
}

div.c {
	position: absolute;
	left: 285px;
	top: 10px;
	font-size: 11px;
	line-height: 19px;
	color: #777;
	width: 400px;
}

div.c p {
	line-height: 15px;
	padding-bottom: 10px;	
}

div.c h1 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding: 0 0 3px 0;
}

div.c h2 {
	font-size: 14px;
	color: #000;
	padding: 0 0 3px 0;
}

div.c ul {
	padding-top: 20px;
	float: left;
}

div.c ul.tools {
	padding-left: 70px;
}

div.falo,
div.lajk {
	position: absolute;
	top: 20px;
	opacity: 0.7;
}

div.falo:hover,
div.lajk:hover {
	opacity: 1;	
}

div.falo {
	right: 10px;
	width: 140px;
	overflow: hidden;
}

div.lajk {
	right: 160px;
}

div.lajkhakk {
	overflow: hidden;
	width: 130px;
	height: 28px;
}

div.lajkhakk iframe {
	position: absolute;
	top: -25px;
	left: -60px;
}


@media screen and (max-width: 480px) {
	body {
		background-position: -200px 0;	
	}
	
	div.w,
	div.c,
	div.zwr {
		position: static;
		width: auto;
		height: auto;
	}
	
	div.ci {
		height: 100%;	
	}
	
	div.w {	margin: 30px; }	
	div.zwr { width: 107px; height: 40px; margin: 50px 0 50px 0; }	
	div.c {	padding-bottom: 40px; }	
	div.c ul { float: none; }
	div.c ul.tools { padding-left: 0; }
	div.lajk, div.falo { display: none; }
}

@media screen and (max-width: 480px) and (orientation: landscape) {
	div.zwr {
		position: absolute;
		top: 0;
	}
	div.c {
		padding-left: 140px;
		padding-top: 20px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
	body {
		 -webkit-background-size: 1100px 600px;	
	}
	
	div.zwr {
		-webkit-background-size: 107px 40px;
	}
}