@font-face {
    font-family: 'MergeLight';
    src: url('styles/f/merge_light-webfont.eot');
    src: url('styles/f/merge_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('styles/f/merge_light-webfont.woff') format('woff'),
         url('styles/f/merge_light-webfont.ttf') format('truetype'),
         url('styles/f/merge_light-webfont.svg#MergeLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
   ••	Project: eWent                                              ••
   ••	Date: September/October 2011                                ••
   •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••

		1. Global Styles

		2. Layout
			2.1 Header
				2.1.1 Logo
				2.1.2 Nav
			2.2 Content
				2.2.1 SG
					2.2.1.1 Coda slider
					2.2.1.2 Content
				2.2.2 Kontakt
				2.2.3 Oferta
			2.3 Footer

---------------------------------------------------------------------- */

/* 1. =Global Styles
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

a {
	text-decoration: none;
	}

a, a:hover, a:active, a:focus {
	outline: 0;
	}

.col {
	float: left;
	}

/* 2. =Layout
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

body {
	overflow-x: hidden !important;
	width: 850px;
	font-family: 'Tahoma', 'Arial', sans-serif;
	line-height: 1.5;
	color: #1e1e1e;
	background: url('styles/i/double-kreska.jpg')0 124px repeat-x;
	}

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

.header {
	margin: 0 auto;
	height: 120px;
	position: relative;
	font-family: 'MergeLight', sans-serif;
	}

/* kreski */
/*.header:after,
.header:before {
	content: "";
	display: block;
	position: absolute;
	width: 9999px;
	height: 1px;
	left: -50%;
	z-index: 1000;
	background: #ececec;
	}*/

.header:before { bottom: 3px; }
.header:after { bottom: 0; }

/* logo */

.logo,
.header nav li {
	float: left;
	line-height: 117px;
	}

.logo {
	width: 184px;
	}

.logo a img {
	vertical-align: middle;
	}

.logo hgroup {
	text-indent: -9999px;
	display: none;
	}

/* nawigacja */

.header nav {
	float: right;
	}

.header nav ul,
.header nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	}

.header nav li {
	margin-left: 10px;
	}

.header nav a {
	padding: 20px 20px;
	}

.header nav > ul {
	margin-right: -20px;
	}

.header nav a,
.header nav a:visited {
	color: #000;
	}

.header nav a.active,
.header nav .active,
.header nav a:hover,
.header .top:hover > a {
	color: #ff1c1a;
	}

.header .top {
	position: relative;
	}

/* > w dol */
.header .top > a:after {
	content: url('styles/i/v2.jpg');
	margin-right: 1em;
	line-height: 110px;
	float: right;
	}

.header .top:hover > a:after,
.header .top > .active:after {
	content: url('styles/i/v2h.jpg');
	}

/* MEGA DROPDOWN!!111ONEONEELEVEN*/

.header .sub {
	display: none;
	position: absolute;
	overflow: visible;
	z-index: 2000 !important;
	background: rgba(255, 255, 255, .8);
	top: 75px;
	white-space: nowrap;
	padding: 0 40px 0 10px;
	border-left: 1px solid #ff1c1a;
	font-size: 13px;
	text-shadow: 1px 1px 1px #fff;
	}

.header .sub ul {
	float: left;
	}

.header .sub .klima {
	left: 20px;
	position: relative;
	}

.header .sub h3 {
	margin: 0;
	padding: 0;
	}

.header .sub li,
.header .sub li a {
	margin: 0;
	padding: 0;
	}

/* poziome */
.header .sub li {
	display: inline;
	clear: both;
	}

.header .sub li a {
	display: block;
	padding: 10px 0;
	line-height: 1;
	}

/* slider */

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0; }
	.coda-slider { background: #fff; }

	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 250px; overflow: auto !important; padding-right: 20px; }

	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 850px; }

	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 850px; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0; }

	/* Arrow styling *
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }

	/* Tab nav *
	.coda-nav ul li a.current { background: #39c }*/

	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0; }

	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav
	.coda-nav ul { clear: both; display: block; margin: 0; padding: 0; overflow: hidden }
	.coda-nav ul li { display: inline }*/


	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }


.coda-slider-wrapper {
	width: 852px; /* 850 + 2 na bordery */
	margin: 25px auto;
	position: relative;
	overflow: hidden !important;
	}

.coda-slider {
	border: 1px solid #d6d6d6;
	}

.coda-slider-wrapper,
.panel-wrapper {
	position: relative;
	}

.panel-wrapper,
.panel-wrapper img {
	width: 850px;
	height: 250px;
	display: block;
	z-index: 2;
	}

/* wylaczone obrazki lul */
.panel-wrapper h2 {
	position: absolute;
	top: 25%;
	left: 25%;
	z-index: -1;
	}

/* taby - duzo zabawy */

.coda-nav ul,
.coda-nav li {
	display: block;
	margin: 0;
	padding: 0;
	}

.coda-nav ul {
	height: 49px;
	line-height: 48px;
	position: static;
	clear: both;
	overflow: hidden;
	}

.coda-nav li {
	float: left;
	}

.coda-nav a {
	display: block;
	height: 49px;
	width: 206px;
	margin-left: -30px;
	position: relative;
	background: url('styles/i/tabs/3bgn.png') repeat-x;
	}

.coda-nav a.current { background-image: url('styles/i/tabs/3bga.png'); }

.coda-nav a:after {
	content: url('styles/i/tabs/3arrn.png');
	position: absolute;
	display: block;
	width: 30px;
	height: 49px;
	top: 0;
	right: 0;
	z-index: 70;
	}

.coda-nav a.current:after { content: url('styles/i/tabs/3arra.png'); }

.tab1 a { width: 447px; margin-left: 5px; }
.tab2 a { width: 425px; }

.tab1 a:before,
.tab2 a:before {
	display: block;
	position: absolute;
	top: 0;
	}

.tab1 a:before { content: url('styles/i/tabs/3startn.png'); left: -5px; }
.tab1 a.current:before { content: url('styles/i/tabs/3starta.png'); }
.tab2 a:before { content: url('styles/i/tabs/3stopn.png'); right: -5px; }
.tab2 a.current:before {	content: url('styles/i/tabs/3stopa.png'); }

.tab2 a:after,
.tab2 a.current:after { content: ""; }

.coda-nav span {
	background: red;
	position: absolute;
	line-height: 120px;
	display: block;
	width: 121px;
	left: 50%;
	background: url('styles/i/tabs/names-sprite3.png') no-repeat;
	}

.tab1 span { margin-left: -70px; }
.tab2 span { margin-left: -40px; }

.tab1 span { background-position: 0 18px; }
.tab2 span { background-position: 5px -46px; }

.tab1 .current span { background-position: -303px 18px; }
.tab2 .current span { background-position: -298px -46px; }

/* 4 slajdy, 2 taby */
.coda-nav .sfg { display: none; }

.rounded {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 71;
	}

.ww {
	display: none;
	position: absolute;
	bottom: 19px;
	background: rgba(0, 0, 0, .7);
	border: 1px solid rgba(255, 255, 255, .5);
	border-left: none; border-right: none;
	width: 850px;
	text-align: center;
	z-index: 500;
	}

.coda-slider:hover .ww {
	display: block;
	}

.ww,
.ww li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.ww li {
	display: inline;
	white-space: nowrap;
	}

.ww a {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 50px;
	padding: 0 25px;
	}

.ww a:hover {
	color: #C4C4C4;
	}


/* 2.2.1.2 content */

.content {
	overflow: hidden;
	}

.content h2 {
	color: #ff1c1a;
	font-family: 'MergeLight', sans-serif;;
	margin-top: 0;
	}

.content .col {
	float: left;
	width: 400px;
	margin-top: 0;
	font-size: 14px;
	}

.content .col p:first-child {
	margin-top: 0;
	}

.col.primary {
	padding-right: 25px;
	}

.col.secondary {
	margin-left: 25px;
	}

.kontakt .content .electronic,
.kontakt .content .rl {
	width: 200px;
	}

.kontakt .content .rl {
	float: left;
	}

.kontakt .content .desc {
	clear: both;
	text-align: center;
	color: grey;
	}

.kontakt .content .fn,
.kontakt .content legend {
	padding-bottom: 5px;
	display: block;
	width: 100%;
	font-size: 18px !important;
	color: grey;
	}

.kontakt .content form input {
	width: 80%;
	margin: 0 auto;
	}

.kontakt .content .rl {
	}

.kontakt .content .electronic {
	float: right;
	text-align: right;
	}

.kontakt .content .method {
	float: left;
	width: 35%;
	font-size: 1em; /* 13 / 16 */
	}

.kontakt .content .mobile {
	margin-bottom: 0;
	}

.kontakt .content .fn,
.kontakt .content .landline {
	margin: 0;
	}

.kontakt .content .email {
	clear: both;
	text-align: center;
	font-size: 1.286em;
	}

.kontakt .content .email a {
	color: #000;
	border-bottom: 1px solid #000;
	}

.kontakt .content .email a:hover {
	border: 0;
	}


form,
fieldset,
input,
textarea {
	margin: 0;
	padding: 0;
	border: 0;
	}



.kontakt .content form {
	font-size: 0.857em;
	color: #323232;
	overflow: visible;
	}


.kontakt .content form p {
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	top: 1em;
	}

.kontakt .content label {
	position: absolute;
	top: 0;
	left: 5px;
	margin: .5em;
	background: transparent !important;
	}

.kontakt .content label,
.kontakt .content input,
.kontakt .content textarea {
	background-color: #fff;
	}

.kontakt .content input,
.kontakt .content textarea {
	width: 94%;
	}

.kontakt .content input,
.kontakt .content textarea {
	border: 1px solid #e3e1d5;
	border-radius: 5px;
	padding: .5em;
	}

.footer {
	clear: both;
	text-align: right;
	font-size: 12px;
	overflow: hidden;
	height: 100px;
	color: #626262;
	float: right;
	width: 850px;
	}
input:hover, textarea:hover, input:focus, textarea:focus {
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

/*.kontakt input, .kontakt textarea {
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -webkit-linear-gradient(, #FFFFFF, #EEEEEE 4%, #FFFFFF);
	background: -moz-linear-gradient(, #FFFFFF, #EEEEEE 4%, #FFFFFF);
	background: -o-linear-gradient(, #FFFFFF, #EEEEEE 4%, #FFFFFF);
	background: -ms-linear-gradient(, #FFFFFF, #EEEEEE 4%, #FFFFFF);
	background: linear-gradient(, #FFFFFF, #EEEEEE 4%, #FFFFFF);
}*/
.kontakt .content input[type="submit"] {
	width: auto;
	background: #617798;
	color: #fff;
	font-family: 'Cuprum', sans-serif;
	font-size: 1.2em;
	float: right;
	margin-right: 7px;
	}

.kontakt form {
	padding-bottom: 30px;
	}

.kontakt .content input[type="submit"]:hover {
	border-color: #695b49;
	}

.kontakt .primary iframe {
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	margin: 0 auto;
	display: block;
	}

/* stick it */
html, body {margin: 0; padding: 0;}
.wrapper {display: block; position: absolute; min-height: 100%; width: 850px; left: 50%; margin-left: -425px; }
.content {display: block; margin-bottom: 50px;}
.footer {position: absolute; display: block; bottom: 0; height: 50px }


.footer a,
.footer a:visited {
	color: #626262;
	border-bottom: 1px dotted #3e3e3e;
	padding-bottom: 2px;
	line-height: 32px;
	}

.footer:hover,
.footer:hover a {
	color: #1e1e1e;
	}

.footer p {
	float: left;
	margin-left: 1em;
	}

.footer .vcard {
	overflow: hidden;
	float: right;
	}

.footer .tel span {
	line-height: 32px;
	display: inline;
	}

.footer .secondary {
	padding-left: 1em;
	}


.footer .adr:before {
	content: url('styles/i/marker-pin.png');
	float: left;
	opacity: 0.5;
	}

/*.footer .adr a:hover:after {
	content: "Link otworzy się w nowej karcie";
	display: block;
	position: absolute;
	padding: 2px 10px;
	background: rgba(12, 141, 254, 0.5);
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	}*/

.footer .tel:before {
	content: url('styles/i/mobile.png');
	float: left;
	opacity: 0.5;
	}

.subpage .content h2 {
	margin-top: 1em;
	}

.subpage .photo-naglowek,
.subpage .photo-naglowek img {
	}

.subpage .photo-naglowek {
	border: 1px solid #d6d6d6;
	margin-top: 20px;
	width: 100%;
	}

.prefabrykaty table {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	}

.prefabrykaty th {
	background: red;
	}

.prefabrykaty tr:nth-child(n+2n) {
	color: red;
	}


.oferta .content .primary {
	width: 253px;
	text-align: right;
	font-size: 1.2em;
	font-family: 'MergeLight', sans-serif;
	}

.oferta .content .secondary {
	width: 547px;
	padding: 0;
	margin: 0;
	}

.oferta .primary ul,
.oferta .primary ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.oferta .primary h3:first-child {
	margin-top: 0;
	margin-bottom: 5px;
	}

.oferta .primary h3 {
	margin: 0;
	padding: 0;
	line-height: 1;
	}

.oferta .primary .klima {
	margin-top: 7px;
	}

.oferta .primary a {
	color: #000;
	}

.subpage .content a.active {
	color: #ff1c1a;
	}

.oferta .secondary p:first-child {
	margin-top: 0;
	}

.photo-naglowek {
	position: relative;
	height: 250px;
	}

.photo-naglowek .rounded {
	left: -1px;
	}

.photo-naglowek .rounded.r-t {
	top: -1px;
	}

.photo-naglowek .rounded.r-b {
	top: 243px !important;
	}

a.brdcrmb {
	float: left;
	margin: 30px 10px 0 0;
	color: #949494;
	}