@charset "UTF-8";

/* •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
   ••  Project: Firstclass	                                        ••
   ••  Date:    August 2010	                                        ••
   •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••   


---------------------------------------------------------------------- */

/* 1. =GLOBAL STYLES
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* 1.1 =Import CSS
---------------------------------------------------------------------- */

@import url("reset.css");
@import url("grid.css");


/* 1.2 =Default
---------------------------------------------------------------------- */

body {
	width: 100%;
	min-height: 575px;
	font: normal 12px/1.4 Arial, Tahoma, Verdana, sans-serif;
  	color: #000000;
	background:#e5e5e5 url(../img/bg-html.png) 0 0 repeat-x;
}

.blue {color: #315bc5;}
.blue-light {color: #32a5cb;}
.red {color: #d02023;}
.green {color: #558e11;}
.purple {color: #872879;}
.orange {color:#f8ad2b;}
.oranje {color:#de6117;}
.gray {color: #9a9a9a;}

del       	{ text-decoration: line-through; }
strong, b 	{ font-weight: bold; }
em, i     	{ font-style: italic; }
li        	{ list-style: none; }
.c 		  	{ clear: both; }
.h			{ display: none;}

.float-r {float: right;padding: 0 0 0 10px;}
.float-l {float: left;padding: 0 0 0 10px;}

button,
input[type="submit"],
input[type="image"],
label[for],
label > input[type="checkbox"],
label > input[type="radio"] {
  cursor: pointer;
}

button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}


div#nav ul,
ul#menu-horizontal li,
#filie-list, 
.btn-send, 
.btn-send:hover,
.list-box {
	margin: 0; padding: 0;
}



.gradient-white2 {/* Legacy browsers */-o-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;/* Recent browsers */
	background: -moz-linear-gradient(
		top,
		#f4f4f4,
		#ffffff
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#f4f4f4),
		to(#ffffff)
	);
}



/* 2. =LAYOUT
----------------------------------------------------------------------*/

#wrapper {width: 990px;margin: 0 auto;}
.wrap {width: 990px; margin: 0 auto; position: relative;}


#section-navigation {
	width: 100%;
	height: 120px;
	overflow: visible;
}

div#nav {width: 990px;height: 160px;overflow: visible;}

div#nav h1 {
	width: 452px;
	height: 12px;
	background: url(../img/capt-1.png) 0 0 no-repeat;
	text-indent: -9999em;
	position: relative;
	top:47px;
	left: 260px;
}

div#nav ul {
	width: 990px;
	height: 47px;
	background: url(../img/bg-menu-c.png) 415px 0 no-repeat;
	position: relative; top:60px;
}

ul#menu-horizontal li {
	list-style-type: none;
	height: 47px;
	float: left;
	clear: right;
	position: relative;
	display: inline;
	z-index: 500;
}

ul#menu-horizontal a {
	padding: 0;
	margin: 0;
	height: 47px;
	display: block;
	float: left;
	text-indent: -9999em;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(../img/menu-sprite.png);
}

#menu-item-1 {width: 117px;background-position: 0 0;}
#menu-item-1:hover {width: 117px;background-position: 0 -47px;}
#menu-item-1:active, .menu-item-1-selected {width: 117px;background-position: 0 -94px;}

#menu-item-2 {width: 116px;background-position: -117px 0;}
#menu-item-2:hover {width: 116px;background-position: -117px -47px;}
#menu-item-2:active, .menu-item-2-selected {width: 116px;background-position: -117px -94px;}

#menu-item-3 {width: 119px;background-position: -233px 0;}
#menu-item-3:hover {width: 119px;background-position: -233px -47px;}
#menu-item-3:active, .menu-item-3-selected {width: 119px;background-position: -233px -94px;}

#menu-item-4 {width: 63px;background-position: -352px 0;}
#menu-item-4:hover {width: 63px;background-position: -352px -47px;}
#menu-item-4:active, .menu-item-4-selected {width: 63px;background-position: -352px -94px;}

#menu-item-5 {width: 104px;background-position: -585px 0;}
#menu-item-5:hover {width: 104px;background-position: -585px -47px;}
#menu-item-5:active, .menu-item-5-selected {width: 104px;background-position: -585px -94px;}

#menu-item-6 {width: 92px;background-position: -689px 0;}
#menu-item-6:hover {width: 92px;background-position: -689px -47px;}
#menu-item-6:active, .menu-item-6-selected {width: 92px;background-position: -689px -94px;}

#menu-item-7 {width: 99px;background-position: -781px 0;}
#menu-item-7:hover {width: 99px;background-position: -781px -47px;}
#menu-item-7:active, .menu-item-7-selected {width: 99px;background-position: -781px -94px;}

#menu-item-8 {width: 110px;background-position: -880px 0;}
#menu-item-8:hover {width: 110px;background-position: -880px -47px;}
#menu-item-8:active, .menu-item-8-selected {width: 110px;background-position: -880px -94px;}

.menu-item-spacer {width: 170px;}



#menu-horizontal ol {
	position:absolute; 
	left:0; 
	top: 46px;
	display:none; 
	padding:0; 
	list-style:none;
	z-index: 1000;
	background:#212121;
	border: 0 none;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;
	-moz-box-shadow: 1px 1px 4px #555555;
	-webkit-box-shadow: 1px 1px 4px #555555;
	-khtml-box-shadow: 1px 1px 4px #555555;
	box-shadow: 1px 1px 4px #555555;	
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#343434', endColorstr='#080809'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#080809)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #343434,  #080809); /* for firefox 3.6+ */
}

#menu-horizontal ol li {width:150px; float:left; margin: 3px 8px;padding: 0;height: 25px;padding: 5px;border-bottom: 1px solid #303030;}
#menu-horizontal ol li:last-child {border-bottom: 0 none;}

#menu-horizontal ol a {
	display:block;  
	color:#fff;
	font-size: 15px;
	background: none;
	text-indent: 0;
	width: 160px;
	line-height: 20px;
	text-decoration: none;
}

#menu-horizontal ol a:hover {text-decoration:none;color: #fff;	}
*html #menu-horizontal ol {margin:0 0 0 -2px;}
		
		
		


.btn-text-1, .btn-text-2 {position: absolute;text-indent: -9999em;height: 15px;display: block;top:47px;cursor: pointer;}
.btn-text-1{background: url(../img/napis-oferta.gif) 0 0 no-repeat;width: 196px;left: 20px;}
.btn-text-2{background: url(../img/text-2.png) 0 0 no-repeat;width: 111px;right: 20px;}
.btn-text-1:hover, .btn-text-2:hover {background-position: 0 1px;}

/* =LOGO
---------------------------------------------------------------------- */


#logo {z-index: 1000;top: 10px;left: 425px;position: absolute;}
#logo a {display: block;text-indent: -9999em;cursor: pointer;width: 150px;height: 152px;background: url(../img/logo-sprite.png) no-repeat;}
#logo a:hover {background-position: -150px 0;}
#logo a:active {background-position: -300px 0; position: relative; top:1px;}


/* =TOP HEADER GRAPHIC
---------------------------------------------------------------------- */


#section-header { width: 100%;background:url(../img/bg-top-header2b.jpg) 50% 0px no-repeat;height: 490px;position:relative;top:0px;overflow: hidden;z-index: -1; }
#section-header #inner-top {position:relative; height:516px; top:0px;}

#section-header #animated-people { position:absolute;  top:0; left:0; bottom:0; right:0; overflow:hidden;margin:auto; height: 490px;}
#section-header #animated-people img {position: absolute;width: 1580px;height: 497px;left: 50%;margin-left: -760px;}
#animated-people div {width: 1300px; height: 527px;}

.btn-hide {display: block;position: absolute;height: 35px;width: 133px;text-indent: -9999em;background:url(../img/btn-hide.png) 0 0 no-repeat;right:0;top:-20px;z-index: 100;}
.btn-hide:hover {background-position: 0 -35px;}


/* =FACEBOOK STUFF
---------------------------------------------------------------------- */


#fb-btn {position: absolute;left: 54%;top:150px;z-index: 1;width: 164px;height: 41px;}
#fb-btn a {display: block;width: 164px;height: 41px;background: url(../img/btn-facebook.png) 0 0 no-repeat;text-indent: -9999em;}
#fb-btn a:hover {background-position: 0 -41px;}

.box-facebook {position:relative;overflow: hidden;width: 378px;height: 170px;}
.fbbox {background:transparent url(../img/bg-facebook-logo.gif) 0 0 no-repeat;border: 0 none;position: absolute; top:-2px; left: -1px;}


/* =LAYOUT CONTAINER
---------------------------------------------------------------------- */


#section-content {width: 100%;position: relative;top:25px;  z-index: 2;}

.container {width: 990px;position: relative;background: url(../img/bg-c-c.gif) 0 0 repeat-y;}

#section-content .bg-c-t {width: 990px;height: 10px;background: url(../img/bg-c-t.gif) 0 0 no-repeat;}
#section-content .bg-c-b {width: 990px;height: 9px;background: url(../img/bg-c-b.gif) 0 0 no-repeat; position: absolute; bottom: 0;}


/* =FOOTER
---------------------------------------------------------------------- */

#section-footer {position: relative;top:20px;margin: 20px 0 0 0;height: 60px;}

#footer {font-size: 12px;line-height: 42px;color: #ededed;width: 990px;height: 42px;position: relative;background: url(../img/bg-f-c.gif) repeat-x 0 0;text-shadow: 0px 0px 5px #000;}
#footer .f-l, #footer .f-r  {width: 25px;height: 45px;position: absolute;}
#footer .f-l {left:0; top:0;background: url(../img/bg-f-l.gif) 0 0 no-repeat;}
#footer .f-r {right: 0; top: 0;background: url(../img/bg-f-r.gif) 0 0 no-repeat;}

#footer a {color: #fff;text-decoration: none;font-weight: bold;}
#footer a:hover {color: #d2d2d2;text-shadow: 0px 0px 2px #fff;}
#footer a.btn-top {width: 28px;height: 28px;background: url(../img/btn-top.gif) 0 0 no-repeat;text-decoration: none;display: block;text-indent: -9999em;position: absolute;top: 7px; right: 10px;}
#footer a.btn-top:hover {background-position: 0 -28px;}


/* =BOTTOM BOX
---------------------------------------------------------------------- */

#container-bottom {margin-top: 20px;}

#bottom-box h4 {font-size: 16px;line-height: 30px;padding: 0 0 0 3px;}

.bordot {height: 210px;background: url(../img/bordot.gif) 100% 0 repeat-y;}
.bordot p {padding: 10px 20px 10px 3px;font-size: 11px;text-align: justify;text-shadow: 1px 1px 0px #fff;}

#container-bottom a {font-weight: bold;text-decoration: none;}
#container-bottom a:hover {text-decoration: underline;}

.bottom-links-pic {width: 159px;height: 57px;background: url(../img/bg-links.gif) 0 0 no-repeat;}
.bottom-links-pic a {display: block;float: left;text-decoration: none;border: 0 none;text-indent: -9999em;height: 32px;}

.facebook-page {width: 95px}
.youtube-page {width: 63px;}
.nk-page {width: 120px;margin: 1px 0 0 20px;}



/* =CONTENT
---------------------------------------------------------------------- */
h2 a {
	text-decoration: none;
}

h2, #content h2 {
	font-size: 22px;
	line-height: 55px;
	color: #2b2b2b;
	font-family: "Georgia", "Garamond","Times","Times New Roman", sans-serif;
	font-weight: bold;
}

#content a {
	text-decoration: none;
}

#content-text h3 {
	height: 28px;
	background: url(../img/bg-f-c.gif) repeat-x 0 0;
	border: 0 none;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;
	padding: 4px 0 0 10px;
	font-size: 17px;
	margin: 5px 0;
}

#content-text p {
	padding: 5px;
	line-height: 18px;
}

#content-text {
	padding: 0 0 10px 0;
}


.icon-news {background: url(../img/ico-news.png) 0 0 no-repeat;padding: 0 0 0 60px;}
.icon-hello {background: url(../img/ico-hello.png) 0 0 no-repeat;padding: 0 0 0 60px;}
.icon-cal {background: url(../img/ico-cal.png) 0 5px no-repeat;padding: 0 0 0 60px;}
.icon-zapisy {background: url(../img/ico-zapisy.png) -12px 0 no-repeat;padding: 0 0 0 50px;}
.icon-gallery {background: url(../img/ico-gallery.png) 0 6px no-repeat;padding: 0 0 0 55px;}
.icon-sidemenu {background: url(../img/ico-sidemenu.png) 10px 10px no-repeat;padding: 0 0 0 50px; color: #fff; font-size: 20px; line-height: 55px;}
.icon-email {background: url(../img/ico-email.png) 10px 14px no-repeat;padding: 0 0 0 50px; color: #fff; font-size: 20px; line-height: 55px;}
.icon-mail {background: url(../img/ico-email.png) 5px 14px no-repeat;padding: 0 0 0 50px;}


.icon-sidemenu2 {background: url(../img/ico-sidemenu.png) 10px 10px no-repeat;padding: 0 0 0 50px; color: #000; font-size: 20px; line-height: 55px;}
.icon-spacer {padding: 0 0 0 15px;}
.icon-alert {background: url(../img/ico-alert.png) 0 0 no-repeat; padding: 2px 6px 3px 20px;}
.icon-info {background: url(../img/ico-info.png) 0 0 no-repeat; padding: 2px 6px 3px 20px;}
.icon-tables {background: url(../img/ico-tables.png) 2px 1px no-repeat; padding: 2px 6px 3px 20px;}



/* =BOX SLIDER 
---------------------------------------------------------------------- */

#slider {
	margin: 10px;
	width: 546px;
	height: 326px;
	background: url(../img/bg-slider.jpg) 0 0 no-repeat;
	padding: 14px 0 0 13px;
}


.news-list {margin: 0;padding: 0;}
.news-list li {
	width: 360px;
	height: 168px;
	background: url(../img/bg-news.png) 0 0 no-repeat;
	padding: 0;
	list-style-type: none;
	display: block;
	margin: 13px 0 14px 0;
	padding: 10px 10px 0 10px;
	position: relative;
}

.news-list li .thumb-news, .thumb-news  {
	width: 79px;
	height: 79px;
	background: url(../img/bg-thumb-bg.png) 0 0 no-repeat;
	float: left;
	margin: 5px 10px 5px 0;
}

.news-list li .thumb-news a, .thumb-news a {
	position: relative; top:3px; left: 3px;
	display: block;
	width: 73px;
	height: 73px;
	background:url(../img/bg-thumb-overlay.png) 0 0 no-repeat;
	cursor: pointer;
}

.news-list li .thumb-news a img, .thumb-news a img  {border: 0 none;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius:2px;}
.news-list li h4 a, .news-list li h4 {font: bold 14px/18px "Arial", "Tahoma", sans-serif;text-decoration: none;color: #313131;padding: 2px 0 5px 0;}
.news-list li h4 a:hover {padding: 0 0 0 1px;color: #315bc5;}
.news-list li span.data-newsa {color: #dda819;font-weight: bold;font-size: 11px;}
.news-list li p.krotka-tresc-newsa {padding: 5px 0;line-height: 17px;}


.btn-news-wiecej {
	z-index: 10;
	position: absolute;
	right:10px;
	bottom: 0;
	font: bold 11px/20px "Arial", sans-serif;
	text-decoration: none;
	padding: 5px 8px 6px 8px;
	color: #e94d2f;
	background:#f4f4f4;
	
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	border: 1px solid #e7e7e7;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	border-bottom: 0 none;
}

.btn-news-wiecej:hover {color: #b82c11;}


/* =BOX GALLERY SLIDER
---------------------------------------------------------------------- */

ul#sidebarmenu, ul#sidebarmenu2 {margin: 0 auto;padding: 0; margin-bottom: 15px;}

#sidebarmenu li {
	width: 255px;
	margin: 0 auto;
	display: block;
	list-style-image: none;
	height: 30px;
	background: url(../img/tab-grad-hover.gif) 0 -7px repeat-x;
	margin-bottom: 5px;
	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
}

.a-middle {
	padding: 10px 0 0 0;
}

#sidebarmenu li:hover, #sidebarmenu li.selected {background: #000;}

#sidebarmenu li a {
	font: bold 12px/30px "Arial", sans-serif;
	text-decoration: none;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	padding: 5px 5px 0px 10px;
}

#sidebarmenu li a:hover {padding: 5px 5px 0px 11px;}

#sidebarmenu2 li {
	margin: 0 auto;
	width:240px;
	height: 90px;
	padding: 5px 10px 5px 10px;
	display: block;
	list-style-image: none;
	border: 1px solid #e8e8e8;
	margin-bottom: 5px;
	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	position: relative;
}

#sidebarmenu2 li:hover, #sidebarmenu2 li.selected {background: #fff;}

#sidebarmenu2 li a {
	font: bold 12px/12px "Arial", sans-serif;
	text-decoration: none;
	color: #232323;
	text-shadow: 1px 1px 1px #fff;
}



/* =BOX GALLERY SLIDER
---------------------------------------------------------------------- */

#filie-list li {
	line-height: 14px;
	display: block;
	float: left;
	width: 190px;
	padding: 2px 5px;
	height: 190px;
	margin: 0px 15px 10px 5px;
	background:#f8f8f8;
	
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	border: 1px solid #e7e7e7;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
}

#filie-list li h3 {
	font-size: 13px;
	padding: 9px 0 0 10px;
}

#filie-list li h5 {
	font-size: 11px;
	font-weight: bold;
	padding: 10px 0 5px 0;
	
}

#filie-list li .adres-filii {
	font-size: 10px;
	color: #9d9d9d;
	line-height: 9px;	
}

#filie-list li p {
	font-size: 11px;
}

#filie-list li a {
	font-size: 11px;
	font-weight: bold;
}





/* =BOX ZAPISY
---------------------------------------------------------------------- */

#box-zapisy p {padding: 5px 0;text-shadow: 1px 1px 0px #fff;}

#box-zapisy a {text-decoration: none;font-weight: bold;}
#box-zapisy a:hover {text-decoration: underline;}

a.btn-zapiszsie {
	position: relative;
	display: block;
	text-indent: -9999em;
	width: 172px;
	height: 38px;
	background: url(../img/btn-zapis.png) 0 0 no-repeat;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

a.btn-zapiszsie:hover {background-position: 0 -39px;}
a.btn-zapiszsie:active {position: relative; top: 1px;}

a.btn-zapiszsie2 {
	position: relative;
	display: block;
	text-indent: -9999em;
	width: 255px;
	height: 38px;
	background: url(../img/btn-zapis2.gif) 0 0 no-repeat;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

a.btn-zapiszsie2:hover {background-position: 0 -39px;}
a.btn-zapiszsie2:active {position: relative; top: 1px;}


/* =BOX PLAN
---------------------------------------------------------------------- */

#box-plan {}

.bg-plan {
	width: 370px;
	height: 129px;
	background: url(../img/bg-placeholder.png) 0 0 no-repeat;
	position: relative;
	margin: 5px 0;
}

.bg-plan img {
	position: relative;
	top:8px;
	left: 8px;
}

#box-plan p {
	text-shadow: 1px 1px 0px #fff;
	padding: 0 5px;
}

#box-plan a {
	text-decoration: none;
	font-weight: bold;
}

/* =BOX NEWSLETTER
---------------------------------------------------------------------- */


#box-newsletter {
	padding: 0 6px 10px 9px;
	position: relative;
}

.newsletter-form, .newsletter-form-2 {
	width: 100%;
	margin: 3px 0;
}


.newsletter-form fieldset, .newsletter-form-2 fieldset {
	background: #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #dcdcdc;
	padding: 0px 3px;
	margin: 10px 0 5px 0;
	position: relative;
}

.newsletter-form div, .newsletter-form-2 div {
	display: block;
	width: 100%;
	padding: 3px 5px;
	margin: 3px 0;
	clear: both;
}

.newsletter-form div label, .newsletter-form-2 div label {
	display: block;
	line-height: 30px;
	float: left;
}

.newsletter-form div label { width: 100px;}
.newsletter-form-2 div label { width: 80px;}

.newsletter-form-2 div label {
	font-size: 11px;
}

.newsletter-form input[type=text], .newsletter-form-2 input[type=text] {
	-moz-box-shadow: inset 1px 2px 3px #aaa;
	-webkit-box-shadow: inset 1px 2px 3px #aaa;
	box-shadow: inset 1px 2px 3px #aaa;
	border-radius: 15px;
	-moz-border-radius: 15px;
	padding: 5px;
	border: 1px solid #cbcaca;
	outline: 0;
	background: #fff;
	margin: 0 0 0 8px;
	float: left;   
}

.newsletter-form input[type=text] {width: 150px;}
.newsletter-form-2 input[type=text] {width: 130px;}


.newsletter-form input[type=submit], .newsletter-form input[type=submit]:hover, .newsletter-form-2 input[type=submit], .newsletter-form-2 input[type=submit]:hover {
	display: block;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	width: 112px;
	height: 23px;
	border: 0;
	float: right;
	position: relative; right: 10px; bottom: 5px;
	margin: 5px 0 0 0;
}

.newsletter-form input[type=submit], .newsletter-form-2 input[type=submit] {background: transparent url(../img/btn-zapisz.png) no-repeat center top;}
.newsletter-form input[type=submit]:hover, .newsletter-form-2 input[type=submit]:hover {background: transparent url(../img/btn-zapisz.png) no-repeat 0 -23px;}
.newsletter-form input[type=submit]:active, .newsletter-form-2 input[type=submit]:active {position: relative;bottom:4px;}


	
	

/* =BOX GALLERY SLIDER
---------------------------------------------------------------------- */

#gallery-slider {
	margin: 10px 0;
	padding: 0 15px 0 15px;
	width: 552px;;
	height: 230px;
	position: relative;
}

.btn-galeria {
	z-index: 10;
	position: absolute;
	right:15px;
	top:30px;
	font: bold 11px/20px "Arial", sans-serif;
	text-decoration: none;
	padding: 5px 8px 6px 8px;
	color: #afaeae;
	background:#f8f8f8;
	
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	border: 1px solid #e7e7e7;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-bottom: 0 none;
}

.btn-galeria:hover {
	color: #d02023;
}

a.btn-galeria2 {
	position: relative;
	display: block;
	text-indent: -9999em;
	width: 255px;
	height: 38px;
	background: url(../img/btn-galeria.gif) 0 0 no-repeat;
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 5px;
}

a.btn-galeria2:hover {background-position: 0 -39px;}
a.btn-galeria:active {position: relative; top: 1px;}


.jcarousel-skin-tango .jcarousel-container {
    border-radius: 5px;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	border: 1px solid #e7e7e7;
	background: #f8f8f8;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 465px;padding: 20px 50px;margin: 5px 0 0 0;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  460px;height: 104px;}

.jcarousel-skin-tango .jcarousel-item, .jcarousel-skin-tango .jcarousel-item img {
    width: 139px;
    height: 100px;
    border-radius: 5px;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	border: 1px solid #e7e7e7;
	background: #ffffff;
	text-align: center;
	vertical-align: middle;
	background: #fff;
    
}

.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0;margin-right: 13px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}

/**
 *  Horizontal Buttons
 */
 
.jcarousel-skin-tango .jcarousel-next-horizontal,
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 60px;width: 32px;height: 37px;cursor: pointer;}

.jcarousel-skin-tango .jcarousel-next-horizontal {right: 12px;background: transparent url(../img/next.png) no-repeat 0 0;}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px;right: auto;background-image: url(../img/prev.png);}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -64px 0;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {left: 12px;background: transparent url(../img/prev.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 5px;background-image: url(../img/next.png);}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 0;}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;}














table#instruktorzy-table {
  margin-bottom:20px;
  border-top:1px solid #ccc;
}
#instruktorzy-table td,th{
  border-bottom:1px solid #ccc;


}
#instruktorzy-table tbody tr{
}
#instruktorzy-table tbody tr:nth-of-type(even){
  background:#f9f9f9;
}
#instruktorzy-table th,tfoot,caption{
  font-family:Helvetica, Arial, Verdana, sans-serif;
  font-size:1.6em;
  font-weight:bold;
}

#instruktorzy-table th,td{
  padding:10px 5px;
  font-size: 11px;

}
#instruktorzy-table caption{
	font-size:2.4em;
	position:absolute;
	left:-9999px;
}
#instruktorzy-table .date{
	  font-family:Georgia, "Times New Roman", Times;
	width: 20%
	font-size: 11px;
	text-transform: uppercase;
}
#instruktorzy-table .user {
	width: 60%;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size: 23px;
	font-weight:bold;
	vertical-align: middle;
}

#instruktorzy-table .user img {
	float: left;
	vertical-align: middle;
	margin: 0 10px 0 10px;
	width: 60px;
	height: 60px;
}

#instruktorzy-table .user a {
	text-decoration: none;
}
#instruktorzy-table .desc {
	font-family:Georgia, "Times New Roman", Times;
	width: 20%;
	font-size: 11px;
	text-transform: uppercase;
	
		
}
#instruktorzy-table tbody tr.today{
  background:#ff8;

  text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
#instruktorzy-table tfoot{
  color:#666;
}
#instruktorzy-table tfoot td{
  padding:10px 5px;
}


/* =PRICE BOX
---------------------------------------------------------------------- */


.price-box {width: 100%;position: relative;margin: 20px 0 20px 0;}

.price-box div.price-item, .price-box div.price-list, .price-box div.long-item, .belt-wide {
	list-style-type: none;
	display: block;
	float: left;
	border-radius: 5px;
  	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	background: #fff;
  	border: 1px solid #d8d8d8;
  	overflow: hidden;
  	padding: 5px;
  	margin:0 0 8px 0;
}

.price-box div ul {margin: 0;padding: 0;}
.price-box div ul li {padding: 8px 3px;border-bottom: 1px solid #d8d8d8;}

.price-box div ul li:last-child {border-bottom: 0 none;}
.price-box div ul li:hover {background:#f4f4f4;}

.price-box div.price-list {width: 80px;}
.price-box div.price-item {width: 95px;margin-left: 7px;}
.price-box div.long-item, .belt-wide {width: 650px;}
.price-box div.price-item .czas-l {
	letter-spacing: -1px;
	font-size: 30px;
	line-height: 18px;
	color: #2b2b2b;
	font-family: "Georgia", "Garamond","Times","Times New Roman", sans-serif;
	font-weight: bold;
	height: 45px;
}

.price-box div.price-item .cena-l, .promo-item {
	font-size: 18px;
	line-height: 18px;
	color: #40851f;
	font-weight: bold;
	font-family: "Georgia", "Garamond","Times","Times New Roman", sans-serif;
}

.price-box div.price-item .cenah-l {font-weight: bold;}
.price-box div.price-list .czas-l {height: 45px;}
.price-box div.price-item .czas-l span {font-size: 12px;font-style: italic;color: #9a9a9a;}
.price-box div.price-list {color: #8d8d8d;}
.price-box div li.cenah-l {height: 30px;}

.belt-wide {
	margin: 10px 0;
	font-size: 19px;
	line-height: 24px;
	color: #a7a7a7;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

.belt-wide p {
	line-height: 40px;
}

.belt-wide span {
	font-size: 11px;
}

a.email-link {
	text-align: center;
	letter-spacing: -1px;
	line-height: 18px;
	color: #2b2b2b;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

a.email-link:hover {
	color: #558e11;
}


/* = 10. CONTACT SITE - STYLE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.contact-form {
	margin: 0 auto;
	width: 635px;
	padding: 10px;
	background:#0e0e0f;
	border: 1px solid #000;
	-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius:8px;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e0e0f', endColorstr='#080809'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0e0e0f), to(#080809)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0e0e0f,  #080809); /* for firefox 3.6+ */
	
	-moz-box-shadow:inset 1px 1px 40px rgba(255,255,255,0.3);
    -webkit-box-shadow:inset 1px 1px 40px rgba(255,255,255,0.3);
    box-shadow:inset 1px 1px 40px rgba(255,255,255,0.3);
}

.box-contact .mf {
	display: block;
	border-bottom: 1px solid #333333;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e0e0f', endColorstr='#141415'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#0e0e0f), to(#141415)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #0e0e0f,  #141415); /* for firefox 3.6+ */
}

.box-contact .mf label {
	width: 130px;
	float: left;
	line-height: 80px;
	font-size: 14px;
	text-align: right;
	padding: 0 10px 0 0px;
	color:#CCCCCC;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.box-contact .mf .emsg {
	width: 450px;
	color: red;
	display: block;
	margin:0 0 0 160px;
	text-align: left;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 20px;
}

.box-contact .mf-sb {
	width: 300px;
	height: 80px;
	position: relative;
	left: 310px;
}


.btn-send, .btn-send:hover {
	position: relative; top:26px;left:20px;
	display: block;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	width: 231px;
	height: 30px;
	border: 0;
}

.btn-send {background: transparent url(../img/btn-submit.png) no-repeat center top;}
.btn-send:hover {background: transparent url(../img/btn-submit.png) no-repeat 0 -30px;}
.btn-send:active {position: relative;top:27px;}


*:focus {outline: none;}

.input-wrapper {
	float: left;
	width:275px;
	height:80px;
	background:url(../img/input-bg2.png);
	margin-left:10px;
}

.input-mask {
	background:url(../img/input-mask.png);
	width:275px;
	height:80px;
}

.living-input {
	padding:5px 5px 5px 12px;
	margin:27px 0px 0px 24px;
	width:217px;
	background:none;
	border:none;
	color:#000;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
}

.living-textarea {
	margin:16px 0px 0px 12px;
	padding:5px 5px 5px 12px;
	width:390px;
	height:160px;
	background:none;
	border:none;
	color:#000;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 24px;
}

.textarea-wrapper {
	width:434px;
	height:206px;
	background:none;
	margin-left:19px;
	float: left;
}

.aftersend {
	color:#CCCCCC;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 24px;
}



/* = 10. CONTACT SITE - STYLE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.box-information {
	padding: 8px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 15px;
	background: white;
	border: 1px solid #ececec;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;
	border-left: 1px solid #ececec;
	border-right: 2px solid #ececec;
	border-bottom: 2px solid #ececec;
	border-top: 1px solid #ececec;
}

.box-information h5 {
	font: bold 10px/14px 'Arial', 'Tahoma', sans-serif;
	text-transform:uppercase;
	background: #fff;
	padding: 5px 5px 3px 5px;
	position: absolute; top:-20px;left:-1px;
	border-top: 1px solid #ececec;-moz-border-radius: 6px;-webkit-border-radius: 6px;
	border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	border-left: 1px solid #ececec;
	border-right: 2px solid #ececec;
	border-bottom:none;
}

.box-information p {
	line-height: 18px;
}


.list-box li {position: relative;float: left;width: 325px;height: 80px;margin: 0 3px 0 5px;}
.list-box li div {position: relative;top:15px;float: left;margin: 0 10px 0 0;}
.list-box li p {float: left;font-size: 11px;width: 250px;margin: 15px 0 0 0;line-height: 15px;}

.list-content {margin: 10px 0 15px 0;padding: 5px 0px;background: #fff;}

.list-content li {list-style-type: none;padding: 0 0 0 5px;}


.photo-l {float: left; margin: 0 10px 0 0;}
.photo-r {float: right; margin: 0 0 0 10px;}

.photothumb {padding: 5px;border: 1px solid #e9e9e9;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;background: white;}


.box-items {
	position: relative;
	width: 100%;
}

.box-items li {
	position: relative;
	list-style: none;
	width: 301px;
	float: left;
	display: block;
	overflow: hidden;
	margin: 0px 3px 10px 3px;
	padding: 4px 8px;
	border: 1px solid #dfdfdf;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;
}


.card-1, .card-2, .card-3 {height: 355px; border: 0 none !important;}
.card-4 {height: 267px;}


.card-1 {background: url(../img/card1.jpg) 0 0 no-repeat;}
.card-2 {background: url(../img/card2.jpg) 0 0 no-repeat;}
.card-3 {background: url(../img/card3.jpg) 0 0 no-repeat;}

.card-1 h3, .card-2 h3, .card-3 h3 {
	position: absolute;
	bottom: 10px;
	width: 290px;
	text-align: left;
}


.box-contact-details {
	color: #868686;
}


.box-contact-details ul {
	margin: 0;
	width: 100%;
}

.box-contact-details ul li {
	width: 100%;
	border-bottom: 1px solid #3e3e3e;
	margin: 5px 0;
}

.box-contact-details ul li:last-child {
	border: 0 none;
}
	
.box-contact-details p {
	color: #fff;
	padding: 5px 8px 8px 14px;
}

.box-contact-details a, .box-contact-details .special {
	color: #fff;
	font-size: 18px;
	letter-spacing: 0;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}

.box-contact-details a:hover {
	color: #7eb12f;
	text-decoration: underline;
	position: relative; left: 1px;
}

.box-contact-details p span.small {
	font-size: 11px;
	color: #868686;
}




.video-list {display: block;}
.video-list ul {margin: 0 0 10px 0;padding: 0;}

.video-list ul li {
	display: block;
	float: left;
	width: 199px;
	height: 113px;
	margin: 5px 19px 10px 18px;
	border: 0px solid #eef1f5;
	background-repeat: no-repeat;
	-moz-box-shadow: 1px 1px 4px #c3c3c3;
	-webkit-box-shadow: 1px 1px 4px #c3c3c3;
	-khtml-box-shadow: 1px 1px 4px #c3c3c3;
	box-shadow: 1px 1px 4px #c3c3c3;
	background: #fff;
	padding: 3px;
}


.keywords-bottom {
	padding: 15px 0;
	text-align: center;
	font: bold 11px/16px 'Arial', 'Helevetica', sans-serif;
	color: #9a9a9a;
	text-shadow: 1px 1px 0px #fff; 
}