/*
prawie czarny #090C0D
*/


/******************** USTAWIENIA OGÓLNE ********************/

* {
	margin: 0;
	padding: 0;
	outline: none;
}
a, img, button {
	border: 0;
}
*:focus {
	outline: none;
}
*:active {
	outline: none;
}
p, h2, h3, h4, h5 {
	padding-bottom: 5px;
}
#clear {
	clear: both;
}
body {
	background: url(images/body.png) 50% 0 repeat-x;
	font-family: Tahoma, Avalon, Arial, Helvetica, sans-serif;
	color: blue;
	font-size: 12px;
	padding-bottom: 20px;
	color: #969696;
}
 @font-face {
 font-family: "Myriad Pro Regular";
 src: url(czcionki/MyriadPro-Regular.otf);
}
 @font-face {
 font-family: "Myriad Pro Light";
 src: url(czcionki/MyriadPro-Light.otf);
}
/******************** STRONA INTRO ********************/

#intro-body {
	background: url(images/bg-intro.jpg) 50% 110px no-repeat;
}
#all-intro {
	/* width: 1280px; */
	height: 800px;
	margin: 0 auto;
}
#all-intro-in {
	background: url(images/intro-hm.png) 50% 200px no-repeat;
	width: 350px;
	margin: 0 auto;
}
#wybierz {
	height: 40px;
}
#wybierz p {
	padding-top: 30px;
	text-align: center;
}
#navbar-language {
	background: url(images/intro-flagi.png) 50% bottom no-repeat;
	width: 300px;
	height: 23px;
	margin: 0 auto;
	padding-top: 425px;
	list-style: none;
}
#navbar-language li {
	float: left;
}
#navbar-language a {
	width: 41px;
	height: 27px;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
	display: block;
}
/******************** KONSTRUKCJA STRON ********************/

#all {
	background: url(images/all.png) 50% 0 no-repeat;
}
#all-in {
	width: 990px;
	margin: 0 auto;
}
#top {
	width: 965px;
	height: 35px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	padding-top: 55px;
}
#top-link {
	/**background: url(images/top-link.png) right 0 no-repeat;*/
	width: 664px;
	height: 35px;
	text-align: right;
}
#top-link a {
	text-decoration: none;
	line-height: 32px;
	margin-right: 30px;
	font-size: 12px;
	color: white;
}
#top-link a:hover {
	color: #52C6EB;
}
#top-link span {
	font-size: 14px;
}
#wrap-colum {
	width: 990px;
}
#left-colum {
	width: 323px;
	float: left;
}
#right-colum {
	width: 667px;
	float: left;
}
/*** kontakt-link ***/

#kontakt-link {
	background: url(images/kontakt-link.png) no-repeat;
	width: 306px;
	height: 163px;
	position: absolute;
	right: -3px;
	top: 6px;
	z-index: 10;
}
#link1 {
	background: url(images/kontakt-tlo.png) no-repeat;
	width: 213px;
	height: 21px;
	margin-top: 25px;
	margin-left: 40px;
	padding-top: 8px;
	padding-left: 10px;
	display: block;
	text-decoration: none;
	font-size: 10px;
	color: #9c9c9c;
}
#kontakt-link #link2 {
	color: white;
	text-decoration: none;
	font-size: 14px;
	line-height: 42px;
	padding-left: 120px;
}
#kontakt-link #link2:hover {
	color: #9c9c9c;
}
/******************** LEWA KOLUMNA ********************/

/*** logo ***/

#logo {
	background: url(images/logo.png) right 0 no-repeat;
	height: 221px;
	padding-top: 38px;
}
#logo a {
	width: 143px;
	height: 140px;
	display: block;
	margin-left: 107px;
}
/*** boczne menu ***/

#wrap-navbar-left {
	background: url(images/bg-menu.png) right 0 no-repeat;
	padding-top: 6px;
}
#navbar-left {
	background: url(images/hr-menu.png) right top no-repeat;
	width: 263px;
	list-style: none;
}
#navbar-left li {
	background: url(images/hr-menu.png) right bottom no-repeat;
}
#navbar-left li a {
	font-family: "Myriad Pro Light", Tahoma, Avalon, Arial, Helvetica, sans-serif;
	height: 36px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	color: white;
	font-size: 18px;
	line-height: 37px;
	padding-left: 90px;
}
#navbar-left li a:hover {
	background: url(images/selected.png) no-repeat;
	font-weight: bold;
}
#navbar-left .selected a {
}
/*** newsletter ***/

#newsletter {
	height: 150px;
}
/******************** PRAWA KOLUMNA ********************/

/*** banner ***/

#banner {
	background: url(images/banner1.jpg) no-repeat;
	width: 654px;
	height: 330px;
}
#banner-bar {
	background: url(images/banner-bar.png) 0 bottom no-repeat;
	width: 100%;
	height: 294px;  /* 130px */
}
#banner-bar-buttons {
	height: 28px;
	list-style: none;
	padding-top: 205px;
	padding-left: 510px;
}
#banner-bar-buttons li {
	float: left;
	position: relative;
}
#banner-bar-buttons li a {
	background: url(images/slide-button.png) 50% 50% no-repeat;
	display: block;
	float: left;
	width: 28px;
	height: 28px;
	margin-right: 5px;
}
/**/
#banner-bar-buttons .button-big a {
	background: url(images/slide-button-hover.png) 50% 50% no-repeat;
	display: block;
	float: left;
	width: 28px;
	height: 28px;
}
#banner-bar-buttons li a:hover {
/* background: url(images/slide-button-hover.png) 50% 50% no-repeat; */
}
#banner-bar-opis {
	text-align: right;
	color: white;
	padding-top: 7px;
	padding-right: 10px;
}
/*** content ***/

#content {
	width: 638px;
	margin-left: 16px;
	padding-top: 20px;
	padding-bottom: 15px;
}
#content-left {
	width: 419px;
	min-height: 300px;
	float: left;
}
#content-left .artykul-tytul {
	font-size: 20px;
	border-bottom: 1px solid #A2A2A2;
	padding: 15px 0px 15px 0px;
	color: #51c6eb;
}
#content-left .artykul-tresc {
	padding: 15px 0px 15px 0px;
	line-height: 140%;
}
#content-right {
	background: url(images/niebieski.png);
	width: 200px;
	min-height: 300px;
	margin-left: 15px;
	float: left;
	color: white;
}
#content-right .nowosci-tytul {
	font-size: 20px;
	border-bottom: 1px solid white;
	padding: 15px 15px 15px 15px;
}
#content-right .nowosci-tresc {
	padding: 15px;
	line-height: 120%;
}
#content-right .nowosci-link {
	border-top: 1px solid white;
	padding: 15px 15px 15px 15px;
}
#content-right .nowosci-link a {	color:#fff; text-decoration:none;}
/*** podstrony inny content ***/

#content-big {
	width: 638px;
	min-height: 300px;
}
#content-big .artykul-tytul {
	width: 60%;
	font-size: 20px;
	border-bottom: 1px solid #A2A2A2;
	padding: 15px 0px 15px 0px;
	color: #51c6eb;
}
#content-big .artykul-tresc {
	padding: 15px 0px 15px 0px;
	line-height: 130%;
}
/********************** FOOTER *********************/

#footer {
	height: 440px;
	clear: both;
}
.footer-tytul {
	font-size: 14px;
	margin-bottom: 6px;
	display: block;
}
/*** blok loga ***/

#footer-blok-wrap {
	width: 990px;
	margin: 0 auto 36px auto;
	padding-top: 20px;
}
#footer-blok {
	background: url(images/blok-bg.png);
	height: 142px;
	margin: 0 15px 15px 15px;
	position: relative;
}
#footer-blok-tytul {
	background: url(images/blok.png) no-repeat;
	font-family: "Myriad Pro Regular", Tahoma, Avalon, Arial, Helvetica, sans-serif;
	width: 200px;
	height: 84px;
	display: block;
	position: absolute;
	right: 0;
	top: -20px;
	color: white;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	line-height: 42px;
}
#logs {					/* table */
	padding-top: 38px;
	margin-left: 15px;
	position: absolute;
	z-index: 2;
}
/*  IE7 fix */
*+html #logs {
	margin-top: 38px;
}
/* loga */

#logs a {
	display: block;
	padding: 0 7px 0 7px;
	width: 200px;
	height: 70px;
}
#logo1 {
	background: url(blok/logo1.png) 50% 50% no-repeat;
}
#logo1:hover {
	background: url(blok/logo1-hover.png) 50% 50% no-repeat;
}
#logo2 {
	background: url(blok/marmoretiLogo_gray.png) 50% 50% no-repeat;
}
#logo2:hover {
	background: url(blok/marmoretiLogo.png) 50% 50% no-repeat;
}
#logo3 {
	background: url(blok/logo3.png) 50% 50% no-repeat;
}
#logo3:hover {
	background: url(blok/logo3-hover.png) 50% 50% no-repeat;
}
#logo4 {
	background: url(blok/logo4.png) 50% 50% no-repeat;
}
#logo4:hover {
	background: url(blok/logo4-hover.png) 50% 50% no-repeat;
}
/*** footer-bottom ***/

#wrap-footer-bottom {
	background: url(images/wrap-footer-bottom.png);
	padding: 28px 0 28px 0;
}
#footer-bottom {
	background: url(images/footer-bottom.png) repeat-y;
	width: 990px;
	min-height: 190px;
	margin: 0 auto;
	color: #969696;
	font-size: 10px;
	line-height: 18px;
}
#footer-bottom p {
	padding-bottom: 0;
}
#footer-bottom a {
	color: #969696;
}
#footer-bottom a:hover {
	color: #090C0D;
}
#footer-bottom-1, #footer-bottom-2, #footer-bottom-3 {
	padding: 0 20px 0 20px;
	float: left;
}
#footer-bottom-1 {
	width: 110px;
}
#footer-bottom-2 {
	width: 260px;
}
#footer-bottom-3 {
	width: 260px;
}
#cell-left, #cell-right {
	width: 130px;
	vertical-align: top;
}
/*** navbar-bottom ***/

#navbar-bottom {
	list-style: none;
}
#navbar-bottom li {
}
#navbar-bottom a {
	text-transform: uppercase;
	text-decoration: none;
	line-height: 18px;
}
#navbar-bottom .selected a {
	color: #090C0D;
}
.withBorder {border:2px solid #69afe3;padding:2px;}
.do-pobrania {font-size:14px;}
.do-pobrania a {color:#000; font-size:14px; text-decoration:none;}
#top-link a.newsletter {font-size:14px; color:#f29200;text-transform:uppercase;display:inline-block; padding:0px 30px 3px 17px;background:#000;margin-right:0;cursor:pointer;}

/*===============SLIDER================*/
hidden { display: none; }

/**
 * Keyframes for autoplay
 */
@-webkit-keyframes
autoplay {   /* position of the first slide */
  0% {
		left: 0;
	}
    /* position of the second slide */
    25% {
   left: -419px;
  }
    /* position of the third slide */
    50% {
   left: -838px;
  }
    /* position of the fourth slide */
    75% {
   left: -1257px;
  }
  /* position of the five slide
  	100% {
  	left: -1676rem;
  }
*/
}
@keyframes
autoplay {   /* position of the first slide */
  0% {
 left: 0;
}
  /* position of the second slide */
  25% {
 left: -419px;
}
  /* position of the third slide */
  50% {
 left: -838px;
}
  /* position of the fourth slide */
  75% {
 left: -1257px;
}
/* position of the five slide 
	100% {
	left: -1676rem;
}*/

}

/**
 * Slider
 */
.slider__slide img{
	width:420px;
	height:auto;
}
.slider {
  position: relative;
  /* top margin is for purposes of demo */
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  width: 419px;
  height: 244px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}

.slider__list {
  position: absolute;
  left: 0;
  width: 162.5rem;
}

.slider__slide { float: left; }

/**
 * Slider control
 */

.slider__control {
  margin-right: auto;
  margin-left: auto;
  width: 40px;
  font-family: sans-serif;
}

.slider__control label {
  /*position: relative;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 419px;
  height: auto;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: transparent;
  background: #ddd;
  border-radius: 2rem;
  cursor: pointer;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;*/
}

.slider__control label:before {
  content: "autoplay";
  position: relative;
/*  top: 2.5rem;
  left: 0;*/
  color: #333;
 font-size: .95rem;
  font-weight: bold;
  text-transform: uppercase;
}

.slider__control label:after {
  content: "";
/*  position: absolute;
 top: .25rem;
 left: .25rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 2rem;
  background: #fff;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);*/
}

.slider__switch:checked + .slider > .slider__list {
  -webkit-animation-name: autoplay;
  animation-name: autoplay;
  /* This will change the time it takes to move to next slide */
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.slider__switch:checked + .slider + .slider__control > label { background: #455a64; }

.slider__switch:checked + .slider + .slider__control > label:after { left: 2.75rem; }

hidden { display: none; }