@media screen, projection {
* { padding:0; margin:0; }
fieldset, img { border:0; }
label, a { cursor:pointer; }
body, textarea, input, table, select { font-size:11px; font-family: Tahoma, Geneva, sans-serif; }
option { padding:0 .2em; }
.before, .after { line-height:0; }

ul, ol, dd { margin-left:2em; }
h1, h2, h3, h4, h5, h6 { font-size:1em; margin:1em 0; }
p { margin-bottom:1em; }
div {margin: 0; padding: 0;}

a { text-decoration:none; }
a:focus, a:hover { text-decoration:underline; }

ul,li {margin:0; padding:0;}

.content h2 span, #left h1 a span, #left #menu li a span { position:absolute; top:0; left:-1000em; }

h1, h2, h3, ul, li {padding: 0; margin:0; border:0}

/* lay */

html, body { height:100%; width:100%;}

html { display: table;}
body { background:  url(img/background.gif) repeat-y 50% 0 #5a5a5c; display: table-cell;}

#start {position: relative; margin: 0 auto; width: 994px; font-size: 1em; background: url(img/background2.gif) repeat-y; height: 100%;}

#left { position:relative; float: left; width: 242px; height: 389px; background: url(img/lewa.jpg) no-repeat 0 0;}
#right { position: relative; float: left; width: 752px;}

#left h1 a { position: absolute; display: block; width: 85px; height: 130px; left: 147px; top: 20px;}

#left #menu { list-style: none; position: relative; width: 104px; height: 100px; background: url(img/menu.gif) no-repeat; left: 131px; top: 195px;}

#left #menu li { position: relative; float: left; clear: both; width: 104px;}
#left #menu #mm1 { height: 16px;}
#left #menu #mm1 a { width: 104px; height: 16px; background: url(img/menu.gif) no-repeat 0 0; display: block;}
#left #menu #mm1 a:hover { background-position: -104px 0;}

#left #menu #mm2 { height: 16px; padding: 13px 0 0 0;}
#left #menu #mm2 a { width: 104px; height: 18px; background: url(img/menu.gif) no-repeat 0 -29px; display: block;}
#left #menu #mm2 a:hover { background-position: -104px -29px;}

#left #menu #mm3 { height: 18px; padding: 11px 0 0 0;}
#left #menu #mm3 a { width: 104px; height: 18px; background: url(img/menu.gif) no-repeat 0 -56px; display: block;}
#left #menu #mm3 a:hover { background-position: -104px -56px;}

#left #menu #mm4 { height: 18px; padding: 10px 0 0 0;}
#left #menu #mm4 a { width: 104px; height: 18px; background: url(img/menu.gif) no-repeat 0 -84px; display: block;}
#left #menu #mm4 a:hover { background-position: -104px -84px;}

#left #menu #mm5 { height: 18px; padding: 10px 0 0 0;}
#left #menu #mm5 a { width: 104px; height: 16px; background: url(img/menu.gif) no-repeat 0 -112px; display: block;}
#left #menu #mm5 a:hover { background-position: -104px -112px;}

#left #menu #mm6 { height: 18px; padding: 10px 0 0 0;}
#left #menu #mm6 a { width: 104px; height: 16px; background: url(img/menu.gif) no-repeat 0 -140px; display: block;}
#left #menu #mm6 a:hover { background-position: -104px -140px;}

#right .content { position: relative; width: 712px; padding: 20px;}
#right .content h2 { width: 233px; height: 51px; background:url(img/wygaszacz-ekranu-pc.gif) no-repeat 0 10px; clear: both; position: relative;}
#right .content h2.pulpit { background: url(img/tapety-na-pulpit.gif) no-repeat 0 10px;}
#right .content h2.ikony { background: url(img/ikony-na-pulpit-komputera.gif) no-repeat 0 10px;}
#right .content h2.tapety { background: url(img/tapety-na-telefony-komorkowe.gif) no-repeat 0 10px;}
#right .content h2.animacje { background: url(img/animacje-na-telefon-komorkowy.gif) no-repeat 0 10px;}

#right .content .tapeta	{ position: relative; float: left; clear: none; width: 200px; height: 180px; clear: none; padding-right: 30px; text-align: center; color: #FFF;}

#right .content .flash_box	{ position: relative; float: left; clear: none; width: 150px; clear: none; padding-right: 20px; padding-bottom: 20px; text-align: center; color: #FFF;}
#right .content .flash_box a { color: #fff; }
#right .content .info		{ text-align: center; color:#FFF; padding: 0 0 15px 0;}
#right .content .left		{ text-align: left;}

#right .content .wallpaper_box { text-align: center; color: #fff; padding-bottom: 20px; width: 320px;} 
#right .content .wallpaper_box a { color: #fff;}

#right .content .wynik2,
#right .content .wynik { width: 350px; text-align: center; color: #FFF;}
#right .content .wynik2 a,
#right .content .wynik a { color: #fff;}

#right .content .wynik2 { width: 100%;}

#right .content .icons { width: 100px; text-align: center; color: #fff; padding: 0 0 20px 0;}
#right .content .icons a {color: #fff;}

.white { color: #fff;}
.clear { clear: both;}
}