﻿@charset "utf-8";
/* CSS Document */

body {
	behavior: url("csshover.htc");
	margin: 0;
	padding: 0;
	background: url(images/background.jpg) top center no-repeat #FFFFFF;
	font-family: Tahoma;
	font-size: 12px;
}

#wrapper {
	float: left;
	width: 100%;
	background: url(images/background_2.jpg) 0 119px no-repeat #FFFFFF;
}

.bez_wypunktowania {
	list-style: none;
	margin: 0;
	padding: 0;
}

#wrap {
	margin: auto;
	width: 1110px;
}

/* Nagłówek */
#wrap #header {
	float: left;
	width: 1110px;
	height: 110px;
	background: url(images/header/top_background.jpg);
}

#wrap #header #logo {
	float: left;
	width: 340px;
	height: 53px;
	background: url(images/header/logo.png);
	margin: 18px 0 0 12px;
	display: inline;
}

#wrap #header ul {
	float: right;
	margin: 16px 90px 0 0;
	display: inline;
}

#wrap #header ul li { float: left; }

#wrap #header ul #strona_glowna {
	padding-right: 27px;
	border-right: 1px dotted #d1d1d1;
}

#wrap #header ul #kontakt { padding-left: 27px; }

#wrap #header ul li a {
	font-size: 10px;
	color: #d1d1d1;
	text-decoration: none;
}

#wrap #header ul #strona_glowna a {
	float: left;
	background: url(images/header/strona_glowna_mini.jpg) left no-repeat;
	padding-left: 19px;
}

#wrap #header ul #kontakt a {
	float: left;
	background: url(images/header/kontakt_mini.jpg) left no-repeat;
	padding-left: 19px;
}

/* Box z pokazem slajdów, menu i tekstem reklamowym */
#wrap #top_box {
	float: left;
	width: 1110px;
	height: 268px;
}
/* Pokaz slajdów */
#wrap #top_box #pokaz_slajdow {
	float: left;
	width: 324px;
	height: 268px;
	background: url(images/top_box/pokaz_slajdow_background.jpg);
}

/* JS */
#wrap #top_box #pokaz_slajdow #carousel-wrapper {
	float: right;
	margin: 0px 0px 0 0;
    width: 324px;
    height: 268px;
    overflow: hidden;
}
#wrap #top_box #pokaz_slajdow #carousel-content {
    width: 324px;
}
#wrap #top_box #pokaz_slajdow #carousel-content .slide {
    float: right;
    width: 324px;
    height: 268px;
	margin: 4px 1px 0px 0;
}

/* Menu */
#wrap #top_box #menu {
	float: right;
	width: 786px;
	height: 111px;
	background: url(images/top_box/menu_background.jpg);
}

#wrap #top_box #menu ul {
	float: left;
	margin-left: 39px;
	display: inline;
}

#wrap #top_box #menu ul li {
	float: left;
	margin-right: 8px;
	display: inline;
}

#wrap #top_box #menu ul li a {
	float: left;
	width: 98px;
	height: 111px;
}


/* Buttony w menu */
#wrap #top_box #menu ul #strona_glowna a {
	width: 114px;
	background: url(images/top_box/buttons/strona_glowna.jpg) top;
}

#wrap #top_box #menu ul #o_firmie a { background: url(images/top_box/buttons/o_firmie.jpg) top; }

#wrap #top_box #menu ul #nasza_oferta {
	width: 89px;
	height: 49px;
	background: url(images/top_box/buttons/nasza_oferta.jpg) top;
	padding: 66px 0 0 9px;
}

#wrap #top_box #menu ul #nasza_oferta a {
	width: 98px;
	height: 16px;
	float: left;
	color: #ffd5aa;
	text-decoration: none;
}

#wrap #top_box #menu ul #promocje a { background: url(images/top_box/buttons/promocje.jpg) top; }

#wrap #top_box #menu ul #galeria a { background: url(images/top_box/buttons/galeria.jpg) top; }

#wrap #top_box #menu ul #kontakt a { background: url(images/top_box/buttons/kontakt.jpg) top; }

/* Akcja "hover" */
#wrap #top_box #menu ul #strona_glowna a:hover { background: url(images/top_box/buttons/strona_glowna.jpg) 0 111px; }

#wrap #top_box #menu ul #o_firmie a:hover { background: url(images/top_box/buttons/o_firmie.jpg) 0 111px; }

#wrap #top_box #menu ul #nasza_oferta:hover { background: url(images/top_box/buttons/nasza_oferta.jpg) 0 111px; }

#wrap #top_box #menu ul #nasza_oferta:hover a:hover { color: #eb503b; }

#wrap #top_box #menu ul #nasza_oferta:hover a { color: #959595; }

#wrap #top_box #menu ul #promocje a:hover { background: url(images/top_box/buttons/promocje.jpg) 0 111px; }

#wrap #top_box #menu ul #galeria a:hover { background: url(images/top_box/buttons/galeria.jpg) 0 111px; }

#wrap #top_box #menu ul #kontakt a:hover { background: url(images/top_box/buttons/kontakt.jpg) 0 111px; }

/* Tekst reklamowy */
#wrap #top_box #tekst_reklamowy {
	float: right;
	width: 786px;
	height: 157px;
	background: url(images/top_box/tekst_reklamowy_background.jpg);
}

#wrap #top_box #tekst_reklamowy p {
	float: left;
	width: 520px;
	color: #feccc3;
	margin: 50px 0 0 70px;
	display: inline;
	line-height: 18px;
}

#wrap #top_box #tekst_reklamowy a {
	float: right;
	width: 37px;
	height: 37px;
	background: url(images/top_box/arrow.png);
	margin: 50px 136px 0 0;
	display: inline;
}

/* Główna część strony */
#wrap #container {
	float: left;
	width: 1110px;
	background: url(images/container_background.jpg) 88px 0 no-repeat;
	padding-top: 36px;
}

#wrap #container h1 {



	float: left;



	margin: 0;



	margin-bottom: 34px;



	padding: 0;



	font-size: 35px;



	color: #e04834;



	font-weight: normal;



	width: 100%;



	display: inline;



}


#wrap #container h2 {



	float: left;



	margin: 0;



	margin-bottom: 24px;



	padding: 0;



	font-size: 24px;



	color: #e04834;



	font-weight: normal;



	width: 100%;



	display: inline;



}






#wrap #container p {



	float: left;



	margin: 0;



	margin-bottom: 27px;



	padding: 0;



	color: #000000;



	line-height: 18px;



	width: 100%;



	display: inline;



}



#wrap #container img {
	border: 3px solid #c9c9c9;
}

#wrap #container img:hover {
	border: 3px solid #eb503b;
}

#wrap #container .kolor { color: #e04834; }

#wrap #container .odnosnik_do_wiecej {



	float: right;



	margin: 0;



	padding: 0;



	width: 68px;



	height: 22px;



	background: url(images/button_wiecej.jpg);



}



#wrap #container a { color: #919191; } 

#wrap #container a:hover { color: #eb503b; }







/* Boxy na stronie głownej */



#wrap #container .tresc_strona_glowna {



	float: left;



	width: 272px;



	margin-left: 52px;



	display: inline;



}



/* Box na podstronie */



#wrap #container .podstrona {



	float: left;



	width: 596px;



	margin-left: 52px;



	display: inline;



}







/* Box na dole */



#wrap_2 {



	float: left;



	width: 100%;



	margin-top: 46px;



	display: inline;



	background: url(images/wrap_2_background.jpg) top center no-repeat;



}







#wrap_2 #box_dolny {



	margin: auto;



	width: 1110px;



}



#wrap_2 #box_dolny #box_dolny_2 {

	float: left;

	width: 1110px;

	height: 126px;

	background: url(images/box_dolny_background.jpg);

}



#wrap_2 #box_dolny #box_dolny_2 .odnosnik_do_wiecej_2 {



	float: right;



	margin: 91px 124px 0 0;



	padding: 0;



	width: 68px;



	height: 22px;



	background: url(images/button_wiecej.jpg);



	display: inline;



}







/* Stopka */



#wrap_2 #footer {



	margin: auto;



	width: 1110px;



}







#wrap_2 #footer p {



	float: left;



	width: 1110px;



	color: #000000;



	margin: 21px 0 21px 51px;



	display: inline;



}



#wrap_2 #footer a {

	color: #000000;

	text-decoration: none;

}



#wrap_2 #footer a:hover {

	text-decoration: underline;

        color: #eb503b;

}



/* zabezpieczenie dla galerii */

#gallery-1 {
				margin: auto;
			}
			#gallery-1 .gallery-item {
				float: left;
				margin-top: 10px;
				text-align: center;
				width: 33%;			}
			#gallery-1 img {
				border: 2px solid #cfcfcf;
			}
			#gallery-1 .gallery-caption {
				margin-left: 0;
			}