@import url(http://fonts.googleapis.com/css?family=Oswald:300,400&subset=latin,latin-ext);

@font-face {
	font-family: 'univers';
	font-style: normal;
	font-weight: 400;
	src: local('UniversLTPro-Condensed'), url(fonts/UniversLTPro-Condensed.ttf) format('truetype');
}

html, body, 
div.wrapper, 
div.table, 
div.content {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html > body,
html > body div.wrapper,
div.wrapper > div.table,
div.wrapper > div.content {
	height: auto;
}

html, body {
	-webkit-text-size-adjust: none;
}

body {
    padding: 0;
	margin: 0;
	text-align: left;
	overflow: auto;
	font: 400 14px/24px 'univers';
	color: #FFF;
	background-color: #000;
}




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

a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

img {
    border: 0 none;
}

input, select, textarea {
    font: 400 18px 'univers';
	color: #FFF;
}

form {
    margin: 0;
}

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

p {
	margin: 20px 0;
}

.effect {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}


div.wrapper {
    position: absolute;
    top: 0;
    left: 0;
}



/*******************************
 * LEFT
 *******************************/

div.table {
	position: fixed;
    top: 0;
    left: 0;
	width: 280px;
	text-align: left;
}

div.table div.top {
	position: relative;
	width: 280px;
	height: 194px;
	background: #FFF;
}

div.table ul.menu {
	padding: 24px 0;
	background: #000638;
}

div.table ul.menu li {
	padding: 6px 0 7px 43px;
	overflow: hidden;
}

div.table ul.menu li a {
	display: block;
	padding: 0 0 0 13px;
	font-size: 14px;
	line-height: 15px;
	text-transform: uppercase;
	background: url(../images/menu_hover.png) 300px repeat-y;
}

div.table ul.menu li a:hover,
div.table ul.menu li.active a {
	text-decoration: none;
	background-position: 0;
}

div.table div.infolinia {
	padding: 14px 10px 14px 57px;
	font-size: 13px;
	text-transform: uppercase;
	color: #000638;
	background: #FFF;
}



/*******************************
 * WIDGETS
 *******************************/

div.widgets {
	position: fixed;
	/*top: 150px;*/
	top: 10%;
	right: 0;
	z-index: 150;
}

div.widgets a {
	display: block;
	width: 103px;
	height: 39px;
	padding: 9px 0 0 60px;
	font-size: 13px;
	line-height: 15px;
	text-transform: uppercase;
}

div.widgets a.facebook {
	color: #FFFFFF;
	background: url(../images/widget_facebook.png) 15px 10px #000638 no-repeat;
}

div.widgets a.facebook:hover {
	text-decoration: none;
	color: #000638;
	background-color: #FFF;
}

div.widgets a.pzu {
	color: #000638;
	background: url(../images/widget_pzu.png) 12px 6px #FFFFFF no-repeat;
}

div.widgets a.pzu:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #000638;
}



/*******************************
 * CONTENT
 *******************************/

div.container {
	display: table;
	width: 585px;
	padding: 220px 45px 40px 45px;
	
	padding-top: 60px;
}

div.content {
	text-align: left;
	position: absolute;
	top: 0;
	left: 280px;
	width: 675px;
	background: rgba(0, 6, 55, 0.93);
	z-index: 9999;
}

div.content h1 {
	margin: 0 0 0 0;
	font: 300 28px/32px 'Oswald';
}

div.content div.contact-us {
	text-align: right;
}

div.content div.contact-us a {
	display: block;
	float: right;
	margin: 0 -45px 0 0;
	padding: 10px 45px 10px 25px;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	color: #000638;
	background: #FFF;
}

div.content div.contact-us a:hover {
	text-decoration: none;
	color: #FFF;
	background: #000638;
}



/*******************************
 * SLIDER
 *******************************/

div.slider-info {
	position: fixed;
	/*bottom: 16%;*/
	bottom: 0;
	right: 14.5%;
	
	width: 590px;
	height: 286px;
	
	margin: 0 -90px 0 0;
	padding: 20px 0;
	background: #000638;
	z-index: 160;
}

div.slider-info h3 {
	margin: 0 0 0 35px;
	font: 300 28px/32px 'Oswald';
	font-weight: 300;
}

div.slider-info h4 {
	margin: 20px 0 0 35px;
	font: 300 20px/32px 'Oswald';
	font-weight: 300;
}

div.slider-info ul {
	display: table;
}

div.slider-info li {
	float: left;
	width: 230px;
	height: 48px;
	padding: 0 0 0 90px;
	font-size: 14px;
	line-height: 50px;
	background-position: left center;
	background-repeat: no-repeat;
}

div.slider-info li:nth-child(odd) {
	width: 170px;
}

div.slider-info li.icon_1 {
	background-image: url(../images/slider_icon_1.png);
}

div.slider-info li.icon_2 {
	background-image: url(../images/slider_icon_2.png);
}

div.slider-info li.icon_3 {
	background-image: url(../images/slider_icon_3.png);
}

div.slider-info li.icon_4 {
	background-image: url(../images/slider_icon_4.png);
}

div.slider-info li.icon_5 {
	background-image: url(../images/slider_icon_5.png);
}

div.slider-info li.icon_6 {
	background-image: url(../images/slider_icon_6.png);
}

div.slider-info p {
	margin: 10px 0 0 36px;
	font-size: 13px;
}

div.slider-info div.lang {
	margin: -10px 15px 0 0;
	float: right;
}






/*******************************
 * INFOPAGE
 *******************************/

#infopage {
	text-align: justify;
}

#infopage div.description li {
	padding: 0 0 6px 30px;
	background: url(../images/thick.png) 0 5px no-repeat;
}




/*******************************
 * GALLERY
 *******************************/

ul.galleryListing {
	display: table;
	margin: 20px 0;
}

ul.galleryListing li {
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
}

ul.galleryListing li:nt-child(3n) {
	margin-right: 0;
}

ul.galleryListing li a {
	display: block;
	width: 185px;
}

ul.galleryListing li span.image {
	display: block;
	width: 185px;
	height: 185px;
}

ul.galleryListing li span.over,
ul.galleryListing li span.over2 {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 185px;
	height: 185px;
	background: url(../images/gallery_over.png) center no-repeat;
	background-color: rgba(67,72,108,0.92);
}

ul.galleryListing li span.over2 {
	background-image: url(../images/gallery_over2.png);
}

ul.galleryListing li a:hover {
	text-decoration: none;
}

ul.galleryListing li a:hover span.over,
ul.galleryListing li a:hover span.over2 {
	display: block;
}

ul.galleryListing li span.title {
	display: block;
    height: 35px;
	padding: 10px 0 0;
    line-height: 16px;
}



/*******************************
 * PROMOCJE
 *******************************/

ul.promocjeListing {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}

ul.promocjeListing li {
	display: table-row;
}

ul.promocjeListing li div {
	display: table-cell;
	padding: 20px 0 0;
	text-transform: uppercase;
	vertical-align: middle;
}

ul.promocjeListing li div.image {
	width: 120px;
	font: 0/0 Arial;
}




div.copyright {
	padding: 10px 0 0 10px;
	line-height: 16px;
	text-shadow: 1px 1px #000;
}

div.copyright-left,
div.copyright-right {
	position: fixed;
	bottom: 10px;
	left: 10px;
	text-shadow: 1px 1px #000;
}

div.copyright-right {
	left: auto;
	right: 10px
}

div.copyright-right img {
	margin: -2px 0 0 3px;
	vertical-align: middle;
}




@media only screen and (max-device-width: 640px) {
	div.table {
		position: absolute;
	}
}