/*
   * mainbanner
   * ui
   * jshowoff
   * parallax
   * cookies
   
*/

.main_banner {  
   /* width:1200px; */
   width:100%;
   height:300px;
   margin:-13px auto 0;
   position:relative;
   overflow:hidden; 
   font-family: 'Montserrat', sans-serif; 
}

.main_banner h5 {  
   color:white;
   font-size:32px;
}

.advbanner { 
   width:700px;
   height:480px;
   overflow:hidden;
   background-position:center !important;
   background-size:100%; 
   position:fixed;
   top:20%;
   left:50%;
   margin-left:-350px;
   border:2px solid black;
   box-shadow:1px 1px 5px 3px black;
   z-index:99999;
}

.advbanner .closeBanner {
	top:10px;
	right:10px;
	color:white;
	position:absolute;
}

.banner { 
   width:100%;
   height:500px;
   overflow:hidden;
   background-position:center !important;
   background-size:100%; 
}

.banner_image { 
   width:100%;
   height:100%;
   position:absolute;
   top:0;
   left:0;
   background-position:center; 
}

.banner_image_shadow {
	width:100%;
	height:100%;
	position:absolute;
	background:black;
	opacity:0.5;
}

.banner_description { 
   width:100%;
   text-align:center;
   position:absolute;
   top:0;
   left:0;
}

.banner_description .banner_about { 
   width:1200px;
   height:300px;
   display:table-cell;   
   text-align:left;
   vertical-align:middle;
}

.banner_description .banner_about h2 { 
   width:50%;
   display:block;
   font-size:34px;
   padding:10px 0;
   color:white;
}

.banner_description .banner_about h5 { 
   margin:0 0 5px 25px;
}

.banner_description .banner_about p { 
   width:50%;
   margin:10px 25px; 
   display:block; 
   color:white; 
   font-size:20px; 
}

.jshowoff-slidelinks {
    position: absolute;
    bottom: 0;
    left: 10px;
    font-size:4px;
}

.jshowoff-slidelinks a {
    width:10px;
    height:10px;
    margin:0 5px;
    display:inline-block;
    background:url('/interface/jshowbutton.png');
}

.jshowoff-slidelinks a.jshowoff-active {
   background:url('/interface/jshowbutton_active.png') !important;
}

.parallax-window {
    width:100%;
    height:500px;
    background: transparent;
    position:relative;
}

.parallax-mask {
	width:100%;
	height:100%;
   background:black;
   opacity:0.5;
}

.parallax-content {
	width:100%;
	top:0;
	position:absolute;
}

.parallax-content h1, .parallax-content h2, .parallax-content h3, .parallax-content p {
	text-align:left;
	color:white;
}

.file-container {
     width:50%; 
     display:inline-block; 
     position:relative; 
     overflow:hidden;
     vertical-align:middle;
}

/* input file dostaje z-index:2, oraz pozycjonowanie absolutne */
.file-container input[type="file"] {
     width:60%;
     font-size:100px; 
     position:absolute; 
     left:0; 
     right:0; 
     top:0; 
     bottom:0; 
     opacity:0; 
     z-index:2; height:30px; 
     display:block; 
     cursor:pointer;
}

/* a input text i button dostają mniejszy z-index dzięki czemu znajdują się pod "niewidzialnym" input file */
.file-container input[type="text"] {
     float:left; 
     width:60%; 
     padding:5px; 
     height:20px; 
     background:#efefef; 
     border:1px solid #aaa; 
     z-index:0; 
     position:relative; 
     color:#777;
}
.file-container input[type="button"] {
     float:left; 
     width:28%; 
     height:32px; 
     text-align:center; 
     font-weight:normal;
     font-size:11px;
     color:#fff; 
     line-height:30px;
     overflow:hidden; 
     display:block; 
     border:0; 
     cursor:pointer; 
     z-index:0; 
     position:relative;
     background:#0072ba ;
}
.file-container input[type="button"]:hover {
     background:linear-gradient(to bottom, #62c2ff, #1c74ac 100%) !important;
}

/* */

div#sgCookiesPolicyBar {
	width: 90%;
	padding: 10px;
	font-size:14px;
	z-index: 9999;
	position: fixed;
	bottom: 1%;
	left: 5%;
	background: black;
	/*
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #fbfbfb), color-stop(100%, #ebebeb));
	background-image: -webkit-linear-gradient(#fbfbfb, #ebebeb);
	background-image: -moz-linear-gradient(#fbfbfb, #ebebeb);
	background-image: -o-linear-gradient(#fbfbfb, #ebebeb);
	background-image: -ms-linear-gradient(#fbfbfb, #ebebeb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbfbfb, endColorstr=#ebebeb);
	background-image: linear-gradient(#fbfbfb, #ebebeb);
	*/
	border:2px solid gray;
	box-shadow:0 0 10px -5px black;
}

div#sgCookiesPolicyInformation {
	width: 96%;
	margin: 5px auto;	
	color: white;
}

div#sgCookiesPolicyInformation p {
	color:white;
	vertical-align: middle;
	padding:3px;
	font-size:12px;
}

div#sgCookiesPolicyInformation p.button {
	float: right;
	font-size: 14px;
}

.ui-widget-content {
	background:#e4e4e4 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #cc7004;
    background: #ff8a00 url(images/ui-bg_gloss-wave_60_fece2f_500x100.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #4c3000;
}
    
.ui-widget-header {
    border: 1px solid #494437;
    background: #3087a6;
    color: #ffffff;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
    border: 1px solid #b0e0e6; 
    background: #3087a6;
    font-weight: bold; 
    color: white; 
}

@media all and (max-width:1024px) 
{
  div#sgCookiesPolicyInformation  {
    width:100%;
  }

}