@charset "UTF-8";

/************************************************************************/
/*****************************CSS RESET STYLE**************************/
/************************************************************************/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, 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,b, u, i, center,dl, dt, dd, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 

{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

table { border-collapse:collapse; border-spacing:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold; }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */


/************************************************************************/
/*****************************typografia**************************/
/************************************************************************/


p

{margin: 0px;
padding: 0px;
color:#eebc68;
text-align: justify; 
font-size: 15px;}

h1#logo

{text-indent: -9999px;
background: url(../images/logo.jpg) no-repeat 0 0;
width: 263px;
height: 65px;
position: absolute;
top: 30px;
left: 0px;}

h1#logo a {
    display: block;
    width: 280px; /* larger than actual image? */
    height: 80px;
    text-decoration: none;
    border: 0;
}



h2

{
clear: both;
text-transform: uppercase;
font-weight: bold;}

h3

{
clear: both;
font-weight: bold;}


h4

{
clear: both;
text-transform: uppercase;
font-weight: normal;
}

hr {
background-color:#444;
border-width:0;
color:#444;
height:2px;
line-height:0;
margin:-.5em 10px 1.8571em 10px;
page-break-after:always;
text-align:center;
width:80%;
}

/************************************************************************/
/*****************************ogolne deklaracje**************************/
/************************************************************************/

html, body

{height:100%;
}

body

{background: url(../images/bg-gradient.png) repeat-y 0 0;
font: normal 14px/18px "helvetica neue", helvetica, tahoma, arial, sans-serif; }

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

.clear

{clear: both; display: block; height: 1px; margin: -1px 0 0 0;}

.upper

{text-transform: uppercase;}

.bold

{font-weight: bold;}

#logo

{text-indent: -9999px;
background: url(../images/logo.jpg) no-repeat 0 0;
width: 263px;
height: 65px;
position: absolute;
top: 30px;
left: 0px;}

#logo a {
    display: block;
    width: 280px; /* larger than actual image? */
    height: 80px;
    text-decoration: none;
    border: 0;
}



/************************************************************************/
/*****************************struktura strony**************************/
/************************************************************************/




div#container

{width: 100%;


}

div#header

{width: 960px;
margin: 0 auto;
position: relative;
height: 300px;}

div#wrapper

{width: 960px; margin: 0px auto -50px; min-height: 100%; height: auto !important; height: 100%;
}

#push {height: 150px;}

div#content

{background: transparent url(../bg-images/) repeat-y top center fixed;
height: 650px;
position: relative;
top:0px;
right: 0px;

}

div#sidebar-left

{position: absolute;
top:50px;
left: 0px;
width:200px;
height:200px;
}

div#sidebar-right

{position: absolute;
top:50px;
right: 0px;
width:500px;
height:200px;
}

img.slogan

{margin-bottom: 30px;}

img.kup

{position: absolute;
top:510px;
right: 20px;}

img.logotypy

{position: absolute;
top:610px;
right: 0px;}

a

{color:#eebc68;}

a:hover

{text-decoration: underline;}

a.dowiedzsie

{background: url(../images/wiecej-bg.png) no-repeat;
width: 298px;
height: 32px;
margin-top: 20px;
padding: 8px 60px;
margin-left: -50px;
float: left;}

p.gra

{color: white;}

p.kupisz

{position: absolute;
top: 590px;
right: 360px;
text-transform: uppercase;}

p.medialni

{position: absolute;
top: 590px;
right: 110px;
text-transform: uppercase;}

div#footer

{background:url(../images/stopka.jpg) no-repeat;
width: 960px;
height: 50px;
margin: 0 auto;
position: relative;
top:0px; }	

/************************************************************************/
/*****************************menu gorne**************************/
/************************************************************************/


div#header ul#navlist {	list-style: none;
						position: absolute;
						top: 100px;
						right: 0px;
						width: 570px;
						margin: 0;
						
}

/**hack internet explorer, starways to heaven :) **/
div#header ul#navlist li {	padding: 0;
							margin: 0;
							display: inline; 
							}



div#header ul#navlist a {	letter-spacing: 0.1em;	
display: block;
float: left;
margin: 0 auto;
width: auto;
text-decoration: none;
text-align: center;
font-weight: normal;
color: white;
font-size: 13px;
					
}

div#header ul#navlist a span

{padding-left: 10px;
padding-right: 10px;}


div#header ul#navlist a:hover, div#header ul#navlist a.tutaj 

{color:#fc3203; }

/************************************************************************/
/*****************************sterowanie - deklaracje**************************/
/************************************************************************/


div#footer a.exelmedia

{
background: url(../images/exelmedia-czarnetlo.png) no-repeat 0 0px;
width: 57px;
height: 25px;
padding: 10px 40px 0px 30px;
margin-left: 10px;
}

div#footer p

{width: 430px;
margin: 10px 15px 10px 35px;
float: left;
}

.white

{color: white;
float: right;}

div#krol

{background: transparent url(../images/krol.png) no-repeat center center;
height: 100px;}