@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}
body {background: #0f1417; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff;}
h3 {margin: 0 0 25px 0; padding: 25px 0 0 30px; font-size: 1.2em; color: #ffffff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -0.05em;}
h5 {margin: 0; padding: 0; font-size: 1.143em; color: #778a9a; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -0.05em;}
a {text-decoration: none; outline-style: none;}


#top {height: 218px; background: transparent url('../img/linia_granatowa.gif') bottom left repeat-x;}
	#naglowek {margin: 0 auto; width: 960px; height: 217px; background: transparent url('../img/top_bg.jpg') 168px 0px no-repeat;}
		#logotyp, #menu {float: left;}
		#logotyp {width: 360px; height: 217px; background: transparent url('../img/top_logotyp.jpg') 31px 89px no-repeat;}
			#napis_logotyp {margin: 136px 0 0 136px;}
		#menu {margin: 90px 0 0 189px; width: 411px; height: 44px;}
			#menu ul, #menu li {display: block; list-style: none; float: left;}
			#menu ul a:link, #menu ul a:visited {outline-style: none; height: 44px; display: block; border: 0 solid;}
			#m_strona_glowna a, #m_oferta a, #m_portfolio a, #m_zespol a, #m_blog a {height: 44px;}
			#m_strona_glowna a {width: 113px; background: transparent url('../img/menu/strona_glowna.jpg') top left no-repeat;}
				#m_strona_glowna a:hover {background-position: -113px 0;}
			#m_oferta a {width: 74px; background: transparent url('../img/menu/oferta.jpg') top left no-repeat;}
				#m_oferta a:hover {background-position: -74px 0;}
			#m_portfolio a {width: 88px; background: transparent url('../img/menu/portfolio.jpg') top left no-repeat;}
				#m_portfolio a:hover {background-position: -88px 0;}
			#m_zespol a {width: 68px; background: transparent url('../img/menu/zespol.jpg') top left no-repeat;}
				#m_zespol a:hover {background-position: -68px 0;}
			#m_blog a {width: 68px; background: transparent url('../img/menu/blog.jpg') top left no-repeat;}
				#m_blog a:hover {background-position: -68px 0;}

#content {margin: 0 auto; width: 960px;}
	#lewa, #prawa {float: left;}
	#lewa {width: 740px; background: transparent url('../img/content_lewy_bg.gif') 0px 0px repeat-y;}
		.glowny {width: 737px; min-height: 65px; background: transparent url('../img/headers/sam_bialy.gif') 3px 2px no-repeat;}
			#l_ostatnie_realizacje {width: 736px; min-height: 65px; background: transparent url('../img/headers/bialy.jpg') 3px 2px no-repeat;}
				.realizacja {margin: 0 5px 50px 30px; width: 190px; float: left;}
					.r_screen {width: 190px; height: 190px; background: #1e282e;}
					.r_tytul {padding: 10px 0 0 5px; width: 185px; height: 25px; background: transparent url('../img/portfolio/tytul_bg.jpg') 0px 0px repeat-x; font-size: 1.2em; letter-spacing: -0.025em;}
					.r_tekst {padding: 10px 5px 0 5px; width: 180px; height: 100px; background: transparent url('../img/portfolio/tekst_bg.jpg') 0px 0px no-repeat;}
						.r_tekst p {width: 180px; min-height: 77px; font-size: 0.857em; line-height: 1.429em;}

/* Oferta */
			.l_box_oferta {width: 736px; min-height: 65px; background: transparent url('../img/headers/bialy.jpg') 3px 2px no-repeat;}
			.oferta_lewa, .oferta_prawa {float: left;}
			.oferta_lewa {width: 470px;  background: transparent url('../img/oferta/lewa_bg.jpg') bottom center no-repeat;}
				.oferta_lewa p {padding: 0 0 0 30px; margin: 0 0 30px 0; font-size: 0.857em; line-height: 1.429em;}
			.oferta_prawa {width: 200px;}
				.oferta_prawa p {margin: 0 0 0 30px; width: 166px; min-height: 67px; background: transparent url('../img/oferta/prawa_bg.jpg') 0 0 no-repeat;}
				.oferta_lista {padding: 0 0 0 10px; font-size: 0.857em; line-height: 1.429em; color: #ee2b2f; background: transparent url('../img/buttony/strzalka_biala.jpg') 0 5px no-repeat;}
/* Zespol */
			.l_box_zespol {width: 736px; min-height: 65px; background: transparent url('../img/headers/bialy.jpg') 3px 2px no-repeat;}
			.zespol_lewa, .zespol_prawa {float: left;}
			.zespol_lewa {width: 470px;  background: transparent url('../img/oferta/lewa_bg.jpg') bottom center no-repeat;}
				.zespol_lewa p {padding: 0 0 0 30px; margin: 0 0 30px 0; font-size: 0.857em; line-height: 1.429em;}
			.zespol_prawa {width: 200px;}
				.zespol_prawa p {padding: 0 0 0 20px; margin: 0 0 0 30px; font-size: 0.857em; width: 146px; min-height: 72px; background: transparent url('../img/zespol/cytat_bg.jpg') 0 0 no-repeat; color: #ee2c2f; text-align: right;}

			.osoba {margin: 0 0 60px 30px; min-height: 142px; float: left;}
				.osoba_lewa, .osoba_prawa {float: left;}
				.osoba_lewa {width: 112px; height: 142px; background: transparent url('../img/zespol/osoba_lewa.jpg') top left no-repeat;}
				.osoba_prawa {margin: 0 0 0 20px; width: 186px; height: 142px; background: transparent url('../img/zespol/osoba_prawa.jpg') top left no-repeat;}
					.osoba_prawa p {font-size: 0.857em; color: #ffffff; line-height: 1.167em;}
/* Portfolio */

.l_box_portfolio {width: 736px; background: transparent url('../img/headers/bialy.jpg') 3px 2px no-repeat;}
.inne_projekty  { min-height: 360px; background: transparent url('../img/headers/bialy.jpg') 3px 2px no-repeat;}
			.portfolio_main_lewa, .portfolio_main_prawa {float: left;}
			.portfolio_main_lewa {margin: 0 0 0 30px; width: 190px; min-height: 250px; background: transparent url('../img/portfolio/main_lewa_bg.jpg') 0 192px no-repeat;}
			.portfolio_main_prawa {margin: 0 0 0 30px;}
				.portfolio_main_prawa_gora {width: 430px; min-height: 61px; background: transparent url('../img/portfolio/main_prawa_bg_02.jpg') 0 0 no-repeat;}
					.portfolio_main_prawa_gora p {padding: 15px 0 10px 0; font-size: 0.857em; line-height: 1.429em;}
				.portfolio_main_prawa_dol {width: 430px; min-height: 61px; background: transparent url('../img/portfolio/main_prawa_bg.jpg') 0 0 no-repeat;}
					.portfolio_main_prawa_dol p {padding: 15px 0 30px 0; font-size: 0.857em; line-height: 1.429em;}

			.inny_projekt {margin: 0 -10px 20px 30px; width: 212px; background: transparent url('../img/portfolio/inne_bg.jpg') bottom left no-repeat; float: left;}
				.inny_projekt p {padding: 15px 0 15px 0; font-size: 0.857em; line-height: 1.429em;}
				.inny_projekt a {color: #ee2c2f;}
					.inny_projekt a:hover {color: #ffffff;}
		#kolejne {background: transparent url('../img/linia_granatowa.gif') top left repeat-x;}
			#kolejny_lewy, #kolejny_prawy {margin: 0 0 10px 0; float: left; background: transparent url('../img/headers/sam_bialy.gif') 3px 3px no-repeat;}
			#kolejny_lewy {margin: 0 1px 15px 0; width: 456px;}
				#l_nasi_klienci {width: 456px; min-height: 63px; background: transparent url('../img/headers/bialy.jpg') 3px 3px no-repeat;}
					#l_klienci_obrazki {width: 426px; padding: 0 0 0 30px;}
			#kolejny_prawy {width: 281px;}
				#l_nasz_blog {width: 268px; min-height: 63px; background: transparent url('../img/headers/bialy.jpg') 2px 3px no-repeat;}
					#blog_skrot {margin: 0 0 0 30px; width: 220px; min-height: 151px; background: transparent url('../img/nasz_blog/skrot_bg.jpg') 0px 0px no-repeat;}
						#blog_skrot p {width: 220px; min-height: 128px; font-size: 0.857em; line-height: 1.429em;}
	#prawa {width: 220px;}
		#p_kim_jestesmy, #p_nasze_technologie, #p_szybki_kontakt, #p_nasz_blog {width: 220px; min-height: 200px; background: transparent url('../img/headers/czerwony_jasny.jpg') 2px 2px no-repeat;}
		#p_kim_jestesmy_tekst {margin: 0 5px 0 30px; width: 185px; background: transparent url('../img/portfolio/tekst_bg.jpg') bottom left no-repeat;}
			#p_kim_jestesmy_tekst p {margin: 0 0 5px 0; min-height: 82px; font-size: 0.857em; line-height: 1.429em;}
		#p_nasz_blog_tekst {margin: 0 5px 0 30px; width: 185px; background: transparent url('../img/portfolio/tekst_bg.jpg') top left no-repeat;}
			#p_nasz_blog_tekst p {margin: 0 0 5px 0; min-height: 82px; font-size: 0.857em; line-height: 1.429em;}
		#p_nasze_technologie {margin: 0 0 10px 0;}
		#p_szybki_kontakt {}
			#k_adres, #k_mail, #k_info {margin: 0 0 10px 30px; width: 190px; min-height: 51px; font-size: 0.857em; line-height: 1.429em;}
			#k_adres {background: transparent url('../img/kontakt/adres_bg.jpg') bottom left no-repeat;}
			#k_mail {background: transparent url('../img/kontakt/mail_bg.jpg') bottom left no-repeat;}
			#k_info {background: transparent url('../img/kontakt/info_bg.jpg') bottom left no-repeat;}

#bottom {margin: 0 0 10px 0; min-height: 63px; background: transparent url('../img/linia_granatowa.gif') top left repeat-x;}
	#stopka {margin: 0 auto; width: 960px;}
		#stopka_lewy, #copyrights {float: left;}
		#stopka_lewy {width: 737px; background: transparent url('../img/headers/sam_szary.gif') 3px 3px no-repeat;}
			#submenu {padding: 30px 0 0 30px; width: 426px; min-height: 33px; background: transparent url('../img/headers/szare.jpg') 3px 3px no-repeat;}
				#submenu a {margin: 0 5px 0 0; color: #55626e; font-size: 0.786em; letter-spacing: 0em;}
					#submenu a:hover {color: #ffffff;}
		#copyrights {padding: 30px 0 0 25px; margin: 0 0 0 3px; width: 195px; min-height: 33px; background: transparent url('../img/headers/czerwony_ciemny.jpg') 3px 3px no-repeat; color: #ffffff; font-size: 0.786em; letter-spacing: 0em; line-height: 0.786em;}




.clear {clear: both;}
.big_red {line-height: 1.667em; font-size: 1.167em; color: #ee2c2f;}
.color_red {color: #ee2c2f;}
.color_gray {color: #778a9a;}
.szare_male {color: #55626e; font-size: 0.714em;}
.czerwone_srednie {color: #ee2c2f; font-size: 1.143em;}
.red_bold {color: #ee2c2f; line-height: 2em; font-weight: bold; letter-spacing: 0.05em;}
.szare_srednie {color: #778a9a; font-size: 1.143em; line-height: 1.667em; letter-spacing: -0.025em font-weight: bold;}

/* Obrazki */
img {border: 0 solid;}

.technologie_logo {width: 182px; height: 56px; margin: 0 0 10px 30px; padding: 0;}
.klient {width: 122px; height: 59px; margin: 0 15px 15px 0; float: left;}
.screen_mini {width: 180px; height: 180px; margin: 5px; padding: 0;}
.button_zobacz {width: 89px; height: 23px; margin: 0px; padding: 0 0 0 101px;}
.button_czytaj_blog {width: 89px; height: 23px; margin: 0; padding: 0 0 0 131px;}
.button_czytaj_kim {width: 89px; height: 23px; margin: 0; padding: 0 0 0 101px;}

.foto_osoba {width: 101px; height: 101px; border: 5px #1e282e solid;}

.portfolio_main {width: 180px; height: 180px; margin: 0; padding: 0; border: #1e282e 5px solid;}
.portfolio_inny {width: 202px; height: 101px; margin: 0; padding: 0; border: #1e282e 5px solid;}


/* root element for scrollable */
div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;

    /* vertical scrollers have typically larger height than width */
    height: 665px;
    width: 700px;
}

/* root element for scrollable items */
div.scrollable div.items {
    position:absolute;

    /* this time we have very large space for the height */
    height:20000em;
}

.item {

   margin: 10px 0 40px 0;
}

.item img {

    border: 3px solid #fff;
    float: left;
    margin-right: 10px;
}

.item .title {

    font-weight: bold;
}

#actions {
    margin: 5px;
}

#actions a {

    cursor: pointer;
}