/*
	Orzeł S.A.
	date: 18.12.2008
	encoding: UTF-8
	author: Dawid Horodecki
*/

/*	Reset styles
	==================================== */

body, div,
dl, dt , dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, blockquote,
form, fieldset, input, textarea,
p,
th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img,
abbr, acronym {
	border: 0;
}
address, caption, cite,
code, dfn, em,
strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
body,
h1, h2, h3, h4, h5, h6,
input, select, textarea {
	font-weight: normal;
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
a,
del, ins {
	text-decoration: none;
}

/*	Basic styles
	==================================== */

html {
	height: 100%;
}
body {
	background: #262b64 url(../../images/frontend/bg-body.png) repeat-x 0 100% fixed;
	font: normal 100%/100% Tahoma, Geneva, Kalimati, sans-serif;
	height: 100%;
	min-height: 100%;
	text-align: left;
}
p,
ul, ol,
table,
.txt {
	font-size: 0.75em;
	margin: 1em 0;
}
ul li, ol li {
	margin-left: 2em;
}
ul ul,
ol ol {
	font-size: 1em;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
h2 {
	font-size: 1.125em;
	font-weight: bold;
	color: #090d32;
	margin: 1em 0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Loma, sans-serif;
}
h3 {
	text-align: center;
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: bold;
	margin: 1em 0;
	color: #333;
}
h4 {
	font-size: 0.75em;
	margin: 1em 0;
	color: #333;
}
em {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
a {
	color: #262b64;
}
	a:hover,
	a:focus {
		text-decoration: underline;
	}
table {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ccc;
}
td {
	padding: 0.5em;
	text-align: left;
	border: 1px solid #ccc;
}
th {
	text-align: center;
	font-weight: bold;
	border: 1px solid #ccc;
	border-bottom-width: 2px;
}
fieldset {
	width: 400px;
	margin: 1em auto;
}
legend {
	display: none;
}
label {
	display: block;
	font-size: 0.75em;
	text-align: left;
	margin: 1em 0 0 0;
}
input, textarea, select {
	font: normal 0.875em/1em Tahoma, Geneva, Kalimati, sans-serif;
	display: block;
	margin-bottom: 1em;
}
input[type="text"] {
	width: 290px;
	padding: 4px;
	border: 1px solid #ccc;
}
textarea {
	width: 390px;
	height: 120px;
	padding: 4px;
	border: 1px solid #ccc;
	overflow: auto;
}
.left {
	float: left;
	width: 45%;
	margin: 1em 5% 1em 0;
}
.right {
	float: right;
	width: 45%;
	margin: 1em 0 1em 5%;
}
.txt p,
.txt ul, .txt ol,
.txt h2, .txt h3, .txt h4,
.txt table,
.txt input, .txt select, .txt textarea {
	font-size: 1em;
}
.clear:after {
	content: '.';
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/*	Layout
	==================================== */

#accessibility {
	position: absolute;
	top: -2000em;
}
#header {
	width: 100%;
	min-width: 920px;
	height: 52px;
	background: #090d32 url(../../images/frontend/bg-header.png) repeat-x 0 0;
	border-bottom: 7px solid #d7ca00;
}
#header .wrapper {
	width: 860px;
	height: 42px;
	margin: 0 auto;
	padding: 10px 20px 0 20px;
	position: relative;
	background: transparent url(../../images/frontend/bg-headerw.png) no-repeat 0 0;
}
#main {
	width: 100%;
	min-width: 920px;
}
#main .wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: #fff url(../../images/frontend/bg-mainw.png) repeat-y 0 0;
}
body#index #main .wrapper {
	background: #fff url(../../images/frontend/bg-imainw.png) repeat-x 0 0;
}
#content {
	padding: 20px 30px 0 0;
	width: 600px;
	float: right;
}
body#index #content {
	padding: 70px 0 0 20px;
	width: 300px;
	float: left;
}
#sidebar {
	width: 215px;
	padding: 70px 10px 0 20px;
	float: left;
}
body#index #sidebar {
	padding: 385px 20px 0 0;
	width: 550px;
	float: right;
	background: transparent url(../../images/frontend/bg-isidebar.jpg) no-repeat 0 0;
}
#footer {
	width: 860px;
	padding: 0 30px;
	margin: 0 auto;
}

/*	Header
	==================================== */

/*	Logo
	------------------------------------ */

#logo {
	width: 190px;
	height: 109px;
	position: absolute;
	top: 14px;
	left: 20px;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: -2000em;
	background: transparent url(../../images/frontend/bg-logo.png) no-repeat 0 0;
}

/*	New connect
	------------------------------------ */

#newcon {
	position: absolute;
	top: 65px;
	left: 230px;
	width: 87px;
	height: 59px;
	margin: 0;
}
#newcon a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -2000em;
	overflow: hidden;
	background: transparent url(../../images/frontend/bg-newcon.png) no-repeat 0 0;
}
#newcon a:hover {
	text-decoration: none;
}

/*	Menu
	==================================== */

#menu {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Loma, sans-serif;
}
#menu li {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	position: relative;
}
#menu li a {
	display: block;
	position: relative;
	float: left;
	height: 42px;
	background: transparent url(../../images/frontend/bg-menu.gif) no-repeat 0 0;
	text-indent: -2000em;
	overflow: hidden;
}
#menu li#m-firma a {
	width: 102px;
	background-position: 0 100%;
}
	#menu li#m-firma a:hover,
	#menu li#m-firma a:focus,
	body#firma #menu li#m-firma a,
	#menu li#m-firma.selected a {
		background-position: 0 0;
	}
#menu li#m-relacje a {
	width: 162px;
	background-position: -102px 100%;
}
	#menu li#m-relacje a:hover,
	#menu li#m-relacje a:focus,
	body#relacje li#m-relacje a,
	#menu li#m-relacje.selected a {
		background-position: -102px 0;
	}
#menu li#m-kariera a {
	width: 78px;
	background-position: -264px 100%;
}
	#menu li#m-kariera a:hover,
	#menu li#m-kariera a:focus,
	body#kariera #menu li#m-kariera a {
		background-position: -264px 0;
	}
#menu li#m-dopobrania a {
	background-position:-342px 100%;
	width:115px;
}
	#menu li#m-dopobrania a:hover,
	#menu li#m-dopobrania a:focus,
	body#dopobrania #menu li#m-dopobrania a {
		background-position: -342px 0;
	}
#menu li#m-media a {
	width: 70px;
	background-position: -457px 100%;
}
	#menu li#m-media a:hover,
	#menu li#m-media a:focus,
	body#media #menu li#m-media a,
	#menu li#m-media.selected a {
		background-position: -457px 0;
	}
#menu li#m-kontakt a {
	width: 79px;
	background-position: -527px 100%;
}
	#menu li#m-kontakt a:hover,
	#menu li#m-kontakt a:focus,
	body#kontakt #menu li#m-kontakt a {
		background-position: -527px 0;
	}
#menu li a em {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	text-indent: -2000em;
	display: block;
	width: 18px;
	height: 16px;
}
#menu li a:hover em,
#menu li.selected a em {
	background: transparent url(../../images/frontend/bg-menu-em.png) no-repeat 0 0;
}
#menu li ul {
	display: none;
	position: absolute;
	list-style: none;
	top: 42px;
	left: 0;
	margin: 0;
	width: 162px;
	padding-top: 7px;
	background-color: #d7ca00;
	z-index:10;
}
#menu li.selected ul {
	display: block;
}
#menu li ul li {
	display: block;
	float: none;
	margin: 0;
	width: 100%;
}
#menu li#m-firma li a,
#menu li#m-relacje li a,
#menu li#m-media li a {
	display: block;
	float: none;
	height: auto;
	width: 152px;
	background: none;
	color: #000;
	text-indent: 0;
	padding: 5px;
	font-size: 1.091em;
	overflow: visible;
}
#menu li#m-firma ul li a:hover,
#menu li#m-firma ul li a:focus,
#menu li#m-relacje ul li a:hover,
#menu li#m-relacje ul li a:focus,
#menu li#m-media ul li a:hover,
#menu li#m-media ul li a:focus {
	background-color: #faeb03;
	text-decoration: none;
}

/*	Content
	==================================== */

/*	Info
	------------------------------------ */

#info {
	margin-top: 32px;
	padding: 10px;
	border: 1px solid #dcd117;
}
#info h2 {
	font-size: 0.688em;
	margin: 0 0 1em 0;
	text-transform: uppercase;
}

/*	Intro
	------------------------------------ */

#intro {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Loma, sans-serif;
}

.awards a {
	margin: 20px 0;
	display: block;
	width: 200px;
	height: 68px;
	text-indent: -2000em;
	background: url(../../images/frontend/bg-odpowiada-inwestorom-logo.png) 0 0 no-repeat;
}

/*	Forms
	------------------------------------ */

form .show-ok {
	width: 90%;
	padding: 1em;
	margin: 1em auto;
	border: 1px solid #030;
	color: #030;
	background-color: #cfc;
}
form .show-error {
	width: 90%;
	padding: 1em;
	margin: 1em auto;
	border: 1px solid #900;
	color: #900;
	background-color: #f99;
}
form .warning {
	color: #666;
	font-weight: bold;
}

/*	Article
	------------------------------------ */

.article h3 {
	margin-bottom: 0;
	text-align: left;
	text-transform: none;
}
.article {
	margin: 0 0 10px 0;
}
.article p.date {
	margin-top: 0;
	color: #969696;
	font-weight: bold;
	font-size: 0.688em;
}
ul.article {
	list-style: none;
}
ul.article li {
	margin-left: 0;
}

/*	Gallery
	------------------------------------ */

#gallery .row {
	float: left;
	clear: left;
	width: 100%;
	margin: 10px 0;
}
#gallery a {
	display: block;
	width: 120px;
	margin: 0 10px;
	float: left;
}
	#gallery a:hover {
		text-decoration: none;
	}
#gallery a img {
	display: block;
	margin: 0 auto;
	padding: 4px;
	border: 1px solid #ccc;
}
#gallery a:hover img {
	border-color: #262b64;
}

/*	Paginate
	------------------------------------ */

.paginate {
	list-style: none;
	text-align: center;
	margin: 2em 0;
}
.paginate li {
	display: inline;
	margin: 0 0.25em;
}
.paginate li a {
	padding: 0 0.5em;
	border: 1px solid #ccc;
	line-height: 1.5em;
}
.paginate li a:hover {
	border-color: #262B64;
}


/*	Sidebar
	==================================== */

/*	Sites
	------------------------------------ */

#sites {
	display: block;
	width: 100%;
	margin: 0 0 0 -10px;
	padding: 0;
	list-style: none;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Loma, sans-serif;
	font-size: 0.688em;
}
body#index #sites {
	margin: 0;
}
#sites li {
	float: left;
	display: block;
	width: 103px;
	margin: 10px 2px;
	overflow: hidden;
	text-align: center;
}
body#index #sites li {
	margin: 0 0 0 45px;
}
body#index #sites li:first-child,
body#index #sites li.first-child {
	margin-left: 0;
}
#sites li a {
	float: left;
	display: block;
	width: 100%;
	padding-top: 100px;
	background-color: transparent;
	background-repeat: no-repeat;
}
#sites li#s-salon a {
	background-image: url(../../images/frontend/bg-sites-salon.png);
	background-position: 50% 0;
}
#sites li#s-opony a {
	background-image: url(../../images/frontend/bg-sites-opony.png);
	background-position: 50% 0;
}
#sites li#s-serwis a {
	background-image: url(../../images/frontend/bg-sites-serwis.png);
	background-position: 50% 0;
}
#sites li#s-utylizacja a {
	background-image: url(../../images/frontend/bg-sites-utylizacja.png);
	background-position: 50% 0;
}

/*	Left menu
	------------------------------------ */

#left-menu {
	list-style: none;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Loma, sans-serif;
	line-height: 1em;
}
#left-menu li {
	display: block;
	width: 194px;
	min-height: 28px;
	margin: 0;
}
#left-menu li a {
	display: block;
	padding-bottom: 6px;
	color: #000;
}
	#left-menu li.selected a,
	#left-menu li a:hover,
	#left-menu li a:focus {
		background: #fff url(../../images/frontend/bg-leftmenu.png) no-repeat 0 100%;
		text-decoration: none;
	}
#left-menu li a span {
	display: block;
	padding: 11px 6px 3px 27px;
}
	#left-menu li.selected a span,
	#left-menu li a:hover span,
	#left-menu li a:focus span {
		background: transparent url(../../images/frontend/bg-leftmenuw.png) no-repeat 0 0;
	}

/*	Newsletter link
	------------------------------------ */

#newsletter {
	list-style: none;
	font-size: 1em;
	padding: 0;
}
#newsletter li {
	padding: 0;
	margin: 0;
}
#newsletter li a {
	display: block;
	text-align: center;
	background: transparent url(../../images/frontend/bg-newsletter.png) no-repeat scroll 0 0;
	color: #262B64;
	font-size: 1.3em;
	width: 194px;
	padding: 20px 0;
}

/*	Footer
	==================================== */

#footer p {
	color: #fff;
	float: left;
	font-size: 0.688em;
}
#footer p a {
	color: #fff;
}


/*	Made by
	------------------------------------ */

p#madeby {
	float: right;
	width: 101px;
	margin-left: 20px;
}
p#madeby a {
	display: block;
	width: 100%;
	height: 22px;
	overflow: hidden;
	text-indent: -2000em;
	background: transparent url(../../images/frontend/bg-madeby.gif) no-repeat 0 0;
}
	p#madeby a:hover {
		text-decoration: none;
	}