/** ----------------------------------------------------------
 *
 * Contains the main layout of the page and the individual styles.
 * Acts as the main stylesheet for theme.
 *
 *		Include your notes or table of contents below....
 *		Include color hex's or values of your grid
 *
 *		1. OOCSS GRID
 *		2. MAIN LAYOUT
 *		3. HEADER
 *			- Brand
 *			- Search Form
 *		4. Navigation
 *			- Primary Navigation
 *			- tablet Navigation
 *			- Secondary Navigation
 *			- Secondary Nav 2-5 Levels deep
 *		5. Mixed
 *		6. Footer
 *		7. Page Specific Layout
 *			- Homepage
 *			- Search Results
 *		8. Device and Responsive Layout
 *			- Breakpoint 960px
 *			- Breakpoint 
 *			p
 *				- Search Form
 *				- Main Content
 *		9. Print Styles
 *			- Simple Theme custom print styles
 *
 * @author Your Name <email@silverstripe.com>
 * ------------------------------------------------------- */

/* OOCSS Grid
* https://github.com/stubbornella/oocss/wiki/grids
*/
a:hover, a:active, a:focus {
   outline: 0;
}
.line, /* line - Groups units on one horizontal line. Note: for mobile layout units may be stacked to avoid horizontal scrolling. */
.lastUnit {
	overflow:hidden;
	*overflow:visible;
	*zoom:1;
	padding:0 10px;
}
.unit { /* unit - Base class which divides a line into sections (columns). */
	float:left;
	padding:0  ;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box; /* box-sizing:border-box; creates a box-model where 
	padding and border are NOT added onto the width - they are included in the width, 
	so a 200px wide element with 20px padding will be 200px, NOT 240px wide */
}
.unitRightv { /* Use this class if you want to offset a column eg: |--content(.unit)--|--content(.unit)--|--no-content--|--no-content--|--content(.unitRighttv)--| */
	float:right;
}
 iframe {max-width:100%;}
/* sizeXofY - Extends unit. Indicates the fractional width of the unit, for example size3of4 would take up three quarters, or 75%, of the horizontal space. 
The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5 */
/* It is possible to add more columns if you wish you will just have to add the fractions that are missing eg: .size1of6 {width:16.66666%;} */

.size1of1 {
	float:none;
}
.size1of2 {
	width:50%;
}
.size1of3 {
	width:33.33333%;
}
.size2of3 {
	width:66.66666%;
}
.size1of4 {
	width:25%;
}
.size3of4 {
	width:75%;
}
.size1of5 {
	width:20%;
}
.size2of5 {
	width:40%;
}
.size3of5 {
	width:60%;
}
.size4of5 {
	width:80%;
}
.lastUnit { /* lastUnit - Extends unit. Applied to the last child of every line. */
	float:none;
	width:auto;
	_position:relative; /* Bug fix for IE6 - Internet Explorer 6 and below wouldn't fail on properties that were prefixed with non-alphanumeric characters. 
	meaning that anything prefixed with _ wouldn't be picked up by any other browsers */
	_left:-3px;
	_margin-right:-3px;
}

/* MAIN LAYOUT */
body {
    margin: 0;
    background: #fff;
    min-width: 240px; 
    -webkit-text-size-adjust: none; /* The text size is not adjusted for Safari on iPhone */
}
	.ie7 body,
	.ie8 body {
	    min-width: 860px; /* media queries are not supported in ie7/8 without a polyfill */
	}
	.main {
	    background:#fff;
	    padding: 40px 0 20px;
	    min-height: 300px;
	}
	.inner {
	    max-width: 1140px;
	    margin: 0 auto;
	    padding: 0 15px;
	}
	.ie6 .inner {
	    width: 960px;
	}
	.no-sidebar .content-container {
	    float: left;
	    width:100%; /* makes content container full width when there is no sidebar */
	}
	.sidebar { /* this is the sidebar element */
	    margin-top: 12px;
	}
	.no-sidebar .sidebar {
		display: none;
	}
 img {max-width:100%;height:auto;}

/* HEADER */
.header {
    background: #e3000f; position:fixed;top:0;left:0;right:0;z-index:100;   
}
	.header .inner {
	    padding : 5px 10px;
	    position: relative; 
	     
	}

	/* Brand */
	header .brand, header .brand:hover {
	   
	    color: #fff;
	    display: block;float:none;margin:0 auto;   text-align:center;   
	}
		 	.brand img  { display: block;margin:0 auto; padding-top:58px;border-bottom:10px solid #fff;}
		.brand p {
     font-family:   Arial, sans-serif;  
		    color: #008c00;
		    font-size:24px; padding-left:90px; text-shadow:1px 1px 1px #fff; position:relative;z-index:5;  text-transform:none;
		}

	/* Search form */

	.search-bar {
		position: absolute;
		right: 13px;
		top: 12px;
	}
		.search-bar .field {
			margin: 0;
			padding: 0;
		}
		.search-bar form input.text {
		    width: 155px;
		    padding: 5px 34px 5px 15px;
		    color: #888;
		    margin: 0;
		    border: none;
		    -moz-border-radius: 14px;
		    border-radius: 14px;
		    background: #fff;
		}

		.search-bar form input.action { /* positions the search button icon over the top of the search input */
		    font-size: 14px;
		    position: absolute;
		    right: 5px;
		    top: 0;
		    cursor: pointer;
		    border: none;
		    padding: 5px;
		    background: none;
		    font-family: 'WebSymbolsRegular';
		    color: #848484;
			border-radius: 0;
			margin: 0;
		}
		.search-bar form input.active,
		.search-bar form input.action:hover {
		    color: #000;
		}
		.search-bar form input:focus,
		.header textarea:focus {
		    outline: none; /* removes default browser outlining on focus */
		}
		.search-dropdown-icon {
		    display: none; /* hides search-dropdown-icon when site is at full width - media queries set it to display:block when at mobile/tablet width */
		}




	/* Secondary navigation */
	.main .secondary h3 {
	    font-size: 20px;
	    color: #AAA;
	    margin: 0 0 8px 0;
	    font-family: "CamboRegular", Georgia, "Times New Roman", Times, serif;
	    font-weight: normal;
	}
	.main .secondary {
	    border-bottom: 1px solid #e5e5e5;
	}
		.main .secondary ul {
		    padding: 0;
		    margin: 0;
		}
		.main .secondary li {
		    border-top: 1px solid #e5e5e5;
		    position: relative;
		    list-style-type: none;
		    margin-bottom: 0;
		}
			.main .secondary li .arrow { 
			    color: #b80000;
			    padding-right: 5px;
			    display: block;
			    font-size: 15px;
			    line-height: 20px;
			    position: absolute;
			    left: 2px;
			    top: 7px;
			    -moz-transition: 0.2s; /* this transition moves the arrow from left:2px to left:6px */
			    -webkit-transition: 0.2s;
			    transition: 0.2s;
			}
		.main .secondary li a:hover .arrow {
		    left: 6px; /* this sets the final position for the arrow transition */
		}
		.main .secondary li a { /* side nav link styling */
		    padding: 10px 0;
		    display: block;
		    text-transform: uppercase;
		    letter-spacing: 2px;
		    font-size: 11px;
		    color: #333;
		    line-height: 17px;
		    border-bottom: none;
		    font-family: 'Lucida Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;
		}
		.main .secondary li .text {
		    padding-left: 28px;
		    display: block;
		}
		.main .secondary li.current a.current {
			color: #b80000;
			background-color: #EDEDED;
		}
		.main .secondary li.section,
		.main .secondary li.current {
		    background-color: #F3F3F3;
		}
			.main .secondary li.section a,
			.main .secondary li.current a {
			    color: #000;
			}
		

		/* Secondary navigation 2-5 levels deep */
		.main .secondary ul ul {
			display: none;
		}
		.secondary ul li.current ul,
		.secondary ul li.section ul { /* Only show child pages from selected parent */
			display: block;
		}
		.secondary li.current ul ul {
			display: none;
		}
		.main .secondary ul ul li a { padding-left: 10px; } /* Indent all sidebar navigation levels*/
			.main .secondary ul ul li a .arrow { left: 12px; }
			.main .secondary ul ul li a:hover .arrow { left: 16px; }

		.main .secondary ul ul ul li a { padding-left: 20px; }
			.main .secondary ul ul ul li a .arrow { left: 22px; }
			.main .secondary ul ul ul li a:hover .arrow { left: 26px; }

		.main .secondary ul ul ul ul li a { padding-left: 30px; }
			.main .secondary ul ul ul ul li a .arrow { left: 32px; }
			.main .secondary ul ul ul ul li a:hover .arrow { left: 36px; }
			
		.main .secondary ul ul ul ul ul li a { padding-left: 40px; }
			.main .secondary ul ul ul ul ul li a .arrow { left: 32px; }
			.main .secondary ul ul ul ul ul li a:hover .arrow { left: 36px; }

		.main .secondary li a:hover,
		.main .secondary li.section a:hover,
		.main .secondary li.current a:hover {
			color: #b80000;
		}




/* MIXED */
header:after,
.main:after,
#Root:after,
.search-bar:after,
header .inner:after,
footer:after { /* clearfix */
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}
.search-bar form input.action,
.header .primary li a,
.footer a { /* adds color transition when links/inputs on hover */
   
}
.footer a.brand { color: #333; margin-left: 0; }
.footer a.brand:hover { color: #B80000; }
body h1 span.amp {
    font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",Georgia;
    font-style: italic;
}


/* FOOTER */
.footer {
     color: #585858;
     font-family: 'LatoReg', Arial, sans-serif;
    
    padding: 0 0;
    font-size: 16px;
     

    border-top: 0px solid #99cc01;  overflow:hidden;
}

.footer .typography p {
     color: #fff;  line-height: 20px;
    font-size: 14px; text-transform:none;
    text-align: left;
    font-family: 'LatoReg';
}

.footer .last a:link, .footer .last a:visited, .footer .last a:hover { color: #fff;}
.footer table {width:100%; padding-top:15px ;margin-top:40px;}
.footer table td {font-size: 16px;
color: #013a23;padding: 0 10px;vertical-align:middle}
 
.footer   table a:link, .footer   table a:visited, .footer  table  a:hover {font-size: 16px;
color: #013a23;font-weight:normal;}
.footer .last {width:100%;display:block;color:#fff;clear:both;text-align:center;padding:10px 0 10px 0; font-size:16px;text-transform:uppercase; background: #e3000f;}
#Form_KontaktForm_inne {display:none;}
#Form_KontaktForm  {width:100%;max-width:1080px;margin:0 auto;}
#Form_KontaktForm_mess {height:147px;}
.Kontakt .content table {width:100%;}
.Kontakt .content table td {width:50%;}
.outform   {width:48%;float:right}
.outform.one  {width:48%;float:left;}
 .footer img {
    
}

.motocykl-out {

    width: 100%;
    overflow:hidden; 
    position: relative;

}
.motocykl {
 
    background-attachment: fixed;   background-clip: border-box; background-origin: padding-box; background-position: center center; background-repeat: repeat; background-size: cover !important;
    margin: 0 auto;
    position: absolute;
    
    width: 100%;
   left:0;top:0;bottom:0; z-index:-2;

}
.inner.bloki {position:relative;    }

.blok_home {width:100%;overflow:hidden;clear:both;}
.motocykl-out .inner.blok {
 
    margin:  0;  height:500px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.link-home {
    height: 92px;   
    width: 10px;
    display:block;
    position: absolute;
    right: 0;
    bottom: 100%;   
} 
 .typography.our-services table {width:100%;margin:20px 0;}
 .typography.our-services table td {padding:  0;}
 .typography.our-services table:nth-of-type(1)   td {width:27.33%;padding:0 3%;}
 .typography.our-services table:nth-of-type(1)   td:nth-of-type(2) { border-left:1px solid #DD002E; border-right:1px solid #DD002E;}
 .typography.our-services table:nth-of-type(2)  {
    border-top:1px solid #DD002E; text-align:center;text-transform:uppercase;
}

.typography.our-services table:nth-of-type(2)   td  {padding:  0;}
.typography.our-services table:nth-of-type(2)   tr:first-child td {padding:20px  0 0 0;}
.typography.our-services table:nth-of-type(2) img {display:block;margin:0 auto;float:none;}
.content-container.unit.size3of4.lastUnit.oferta {background:   #fff;}
.typography .content-container.unit.size3of4.lastUnit.oferta table {margin:0;width:100%;border:1px solid #dbdde2}
.typography .content-container.unit.size3of4.lastUnit.oferta table h2 {text-align:center;color:#fff;}
.typography .content-container.unit.size3of4.lastUnit.oferta td {vertical-align:middle; }
.content-container.unit.size3of4.lastUnit.oferta.grey {background-color: #F0F0F0;}
 .typography.about-us table td {width:54%;padding:0 3%;}
  .typography.about-us table td:nth-of-type(1) {border-right:1px solid #DD002E;}
    .typography.about-us table td:nth-of-type(2)    {width:34%;}
    .typography .about-us table img.right {
    float: none;
    max-width: 100%;
    margin: 5px 0 10px 20px;
}
/* PAGE SPECIFIC LAYOUT */

	/* Homepage */
		/* currently no Hompage specific styles - feel free to add your own */

	/* Search Results */
	.typography .searchResults h1 {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	.searchResults p.searchQuery {
	    margin-bottom: 10px;
	    font-size: 15px;
	    font-weight: bold;
	}
	.searchResults ul#SearchResults {
	    padding: 0;
	    border-bottom: 1px solid #e5e5e5;
	    margin:0;
	}
		.searchResults ul#SearchResults li {
		    border-top: 1px solid #e5e5e5;
		    padding: 20px 0;
		    list-style-type: none;
		}
		.searchResults ul#SearchResults p {
		    margin-bottom: 10px;
		}
		.searchResults #PageNumbers a {
		    padding: 0 5px;
		}
		.searchResults #PageNumbers .pagination {
		   	border-bottom: 1px solid #e5e5e5;
		    padding: 20px 0;
		    display:table; /* displays the pagination as a table so that elements stay inline and the middle column adjusts its size to accomodate and the right arrow stays to the right */
		    width:100%;
		}
		.searchResults #PageNumbers .pagination span{
			display:table-cell; /* each element in the pagination div displays as a table cell */
		}
		.searchResults #PageNumbers p {
		    text-align: center;
		    padding:20px 0;
		}
		.searchResults #PageNumbers .next,
		.searchResults #PageNumbers .prev {
		    font-size: 14px;
		    padding: 0 20px;
		    display:table-cell; /* each element in the pagination div displays as a table cell */
		    vertical-align: middle;
		    border-bottom:0 !important;
		}
		.searchResults #PageNumbers .next {
		    margin-left: 15px;
		}
		.searchResults #PageNumbers .prev {
		    margin-right: 15px;
		}
  .social a:link,  .social a:visited, .social a:hover {font-size:14px; color:#616161;text-decoration:none;}
   .social td {vertical-align:middle;}
/* DEVICE & RESPONSIVE LAYOUT */
.header .nav-open-button {
    display: none; /* removes the nav toggle button for desktop site */
}
#media-query-trigger {
    /* instead of detecting the width of the window in simple/javascript/script.js it detects the visibility of this element (which is set using media queries) 
    instead to trigger the hiding/showing of nav and search in mobile mode */
    display: none;
    visibility: hidden;
}
.headimg {width:100%;display:block;height:auto;position:relative; z-index:-1;margin-top:56px;}
.upup {
    position: fixed;
    bottom: 85px;
    right: 20px;
}
.siatka {position:relative; 
 overflow:hidden;  width:100%;


background-image: url(../images/bg1.png) ;

background-repeat: repeat  ;

background-position: center top }
.siatka table {position:absolute;left:0;right:0;bottom:0;top:0px;height:100%;z-index:3;margin:0 auto;}
.siatka table  td {vertical-align:middle;padding-top:95px;}
.siatka h1 { vertical-align:middle;text-align:center;font-weight:bold;height:auto; text-transform: uppercase;width:100%;font-size:72px;line-height:72px;margin:0;padding:0; color:#fff;text-shadow:0px 0px 5px #000000;}
table.ourservices {width:100%}
table.ourservices.two {text-transform:uppercase;text-align:center;background: url(../images/red-line.png)  50%   0% no-repeat  ;padding-top:30px;}
table.ourservices.two tr:first-child td {padding-top:30px;}
table.about-us tr:first-child {background: url(../images/red-line.png)  50%   100% no-repeat  ;}
table.about-us td:first-child {width:60%;}
.brandy     {background: url(../images/red-line.png)  50%   0% no-repeat  ;}
table.oferta {width:100%;text-align:center;font-size:20px;color:#006b00;}
table.oferta img, table.oferta img.leftAlone{text-align:center;float:none;display:block;margin:0px auto;padding:30px 0 5px 0;}
table.onas {width:auto;text-align:left;font-size:24px;color:#006b00;font-family: 'LatoBol';padding:20px 0;}
.typography table.onas td {vertical-align:middle;}
.typography table.onas td img {display:block;margin:0 20px 0 0;}

/* BREAKPOINT 960px */

@media only screen and (max-width: 960px) {
	.content img {
	    max-width: 97%;
	    height: auto;
	}
 
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-5px);
  }
}
@media only screen and (min-width: 651px) {
ul.balls  {width:100%;display:block;clear:both;overflow:hidden;margin:30px 0;background: url(../images/icon-7.png)  50% 30% no-repeat;}
ul.balls li  {width:50%;display:inline-block;padding:0;margin: 0;height:100px;line-height:100px;background:none;clear:none;float:left;cursor:pointer;}
ul.balls li:hover {color:red;}
ul.balls li:nth-child(even) {float:right;text-align:right;}
ul.balls li:nth-child(1)   {padding-left:140px;} ul.balls li:nth-child(2)   {padding-right: 40px;}
ul.balls li:nth-child(3)   {padding-left:70px;} ul.balls li:nth-child(3)   {padding-right:  0px;}
ul.balls li:nth-child(5)   {padding-left:0px;} ul.balls li:nth-child(6)   {padding-right:  80px;}
ul.balls li:nth-child(7)   {padding-left:60px;} ul.balls li:nth-child(8)   {padding-right:  140px;}
ul.balls li:nth-child(9)   {margin :   0px auto;text-align:center;display:block;width:100%;}
ul.balls li img   {display:inline-block; max-width:50px;height:auto;vertical-align: middle;margin:0 10px}  
ul.balls li:hover img  {
       animation: bounce 2s  ;
  -webkit-animation: bounce 2s  ;
    }
ul.balls li:nth-child(even) img  { }
.cell {display:none!important;}
table.why td {width:50%;padding:0px 0px 100px 0;text-align:justify;vertical-align:middle}
table.why td img {display:block;max-width:80%;height:auto;margin:0 10%;}
table.sektor td { padding:0px 50px 30px 0;text-align:left;vertical-align:middle; }
table.sektor td.second  {width:50%;padding:0px  0px 30px 0;}
table.sektor td img  {display:inline-block;max-width:100px;height:auto;margin:0 10%;float:left}
table.sektor td.second img {display:block;float:none;max-width:80%;height:auto;margin:0 10%;}
    a.ph:link,     a.ph:visited,    a.ph:hover {text-decoration:none; cursor:default;    }
.footer   table {display:none;}
.headins {overflow:hidden;display:block;}
header.header { overflow:hidden;}
nav.primary {overflow:hidden; position:relative;float:right;display:inline-block ; padding-top:0px;z-index:8; text-align:left; }
nav.primary ul { margin:0px ;display:inline-block;list-style:none;border:0px  ;padding:0;float:right;}
nav.primary ul li {display:inline-block; float:left;
            margin:0px;padding:0 30px ; }
           nav.primary ul li:hover ,  nav.primary ul li.current ,
			nav.primary ul li.section {color:#fff;background-color:#000; }
      nav.primary ul li:hover {background-color:#6e6e6e;}
         nav.primary ul li.current  {background:#000000}
    nav.primary ul li a:link, nav.primary ul li a:visited, nav.primary ul li a:hover { font-size: 16px;
			    color: #fff;height:56px;line-height:56px;display:block;width:100%;font-weight:normal;text-transform:uppercase;text-decoration:none;}
           
 nav.primary ul li.current a,
			nav.primary ul li.section a {
			  color:  #fff;
			}
			nav.primary ul li a:hover {
			   color: #fff;
			}
   
      nav.primary ul li img {width:100%;height:auto;display:block;}
      
      nav.secnd {overflow:hidden; position:fixed; top:50%;right:20px;display: block ; padding-top:0px;z-index:8; text-align:left;margin-top:-85px; }
nav.secnd ul { margin:0px ;display:inline-block;list-style:none;border:0px  ;padding:0;}
nav.secnd ul li {display: block;
            margin:10px 0px;padding:0  ; background:#e3000f;

   

}
           nav.secnd ul li:hover , nav.secnd ul li.current ,
			nav.secnd ul li.section {color:#fff;}
        nav.secnd ul li.current  {background:#000000}
    nav.secnd ul li a:link, nav.secnd ul li a:visited, nav.secnd ul li a:hover { font-size: 16px;
			    color: #fff;height:22px;line-height:22px;display:block;width:22px;font-weight:normal;text-transform:uppercase;text-decoration:none;}
           
 nav.secnd ul li.current a,
			nav.secnd ul li.section a {
			  color:  #fff;
			}
			nav.secnd ul li a:hover {
			   color: #fff; 
			}
      
     nav.primary ul  li a span { 
    font-size: 16px;
    color: #fff;
    height: 22px;
    line-height: 22px;
    display: block;
    width: 22px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;background:#e3000f   ;position:fixed;  top:50%;right:20px;  padding-top:0px;z-index:8; text-align:left;margin-top:-85px;
}   
      
      .headimg22 {position:absolute;right: 0%;top:0; z-index:2;max-width:30%; }
        .headimg21 {position:absolute;right: 0%;top:0; z-index:4;max-width:30%; }
        .social {position:relative;display:inline-block;float:right; padding : 10px 5px;z-index:8; text-align:right;clear:right;background:#fff;font-size:16px;color:#013a23}
         .social img {display: block;margin:0px  ;float:none;}
         .social a:link,.social a:visited, .social a:hover  {font-size:16px;color:#013a23}
         .social td {padding:0 10px;}
     .module1, .module2, .module3, .module4 { width:48%;position:relative;margin-bottom:60px;}   
     .module1,   .module3 {float:left;}
      .module2,   .module4 {float:right;}
      .moduly a, .moduly img {display:block;max-width:100%;}
      .moduly .apply {position:absolute;right:0;bottom:0;z-index:2;} 
       .moduly .interview {position:absolute;right:0;top:0;z-index:2;width:120px;height:auto;} 
       .module3 {background: url(../images/zawiasy.png)  50%  80% no-repeat #ebebeb;border-top:5px solid #99cc01;} 
       .module3 img {float:right;clear:both;} 
       .typography .module3 p {width:80%;display:block;margin:0px auto;clear:both;margin-bottom:20px;padding-top:20px;} 
       .typography .module3 p.absolut {width:100%;display:block;margin:0px auto;clear:both;margin-bottom: 0px;font-size:12px;line-height:16px;text-align:center;color:#fff;background: url(../images/kategoria_35a.png)  0%   0% repeat  ; padding :5px 0;position:absolute;left:0;right:0;bottom:0;z-index:2;}  
        .typography .module3 a:link,  .typography .module3 a:visited,  .typography .module3 a:hover {color:#464646;}
        .typography .module4 table {   border: 0px solid #d4d4d4;text-align: center;margin:0px auto; } 
        .typography .module4 table tr:nth-child(2n) {     background-color: #fff;  }
           .typography .module4 table td {border:0;text-align:center;}
           .typography .module4 table td img {display:block;margin:0 auto;}
           .typography .module4 h3    {text-align:center;}
            .lewy  {width:57%;padding-right:3%;float:left;border-right:1px solid #ccc; }
               .prawy  {width:36%;float:right;  }
                .prawy   .module1,  .prawy .module2,  .prawy .module3,  .prawy .module4  {width:100%;}
                .blok.one, .brandy {width:100%;overflow:hidden;clear:both;background:#fff;}
                .brandy     {background: url(../images/red-line.png)  50%   0% no-repeat  #fff;}
                .blok.one, .brandy {overflow:hidden; position:relative; }
                      .blok.one .inner,  .brandy .inner  {  overflow:hidden;padding:  0;margin-top:11px ;margin-bottom:10px;}
                     
   
                .brandyx {float:left;width:18%;margin:2% 1%;}
                .content-container.oferta  {width:98%;margin:1%; text-align:left;-moz-box-shadow: 0px 0px 1px #999;-webkit-box-shadow: 0px 0px 1px #999; box-shadow: 0px 0px 1px #999;float:left;} 
 .typography .content-container.oferta p,  .typography .content-container.oferta a.more {padding:5px 10px;margin:0;font-size:14px;}
.typography .content-container.oferta h2, .typography .content-container.oferta h2 a  {text-align:left;}
 .typography .content-container.oferta td.left {width:38%;text-align:center;color:#fff;background:#DD002F;padding:2% 1%;}
  .typography .content-container.oferta td.right {width:58%;padding:2% 1%;text-align:center;}
                }
  .full-size {width:100%; height:100vh;display:table;overflow:hidden;clear:both;border-top:2px dotted #e3010f;}
  #home.full-size {background: #fff; }
  #strefa-klienta.full-size {background: url(../images/strefa.jpg)  50%   50% no-repeat  ;background-size:     cover; }
   #home.full-size .dupka {background: url(../images/bgx.png)  50%   50%  repeat  ; padding:30px 50px;text-align:center;position:absolute;margin-left: auto;max-width:600px;  margin-right: auto;  left: 0;   right: 0;bottom:30px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
 #home.full-size .dupka a:link,  #home.full-size .dupka a:visited,  #home.full-size .dupka a:hover, a.mores:link, a.mores:visited,  a.mores:hover{text-decoration:none;background:#e3000f;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;color:#fff;font-size:18px;text-transform:uppercase;display:inline-block;padding:5px 20px;margin-top:30px;}
    #home.full-size .dupka h3 {font-size:48px;color:#fff;font-weight:bold;line-height:70px;}
    #home.full-size .dupka h4 {font-size:24px;color:#fff;font-weight:bold;line-height:30px;}
    
    
    .full-size.left {background: #fff;  display:table;position:relative; }
    .full-size.left div.content {width:40%;float:right;background:#fff;margin:0 5%;font-size:18px; line-height:30px;}
    #o-nas.full-size.left div.content {width:40%;float:right;background:#013a23;margin:  5%;font-size:18px;color:#fff;line-height:30px;}
     .full-size.left div.content h2 { font-size:40px;margin-bottom:20px;line-height:50px;text-transform:uppercase;color: #e3000f;}
    .full-size.left div.content-out {display: table-cell; vertical-align: middle;width:100%;}
    .full-size.left div.content-out2  {background:#fff;width:100%;overflow:hidden;}
    .full-size.left .image {width:50%;position:absolute;left:0;bottom:0;top:0;display: flex;
  align-items: center;
  justify-content: center;}
    .full-size.left .image img {max-width:100%;display:block;height:auto;max-height:100vh}
    
    .full-size.right {background: #fff;  display:table;position:relative; }
    .full-size.right div.content {width:40%;float:left;background:#fff;margin:0 5%;font-size:18px;color:#000000;line-height:30px;}
     .full-size.right div.content h2 {color:#e3000f;font-size:40px;margin-bottom:20px;line-height:50px;text-transform:uppercase;}
    .full-size.right div.content-out {display: table-cell; vertical-align: middle;width:100%;}
    .full-size.right div.content-out2  {background:#fff;width:100%;overflow:hidden;}
    .full-size.right .image {width:50%;position:absolute;right:0;bottom:0;top:0;display: flex;
  align-items: center;
  justify-content: center;}
    .full-size.right .image img {max-width:100%;display:block;height:auto;max-height:100vh;float:right}
    
    #kontakt.full-size.right div.content {text-align:center;text-transform:uppercase;color:#000}
     #kontakt.full-size.right div.content a.mail:link,  #kontakt.full-size.right div.content a.mail:visited,  #kontakt.full-size.right div.content a.mail:hover {color:#000}
      #kontakt.full-size.right div.content h3 {color:#e3000f;font-size:24px;margin-bottom:5px;}
      
       #strefa-klienta.full-size div.content-out2 {background:transparent}
         #strefa-klienta.full-size div.content {background: url(../images/bgx.png)  50%   50%  repeat  ;   -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
         #strefa-klienta.full-size div.content div {margin:30px;text-align:center;}
         .downdown {width:100%;}
         .downdown td {padding:10px 30px;vertical-align:top;}
         .downdown td img {float:left;}
         .downdown td a {margin-right:20px;}
         .downdown td a.dlinktitle  {font-weight:bold;text-transform:uppercase;}
           a.bott {display:inline-block;float:right;text-align:left;font-size:12px;text-decoration:none;}
               a.bott img {max-height:12px;width:auto;margin :0 5px;}
/* when changing the breakpoint below, change it ito the same value in the script.js file as well */
@media only screen and (max-width: 650px) { 
ul.balls  {width:100%;display:block;clear:both;overflow:hidden;margin:30px 0 30px  0px;padding-bottom:220px;background: url(../images/icon-7.png)  50% 100% no-repeat;}
ul.balls li  {width:100%;display: block;padding: 15px  0;margin:   0; background:none;clear:none;float:left;cursor:pointer; border-top: 2px dotted #e3010f;overflow:hidden;}
 
ul.balls li img   {display:inline-block; max-width:50px;height:auto;vertical-align: middle;margin:3px  10px 0 0;float:left;}
ul.balls li:nth-child(even) img  { }
ul.balls li:hover {color:red;}
ul.balls li:hover img  {
       animation: bounce 2s  ;
  -webkit-animation: bounce 2s  ;
    }
.comp {display:none!important;}
    table.why td {width:100%;padding:0px 0px 50px 0;text-align:justify;display:block;}
table.why td img {display:block;max-width:80%;height:auto;margin:0 auto;}
table.sektor td { display:block;width:100%;padding:0px  0px 30px 0;text-align:center;vertical-align:middle;clear:both; }
table.sektor td.second  {width:100%;padding:0px  0px 30px 0;display:none}
table.sektor td img  {display: block;max-width:100px;height:auto;margin:0 auto;float:none}
table.sektor td.second img {display:block;float:none;max-width:80%;height:auto;margin:0 auto;}
   a.bott {display: block;float:none;clear:both;margin:0 auto;text-align:center;font-size:12px;text-decoration:none;}
               a.bott img {max-height:12px;width:auto;margin :0 5px;}
               .footer table td {
    font-size: 12px;
    color: #013a23;
    padding: 0 5px;
    vertical-align: middle; display:block;width:100%;text-align:center;
}
 .footer table {
    width: 100%;
    padding-top: 15px;
    margin : 20px 0;
}
 nav.secnd {overflow:hidden; position:fixed; top:50%;right:5px;display:none ; padding-top:0px;z-index:8; text-align:left;margin-top:-85px; }
nav.secnd ul { margin:0px ;display:inline-block;list-style:none;border:0px  ;padding:0;}
nav.secnd ul li {display: block;
            margin:10px 0px;padding:0  ; background:#e3000f;}
           nav.secnd ul li:hover , nav.secnd ul li.current ,
			nav.secnd ul li.section {color:#fff;}
        nav.secnd ul li.current  {background:#000000}
    nav.secnd ul li a:link, nav.secnd ul li a:visited, nav.secnd ul li a:hover { font-size: 16px;
			    color: #fff;height:22px;line-height:22px;display:block;width:22px;font-weight:normal;text-transform:uppercase;text-decoration:none;}
           
 nav.secnd ul li.current a,
			nav.secnd ul li.section a {
			  color:  #fff;
			}
			nav.secnd ul li a:hover {
			   color: #fff; 
			}
	body {
	    max-width: 650px;
	}
	#media-query-trigger {
	    visibility: visible;
	}
  .downdown td {display:block;margin-bottom:30px;}
  .footer .top {
    text-align:center;
    width: 98%;
    float: left;
    margin: 5% 1%;

}
.footer .top h3, .footer .top li {

    text-align:center;

}
.footer .top li a:link, .footer .top li a:visited, .footer .top li a:hover {
    display:block;padding:10px 0;border-bottom: 1px solid #d51634;

border-top: 1px solid #f91236;text-decoration:none;
    color: #fff;
    font-size: 14px;
    font-weight: normal;

}
 .footer .top li a:hover , .footer .top li a:focus{background: #626364;}
 .full-size {width:100%; height:auto;padding:30px 0 30px 0;}
 .full-size.first {height:100vh;padding:  0}
  .full-size.left {   display:table;position:relative; }
    .full-size.left div.content {width:90%;float:right; margin:5%;font-size:18px; line-height:30px;}
     #o-nas.full-size.left div.content {width:90%;float:right; margin:5% 5% 5%  5%;font-size:18px;color:#fff;line-height:30px;}
     .full-size.left div.content h2 { font-size:40px;margin-bottom:20px;line-height:50px;text-transform:uppercase;}
    .full-size.left div.content-out {display: block; vertical-align: middle;width:100%;clear:both;}
    .full-size.left div.content-out2  { width:100%;overflow:hidden;}
    .full-size.left .image {width:100%;min-width:100%;position:relative;right:auto;bottom:auto;clear:both;height:auto}
    .full-size.left .image img {max-width:100%;display:block;height:auto;max-height:auto}
    
    .full-size.right {background: #fff;  display:table;position:relative; }
    .full-size.right div.content {width:90%;float:left;background:#fff;margin:5%;font-size:18px;color:#000000;line-height:30px;}
     .full-size.right div.content h2 {color:#e3000f;font-size:40px;margin-bottom:20px;line-height:50px;text-transform:uppercase;}
    .full-size.right div.content-out {display: block; vertical-align: middle;width:100%;clear:both;}
    .full-size.right div.content-out2  {background:#fff;width:100%;overflow:hidden;}
    .full-size.right .image {width:100%;min-width:100%;position:relative;overflow:hidden;right:auto;bottom:auto;clear:both;height:auto }
    .full-size.right .image img {max-width:100%;display:block;height:auto;max-height:auto;float:right}
 table.about-us td:first-child , table.about-us td {

    width: 100%;display:block;clear:both;

}
.headimg {margin-top:45px;}
.typography table.about-us td img.leftAlone   {float:none;display:block;margin:0px auto;text-align:center;}
  .tablet-nav .header .primary .nav-open-button { /* styling and positioning of the nav toggle button */
		    z-index: 100;
		    width: 20px;
		    height: 20px;
		    position: absolute;
		    right: 20px;
		    top:  9px;
		    display: block;
		    cursor: pointer;
		    font-family: 'WebSymbolsRegular';
		    font-size: 20px;
		    color: #fff;
		}
    	.tablet-nav .header {min-height:45px; }
		.tablet-nav .header .primary ul {
		    z-index: 10;
		    position: absolute; top:45px;left:0;right:0;
		    display: none; /* initially hiding the navigation */
		    float: left;
		    margin: 0;
		    padding: 0;
		    white-space: normal;
		    width: 100%;
		}
			.tablet-nav .header .primary ul li {
			    width: 100%;
			    margin: 0;
			    padding: 0;
			    float: none; /* displays list items vertically */
			    background: none;
			    position: relative;
          border-bottom:1px solid #2a2a2a;
          border-top:1px solid #434343;
			    
			}
			.tablet-nav .header .primary ul li:after { /* creates the arrow for the primary nav links */
			    content: '\003e';
			    display: block;
			    position: absolute;
			    right: 25px;
			    top: 0px;
			    font-family: 'WebSymbolsRegular';
			    font-size: 14px;
			    color: #fff;
			    text-align: center;
			    vertical-align: middle;
			    line-height: 38px;
			}
			.tablet-nav .header .primary ul li a,
			.tablet-nav .header .primary ul li.current a,
			.tablet-nav .header .primary ul li.section a { /* styling the  top level nav links */
			    padding: 10px 0 10px 22px;
			    font-weight: bold;
			    width:100%;display:block; 
			    color: #fff;
			    background-color: #000 ; text-transform:uppercase;text-decoration:none;
			}
			.tablet-nav .header .primary ul li.current a,
			.tablet-nav .header .primary ul li.section a {
		background-color:#6e6e6e ;   color: #fff;
			}
			.tablet-nav .header .primary ul li a:hover {
			   color: #fff; background-color:#e3000f ;
			}
			.tablet-nav .header .primary li.section:after,
			.tablet-nav .header .primary li.current:after {
			   
			}
			.tablet-nav .tablet-nav .header nav.primary ul li {
				padding: 0;
			}
.siatka table {position:absolute;left:0;right:0;bottom:0;top:0px;height:100%;z-index:3;margin:0 auto;}
.siatka table  td {vertical-align:middle;padding-top:45px;}
.siatka h1 { vertical-align:middle;text-align:center;font-weight:bold;height:auto; text-transform: uppercase;width:100%;font-size:32px;line-height:32px;margin:0;padding:0; color:#fff;text-shadow:0px 0px 5px #000000;}

table.ourservices {width:100%}
  table.ourservices  td,  .Kontakt .content table td   {width:100%;display:block;clear:both;}
table.ourservices.two {text-transform:uppercase;text-align:center;background: url(../images/red-line.png)  50%   0% no-repeat  ;padding-top:30px;}
table.ourservices.two tr:first-child td {padding-top:30px;}  
.outform, .outform.one {

    width: 100%;
    float: none;
    margin:0 auto;

} 
.typography .content-container.oferta td {width: 98%;display:block;clear:both;}
.typography .content-container.oferta td.left {

    width:100%;display:block;clear:both;
    text-align: center;
    color: #fff;
    background: #DD002F;
    padding: 2% 0%;

}
.typography .content-container.oferta td.right {

    width: 98%;display:block;clear:both;
    padding: 2% 1%;
    text-align: center;

}
 
    .footer .last {position:relative;}  .footer .last td {display:none;width:30px;} .footer .last td:last-child {display:table-cell;}   .footer .last td:nth-last-child(2) {display:table-cell;}
     .footer .last table {position:absolute;right:5px;bottom: 14px;height:34px;z-index:100;width:70px!important;}
     .footer .last table img  {height:32px;width:auto;}
 
   .blok.one, .brandy {width:100%;overflow:hidden;clear:both;}
                .blok.one, .brandy {overflow:hidden; position:relative; }
                       
                    .blok.one .inner:before,  .brandy .inner:before  {
  content: '\2022'; color:#dd002d; height:20px;line-height:20px;padding:0;position:absolute;top:  0px;left:50%; margin-left:-5px;   font-size: 20px; }
   
                .brandyx {float:left;width:18%;margin:2% 1%;}
                .content-container.oferta  {width:98%;margin:1%;max-width:100%; text-align:center;-moz-box-shadow: 0px 0px 1px #999;-webkit-box-shadow: 0px 0px 1px #999; box-shadow: 0px 0px 1px #999;float:left;} 
 .typography .content-container.oferta p,  .typography .content-container.oferta a.more {padding:5px 10px;margin:0;font-size:14px;}
.typography .content-container.oferta h2, .typography .content-container.oferta h2 a  {font-size:14px;text-align:center;padding:0;margin:3px 0;}
	/* Brand */
	header .brand, header .brand:hover {
	    float: left; overflow:hidden;
	    color: #fff;
	    display:  block;  width:100%; text-align:left;  height:80px;line-height:80px;
	}
		 	.brand img  {max-width:100%;padding-top: 48px;}
       #home.full-size .dupka {padding:15px 20px;bottom:10px;max-width:300px}
	     #home.full-size .dupka h3 {font-size:30px;line-height:40px;}
       #home.full-size .dupka h4 {font-size:18px;line-height:25px;}
	/* Navigation*/

	.tablet-nav .header .brand {
	    float: none;
	    display:  block;
	    
	}
		.brand h1 {
		    font-size: 40px;
		}
		.brand h1 {
		    padding-right: 100px; /* padding stops .brand text from overlapping the search and nav buttons */
		}
	.tablet-nav .header {
	    padding: 0px;
	}
		.tablet-nav .header .inner {
		  display:block; padding :  5px 0 ; 
	    position: relative; 
		     
		}
	 
	/* Search Form */
	.search-bar { /* adds new styling to mobile search bar */
	    width: 100%;
	    position: relative;
	    top: 0;
	    right: 0;
	    display: none; /* hides searchbar initially */
	    padding: 20px 0;
	    margin: 0;
	    background-color: #E7E7E7;
	}
	.search-dropdown-icon { /* styling for search toggle button */
	    display: block;
	    cursor: pointer;
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    right: 60px;
	    top: 34px;
	    font-family: 'WebSymbolsRegular';
	    font-size: 20px;
	    color: #ededed;
	    text-align: center;
	    line-height: 20px;
	}
	.search-bar form {
	    margin: 0;
	    width: 100%;
	}
		.search-bar form fieldset {
		    padding: 0 18px;
		    left: 0;
		    right: 0;
		    position: relative;
		}
	.search-bar div.field {
	    margin-bottom: 0;
	}
	.search-bar form input.text {
	    width: 89%; /* makes search input full width - allowing for space either side */
	    max-width: 89%;
	    padding: 8px 10% 8px 1%;
	    text-indent: 15px;
	    position: relative;
	    display: block;
	    right: 0;
	    left: 0;
	    border: 1px solid #e5e5e5;
	    background: #fff;
	    font-size: 17px;
	    -moz-border-radius: 20px; /* increase border radius due to increased padding */
		border-radius: 20px;
	}
	.search-bar form input.action {
	    right: 5%;
	    top: 2px;
	    font-size: 18px;
	}

	/* Main Content */
	.main {
	    padding: 20px 0 45px; /* decrease padding so that more content can fit on screen */
	}
	.content-container,
	.sidebar {
	    width: 100%; /* sidenav is now shown above the page content */
	    margin-bottom: 30px;
	}
		.typography h1 { /* decrease size of page heading due to smaller screen */
		    font-size: 30px;
			line-height:35px;
		    margin-bottom: 15px;
		    padding-bottom: 10px;
		}
		.typography p {
		    font-size: 16px;
		    line-height: 30px;
		}
	p.intro {
	    font-size: 19px;
	    line-height: 27px;
	}
	.main .inner {
	    padding: 0 22px;
	}
	/* Secondry Nav */
	.secondary li a {
	    line-height: 24px;
	}
	.secondary li .arrow {
	    line-height: 26px;
	}
	/* Footer */
	.footer .right {
	    float: left;
	    width: 100%;
	}
   .module1, .module2, .module3, .module4 { width:98%;float:none;position:relative;margin:0 auto;margin-bottom:30px;max-width:540px;}   
      
      .moduly a, .moduly img {display:block;max-width:100%;}
      .moduly .apply {position:absolute;right:0;bottom:0;z-index:2;} 
       .moduly .interview {position:absolute;right:0;top:0;z-index:2;width:100px;height:auto;}  
       .module3 {background: url(../images/zawiasy.png)  50%  80% no-repeat #ebebeb;border-top:5px solid #99cc01;} 
       .module3 img {float:right;clear:both;} 
       .typography .module3 {position:relative; overflow:hidden;}
       .typography .module3 p {width:80%;display:block;margin:0px auto;clear:both;margin-bottom:20px;padding-top:20px;}
         .typography .module3 p.absolut {width:100%;display:block;margin:0px auto;clear:both;margin-bottom: 0px;font-size:12px;line-height:16px;text-align:center;color:#fff;background: url(../images/kategoria_35a.png)  0%   0% repeat  ; padding :5px 0;position:absolute;left:0;right:0;bottom:0;z-index:2;}  
     
        .typography .module3 a:link,  .typography .module3 a:visited,  .typography .module3 a:hover {color:#464646;}
        .typography .module4 table {   border: 0px solid #d4d4d4;text-align: center;margin:0px auto; } 
        .typography .module4 table tr:nth-child(2n) {     background-color: #fff;  }
           .typography .module4 table td {border:0;text-align:center;}
           .typography .module4 table td img {display:block;margin:0 auto;}
           .typography .module4 h3    {text-align:center;}
           .prawy, .lewy  {width:98%;float:none;position:relative;margin:0 auto;margin-bottom:30px;margin-right:0;border:0;}
           nav.primary   li a span { 
    font-size: 16px;
    color: #fff;
    height: 22px;
    line-height: 22px;
    display: none;
    width: 22px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;background:#e3000f   ;position:fixed;  top:50%;right:20px;  padding-top:0px;z-index:8; text-align:left;margin-top:-85px;
} 
}

/* Print Styles */
/* BREAKPOINT 650px */
@media only screen and (max-width: 1100px) AND (min-width:651px){
 nav.primary ul li a:link, nav.primary ul li a:visited, nav.primary ul li a:hover { font-size: 14px; }  .social {display:none;}
  .blok.one, .brandy {width:100%;overflow:hidden;clear:both; }
                .blok.one, .brandy {overflow:hidden; position:relative; }
                       
   
                .brandyx {float:left;width:18%;margin:2% 1%;}
                .content-container.oferta  {width:98%;margin:1%;max-width:100%; text-align:left;-moz-box-shadow: 0px 0px 1px #999;-webkit-box-shadow: 0px 0px 1px #999; box-shadow: 0px 0px 1px #999;float:left;} 
             
 .typography .content-container.oferta p,  .typography .content-container.oferta a.more {padding:5px 10px;margin:0;font-size:14px;}
.typography .content-container.oferta h2, .typography .content-container.oferta h2 a  {font-size:20px;text-align:center;padding:0;margin:3px 0;}
}
/* Based on HTML5 boilerplate print styles */
@media print {
	* {
	    background: transparent !important;
	    color: black !important;
	    box-shadow: none !important;
	    text-shadow: none !important;
	    filter: none !important;
	    -ms-filter: none !important;
	}
	a,
	a:visited {
	    text-decoration: underline
	}
	a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

	thead {
	    display: table-header-group
	}
	tr,
	img {
	    page-break-inside: avoid
	}
	img {
	    max-width: 100% !important
	}
	pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    /* Simple theme custom print styles */
	.header,
	.footer,
    .nav-open-button,
    .search-bar,
    .search-dropdown-icon,
    nav.primary {
	    display: none;
	}
}
.skk_container {margin:0 auto;}


/* LIGHTBOX*/
 #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:26px;width:26px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/close.png);}
#sb-nav-next{background-image:url(../images/next.png);}
#sb-nav-previous{background-image:url(../images/previous.png);}
#sb-nav-play{background-image:url(../images/play.png);}
#sb-nav-pause{background-image:url(../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

 
 nav.primary   li.current a span {background:#000000}
 
   nav.primary   li:nth-child(1n)  a span { margin-top:-85px;}
     nav.primary   li:nth-child(2n)  a span { margin-top:-55px;}
       nav.primary   li:nth-child(3n)  a span { margin-top:-25px;}
         nav.primary   li:nth-child(4n)  a span { margin-top: 5px;}
           nav.primary   li:nth-child(5n)  a span { margin-top:35px;}
     img.podstrona {display:block;margin-top:56px;}  
     img.widzew { margin:0 auto;margin-top:60px;margin-bottom:60px;} 
     p.mp3 {visibility:hidden;height:20px;}