*{margin:0px; padding:0px; border:0px;}
a { outline: none; color:#3399cc; text-decoration: none;}
clr {clear:both;}
body {background: white url('gfx/background.gif') no-repeat top center; color: black; font-family:Arial; font-size:14px; line-height:20px;}
.contener {margin: auto; width: 960px;}
.ramka {border: 1px solid black;}
/* menu */
#top {width:960px; height:320px;}
h1 {float: left; width:300px;}
h1 a img { position: relative; top:20px; left:285px}
#menu {width:575px; float: right; }
#menu li {float: left;}
#menu a {text-indent:-9999px; display: block; position: relative; }

#portfolio_link { background: url('gfx/portfolio_link.gif') no-repeat; width: 164px; height: 164px; top: 110px; left: -380px;}
#portfolio_link:hover { background: url('gfx/portfolio_link_hover.gif') no-repeat;}

#oferta_link { background: url('gfx/oferta_link.gif') no-repeat; width: 107px; height: 87px; top: 0px; left: -340px;}
#oferta_link:hover, .active_oferta { background: url('gfx/oferta_link_hover.gif') no-repeat;}

#kontakt_link { background: url('gfx/kontakt_link.gif') no-repeat; width: 116px; height: 114px; top: -90px; left: 40px;}
#kontakt_link:hover { background: url('gfx/kontakt_link_hover.gif') no-repeat;}

#nowosci_link { background: url('gfx/nowosci_link.gif') no-repeat; width: 115px; height: 116px; top: 125px; left: -125px;}
#nowosci_link:hover { background: url('gfx/nowosci_link_hover.gif') no-repeat;}

#wspolpraca_link { background: url('gfx/wspolpraca_link.gif') no-repeat; width: 148px; height: 115px; top: 0px; left: -165px;}
#wspolpraca_link:hover { background: url('gfx/wspolpraca_link_hover.gif') no-repeat;}
/* szerokosci */
.width960 {width:960px;}
.width750 {width:750px;}
.width600 {width:600px;}
.width500 {width:500px;}
.width400 {width:400px;}
.width300 {width:300px;}
.width250 {width:250px;}
.width120 {width:120px;}

.height200 {height:200px;}
.height400 {height:400px;}
.center {text-align: center;}
.left {float:left}
.right{float:right}

.left10 {margin-left:10px;}
.left20 {margin-left:20px;}
.left30 {margin-left:30px;}
.left50 {margin-left:50px;}
.left70 {margin-left:70px;}

.right50 {margin-right:100px;}

.top10 {margin-top:10px;}
.top20 {margin-top:20px;}
.top30 {margin-top:30px;}
.top40 {margin-top:40px;}
.top50 {margin-top:50px;}
.top70 {margin-top:70px;}
.bottom10 {margin-bottom:10px;}
.bottom20 {margin-bottom:20px;}

/* Easy Slider */
	#slider {margin: auto; width:640px; position: relative; left:30px;}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:182px;
		overflow:hidden;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:61px;
		height:61px;
		z-index:1000;
		position:relative;
		top: -145px;
		left:30px;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		width:61px;
		height:61px;
		background:url('gfx/strzalka_lewo.png') no-repeat 0 0;
		text-indent:-9999px;
		}
	#prevBtn {float: left;}
	#nextBtn a, #slider1next a{ 
		background:url('gfx/strzalka_prawo.png') no-repeat 0 0;
		position: relative; left: 160px;
		}		
/* // Easy Slider */
#slider_center {width:960px;}
#slider h3 a {margin: 50px 0px 15px 0px; font-size:22px; color: black; display:block}
#slider h3 a:hover {margin: 50px 0px 15px 0px; font-size:22px;color:#0066cc;}
#slider a img, .portfolio a img {border: 1px solid black;}
hr {height:1px; background: #cccccc; opacity:0.4; filter:alpha(opacity=40); position: relative; top: -40px;}
h2 {margin: 0px 0px 15px 0px;}

/* portfolio */
.portfolio div {min-height:350px;}
.wspolpraca div {min-height:300px;}
.portfolio h3 a, .wspolpraca h3 a {margin: 40px 0px 15px 0px; font-size:18px; color: black; display:block; min-height:30px;}
.portfolio h3 a:hover, .wspolpraca h3 a:hover {margin: 40px 0px 15px 0px; font-size:18px;color:#0066cc;}
.portfolio p, .wspolpraca p {margin-top: 7px; font-size: 14px; }
#portfolio_line {position: relative; top: 5px;}
#kategorie a { margin: 5px; font-weight:bold;}

/* oferta */
#oferta_menu {background: url('gfx/oferta_bg.png') no-repeat; width:259px; height:285px; position: fixed; top: 40%; list-style: none; }
#oferta_menu li { position: relative; top: 35px; left: 0px; text-align: center;}
#oferta_menu li a {font-size: 13px; line-height: 20px; color: black; text-transform: capitalize;}
#oferta_menu li a:hover {color:#0066cc;}

#oferta p{margin: 20px 0px 20px 40px;}
#oferta p img {text-align: center;}
#oferta ul {margin: 10px 0px 10px 15px;}
#oferta h3 {background: url('gfx/oferta_h3.png') no-repeat; display: block; height:80px; margin:40px 0px 0px 0px; }
#oferta h3 a{font-size:22px; position: relative; left: 180px; top: 30px; color: Black; padding-top: 40px;}
#oferta h2 { margin: 0px; position: relative; top: -25px; left: 2px; font-size: 15px; color: white; }

.lista li {margin: 0px 0px 0px 70px;}

/* nowosci */
.data { color:#666666; font-size:11px;}
.news_title {font-size:24px; font-weight: normal;}
#paginacja {position: relative; top: 0px;}
/* ikony spolecznościowe */
.ikony {display: block; width:51px; height:53px; margin: 0px 30px 20px 0px; float: left; text-indent:-9999px;}
#facebook{background:url('gfx/social_icon/facebook_link.jpg') no-repeat;}
#facebook:hover{background:url('gfx/social_icon/facebook_link_hover.jpg') no-repeat;}

#youtube{background:url('gfx/social_icon/youtube_link.jpg') no-repeat;}
#youtube:hover{background:url('gfx/social_icon/youtube_link_hover.jpg') no-repeat;}

#vimeo{background:url('gfx/social_icon/vimeo_link.jpg') no-repeat;}
#vimeo:hover{background:url('gfx/social_icon/vimeo_link_hover.jpg') no-repeat;}

#wordpress{background:url('gfx/social_icon/wordpress_link.jpg') no-repeat;}
#wordpress:hover{background:url('gfx/social_icon/wordpress_link_hover.jpg') no-repeat;}

#twitter{background:url('gfx/social_icon/twitter_link.jpg') no-repeat;}
#twitter:hover{background:url('gfx/social_icon/twitter_link_hover.jpg') no-repeat;}

#flickr{background:url('gfx/social_icon/flickr_link.jpg') no-repeat;}
#flickr:hover{background:url('gfx/social_icon/flickr_link_hover.jpg') no-repeat;}


/* formularz kontakotwy */
#formularz_kontaktowy ul {list-style: none; }
#e-mail {position: relative; left: 180px; width: 200px;}
#tresc {position: relative; left: 25px;}
#formularz_kontaktowy .label {background: url('gfx/form_label_top.png') no-repeat; display:block; width:75px; height:35px; color: white; text-align: center; }
#formularz_kontaktowy .label span { position: relative; top: 12px; font-size: 14px;}
#formularz_kontaktowy  #imie_label { position: relative; left: 50px; }
#formularz_kontaktowy  #e-mail_label { position: relative; left: 180px; }
#formularz_kontaktowy  #tresc_label { position: relative; left: 50px;}
#formularz_kontaktowy input, textarea {border: 1px solid black; background:transparent; width:300px; margin: 0px 0px 10px 0px; font-size: 13px; font-family: Arial; padding:6px 2px 0px 2px;}
#formularz_kontaktowy input{ height:27px;}
#formularz_kontaktowy textarea {height: 90px; width:350px;}
#formularz_kontaktowy #wyslij {background: url('gfx/wyslij.png') no-repeat; display: block; height:62px; width:63px; color: white; font-size: 14px; border:0px; outline: none; position: relative; top: 10px; left: 200px; } 

.big, .info { font-size: 25px; color:white;}
.big {font-size:40px;}
.info_small{font-size: 18px; color: black;}
.info {}
.informacja {position: relative; top: 140px; width:400px;}
#dziekuje {background: url('gfx/niebieskie_kolo.png') no-repeat; width:465px; height:465px; text-align: center; position: relative; top: -40px;}
#error {background: url('gfx/czerwone_kolo.png') no-repeat; width:465px; height:465px;text-align: center; position: relative; top: -40px;}

/* stopka */
#footer {border-top: 1px solid black; width:100%; float: left;}
#podpis {text-align: right; color: #666;}
#podpis a {color: black; text-decoration: none;}
#footer ul li a {color: black; text-decoration: none; margin: 0px 8px 0px 0px;}
#footer a:hover {color: black; text-decoration: underline;}
#footer li { float: left; list-style: none; margin: 0px 8px 0px 0px;}