﻿/*
	Supersized - Fullscreen Slideshow jQuery Plugin
	Version 3.1.3
	www.buildinternet.com/project/supersized
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/
@font-face {
	font-family: myriad pro;
	src: url('../font/MyriadPro-Regular.otf');
}
@font-face {
	font-family: myriad pro cond;
	src: url('../font/MyriadPro-Cond.otf');
}
* { margin:0; padding:0; }
body { background:#111;font-size:10px; }

span  {
    
    color: #fff;
    font: bold 18px Arial,Helvetica,sans-serif;
    margin: 50px;
    padding: 10px 15px;
}

h6  {
    
    color: #fff;
    font: bold 12px Arial,Helvetica,sans-serif;
    
    padding: 10px 15px;
}
.footer_a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.footer_a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.footer_a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	
}
.footer_a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
img{ 
	border:none;
	outline:none;
	}
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
			#supersized a.prevslide { z-index:-20; }
			#supersized a.activeslide { z-index:-10; }
			#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
	
	/*Controls Section*/
	#controls-wrapper {
	margin:0px;
	padding:0px;
	height:32px;
	width:100%;
	bottom:0;
	left:0;
	z-index:4;
	background: #000;
	position:fixed;
	color: #858585;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	text-align: left;
	line-height: 32px;
}
#social_media {
	float: right;
	height: 32px;
	width: 512px;
	padding-right: 80px;
}

#video {
	
	height: 432px;
	width: 800px;
	background: url('../img/vb.png') repeat;
	
}




#aba  {
	
	height: 150px;
	width: 200px;
	font-family:verdana bold;
    position: absolute;	
	left:130px;
}
#ab  {
	
	height: 150px;
	width: 200px;
	font-family:verdana bold;
    position: absolute;	
	left:380px;
}
#a  {
	
	height: 150px;
	width: 200px;
	font-family:verdana bold;
    position: absolute;	
	left:620px;
}


	ul.navigation {
		list-style:block;
		margin:10px 0px 0px 20px;
	}
	ul.navigation li {
		float:left;
		color:#fff;
		text-transform:uppercase;
		padding:0px 10px 0px 10px;
	}
	ul.navigation li a {
		color:#fff;
		margin:0px;
		padding:10px 10px 5px 10px;
		text-transform:uppercase;
		text-decoration:none;
	}
	ul.right {
		float:right;
		margin-right:30px;
	}
	
p {
  padding:0 30px 30px 30px;
  color:#fff;
  font:11pt "Helvetica Neue", "Helvetica", Arial, sans-serif;
  text-shadow: #000 0px 1px 0px;
  line-height:200%;
}

p a {
  font-size:10pt;
  text-decoration:none;
  outline: none;
  color:#ddd;
  background:#222;
  border-top:1px solid #333;
  padding:5px 8px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  -moz-box-shadow: 0px 1px 1px #000;
  -webkit-box-shadow: 0px 1px 1px #000;
  box-shadow: 0px 1px 1px #000;
}
  p a:hover {
  background-color:#427cb4;
  border-color:#5c94cb;
  color:#fff;
}
h3 {
  padding:30px 30px 20px 30px;
}
#logo {
	position:absolute;
	top:10px;
	opacity: 0.7;
	background: #000;
	z-index:600;
	width: 100%;
}
	
#content {
  position:absolute;/*ikone*/
  top:50%;
  left:50%;
  margin-left:-350px;
  margin-top:-190px;
  width:700px;
  height:342px;
  text-align:left;
  padding:5px;
}

.sliderwrapper{         /*sadrzaj*/
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 700px;
height: 282px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
width: 700px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.bot_logo_wrapper
{
bottom:39px;
right:10px;
position:fixed;
width:100%;
}
/*copy_logo start here*/
.bot_logo_wrapper .copy_logo
{
float:right;
width:425px;
}
.bot_logo_wrapper .copy_logo p
{
font-family:verdana bold;
font-size:14px;
text-align: right;
text-shadow: none;
color:#ffffff;
padding:7px 0;
line-height:13px;
margin:0;
}
.bot_logo_wrapper .copy_logo p span
{
font-family:verdana;
font-size:12px;
}
.bot_logo_wrapper .copy_logo h1 a
{
display:block;
font-family:verdana;
font-weight:bold;
padding:0px 0 0;
text-align:center;
text-align:right;
font-size:13px;
color:#fff;
text-decoration:none;
}
.bot_logo_wrapper .copy_logo h2
{
display:block;
font-family:verdana;
font-style:italic;
font-weight:bold;
padding:0px 0 0;
text-align:center;
text-align:right;
font-size:11px;
color:#fff;
text-decoration:none;
}

.bot_logo_wrapper .copy_logo h1 a:hover
{
color:#ffffff;
}
/*copy_logo end here*/




.gallerycontainer{
position: absolute;
width: 100px;
padding: 110px 0 0 50px;


/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px ;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px ;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;

padding: 100px  100px;

border: 0px ;
visibility: hidden;
color: black;
text-decoration: none;


}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


