html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*zerowanie zakończone */

html {
background-color:#00131d;	
}

body {
width:100%;
height:100%;	
background-color:#00131d;
font-family: 'Ubuntu', sans-serif;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#gora {
width:100%;
height:100px;
position:absolute;
left:0;
top:0;	
color:#fff;
z-index:5;
}

div#gora > div {
float:left;	
}

div#gora a {
text-decoration:none;
color:#fff;	
font-size:13px;
}

div#gora a.jezyk_akt {
color:#c0dd00;	
}

div#gora > div:first-child {
width:100px;
padding:40px;	
}

div#gora > div:nth-child(2) {
width:50px;
padding:20px 0 0 0;	
}

div#gora > div:nth-child(3) {
padding:40px 0 0 40px;
}

div#gora > div:nth-child(3) ul {
float:left;	
}

div#gora > div:nth-child(3) ul li {
float:left;	
padding: 0 20px 0 0;
}

div#gora > div:nth-child(3) ul li.menu_on a {
color:#c0dd00;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#dol { 
position:absolute;
left:0;
bottom:0;
padding: 20px 20px 10px 20px;
color:#fff;
font-size:10px;
z-index:5;
/*background-color:rgba(0,21,30,0.9);*/
}

div#dol > div {
padding: 0 0 10px 0;	
}

div#dol img {
margin: 0 10px 0 0;	
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#tlo {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-size:1440px auto;	
z-index:1;
}

div#tlo_film {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;	
}

div#tlo_film_mob {
background: url('/grafiki/filmz.jpg') center center no-repeat;
background-size:cover;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;	
}

div#slider {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;	
overflow:hidden;
}

div#slider > div {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;	
opacity:0;
background-size:cover!important;
display:table;
}

div#slider > div:first-child {
opacity:1;	
}

div#slider > div > div {
color:#fff;
text-align:left;
font-size:13px;
display:table-cell!important;
height:100%;
vertical-align:middle;
}

div#slider > div > div > div {
width:25%;
background-color:rgba(192, 198, 4, 0.5);
margin: 0 0 0 71%;
padding:3%;
}

div#slider > div > div  > div p {
line-height:20px;	
font-weight:100;
font-size:16px;
}

div#slider > div > div > div  h2 {
font-size:30px;
padding: 0 0 14px 0;
color:#fff;
font-weight:400;
}

div#slider > div > div > div  h3 {
line-height:20px;	
padding: 0 0 10px 0;	
font-weight:100;
font-size:16px;
}

div#slider > div > div > div > div {
text-align:right;
padding:5% 0 0 0;	
}

div#slider > div > div > div  a {
text-decoration:none;
color:#fff;	
font-weight:100;
font-size:18px;
}

div#slider > div > div > div  a img {
margin-left:10px;
position:relative;
top:8px;
}

div#zakladka {
position:absolute;
z-index:3;
left:0;
top:0;
width:70%;
height:100%;
overflow:hidden;
}

div#zakladka_slider {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;	
}

div#zakladka_slider > div {
position:absolute;
left:0%;
top:0%;
width:100%;
height:100%;
background-size:1440px auto;	

/*filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);	*/
opacity:0;	
}

div#zakladka_slider > div:first-child {
opacity:1;	
}

div#zakladka_kolor {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0,21,30,0.8);	
}

/*

div#zakladka2 {
background: url('/tlo/2.jpg') left top no-repeat;
position:absolute;
left:-5%;
top:-5%;
width:110%;
height:110%;
background-size:1440px auto;	

filter: blur(3px);
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-o-filter: blur(3px);
-ms-filter: blur(3px);	
}

div#zakladka2 > div {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background-color:rgba(0,21,30,0.9);	
}*/

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#kwadraty {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;	
z-index:3;
overflow:hidden;
}

div.kw {
position:absolute;
border-right:1px solid rgba(255,255,255,0.03);
border-top:1px solid rgba(255,255,255,0.03);
}

div.kw > div {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:#fff; 
opacity:0;	
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#strona {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;	
/*z-index:4;*/
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.slider {
position:absolute;
z-index:2;
left:0;
top:0;
width:100%;
height:100%;	
opacity:0;
background-size:cover!important;
}

div.slider:first-child {
opacity:0!important;	
}

div.slider_opis {
position:absolute;
z-index:4;
left:0;
top:0;
width:100%;
height:100%;	
opacity:0;
display:table;	
}

div.slider_opis > div {
color:#fff;
text-align:left;
font-size:13px;
display:table-cell!important;
height:100%;
vertical-align:middle;
}

div.slider_opis > div > div {
width:25%;
background-color:rgba(192, 198, 4, 0.5);
margin: 0 0 0 71%;
padding:3% 3% 60px 3%;
position:relative;
cursor:pointer;
}

div.slider_opis > div  > div p {
line-height:20px;	
font-weight:100;
font-size:16px;
}

div.slider_opis > div > div  h2 {
font-size:30px;
padding: 0 0 14px 0;
color:#fff;
font-weight:400;
}

div.slider_opis > div > div  h3 {
line-height:20px;	
padding: 0 0 10px 0;	
font-weight:100;
font-size:16px;
}

div.slider_opis > div > div > div {
text-align:right;
padding:10px 20px 0 0;	
position:absolute;
right:20px;
bottom:20px;
}

div.slider_opis > div > div  a {
text-decoration:none;
color:#fff;	
font-weight:100;
font-size:18px;
}

div.slider_opis > div > div  a img {
margin-left:10px;
position:relative;
top:8px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#slider_load {
position:fixed;
bottom:0;
left:0;
width:100%;
height:1px;	
z-index:2;
}

div#slider_load > div {
width:0%;
height:1px;
background-color:#c0dd00;	
}