/* CSS Document */
*{margin: 0px; padding: 0px;}

/* Import czcionek */
/* IMPORT */

@font-face{font-family:'MyriadProRegular'; src:url('fonts/myriadpro-regular.eot'); src:url('fonts/myriadpro-regular.eot') format('embedded-opentype'), url('fonts/myriadpro-regular.woff') format('woff'), url('fonts/myriadpro-regular.ttf') format('truetype'), url('fonts/myriadpro-regular.svg#MyriadProRegular') format('svg');}
@font-face{font-family:'MyriadProCondensed'; src:url('fonts/myriadpro-cond.eot'); src:url('fonts/myriadpro-cond.eot') format('embedded-opentype'), url('fonts/myriadpro-cond.woff') format('woff'), url('fonts/myriadpro-cond.ttf') format('truetype'), url('fonts/myriadpro-cond.svg#MyriadProCondensed') format('svg');}
@font-face{font-family:'MyriadProBold'; src:url('fonts/myriadpro-bold.eot'); src:url('fonts/myriadpro-bold.eot') format('embedded-opentype'), url('fonts/myriadpro-bold.woff') format('woff'), url('fonts/myriadpro-bold.ttf') format('truetype'), url('fonts/myriadpro-bold.svg#MyriadProBold') format('svg');}
@font-face{font-family:'MyriadProBoldCondensed'; src:url('fonts/myriadpro-boldcond.eot'); src:url('fonts/myriadpro-boldcond.eot') format('embedded-opentype'), url('fonts/myriadpro-boldcond.woff') format('woff'), url('fonts/myriadpro-boldcond.ttf') format('truetype'), url('fonts/myriadpro-boldcond.svg#MyriadProBoldCondensed') format('svg');}

body {background: url(images/bg.jpg) #000000; font-family: MyriadProRegular, Myriad Pro, Tahoma, Geneva, sans-serif; font-size: 14px; color: #717171;}

a {text-decoration: none; color: #3f3f3f;}

/* TOP */
#top {width: 100%; height: 100px; float: left;}
#top h1 {width: 214px; height: 29px; float: left; margin: 38px 0 0 0;}
#top h1 a {display: block; width: 214px; height: 29px; background: url(images/logo.png) no-repeat; text-indent: -100000px;}

.main_menu {float: right; list-style: none; margin-top: 41px;}
.main_menu li {float: left; font-size: 20px; color: #ffffff; margin-right: 20px; padding-right: 20px; text-transform: uppercase; font-family: MyriadProCondensed;}
.main_menu li a{color: #ffffff;}
.main_menu li a:hover, .main_menu .active a{color: #a2c220;}
.main_menu li:last-child {margin-right: 0px; background: none;}

/* Slider */
#slider {width: 100%; height: 351px; float: left; background: url(images/bg_slider.jpg) top center; box-shadow: 0px 0px 120px #000;}
.slider_box {margin: 0px auto; width: 1000px; position: relative;}
.slider_box img {position: relative; z-index: 10;}
.slider_box:after {content: ""; width: 1000px; height: 351px; position: absolute; top: 0px; left: 0px; z-index: 20; background: url(images/slider_shadow.png)}

/* Box Home - 2 boksy na stronie głównej */
#box_home {float: left; width: 100%; margin-top: 80px; margin-bottom: 30px;}
.box_home_l {width: 481px; height: 150px; background: #ffffff; float: left; box-shadow: 0px 0px 120px #000;}
.box_home_r {width: 481px; height: 150px; background: #ffffff; float: right; box-shadow: 0px 0px 120px #000;}

.box_home_l img {width: 301px; height: 150px; float: left;}
.box_home_l .view {float: right; width: 176px; height: 150px; background: url(images/bg_box1.jpg) #151515;}
.box_home_l div .box_info {display: block; width: 176px; height: 105px; font-size: 28px; text-align: center; padding-top: 55px; color: #ffffff; font-family: MyriadProCondensed; font-weight: bold;}

.box_home_r img {width: 301px; height: 150px; float: left;}
.box_home_r .view {float: right; width: 176px; height: 150px; background: url(images/bg_box1.jpg) #151515;}
.box_home_r div .box_info {display: block; width: 176px; height: 105px; font-size: 28px; text-align: center; padding-top: 55px; color: #ffffff; font-family: MyriadProCondensed; font-weight: bold;}

/* Box z rekomendacjami na stronie głównej */
#box_bottom {float: left; width: 100%; border-bottom: 1px solid #383737; background: rgba(0,0,0,0.6); position: relative; margin-top: 60px; box-shadow: 0px -0px 120px #000;}
#box_bottom:before {content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 10px; background: url(images/bg_box_bottom.png) repeat-x top center;}
#box_bottom h2 {text-align: center; margin-top: -10px; font-size: 24px; color: #ffffff; font-family: MyriadProBoldCondensed; text-transform: uppercase;}
#box_bottom p{text-align: center; width: 550px; padding: 0 115px 0 115px; margin: 30px auto; position: relative;}
#box_bottom p:after {content: ""; position: absolute; top: 0px; left: 0px; width: 37px; height: 27px; background: url(images/bg_quote.png)}
#box_bottom p:before {content: ""; position: absolute; top: 0px; right: 0px; width: 37px; height: 27px; background: url(images/bg_quote2.png)}
#box_bottom span {text-align: center; width: 100%; display: block; margin-bottom: 30px; font-family: MyriadProCondensed; color: #a2c220; font-size: 18px;}

/* Podstrona */
.title_page {float: left; width: 100%; height: 99px; background: url(images/bg_page_title.jpg) top center;}
.title_page h2 {float: right; font-family: MyriadProBoldCondensed; color: #fff; font-size: 26px; margin: 32px 45px 0 0;}

.text_box {margin: 45px 0 0 0; float: left; width: 1000px;}
.text_box h3 {font-size: 22px; color: #a2c220; font-weight: normal; font-family: MyriadProCondensed; margin: -6px 0 18px 0;}
.text_box p {margin: 0 0 30px 0; line-height: 24px; text-align: justify; font-size: 15px; color: #ffffff;}
.text_box ul{list-style: none; margin: 30px}
.text_box ul li{background: url(images/bg_ul.jpg) no-repeat 0px 2px; padding-left: 30px; margin-bottom: 16px;color: #ffffff; }

/* Kontakt */
.contact-form {margin: 0 0 0 15px; float: left; width: 580px; border-right: 1px solid #cecece; padding-right: 25px;}
.contact-form span {float: right; width: 320px; height: 34px; margin-bottom: 15px; }
.contact-form span input {width: 300px; height: 34px; padding: 0 10px 0 10px; color: rgb(64,64,64); letter-spacing: 1px;}
.contact-form label {float: left; clear: both; width: 235px; font-size: 14px; padding-top: 10px; margin-bottom: 15px; color: #fff;}
.contact-form label i{color: rgb(204,0,0); font-style: normal;}
.contact-form textarea {float: left; width: 562px; height: 105px; padding: 10px; line-height: 18px; margin-bottom: 15px; color: rgb(64,64,64); letter-spacing: 1px;}
.contact-form img {float: left;}
.contact-form .captcha {float: left; margin-left: 15px; height: 25px; padding: 0 10px 0 10px; color: rgb(64,64,64); letter-spacing: 1px;}
.contact-form .send {float: right; width: 100px; height: 27px; border: 0px; background: #a2c220; color: #ffffff; font-size: 12px; cursor:pointer; letter-spacing: 1px;}

.contact_info {float: left; list-style: none; margin: 0 0 0 20px; font-size: 14px;}
.contact_info li h3 {font-weight: normal;}
.contact_info li {padding: 3px 0 3px 0; background: none!important;}
.contact_info li:first-child {padding-top: 0px;}
.contact_info li span {font-size: 12px;}
.contact_info_m {margin-top: 25px;}

/* /* Galeria zdjęc */
.gallery {float: left; width: 100%; margin: 45px 0 -41px 0;}
.gallery_box {width: 300px; height: 201px; overflow: hidden; margin: 0 41px 41px 0; border: 3px solid #000; float: left; text-align: center; position: relative;}
.gallery_box img {width: 300px;}
.gallery_box:nth-child(3n) {margin-right: 0px;}
.gallery_box .gallery_desc{display: block; font-size: 15px; width: 300px; padding: 4px 0 4px 0; position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.7); color: #ffffff;} 

/* Stopka */
#fotter {float: left; width: 100%; height: 60px; margin-top: 45px; background: rgba(0,0,0,0.6); border-top: 1px solid #383737; font-size: 14px; color: #fff}
#fotter p {float: left; width: 480px; margin-top: 23px;}
#fotter span {float: right; width: 480px; text-align: right; margin-top: 23px;}
#fotter a {color: #a2c220}

/*  Efekt Hover*/ 
.view { overflow: hidden; position: relative; text-align: center; cursor: default; } .view .mask,.view .content { width: 300px; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0; } .view a.info { display: block; text-decoration: none; background: #000; color: #fff; text-transform: uppercase; box-shadow: 0 0 1px #000; width: 120px; padding: 5px 0 5px 0; margin: 60px 0 0 30px; letter-spacing: 1px; } .view a.info: hover { } .view-second .mask { background: url(images/bg_box2.jpg); width: 300px; padding: 60px; height: 300px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translate(265px, 145px) rotate(45deg); -moz-transform: translate(265px, 145px) rotate(45deg); -o-transform: translate(265px, 145px) rotate(45deg); -ms-transform: translate(265px, 145px) rotate(45deg); transform: translate(265px, 145px) rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-second a.info { -webkit-transform: translate(0px, 150px); -moz-transform: translate(0px, 150px); -o-transform: translate(0px, 150px); -ms-transform: translate(0px, 150px); transform: translate(0px, 100px); -webkit-transition: all 0.2s 0.1s ease-in-out; -moz-transition: all 0.2s 0.1s ease-in-out; -o-transition: all 0.2s 0.1s ease-in-out; -ms-transition: all 0.2s 0.1s ease-in-out; transition: all 0.2s 0.1s ease-in-out; } .view-second:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translate(-80px, -125px) rotate(45deg); -moz-transform: translate(-80px, -125px) rotate(45deg); -o-transform: translate(-80px, -125px) rotate(45deg); -ms-transform: translate(-80px, -125px) rotate(45deg); transform: translate(-80px, -125px) rotate(45deg); } .view-second:hover a.info { -webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px); -o-transform: translate(0px,0px); -ms-transform: translate(0px,0px); transform: translate(0px,0px); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }
				


/* Midio CSS */
.align_left {text-align: left;}                                                     
.align_center {text-align: center}
.align_right {text-align: right;}
.clear {clear: both;}
.f_left {float: left;}
.f_right {float: right;}
.c1000 {width: 1000px; margin: 0 auto;}

/* Slider */
#slides {
	display: none;
	width: 1000px;
	overflow: hidden;
}
#slides .slidesjs-navigation {
	margin-top: -50px;
}
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {
	background-image: url(img/btns-next-prev.png);
	background-repeat: no-repeat;
	display: none;
	width: 12px;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
}
a.slidesjs-play {
	width: 15px;
	background-position: -25px 0;
	display: none;
}
a:hover.slidesjs-play {
	background-position: -25px -18px;
}
a.slidesjs-stop {
	width: 18px;
	background-position: -41px 0;
	display: none;
}
a:hover.slidesjs-stop {
	background-position: -41px -18px;
	display: none;
}
.slidesjs-pagination {
	margin: -20px 5px 0 0;
	float: right;
	list-style: none;
	z-index: 1000;
	position: relative;
	display: none;
}
.slidesjs-pagination li {
	float: left;
	margin: 0 1px;
}
.slidesjs-pagination li a {
	display: block;
	width: 13px;
	height: 0;
	padding-top: 13px;
	background-image: url(img/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {
	background-position: 0 -13px
}
.slidesjs-pagination li a:hover {
	background-position: 0 -26px
}
#slides a:link, #slides a:visited {
	color: #333
}
#slides a:hover, #slides a:active {
	color: #9e2020
}