/**
* HTML5 Boilerplate
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
**/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	font-size: 1em;
	line-height: 1.4;
}

/**
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
**/
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/* A better looking default horizontal rule */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img {
	vertical-align: middle;
}

/* Remove default fieldset styles. */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Allow only vertical resizing of textareas. */
textarea {
	resize: vertical;
}

/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
KLASY DZIEDZICZONE
========================================================================== */
.insideCenter {
	width: 940px;
	margin: 0 auto
}

.indentText {
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	text-indent: 100%;
}

.naglowek {
	font-size: 18px;
	font-weight: normal;

	a:hover {
		color: #cb0233
	}
}

/* ==========================================================================
Author's custom styles
========================================================================== */
h1 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2
}

h2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2
}

h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2
}

h1,
h2,
h3,
h4,
h5 {
	margin: 10px 0
}

h1.ce_headline {
	margin-top: 0
}

ul,
ol {
	margin: 0;
	padding: 0
}

a {
	color: #000;
	text-decoration: none
}

body {
	font-family: Tahoma, Geneva, sans-serif;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1;
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #333433;
}

/* HEADER */
#header {
	background: url(../img/bg_header.png) top repeat-x;

	.inside {
		.text {
			position: relative;
			&::after {
				content: '';
				display: table;
				clear: both;
			}
		}

		.insideCenter;

		.shortNav {
			overflow: hidden;
			text-align: right;

			li {
				display: inline;
				list-style: none
			}

			.iconMenu {
				li.facebook img {
					margin: -2px 0 0 4px;
				}

				display:inline-block;
				padding:12px;

				a {
					color: #666665;
				}

				li.favorites,
				li.home,
				li.contact {
					a {
						background: url(../img/bg_icon.png) no-repeat;
						display: inline-block;
						width: 9px;
						height: 8px;
						.indentText;
						margin-left: 5px;
						opacity: 0.3;

						&:hover {
							opacity: 1
						}
					}

					&.home a {
						background-position: -16px 0
					}

					&.contact a {
						background-position: -33px 0
					}
				}
			}

			.mod_i18nl10nnav {
				float: right;
				background: #02395e;
				padding: 10px 10px;
				height: 13px;

				a {
					padding: 0 2px
				}
			}
		}

		/*
			&:before { content:''; position:absolute; background:#e0041d; height:159px; border-top:19px solid #033a5f; width:50%; right:0; top:150px; z-index:0; z-index:0; }
			&:after { content:''; position:absolute; background: url(../img/bg_header.png) left top repeat-x #fff; height:328px; width:4px; margin-left:940px; z-index:99; top:0; z-index:0; }
		*/
	}

	h2 {
		clear: both;
		float: left;
		margin: -20px 0 25px 0;

		a {
			.indentText;
			display: inline-block;
			background: url(../img/logo.png);
			width: 245px;
			height: 81px;
		}
	}

	nav.mod_navigation {
		float: right;
		margin-top: 47px;
		font-weight: bold;
		color: #fff;
		font-size: 12px;

		@media (min-width: 992px) {
			& {
				float: none;
				position: absolute;
				right: 0;
				bottom: 0;
			}
		}

		/*
			&:before { content:''; position:absolute; background:#043a5f; height:20px; width:30%; right:0; top:82px; z-index:0; z-index:0; }
		*/
		a,
		span {
			color: #FFF;

			&:hover,
			&.trail {
				background: #e1091d
			}
		}

		> ul {
			&::after {
				content: '';
				display: table;
				clear: both;
			}
			> li {
				ul {
					display: none
				}

				float:left;
				position:relative;
				border-left:4px solid #f1f1f1;

				> a,
				> span {
					float: left;
					background: #033a5f;
					padding: 4px 5px;
					border-bottom: 5px solid #f1f1f1;

					&.active {
						background: #e1091d
					}
				}

				&.submenu:hover {

					> a,
					> span {
						border-bottom: 5px solid #053b5f;
					}

					ul {
						z-index: 99;
						font-size: 11px;
						width: 240px;
						display: block;
						position: absolute;
						top: 100%;
						left: 0;
						background: #033a5f;

						li {
							margin-bottom: 5px
						}

						a,
						span {
							display: block;
							padding: 3px 5px;
							/*background:#e0091d*/
						}
					}
				}
			}
		}
	}
}

.de #header h2 a {
	background: url(../img/logo-de.png);
}

.en #header h2 a {
	background: url(../img/logo-en.png);
}

@media all and (max-width: 1200px) {
	#header nav.mod_navigation > ul > li.last > ul {
		left: auto !important;
		right: 0 !important;
	}
}

.ie7 {
	#header .text {
		position: relative;
		z-index: 999;
	}

	.iconMenu {
		margin-right: 110px
	}

	.mod_i18nl10nnav {
		margin-top: -35px
	}

	#header {
		h2 {
			width: 245px;

			a {
				float: left
			}
		}
	}
}

#slider {
	background: #FFF;
	z-index: 5;
	position: relative;
	clear: both;
	width: 940px;
	height: 178px;
	overflow: hidden;

	> div {
		position: absolute;
		left: auto !important;
		top: 0;
		right: 0;
		width: 200%;

		h3 {
			position: absolute;
			top: 50%;
			right: 30px;
			color: #FFF;
			font-size: 26px;
			margin-top: -13px;
			font-weight: bold;
			text-shadow: 1px 1px #333;
			text-align: right
		}

		span {
			line-height: 31.2px;
			position: absolute;
			top: 50%;
			right: 30px;
			color: #FFF;
			font-size: 26px;
			margin-top: -13px;
			margin-bottom: 10px;
			font-weight: bold;
			text-shadow: 1px 1px #333;
			text-align: right
		}
	}
}

div#nav {
	background: #043a5f;
	text-align: right;
	height: 17px;
	padding: 3px 10px 0 0;

	a {
		.indentText;
		display: inline-block;
		width: 5px;
		height: 5px;
		background: #999899;
		margin: 5px 2px;

		&.activeSlide {
			background: #e0041c
		}
	}
}

.ie7 {
	div#nav a {
		float: right;
	}
}

#sliderclient {
	padding: 0 0 10px 0;

	input {
		display: none
	}

	.insideCenter;
	width:941px;

	.ce_headline {
		.naglowek;
	}

	ul {
		overflow: hidden;
		padding: 0 1px;
	}

	li {
		float: left;
		list-style: none;
		width: 187px;

		.img_wrapper {
			position: relative
		}

		img {
			border: 1px solid #e5e4e4;
			margin-left: -1px;

			&.color {
				opacity: 0;
				position: absolute;
				left: 0;
				top: 0
			}
		}
	}
}

.invisible {
	display: none !important
}

#footer {
	a {
		color: inherit
	}

	padding:0 0 0 0;

	.inside {
		.insideCenter;
		background: #fff;

		.ce_image {
			position: relative;
			float: left;
			width: 232px;
			border-right: 8px solid #e0041c;
			height: 110px;

			img {
				position: absolute;
				left: 50%;
				top: 50%;
				margin-left: -100px;
				margin-top: -33px;
			}
		}

		.ce_text {
			margin-left: 1px;
			float: left;
			background: #013a5f;
			height: 85px;
			color: #FFF;
			width: 639px;
			padding: 10px 30px 15px 30px;

			p {
				margin-top: 0;
				margin-bottom: 10px;
				line-height: 17px;

				> span {
					color: #6d7d87;
					font-size: 10px;

					a {
						color: #b4c4cf
					}
				}
			}

			/*
				&:after { content:''; position:absolute; background: #013a5f; height:110px; margin-top:-108px; width:50%; right:0; z-index:-1; }
			*/
		}
	}

	clear:both;
}

.ie7 {
	#footer .ce_text p > span {
		margin-top: -15px;
	}
}

/* CONTAINER */
#container {
	.insideCenter;
	line-height: 1.5;
}

#newslist {

	h3,
	h2 {
		.naglowek
	}

	h3 {
		margin-bottom: 10px
	}

	h3 a {
		color: #333433
	}
}

.mod_newslist,
.mod_newsarchive {

	h3,
	h2 {
		.naglowek
	}

	overflow:hidden;

	.layout_short {
		margin-bottom: 10px;
		float: left;
		width: 450px;
		padding-right: 10px;
		overflow: hidden;

		figure {
			float: left;
			width: 220px;
		}

		.teaser {
			padding-top: 10px;
			float: right;
			width: 220px;

			.info {
				font-weight: bold;
			}

			p {
				margin: 0
			}

			h2 {
				margin: 0 0 5px 0
			}

			a {
				color: #cb0233
			}
		}
	}

	&.even {
		clear: both
	}
}

.mod_newsreader {
	h1 {
		margin-bottom: 0
	}

	p.info {
		font-weight: bold;
		margin-top: 0
	}
}

p.back {
	padding: 5px 0;
	border-top: 1px solid #ccc;
	font-weight: bold;

	&:before {
		content: '<<< ';
		font-size: 7px;
		float: left;
		padding: 3px 5px 0 0
	}
}

.ce_news_gallery,
.ce_gallery {
	clear: both;
	margin: 10px 0;

	td {
		padding: 5px 10px 5px 0;

		&.col_last {
			padding-right: 0
		}
	}
}

.enclosure,
.ce_downloads,
ce_download {
	* {
		vertical-align: middle
	}

	p {
		margin: 5px 0;
		padding: 5px;
		background: #eeeeee
	}
}

#boxy {
	overflow: hidden;

	.ce_text {
		h3 {
			.naglowek;
			margin-top: 0;
			margin-bottom: 5px;
		}

		float:left;
		width:313px;
		padding:0 18px 0 45px;
		width:250px;
		margin-top:10px;

		&.odlewy {
			background: url(../img/icon_odlewy.png) left top no-repeat
		}

		&.obrobka {
			background: url(../img/icon_obrobka.png) left top no-repeat
		}

		&.badania {
			background: url(../img/icon_badania.png) left top no-repeat
		}
	}
}

#headeroferta {
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;

	h3 {
		.naglowek;
		margin-bottom: 10px
	}
}

.ie7 #boxyhome .jcarousel-prev,
.ie7 #boxyhome .jcarousel-next {
	background: #E1091D
}

#boxyhome {
	position: relative;
	border-bottom: 1px solid #cccccb;

	.box {
		float: left;
		width: 230px;
		padding-bottom: 10px;

		h3 {
			border-bottom: 1px solid #cccccb;
			.naglowek;
			font-size: 16px;
			margin: 0 10px 5px 0;
			padding: 10px 0 5px 0;
		}
	}

	.jcarousel-prev,
	.jcarousel-next {
		cursor: pointer;
		.indentText;
		position: absolute;
		left: -26px;
		top: 0;
		border: none;
		width: 26px;
		height: 146px;
		background: url(../img/arrow_l.png) center no-repeat #fff;

		&.jcarousel-next {
			left: auto;
			right: -15px;
			background: url(../img/arrow_r.png) center no-repeat #fff;
		}

		&.jcarousel-prev-disabled,
		&.jcarousel-next-disabled {
			opacity: 0.5;
			cursor: default
		}
	}
}

#container .content {
	padding: 20px 0 5px 0
}

.twoCol {
	#container .content {
		padding: 10px 0;
		overflow: hidden;
	}

	#main {
		float: right;
		width: 680px;
	}

	#left {
		float: left;
		width: 220px;
	}
}

#left {
	nav {

		> ul > li > a,
		> ul > li > span {
			.naglowek;
			color: #033a5f;
			margin: 10px 0;
			display: block
		}

		> ul > li ul {

			a,
			span {
				display: block;
				background: #053a5f;
				color: #FFF;
				margin-bottom: 5px;
				padding: 3px 5px 3px 15px;
				font-weight: bold;

				&.active {
					background: #e0091d
				}
			}
		}
	}
}

.ce_text,
.ce_table {
	table {
		margin: 10px 0
	}

	td,
	th {
		padding: 5px;
		border: 1px solid #ccc
	}

	th {
		background: #eeeeee
	}
}

#main {

	ul,
	ol {
		margin: 10px 0 0 15px
	}
}

.pagination {
	padding: 10px 0;
	clear: both;
	text-align: center;

	p {
		float: left;
		margin: 0;
	}

	ul,
	li {
		display: inline;
		list-style: none;
		padding: 0;
		margin: 0;

		a,
		span {
			padding: 3px 5px;
			background: #063a5f;
			font-weight: bold;
			color: #FFF;

			&.current {
				background: #e0081c
			}
		}
	}
}

/* ==========================================================================
Print styles. Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " ("attr(href) ")";
	}

	abbr[title]:after {
		content: " ("attr(title) ")";
	}

	/* Don't show links for images, or javascript/internal links */
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
		/* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

.jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-container-horizontal {
	width: 945px;
	margin-left: 2px;
}

.jcarousel-clip {
	overflow: hidden;
}

.jcarousel-clip-horizontal {}

.jcarousel-item {}

.jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 8px;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
	margin-right: 0;
}

.jcarousel-item-vertical {
	margin-bottom: 10px;
}

#galeria .ce_hyperlink {
	float: left;
	margin: 20px 0 0 20px;

	figure {
		position: relative;
		overflow: hidden
	}

	figcaption {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 10px;
		background: url(../img/link_bg.png);
		color: #FFF;
		font-weight: bold;
		font-size: 14px
	}

	a {
		color: #FFF
	}
}

#timeline {
	overflow: hidden;
	position: relative;
	background: url('../img/dot.png') left 45px repeat-x;
}

#main #dates {
	width: 680px;
	height: 60px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#dates li {
	list-style: none;
	float: left;
	width: 150px;
	height: 50px;
	font-size: 15px;
	text-align: center;
	line-height: 50px;
	color: #053a5f;
	background: url('../img/biggerdot.png') center bottom no-repeat;
}

#dates a {
	color: #053a5f;
	line-height: 20px;
	padding-bottom: 10px;
}

#dates .selected {
	font-size: 15px;
	color: #e0091d;
}

#issues {
	width: 680px;
	overflow: hidden;
	margin: 0 auto
}

#issues li {
	width: 680px;
	list-style: none;
	float: left;
}

#issues .cotInside {
	padding: 0 50px;
}

#grad_left,
#grad_right {
	width: 100px;
	height: 350px;
	position: absolute;
	top: 0;
}

#grad_left {
	left: 0;
	background: url('../img/grad_left.png') repeat-y;
}

#grad_right {
	right: 0;
	background: url('../img/grad_right.png') repeat-y;
}

#next,
#prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 70px;
	width: 21px;
	height: 200px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#next {
	right: 0;
	background-image: url('../img/arrow_full.png');
	background-position: right center
}

#prev {
	left: 0;
	background-image: url('../img/arrow_full.png');
	background-position: left center
}

#next.disabled,
#prev.disabled {
	opacity: 0.5;
}

html,
body {
	height: 100%;
}

#wrapper {
	min-height: 100%;
	position: relative;
}

#container {
	padding-bottom: 110px;
	/* Height of the footer */
}

#footer {
	overflow: hidden;
	bottom: 0;
	width: 100%;
	position: absolute;
}

.bordernone {

	td,
	th {
		border: none;
		padding-left: 0
	}
}

.paddingnone {

	td,
	th {
		padding: 0;
	}

	td p {
		margin: 0
	}
}

.ce_text a {
	color: #E1091D
}

#odlewy-z-aluminium-i-cynku h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0
}

.itemscope {
	line-height: 17px;
	margin-bottom: 10px;

	div {
		display: inline
	}
}

.mod_GoogleFriendlyBreadcrumbs {
	padding: 10px 0;
	border-bottom: 1px solid #c5c5c7;

	div {
		display: inline
	}

	img,
	div {
		vertical-align: middle
	}
}

#mbBottom {
	margin-top: -5px !important;
	line-height: 14px !important
}

#mbTitle,
#mbPrevLink,
#mbNextLink,
#mbCloseLink {
	line-height: 17px !important
}

a.a_logo {
	margin-top: -20px;
	margin-bottom: 28px;
	display: block;
	float: left;
	clear: both;
}