/*  
Theme Name: EXPRESSO
Theme URI: http://www.expromo.pl
Description: EXPRESSO - Twoja Mocna Strona
Version: 1.0
Author: EXPROMO
Author URI: http://www.expromo.pl
*/
/******************************************************************************/
/***********************************CONTENTS***********************************/
/*******************************************************************************
	1. GENERAL SITE FORMATTING
	2. MAIN CONTENT FRAME FORMATTING
	3. CONTENT ELEMENTS FORMATTING
		3a. LEFT SIDE WIDGETS
		3b. TOP WIDGET
		3c. MIDDLE CONTENT
		3d. RIGHT SIDE WIDGETS
	4. LOGO FORMATTING
	5. HEADER ELEMENTS FORMATTING
	6. MENU BAR FORMATTING
	7. FOOTER FORMATTING
	8. AJAX LOGIN FORM FORMATTING
*******************************************************************************/
/**************************1. GENERAL SITE FORMATTING**************************/
/******************************************************************************/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	background-position: center bottom;
	background-repeat: repeat-x;
	font-size: 12px;
}
hr {
	height: 1px !important;
	color: #CCCCCC !important;
	background: #CCCCCC !important;
	width: 100% !important;
	clear: both !important;

}
#page-loader {
	display: block;
	width: 24px;
	height: 24px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -12px;
	margin-top: -12px;
	background-image: url('images/loader.gif');
	background-position: center center;
	background-repeat: no-repeat;
}
#color-configuration-container {
	display: none;
}

#toggle-disable {
	display: none;
}
#licence {
	display: none;
}
#adminbar {
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	position:absolute;
	width: 20%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px #7e7e7e solid;
	border-top: 1px #7e7e7e solid;
	z-index: 100;
	font-weight: bold;
	cursor: help;
	background: #555;
	border-top: 1px black solid;
	border-left: 1px black solid;
	border-bottom: 1px black solid;
	top: 4px;
	right: 0;
}
a h3 {
	color: #FFF !important;
}
a:hover h3 div{
	background: black !important;
	display: block;
	z-index: 2 !important;
	color: #FFFFFF;
}
#no-padding {
	padding-top: 27px !important;
}
.content960 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.shadow {
	-moz-box-shadow: 0px 0px 15px #414141;
	-webkit-box-shadow: 0px 0px 15px #414141;
	box-shadow: 0px 0px 15px #414141;
}
.clear-this {
	clear: both;
}
.clear-right {
	clear: right;
}
.clear-left {
	clear: left;
}
.ie-fixer {
	width: 100%;
	height: 1px;	
}
.no-display {
	display: none;
}
#body-container {
	width: 100%;
	background-position: center top;
	background-repeat: repeat-x;
	display: none;
}
#body-background-container-left {
	width: 100%;
}
#body-background-container-right {
	width: 100%;
	padding-top: 30px;
}

a {
	text-decoration: none;
	outline: none;
}
/******************************************************************************/
/***********************2. MAIN CONTENT FRAME FORMATTING***********************/
/******************************************************************************/
#main-frame-content-container {
	width: 924px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-y;
	
}
#main-frame-content {
	width: 924px;
	background-repeat: no-repeat;
	background-position: center bottom;
	
	}
#main-frame {
	width: 924px;
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 600px;
	position: relative;
	
}
#main-frame-footer-holder {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#main-frame-footer {
	height: 78px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: -40px;
	padding-top: 15px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#main-frame-footer-container {
	width: 904px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
}
#main-frame-footer-container div {
	filter: alpha(opacity=60);
	opacity: 0.60;
	-moz-opacity: 0.60;
}
#main-frame-footer-copyright {
	float: left;
	font-size: 10px;
	text-shadow: #fff 1px 1px 1px;
}
#main-frame-footer-copyright p {
	margin: 0;
	padding: 0;
}
#main-frame-footer-menu {
	float: right;
	font-size: 10px;
	text-shadow: #fff 1px 1px 1px;
}
#main-frame-footer-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#main-frame-footer-menu ul li {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
/******************************************************************************/
/**********************3. CONTENT ELEMENTS FORMATTING**************************/
/******************************************************************************/
/*****************************3a. LEFT SIDE WIDGETS****************************/

#widgets-left {
	float: left;
	width: 200px;
}
.widget-left-title a {
	color: #FFFFFF !important;
}
.textwidget p {
	margin: 0;
	padding: 0;
}

#widgets-left-ie-height {
	height: 200px;
	float: right;
}

.widget-left-corner {
	width: 200px;
	height: 16px;
	background: url('images/top-right-widget/top-widget-top-right-corner-left.gif') no-repeat;
	background-position: left center;
	margin-left: -11px;
}
.widget-left-container {
	position: relative;
	padding-top: 60px;
}
.widget-left-container h3 {
	margin: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	left: -11px;
	font-size: 12px;
	background-repeat: no-repeat;
	color: #FFF;
	width: 200px;
	height: 25px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0;
	padding-bottom: 0;
}
.widget-left-title {
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
}
.widget-left-content {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -25px;
}
.widget-top-animation-container {
	width: 711px;
	height: 200px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.widget-top-animation-container img{
	width: 711px;
	height: auto;

}

/********************************3b. TOP WIDGET********************************/
.widget-top-content-container {
	float: right;
	width: 735px;
	margin-right: -11px;
	margin-top: 16px;
}
.widget-top-content {
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: -16px;
	padding-top: 16px;
}
.widget-top {
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 39px;
	padding-left: 24px;
}
.widget-top-ie7 {
	display: none;
}
/*******************************3c. MIDDLE CONTENT*****************************/
#content-center {
	float: left;
	width: 100%;



}
.navi {
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eeeeee;
	font-weight: bold;
	font-size: 10px;
}
.navi a {
	font-weight: normal;
}
.navi a:hover {

}
.content-container {
	padding: 60px;
	padding-top: 20px;
	width: 804px;
}
	div.content-container p a {
		color: #b22b28;
		border-bottom: 1px #000 dotted;
	}
	div.content-container p a:hover {
		border-bottom: 0px;
	}
.content {
	float: left !important;
	width: 804px;
}


.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	clear: both;
}

.content h1{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-size: 16px;
}
.content h2{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-size: 15px;
}
.content-container h2.h2-page-title {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-size: 15px;
	color: #b22b28;
	font-size: 26px;
	margin-top: 0px;
}
.content-container h2.h2-page-title-single {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-size: 15px;
	font-size: 20px;
	margin-top: 0px;
}
.content h3{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-size: 14px;
}
.content h4{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-size: 13px;
}
.content h5{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-size: 12px;
}
.content h6{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-size: 10px;
}

#ie-height {
	display: none;
}
/****************************3d. RIGHT SIDE WIDGETS****************************/

#widgets-right {
	float: right;
	width: 200px;
}
.widget-right-container {
	position: relative;
	padding-top: 60px;
}
.widget-right-corner {
	background: url('images/top-right-widget/top-widget-top-right-corner.gif') no-repeat;
	background-position: right center;
	width: 180px;
	height: 16px;
	margin-left: 31px;
}
.widget-right-container h3 {
	margin: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	right: -11px;
	font-size: 12px;
	background-repeat: no-repeat;
	color: #FFF;
	width: 200px;
	height: 25px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0;
	padding-bottom: 0;
}
.widget-right-title {
	font-size: 14px;
	padding-left: 20px;
	font-weight: bold;
}
.widget-right-content {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -25px;
}
/******************************************************************************/
/*******************************4. LOGO FORMATTING*****************************/
/******************************************************************************/
#logo {
	padding-top: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
	float: left;
	position: relative;
}
#logo-image-container {
	float: left;
}
#logo-image {
	float: left;
	position: relative;
	text-align: center;
	margin-left: 15px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
}
#logo-image img {
	border: 0;
}
#logo-image-shadow {
	float: left;
	width: 350px;
	height: 16px;
	background: url('images/logo/logo-image-shadow-bottom.png') no-repeat;
	position: relative;
	background-position: center center;
	margin-left: 20px;
}
#logo a {
	text-decoration: none;
}
#logo a:hover {
	text-decoration: none;
}
#logo h1 {
	margin: 0;
	padding: 0;
	font-size: 45px;
}
#logo h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#logo-container {
	position: absolute;
	top: -10px;
	left: 20px;
	height: 120px;
	width: 300px;
}
#logo-container p {
	background: #FFF;
	width: 300px;
	height: 120px;
	text-align: center;
	margin: 0;
	padding: 0;
}
/******************************************************************************/
/*************************5. HEADER ELEMENTS FORMATTING************************/
/******************************************************************************/
#top-menu {
	float: right;
	margin-bottom: 50px;
	margin-right: 80px;
}
#top-menu ul {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-right: 10px;
	list-style: none;
}
#top-menu ul li {
	float: left;
	margin-left: 20px;
}
#top-menu ul li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 6px;
	text-shadow: #fff 1px 1px 1px;
}
#top-menu ul li a:hover, #top-menu ul li.sfhover a{
	text-decoration: none;
	cursor: pointer;
}
#top-widget {
	float: right;
	clear: right;
	margin-right: 25px;
}
#top-widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#top-widget-near-logo {
	width: 400px;
	float: right;
	clear: right;
	text-align: right !important;
}
	ul#language-switcher {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 15px;
		right: 0px;
		width: 70px;
	}
		ul#language-switcher li {
			
		}
			ul#language-switcher li a {
				display: block;
				width: 18px;
				height: 12px;
				float: left;
				margin-right: 15px;
				
			}
			ul#language-switcher li a:hover {
			   -moz-box-shadow: inset 0 0 7px #606060;
			   -webkit-box-shadow: inset 0 0 7px #606060;
			   box-shadow: inset 0 0 7px #606060;
			}
			ul#language-switcher li a#polish-flag {
				background-image: url('images/pl.png');
				background-position: center center;
				background-repeat: no-repeat;
			}
			ul#language-switcher li a#english-flag {
				background-image: url('images/gb.png');
				background-position: center center;
				background-repeat: no-repeat;
			}
/******************************************************************************/
/*****************************6. MENU BAR FORMATTING***************************/
/******************************************************************************/
#main-menu-corners {
	width: 946px;
	height: 16px;
	margin-left: -11px;
}
#main-menu-left-corner {
	width: 11px;
	height: 16px;
	display: block;
	float: left;
	background: url('images/top-right-widget/top-widget-top-right-corner-left.gif') no-repeat;
}
#main-menu-right-corner {
	width: 11px;
	height: 16px;
	display: block;
	float: right;
	background: url('images/top-right-widget/top-widget-top-right-corner.gif') no-repeat;
}
#main-menu-bar {
    width: 945px;
    height: 62px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-left: -11px;
    position: relative;
    z-index: 99;
}
#main-menu-bar ul {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 945px;
	z-index: 100;
}
#main-menu-bar ul li {
    float: left;
    position: relative;
    width: 20% !important; 
	z-index: 101;
}
#main-menu-bar ul li a{
    display: block;
    padding: 22px 0px;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 16px;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: right center;
    font-weight: bold;
    cursor: pointer;
	text-shadow: #8c0805 1px 1px 1px;
}
#main-menu-bar ul li a:hover {
	text-shadow: #000000 1px 1px 1px;
}
#main-menu-bar ul li a:hover, #main-menu-bar ul li:hover a, #main-menu-bar ul li.sfhover a{
    background-repeat: no-repeat;
    background-position: right center;
}
#main-menu-bar ul li ul {
    position: absolute;
    z-index: 103;
    top: 61px !important;
    left: 0px;
    padding-top: 0;
    width: auto !important;
	border-left: 1px #7a1513 solid;
	border-bottom: 1px #7a1513 solid;
	-moz-box-shadow: 0px 10px 15px #414141;
	-webkit-box-shadow: 0px 10px 15px #414141;
	box-shadow: 0px 10px 15px #414141;

}
#main-menu-bar ul li ul li {
    float: left;
    clear: left;
    margin: 0;
	z-index: 104;
    position: relative !important;
    width: auto !important;

}
#main-menu-bar ul li ul li a {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 14px;
    padding-right: 14px;
    width: 160px;
    font-size: 12px;

    }
#main-menu-bar ul li ul li a:hover {
    background-repeat: no-repeat;
    background-position: right center;
}
/* 
#main-menu-bar ul li ul li:hover a, #main-menu-bar ul li ul li.sfhover a {
    text-align: right;
} */
#main-menu-bar ul ul ul {
    position: absolute;
    top: 0 !important;
    left: 194px !important;
}
#main-menu-bar ul ul ul li {

}
#main-menu-bar ul ul ul li a {
    text-align: left !important;
}
#main-menu-bar ul ul ul li a:hover {
    text-align: right !important;
}


#main-menu-bar ul ul,
#main-menu-bar ul li:hover ul ul,
#main-menu-bar ul ul li:hover ul ul,
#main-menu-bar ul li.sfhover ul ul,
#main-menu-bar ul ul li.sfhover ul ul
{display: none;}
/*
#main-menu-bar ul li:hover ul,
#main-menu-bar ul ul li:hover ul,
#main-menu-bar ul ul ul li:hover ul,
#main-menu-bar ul li.sfhover ul,
#main-menu-bar ul ul li.sfhover ul,
#main-menu-bar ul ul ul li.sfhover ul
{display: block;
}
*/
/*** Hide Menu Title ***/
span.top-menu-title {
	display: none;
}
span.arrow-down {
	font-size: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}
/******************************************************************************/
/******************************7. FOOTER FORMATTING****************************/
/******************************************************************************/
#footer-widgets {
	padding-bottom: 20px;
}
#footer-widgets .widget {
	min-height: 180px;
	background-repeat: no-repeat;
	background-position: right center;
	width: 47%;
	padding-left: 16px;
	float: left;
}
.footer-widgets-ie-fix {
	float: left;
	height: 180px;
}
#footer-widgets h2 {
	margin: 0;
	padding: 0;
	font-size: 25px;
	font-weight: bold;;
	background: none;
}
#footer-widgets-on-top {
	position: relative !important;
	z-index: 50 !important;
	padding-top: 50px !important;
}
/***********************8. AJAX LOGIN FORM FORMATTING**************************/
.ajax-login-form {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}
.ajax-login-form input {
	width: 80%;
	padding: 3px;
	margin: 2px;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;

}
.ajax-login-form .ajax-submit {
	width: 120px;
	font-weight: bold;
}
.ajax-login-form .ajax-submit:focus, .ajax-login-form .ajax-submit:hover {
	cursor: pointer;
}
.ajax-login-form a {
	margin: 5px auto;
	display: block !important;
		width: 80% !important;
		text-decoration: none !important;
		padding: 3px !important;
	}
/******************************************************************************/
/****************************9. WP BLOGROLL WIDGET***************************/
/******************************************************************************/

ul.blogroll {
margin: 0;
padding: 0;
list-style: none;
margin-top: 6px;
clear: both;
}
ul.blogroll a, ul.blogroll img{
display: block;

clear: left;
border: 0px;
}
ul.blogroll img {
margin-bottom: 5px;
}
ul.blogroll a img {
filter: alpha(opacity=95);
opacity: 0.95;
-moz-opacity: 0.95;
}
ul.blogroll a:hover img {
filter: alpha(opacity=100);
opacity: 1.00;
-moz-opacity: 1.00;
}
ul.blogroll a {
width: 176px;
text-align: center;
margin-bottom: 10px;
text-decoration: none;
font-weight: bold;
padding-bottom: 5px;
display: block;
clear: both;
}
#qtranslate-3-chooser {
	position: absolute;
	top: 15px;
	right: 10px;
}
#qtranslate-3-chooser li {
	float: right;
	margin-right: 10px;

}
/******************************************************************************/
/***************************** 10. NEWS ANIMATION *****************************/
/******************************************************************************/
div#main-animation-container {
	padding-bottom: 37px;
	margin-bottom: -37px;
	background-image: url('images/animation-shadow.png');
	background-position: center bottom;
	background-repeat: no-repeat;

}
	div#main-animation {
		width: 945px;
		background-color: #000;
		background-image: url('images/animation-loader.gif');
		background-position: center center;
		background-repeat: no-repeat;
		height: 350px;
		margin-left: -11px;
		overflow: hidden;
		position: relative;
	}
		a#animation-blog-link {
			position: absolute;
			display: block;
			bottom: 10px;
			right: 10px;
			padding: 10px;
			text-decoration: none;
			z-index: 500;
			background-color: #b8302c;
			background-image: url('images/submit-red-bg.png');
			background-position: center top;
			background-repeat: repeat-x;
			font-weight: bold;
			text-shadow: #7f0704 1px 1px 1px;
			-moz-box-shadow: inset 0 0 10px #c6433f;
			-webkit-box-shadow: inset 0 0 10px #c6433f;
			box-shadow: inset 0 0 10px #c6433f;
			border: 1px #9b1613 solid;
			cursor: pointer;
			color: #fff;
		}
		a#animation-blog-link:hover {
			background-image: url('images/submit-red-bg.png');
			background-position: center bottom;
			background-repeat: repeat-x;
			-moz-box-shadow: inset 0 0 10px #450503;
			-webkit-box-shadow: inset 0 0 10px #450503;
			box-shadow: inset 0 0 10px #450503;
			color: #f5ebea;
		}
		ul#main-animation-ul {
			width: 945px;
			height: 350px;
			margin: 0;
			padding: 0;
			list-style: none;
			position: relative;
		}
			ul#main-animation-ul li {
				width: 945px;
				height: 350px;
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden;
			}
				div.main-animation-image {
					width: 945px;
					height: 350px;
					position: absolute;
					top: 0;
					left: 0;
					overflow: hidden;
					z-index: 1;
				}
					div.main-animation-image img {
						border: 0px;
						width: 945px;
						height: auto;
					}
				div.main-animation-caption {
					width: 350px;
					padding: 30px;
					padding-bottom: 25px;
					font-size: 11px;
					position: absolute;
					bottom: 20px;
					left: 20px;
					background-image: url('images/blackbg80.png');
					background-position: center center;
					background-repeat: repeat;
					z-index: 2;
					color: #fff;
					text-align: justify;
				}
					h3.main-animation-title {
						margin: 0;
						padding: 0;
						font-size: 16px;
					}
					div.main-animation-text {
						line-height: 140%;
					}
				a.main-nimation-link {
					display: block;
					width: 945px;
					height: 350px;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 3;
				}
				div#animation-navigation {
					display: block;
					position: absolute;
					top: 10px;
					right: 10px;
					z-index: 99;
				}
					div#animation-navigation a {
						display: block;
						width: 9px;
						height: 9px;
						background-color: #FFF;
						font-size: 2px;
						color: #FFF;
						float: left;
						clear: left;
						margin-bottom: 9px;
						
					}
					div#animation-navigation a.activeSlide {
						background-color: #b62a29;
						color: #b62a29;
					}
/******************************************************************************/
/*************************** 10. FILES TO DOWNLOAD ****************************/
/******************************************************************************/
ul#files-to-download {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 20px;
}
	ul#files-to-download li {
		float: left;
		padding: 10px;
		font-size: 10px;
		background-color: #f8f8f8;
		border: 1px #e3e3e3 solid;
		float: left;
		width: 238px;
		margin-bottom: 10px;
		cursor: pointer;
		text-shadow: #fff 1px 1px 1px;
		-moz-box-shadow: inset 0px 0px 5px #fff;
		-webkit-box-shadow: inset 0px 0px 5px #fff;
		box-shadow: inset 0px 0px 5px #fff;
	}
	ul#files-to-download li.hovered {
		border: 1px #b22b28 solid;
		background-color: #fff;
	}
	ul#files-to-download li.last-in-row {
		clear: left;
		margin-right: 10px;
	}
	li.second-in-row {
		clear: none !important;
	}
		ul#files-to-download li img {
			display: none;
		}
		a.file-download-link {
			display: block;
			float: right;
			width: 188px;
			text-align: left;
			font-weight: bold;
		}
			span.file-description {
				display: block;
				font-weight: normal;
				font-size: 9px;
				font-style: italic;
				padding-top: 5px;
				color: #757575;
			}
		div.download-icon {
		}
		div.file-icon {
			width: 35px;
			height: 35px;
			float: left;
			margin-right: 15px;
			background-image: url('images/file.png');
			background-position: center center;
			background-repeat: no-repeat;
		}
		div.file-icon-pdf { background-image: url('images/pdf.png'); }
		div.file-icon-doc { background-image: url('images/doc.png'); }
		div.file-icon-xls { background-image: url('images/xls.png'); }
		div.file-icon-jpg { background-image: url('images/jpg.png'); }
		div.file-icon-txt { background-image: url('images/txt.png'); }
		div.file-icon-rar { background-image: url('images/rar.png'); }
		
/******************************************************************************/
/***************************** 11. PRODUCTS VIEW ******************************/
/******************************************************************************/
div#products-container {
	padding-top: 20px;
}
	ul#products {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		ul#products li {
			display: block;
			width: 183px;
			padding-top: 183px;
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
			background-color: #f2f2f2;
			border: 5px #3c3c3c solid;
			position: relative;
			-moz-box-shadow: 0px 0px 10px #ebebeb;
			-webkit-box-shadow: 0px 0px 10px #ebebeb;
			box-shadow: 0px 0px 10px #ebebeb;
			
		}
		ul#products li.hovered {
			border: 5px #b22b28 solid;
		}
			a.product-global-link {
				display: block;
				width: 183px;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
				background-color: #fff;
				opacity: 0.0;
				filter: alpha(opacity=0);
			}
			span.pagg-image-container {
				display: block;
				width: 183px;
				height: 183px;
				position: absolute;
				top: 0;
				left: 0;
				background-image: url('images/noimage.jpg');
				background-position: center center;
				background-repeat: no-repeat;
			}
				span.pagg-image-container img {
					border: 0px;
				}
			span.pagg-title-container {
				display: block;
				width: 173px;

				background-color: #e3e3e3;
				padding: 5px;
				text-align: center;
				text-shadow: #fff 1px 1px 1px;
			}
				span.pagg-description {
					display: block;
					font-size: 9px;
					padding-top: 4px;
				}
				a.small-link {
					font-size: 9px;
					display: block;
					padding-top: 2px;
					padding-bottom: 1px;
				}
		ul#products li.last-in-row {
			margin-right: 0px;
		}
		ul#products li.first-in-row {
			clear: left;
		}
/******************************************************************************/
/************************ 11. PRODUCT CHARACTERISTICS *************************/
/******************************************************************************/
ul#characters-to-download {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px #e3e3e3 solid;
}
	ul#characters-to-download li {
		padding: 10px;
		background-color: #f2f2f2;
		width: 782px;
		border-bottom: 1px #e3e3e3 solid;
		position: relative;

	}
	ul#characters-to-download li.last {
		border-bottom: 0px;
	}
	ul#characters-to-download li.hovered {
		background-color: #f8f8f8;
	}
		ul#characters-to-download li img {
			display: none;
		}
		a.character-download-link {
			display: block;
			float: left;
			padding: 12px;
			text-align: left;
			width: 150px;
			text-align: center;
			font-weight: bold;
		}
			span.character-description {
				display: block;
				font-size: 12px;
				font-style: italic;
				padding-top: 5px;
				color: #757575;
				float: left;
				width: 500px;
				padding: 12px;
			}

		a.character-icon {
			display: block;
			width: 90px;
			height: 35px;
			position: absolute;
			top: 50%;
			margin-top: -17px;
			right: 15px;
			background-image: url('images/pdf.png');
			background-position: center center;
			background-repeat: no-repeat;
		}
		div.characters-header {
			background: #e3e3e3;
			padding-top: 5px;
			padding-bottom: 5px;
			font-weight: bold;
			text-shadow: #f2f2f2 1px 1px 1px;
			font-size: 10px;
			
		}
			div.character-column-1 {
				float: left;
				text-align: center;
				width: 194px;
			}
			div.character-column-2 {
				float: left;
				text-align: center;
				width: 500px;
			}
			div.character-column-3 {
				float: left;
				text-align: center;
				width: 100px;
			}
/******************************************************************************/
/************************** 11. SINGLE PRODUCT VIEW ***************************/
/******************************************************************************/
div#single-product-description {
	float: left;
	width: 390px;
	min-height: 500px;

}
div#single-product-right-column {
	float: right;
	width: 400px;

}
	div#single-product-gallery {
		width: 400px;
		height: 345px;
		background-color: #fff;
		position: relative;
		
	}
		div#single-product-gallery ul {
			margin: 0;
			padding: 0;
			list-style: none;
			background-color: #fff;
		}
			div#single-product-gallery ul li {
				width: 400px;
				height: 330px;
				padding-top: 15px;
				text-align: center;
				background-color: #fff;
			}
				div#single-product-gallery ul li img {
					height: 260px;
					width: auto;
					border: 7px #e3e3e3 solid;
					-moz-box-shadow: 0px 0px 15px #e9e9e9;
					-webkit-box-shadow: 0px 0px 15px #e9e9e9;
					box-shadow: 0px 0px 15px #e9e9e9;
				}
				div#single-product-gallery ul li a:hover img,
				div#single-product-gallery ul li a img:hover {
					border: 7px #9B1310 solid;
				}
		div#single-product-gallery-pager {
			position: absolute;
			bottom: 15px;
			left: 50%;
			z-index: 50;

		}
		div.more-than-20 {
			width: 400px !important;
			bottom: 5px !important;
			margin-left: 0px !important;
			left: 0px !important;
		}
			div#single-product-gallery-pager a {
				display: block;
				width: 8px;
				height: 8px;
				background-color: #f2f2f2;
				border: 1px #e3e3e3 solid;
				font-size: 2px;
				color: #d4d4d4;
				float: left;
				margin-bottom: 8px;
				margin-right: 8px;

			}
			div#single-product-gallery-pager a:hover {
				background-color: #3d3d3d;
				color: #3d3d3d;
				border: 1px #3d3d3d solid;
			}
			div#single-product-gallery-pager a.activeSlide {
				background-color: #b22b28;
				color: #b22b28;
				border: 1px #9b1310 solid;
			}
	div#single-product-files {
		
	}

	
		ul#product-files-to-download {
			margin: 0;
			padding: 0;
			list-style: none;
			display: none;
		}
			ul#product-files-to-download li {
				float: left;
				padding: 5px;
				background-color: #f2f2f2;
				border: 1px #e3e3e3 solid;
				float: left;
				width: 378px;
				margin-bottom: 10px;
				position: relative;
				display: none;
			}
			ul#product-files-to-download li.hovered {
				border: 1px #b22b28 solid;
				background-color: #f8f8f8;
			}
				a.product-files-link {
					display: block;
					width: 388px;
					height: 34px;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 10;
					background-color: #fff;
					opacity: 0.0;
					filter: alpha(opacity=0);

				}
				ul#product-files-to-download li img {
					display: none;
				}
				a.product-file-download-link {
					display: block;
					float: right;
					width: 335px;
					padding-top: 4px;
					text-align: left;
				}
					span.product-file-description {
						display: block;
						font-size: 10px;
						font-style: italic;
						padding-top: 5px;
						color: #757575;
					}
				
				div.product-file-icon {
					width: 20px;
					height: 20px;
					float: left;
					margin-right: 15px;
					background-image: url('images/pdf-small.png');
					background-position: center center;
					background-repeat: no-repeat;
				}
/*** Pliki do pobrania - obsluga modulu ***/
div#liftFilesDownloadMenuContainer {
}
	ul#liftFilesDownloadMenu {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		ul#liftFilesDownloadMenu li {
			display: block;
			float: left;
			position: relative;
			padding: 4px;
			padding-top: 10px;
			padding-bottom: 10px;
			font-size: 11px;
			margin-right: 5px;
			background-color: #f2f2f2;
			border-left: 1px #e3e3e3 solid;
			border-right: 1px #e3e3e3 solid;
			border-top: 1px #e3e3e3 solid;
			cursor: pointer;
			font-weight: bold;
			text-shadow: #fff 1px 1px 1px;
			-moz-box-shadow: inset 0px 0px 2px #fff;
			-webkit-box-shadow: inset 0px 0px 2px #fff;
			box-shadow: inset 0px 0px 2px #fff;
			margin-top: 3px;
		}
		ul#liftFilesDownloadMenu li.arrow-container {
			padding-right: 15px;
		}
			ul#liftFilesDownloadMenu li div.arrow-down {
				display: block;
				position: absolute; 
				top: 15px; 
				right: 4px;
				z-index: 101;
				border-top: 4px solid #3B3B3B; 
				border-bottom: 4px solid transparent; 
				border-right: 4px solid transparent; 
				border-left: 4px solid transparent; 
			}
			ul#liftFilesDownloadMenu li:hover div.arrow-down {
				display: block;
				position: absolute; 
				top: 15px; 
				right: 4px;
				z-index: 101;
				border-top: 4px solid #B22B28; 
				border-bottom: 4px solid transparent; 
				border-right: 4px solid transparent; 
				border-left: 4px solid transparent; 
			}
	
		ul#liftFilesDownloadMenu li:hover,
		ul#liftFilesDownloadMenu li.current {
			color: #b22b28;
			background-color: #f8f8f8;
			margin-top: 0px;
			padding-bottom: 13px;
		}
			ul#liftFilesDownloadMenu li ul {
				position: absolute;
				top: 34px;
				left: -1px;
				margin: 0;
				padding: 0;
				width: 172px;
				z-index: 100;
				display: none;
				-moz-box-shadow: 0px 0px 15px #cdcdcd;
				-webkit-box-shadow: 0px 0px 15px #cdcdcd;
				box-shadow: 0px 0px 15px #cdcdcd;
			}
			ul#liftFilesDownloadMenu li:hover ul {
				display: block;

					

			}
				ul#liftFilesDownloadMenu li ul li,
				ul#liftFilesDownloadMenu li ul li.current{
					width: 150px;
					padding: 10px !important;
					margin:0px !important;
					color: #3B3B3B;
					background-color: #f2f2f2;
				}
				ul#liftFilesDownloadMenu li ul li:hover {
					color: #b22b28;
					background-color: #f8f8f8;
				}
					ul#liftFilesDownloadMenu li ul li div.arrow-right {
						display: block;
						position: absolute; 
						top: 13px; 
						right: 10px;
						z-index: 101;
						border-top: 4px solid transparent; 
						border-bottom: 4px solid transparent; 
						border-right: 4px solid transparent; 
						border-left: 4px solid #3B3B3B; 
					}
					ul#liftFilesDownloadMenu li ul li:hover div.arrow-right {

						border-left: 4px solid #B22B28;
					}

				
					ul#liftFilesDownloadMenu li ul li ul {
						display: none !important;
						position: absolute;
						top: -1px;
						left: 170px;
					}
					ul#liftFilesDownloadMenu li ul li:hover ul {
						display: block !important;
					}
						ul#liftFilesDownloadMenu li ul li ul li {
							padding: 0px !important;
							margin: 0px !important;
							width: 170px;
							
						}
							ul#liftFilesDownloadMenu li ul li ul li a {
								display: block;
								width: 150px;
								padding: 10px;


							}
							ul#liftFilesDownloadMenu li ul li ul li a:hover,
							ul#liftFilesDownloadMenu li ul li ul li:hover a{
								color: #b22b28;
							}

				
		
div#liftFilesDownloadContainerWrap {
	padding-bottom: 39px;
	background-image: url('images/shadow.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
div#liftFilesDownloadContainer {
	background-color: #f2f2f2;
	border: 1px #e3e3e3 solid;
	text-shadow: #fff 1px 1px 1px;
	-moz-box-shadow: inset 0px 0px 4px #fff;
	-webkit-box-shadow: inset 0px 0px 4px #fff;
	box-shadow: inset 0px 0px 4px #fff;
}
	div#liftFilesDownload {
		padding: 20px;
		padding-left: 250px;
		background-image: url('images/lift-download-icon.png');
		background-position: 30px 30px;
		background-repeat: no-repeat;
		min-height: 200px;
	}
		h1#liftFilesTitle {
			margin: 0;
			padding: 0;
			color: #b22b28;
		}
		div#liftFilesContent {
			text-align: justify;
		}
		ul#liftFiles {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			ul#liftFiles li {
			}
				ul#liftFiles li h2,
				ul#liftFiles li h3{
					clear: both;
				}
				ul#liftFiles li h3 {
					font-size: 13px;
				}
/*** Formatowanie do tabel opartych o WP Table Reloaded ***/
div.map-table-container {
	padding-bottom: 39px;
	background-image: url('images/shadow.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
	table.wp-table-reloaded {
		border: 1px #e3e3e3 solid;
		
	}
		table.wp-table-reloaded thead {
		}
			table.wp-table-reloaded thead tr {
				background-color: #f2f2f2;
				
				
				text-shadow: #fff 1px 1px 1px;


			}
				table.wp-table-reloaded thead tr th {
					padding: 10px;
					font-size: 11px;
					font-weight: bold;
					border-bottom: 1px #fff solid;
				}
				table.wp-table-reloaded thead tr th.column-5 {
					border-right: 1px #fff solid;
				}
		table.wp-table-reloaded tbody {
		}
			table.wp-table-reloaded tbody tr {
				background-color: #fcfcfc;
				
			}

			table.wp-table-reloaded tbody tr.odd {
				
			}
			table.wp-table-reloaded tbody tr.even {

			}
			table.wp-table-reloaded tbody tr:hover {
				background-color: #f7e8e7;
			}
				table.wp-table-reloaded tbody tr.row-2 td {
					border-top: 1px #e3e3e3 solid;
				}
				table.wp-table-reloaded tbody tr td {
					padding: 10px;
					font-size: 10px;
					text-align: center;
					text-shadow: #fff 1px 1px 1px;
					border-bottom: 1px #e3e3e3 solid;
				}
				table.wp-table-reloaded thead tr td.column-5 {
				}
					a.table-photo-link {
						display: block;
						width: 30px;
						height: 30px;
						background-image: url('images/photo.png');
						background-position: center bottom;
						background-repeat: no-repeat;
						margin-left: auto;
						margin-right: auto;
					}
					a.table-photo-link:hover {
						background-image: url('images/photo.png');
						background-position: center top;
						background-repeat: no-repeat;
					}
				/* Szerokości kolumn w tabeli */
				table.wp-table-reloaded thead tr th.column-1,
				table.wp-table-reloaded tbody tr td.column-1 {
					width: 15%;
				}
				table.wp-table-reloaded thead tr th.column-2,
				table.wp-table-reloaded tbody tr td.column-2 {
					width: 30%;
				}
				table.wp-table-reloaded thead tr th.column-3,
				table.wp-table-reloaded tbody tr td.column-3 {
					width: 20%;
				}
				table.wp-table-reloaded thead tr th.column-4,
				table.wp-table-reloaded tbody tr td.column-4 {
					width: 20%;
				}
				table.wp-table-reloaded thead tr th.column-5,
				table.wp-table-reloaded tbody tr td.column-5 {
					width: 15%;
				}
/*** Formatowanie mapy Google na stronie realizacji ***/
div#realizacje-google-map-container {
	padding-bottom: 39px;
	background-image: url('images/shadow.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
	div#realizacje-google-map {
		border: 1px #e3e3e3 solid;
		padding: 8px;
		background-color: #f2f2f2;
		-moz-box-shadow: inset 0 0 7px #fff;
		-webkit-box-shadow: inset 0 0 7px #fff;
		box-shadow: inset 0 0 7px #fff;
	}
		div#realizacje-google-map iframe {
			border: 1px #fff solid;
		}
		div#realizacje-google-map-filter {
			padding-bottom: 10px;
			text-align: center;
		}
		input#realizacje-submit {
			background-color: #b8302c;
			background-image: url('images/submit-red-bg.png');
			background-position: center top;
			background-repeat: repeat-x;
			color: #fff;
			border: 1px #9b1613 solid;
			padding: 4px;
			padding-right: 10px;
			padding-left: 10px;
			font-weight: bold;
			text-shadow: #7f0704 1px 1px 1px;
			-moz-box-shadow: inset 0 0 10px #c6433f;
			-webkit-box-shadow: inset 0 0 10px #c6433f;
			box-shadow: inset 0 0 10px #c6433f;
			cursor: pointer;
		}
		input#realizacje-submit:hover,
		input#realizacje-submit:active {
			background-image: url('images/submit-red-bg.png');
			background-position: center bottom;
			background-repeat: repeat-x;
			-moz-box-shadow: inset 0 0 10px #450503;
			-webkit-box-shadow: inset 0 0 10px #450503;
			box-shadow: inset 0 0 10px #450503;
			color: #f5ebea;
		}
/*** Strzałki do sortowania realizacji w tabeli ***/
.sort-arrow {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: -2px;
	width: 8px;
	height: 11px;
	cursor: pointer;
	background-image: url('images/sort-arrows.png');
	background-position: center center;
	background-repeat: no-repeat;
}
table#wp-table-reloaded-id-1-no-1 thead tr th {
	cursor: pointer;
}
table#wp-table-reloaded-id-1-no-1 thead tr th:hover {
	background-color: #fff;
}

/*** Dzial Kontakt i shortcody w nim ***/
div.ramka-kontakt {
	float: left;
	width: 375px;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #fafafa;
	border: 1px #f8f8f8 solid;
}

div.szara-ramka {
	padding: 10px;
	text-align: center;
	background-color: #f4f4f4;
	border: 1px #e4e4e4 solid;
}
div.ramka-prawo {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: right;
}
div.ramka-lewo {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	
}
	div.ramka-kontakt strong em,
	div.szara-ramka strong em,
	div.ramka-prawo strong em,
	div.ramka-lewo strong em {
		font-size: 16px;
		color: #b32a24;
		font-style: normal;
	}
	div.ramka-kontakt a,
	div.szara-ramka a,
	div.ramka-prawo a,
	div.ramka-lewo a {
		color: #b32a24;
		border-bottom: 0px !important;
		text-decoration: none;
	}
	div.ramka-kontakt a:hover,
	div.szara-ramka a:hover,
	div.ramka-prawo a:hover,
	div.ramka-lewo a:hover {
		text-decoration: underline;
	}
/*** Wygląd iFrame YouTube na stronie produktu ***/
div.iframe-container iframe {
	border: 7px #E3E3E3 solid;
	-moz-box-shadow: 0px 0px 15px #e9e9e9;
	-webkit-box-shadow: 0px 0px 15px #E9E9E9;
	box-shadow: 0px 0px 15px #E9E9E9;
	margin-top: 10px;
}