@charset "utf-8";

/* CSS Document */



body {

	margin: 0;

	padding: 0;

	background: url(images/background.jpg) repeat-x #310743;

	font-family: Tahoma;

	font-size: 12px;

	color: #cc99ff;

}



a {

	outline: 0;

}



#wrap_1 {

	float: left;

	width: 100%;

	background: url(images/background_2.jpg) top center no-repeat;

}



#wrap_2 {

	margin: auto;

	width: 908px;

}



/* Nagłówek */

#header {

	float: left;

	width: 908px;

	height: 125px;

	padding-top: 17px

}



#header #logo {

	float: left;

	width: 95px;

	height: 114px;

	background: url(images/logo.jpg);

	margin: 0;

	margin-left: 90px;

	padding: 0;

	display: inline;

}



#header #menus {

	float: right;

	width: 628px;

}



#header #menus ul {

	float: right;

	list-style: none;

	margin: 0;

	padding: 0;

}



#header #menus ul li {

	float: left;

	margin: 0;

	padding: 0;

}



/* Małe menu w prawym górnym rogu */

#header #menus #mini_menu {

	margin-right: 10px;

	display: inline;

}



#header #menus #mini_menu li {

	margin-right: 19px;

	display: inline;

}















#header #menus #mini_menu li a {







	float: left;







	width: 11px;







	height: 11px;







}















#header #menus #mini_menu .strona_glowna a {







	background: url(images/mini_menu/strona_glowna.jpg);







}















#header #menus #mini_menu .kontakt a {







	width: 13px;







	background: url(images/mini_menu/kontakt.jpg);







}















#header #menus #mini_menu #mapa_strony a {



	background: url(images/mini_menu/mapa_strony.jpg);



}















/* Główne menu */



#header #menus #menu {







	margin-top: 67px;







	padding: 0 15px 15px 0;







	border-bottom: 1px dashed #7c429a;







	display: inline;







	width: 606px;







}















#header #menus #menu li {







	margin-left: 43px;







	display: inline;







}















#header #menus #menu .strona_glowna { margin-left: 0; }















#header #menus #menu li a {







	float: left;







	height: 31px;







}















#header #menus #menu .strona_glowna a {







	width: 95px;







	background: url(images/buttons/strona_glowna.jpg);







}















#header #menus #menu #o_firmie a {







	width: 57px;







	background: url(images/buttons/o_firmie.jpg);







}















#header #menus #menu #nasza_oferta a {;







	width: 85px;







	background: url(images/buttons/nasza_oferta.jpg);







}















#header #menus #menu #portfolio a {







	width: 60px;







	background: url(images/buttons/portfolio.jpg);







}















#header #menus #menu #praca a {







	width: 40px;







	background: url(images/buttons/praca.jpg);







}















#header #menus #menu .kontakt a {







	width: 54px;







	background: url(images/buttons/kontakt.jpg);







}















/* Główna część strony */







#container {







	float: left;







	width: 908px;







}















#referencje {







	float: left;







	width: 88px;







	height: 92px;







	background: url(images/referencje.png);







	margin: 178px 0 0 42px;







	display: inline;







}















#right_box {







	float: right;







	width: 469px;







	margin: 39px 21px 0 0;







	display: inline;







}



#right_box h1 {

	float: left;

	width: 490px;

	margin: 0;

	margin-bottom: 5px;

	padding: 0;

	display: inline;

}



#right_box p {

	float: left;

	margin: 0;

	padding: 0;

	line-height: 18px;

}



#right_box .arrow {

	float: right;

	width: 28px;

	height: 28px;

	background: url(images/arrow_right.png);

	margin: 0;

	margin-bottom: 14px;

	padding: 0;

	display: inline;

}



#oferta {

	float: left;

	width: 908px;

	height: 196px;

	margin: 0 0 45px 35px;

	display: inline;

}



#prev {

	float: left;

	width: 28px;

	height: 28px;

	background: url(images/arrow_left.png);

	margin: 58px 32px 0 0;

	display: inline;

}



#next {

	float: left;

	width: 28px;

	height: 28px;

	background: url(images/arrow_right_2.png);

	margin: 58px 0 0 30px;

	display: inline;

}



#carousel-wrapper {

	float: left;

    width: 742px;

    height: 196px;

    overflow: hidden;

}



#carousel-content {

    width: 5000px;

}



#carousel-content .slide {

    float: left;

    width: 172px;

    height: 196px;

	margin-right: 18px;

	display: inline;

	padding: 0;

	padding-top: 160px;

	text-align: center;

	display: inline;

}



#carousel-content #photo_1 {

	background: url(images/js/foto_1.png) no-repeat;

}



#carousel-content #photo_2 {

	background: url(images/js/foto_2.png) no-repeat;

}



#carousel-content #photo_3 {

	background: url(images/js/foto_3.png) no-repeat;

}



#carousel-content #photo_4 {

	background: url(images/js/foto_4.png) no-repeat;

}



#carousel-content #photo_5 {

	background: url(images/js/foto_1.png) no-repeat;

}



#carousel-content #photo_6 {

	background: url(images/js/foto_2.png) no-repeat;

}



/* Style dla podstron */

#podstrona {

	float: left;

	width: 891px;

	margin-left: 8px;

	display: inline;

}



#podstrona a {

	color: #cc99ff;

	text-decoration: underline;

}



#podstrona a:hover {

	text-decoration: underline;

        color: #FFFFFF;

}



#podstrona .gdzie_jestes {

	float: left;

	width: 867px;

	height: 34px;

	background: url(images/gdzie_jestes_background.png) repeat-x;

	margin: 0;

	margin-bottom: 38px;

	padding: 23px 0 0 24px;

	display: inline;

}



#podstrona .glowny_akapit {

	float: left;

	margin: 0 26px 25px 26px;

	padding: 0;

	line-height: 18px;

	display: inline;

}



#podstrona .glowny_akapit p {

	float: left;

	margin: 0;

	margin-bottom: 25px;

	padding: 0;

	line-height: 18px;

	display: inline;

}



#podstrona img {

	float: left;

	margin: 27px 0 30px 34px;

	border: 4px solid #a868c8;

	display: inline;

}



/* Box z "Co możemy Ci zaoferować?", Ostatnią realizacją i stopką */

#wrap_3 {

	float: left;

	width: 100%;

	background: url(images/wrap_3_background.jpg) repeat-x top #2b053a;

	border-top: 1px solid #4f1f68;

}



#wrap_4 {

	margin: auto;

	width: 908px;

}



/* Box "Co możemy Ci zaoferować?" */

#co_mozemy_ci_zaoferowac {

	float: left;

	width: 660px;

	height: 220px;

}



#co_mozemy_ci_zaoferowac h1 {

	float: left;

	margin: 0;

	margin-top: 19px;

	padding: 0;

	padding-bottom: 9px;

	width: 100%;

	border-bottom: 1px dashed #704188;

	display: inline;

}



#co_mozemy_ci_zaoferowac ul {

	float: left;

	list-style: decimal-leading-zero;

	margin: 0 36px 0 25px;

	padding: 0;

	font-size: 11px;

	display: inline;

	height: 173px;

}



*html #co_mozemy_ci_zaoferowac ul {

	margin-left: 0;

}



#co_mozemy_ci_zaoferowac ul li {

	float: left;

	width: 149px;

	margin-top: 16px;

}



#co_mozemy_ci_zaoferowac ul li a {

	color: #cc99ff;

	text-decoration: none;

}



#co_mozemy_ci_zaoferowac ul li a:hover {

	color: #a868c8;

	text-decoration: underline;

}



/* Box "Ostatnia realizacja" */

#ostatnia_realizacja {

	float: right;

	width: 248px;

	height: 220px;

}



#ostatnia_realizacja h1 {

	float: left;

	margin: 0;

	margin-top: 19px;

	padding: 0;

	padding-bottom: 9px;

	width: 100%;

	border-bottom: 1px dashed #704188;

	display: inline;

}



#ostatnia_realizacja .zdjecie img {

	margin: 23px 0 0 70px;

	border: 4px solid #a868c8;

	display: inline;

}



/* Stopka */

#footer {

	float: left;

	width: 908px;

	margin: 16px 0 43px 0;

	display: inline;

}



#footer ul {

	float: left;

	list-style: none;

	margin: 0;

	padding: 0;

	width: 908px;

}



#footer ul li {

	margin: 0;

	padding: 0;

}



#footer ul #footer_left {

	float: left;

}



#footer ul #footer_right {

	float: right;

}



#footer ul a {

	color: #cc99ff;

	text-decoration: none;

}



#footer ul a:hover {

	text-decoration: underline;

}