/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	background: #08020E;
	color: #FFF;
	font-size: 11px;
	padding: 0 0 40px;
}


/* anchors
----------------------------------------------- */
a {
	color: #224a9d;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}


/* branding
----------------------------------------------- */
h1#logo {
	font-weight:normal;
	font-size:3em;
	text-align:left;
	padding:1em 1em;
	margin:0;
}
h1#smalllogo {
	text-align:left;
	padding: 40px 0 0 0;
	margin:0;
}

/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

/* menus
----------------------------------------------- */
ul.menu {
	list-style:none;
	border-top:1px solid #bbb;
}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
	border-bottom:1px solid #ccc;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}

/* container background
----------------------------------------------- */
.container_960 {
	width: 960px;
	margin: 0 auto;
}
/* padding container
----------------------------------------------- */
.pad_5 {
	padding: 5px;
}
.pad_10 {
	padding: 5px;
}

.w30 {width: 30%;}
.w40 {width: 40%;}
.w60 {width: 50%;}
.w70 {width: 70%;}
.w100 {width: 100%;}

.h100 {
	height: 100px;
}

/* header
----------------------------------------------- */
#header {
	width: 100%;
	padding: 0;
	margin: 0;
}
.header_bg {
	background: url("../images/header_bg.jpg") no-repeat;
	height: 563px;
}

.slider_bg {
	background: url("../images/bg_slider.png") no-repeat;
	height: 350px;
	width: 829px;
	margin: 0 auto;
	position: relative;
	top: 100px;
}
.slideshow { height: 233px; width: 465px; position: relative; top: 4px; left: 181px;}
.slideshow img { padding: 0px; }

.promo_text {
	width	: 490px;
	margin	: 0 auto;
	text-align: center;	
	position: relative;
	top: 10px;
	font-size: 12px;
}
/* container
----------------------------------------------- */
#container {
	background: #FFF url("../images/container_bg.gif") repeat-x;
	width: 100%;
	padding: 0;
	margin: 0;
}

h1.oferta {
	background: url("../images/h1_oferta.png") no-repeat;
	width: 155px;
	height: 25px;
}
p.text_lh {line-height: 2.2em;}

ul.oferta_ul {
	padding: 10px 0 10px 0;
}


ul.oferta_ul li {
	color: #525252;
	padding: 3px 0 3px 25px;
	background: url("../images/accept.png") no-repeat 0 50%;
}

#container p {
	color: #525252;
	text-align: justify;
	
}

.referencje_bg {
	background: url("../images/referencje_bg.png") no-repeat bottom right;
	width: 100%;
}

h1.h1_referencje {
	background: url("../images/h1_referencje.png") no-repeat;
	width: 130px;
	height: 25px;
}


.kontakt {
	background: url("../images/line.png") no-repeat center top;
	width: 100%;
}

h1.h1_kontakt {
	background: url("../images/h1_kontakt.png") no-repeat;
	width: 155px;
	height: 25px;
}

.bg_nrphone {
	background: url("../images/kontakt.jpg") no-repeat;
	width: 244px;
	height: 83px;
}
.text_kontakt {line-height: 1.4em;}
.separator {
	background: url("../images/line.png") no-repeat center top;
	height: 21px;
}
/* footer
----------------------------------------------- */
.footer_bg {
	background: url("../images/footer_bg.jpg") no-repeat;
	height: 287px;
}
.photo-small { text-align: center; width: 100%; padding: 10px 0 10px 0;}
.photo-small ul {clear: both; list-style: none;}
.photo-small ul li {float: left; display: block; width: 30%; height: 165px; padding: 15px;}
.photo-small ul li a img {background: #FFF; padding: 3px; border: #ccc 1px solid;}
.photo-small ul li a img:hover {background: #efefef; padding: 3px; border: #ccc 1px solid;}
p.copyright {
	text-align:left;
	padding: 0;
	margin:0;
	color: #9870c1;
}