/* 
1-wyglad globalny
2-struktura strony i elementy globalne
3-czcionki
4-elementy na podstronach */
/* wygląd linku */
a:link
{
	text-decoration: none;
}
a:focus 
{
	outline: none;
	border: none;
}
a:hover
{
		 text-decoration: underline;
	}
/* kolor tła zaznaczenia kursorem */
::selection
{
	background: lightgrey;
}
.hiperlacze
{
	color: black;
}
li {list-style-type: none;}
/*------------------------------------------------------------------------------
1 - STRUKTURA STRONY
------------------------------------------------------------------------------*/
/*naglowek*/
.navbar-default
{
	min-height: 55px; 
	background-color: #0f1b43;
	border-bottom: 1px solid darkgrey;
	margin-bottom: 0px;
}
/* wysokosc navbar */
.navbar-nav > li > a, .navbar-brand 
{
	padding-top: 16px;
	height: 55px;
}
/* przestrzen pod navbar - odstęp */
.przestrzen{
	height: 60px;
}
/*pojemnik na logo*/
.navbar-brand
{
position: absolute;
left: 5%;
/*line-height: 25px; nic nie dało */

}
.row {
margin-right: 0px;
margin-left: 0px;	
}

/* kolor aktywnego elementu w nav */
  .navbar-default .navbar-nav > .active > a {
          color: white;
    background: #0f1b43;
   }
     .navbar-default .navbar-nav > .active > a:hover {
          color: white;
    background: #0f1b43;
   }
.navbar-default .navbar-nav>li>a:hover {
   color: white;	
}
   /* kolor nieaktywnego elementu w nav */
.navbar .nav .menu > li > a {
	color: #bababa;
}
.navbar-default .navbar-nav>li>a {
	color: #bababa;
}
.nav>li>a {
	letter-spacing: 2px;
}
/* @@@ CHYBA DO WYWALENIA pojemnik nad elementami bootstrapa*/
#pojemnik
{
position: relative;
	max-height: 100vh;
	height: 100vh;
	overflow: hidden;
}
/* index - wizytówka nad grafiką */

#infobox {
/*	position: absolute; */
/*	right: 0vw;	*/
/*	width: 500px; */
/*	max-width: 100vw; */
	float: left;
	height:100vh;
	padding-top: 55px;
	padding: 20px;
	background-color: white;
	box-shadow: 5px 5px 40px black;
	z-index: 0;
	font: 12px arial, sans-serif;	
	color: black;
}
.text-center {
padding-top: 30px;
max-height: 150px;
}
.text-center p {
margin: 0 0 10px 0;
}
#mapa {
padding: 20px;
margin: 0;
height: 80vh;
width: 100%;
}
/*------------------------------------------------------------------------------
CZCIONKI
------------------------------------------------------------------------------*/
h1 {
	text-align: center;
	font: 23px arial, sans-serif;
	color: #b2b2b2;	
}
h2 {
	text-align: center;
	font: 16px arial, sans-serif;
	color: #000087;	
}
h3 {
	 color: grey;
	 font-size: 12pt;
	 font: 16px arial, sans-serif;
	 line-height: 150%;
}
h4 {
	text-align: center;
	color: #337ab7;
	font: 18px arial, sans-serif
}
p {
	font-family: 'Titillium Web', sans-serif; font-weight:300; font-style:default;
	font-size: 11pt;
	/*font-size: 10pt; */
	margin: 0 0 25px;
}
.tekst {
	font-family: 'Titillium Web', sans-serif;
	font-size: 11pt;
	text-align: justify;
	line-height: 185%;
	text-indent: 50px;
}
.dane {
	text-align: center;
}
.dane_tekst{
	font-family: 'Titillium Web', sans-serif;
	font-size: 11pt;
}

/* odstępy między danymi w podstronach projektów */
.dane_tekst:after{
	content:" ";
	padding-right: 8px;
}
.dane_b {
	font-family: Arial, sans-serif;
	font-weight: bold;
}
/*menu glowne*/
.nawigacja-tekst{
	font-size: inherit;
	color: lightgrey;
	letter-spacing: 1px;
}
/* tekst menu nieaktywny */
.nawigacja-tekstnieaktywny {
	font-size: inherit;
	color: #b9bdca;
	letter-spacing: 1px;
}
.wersalik {
	font-family: Verdana, Arial, sans-serif;
	font-size: 40px; 
	color: #333; 
	width: 32px; 
	height: 30px; 
	float: left;
	padding: 0px 0px 10px 2px; 
	text-align: left;
	margin: 8px 8px 0px 0px;
}
.glyphicon-earphone, .glyphicon-map-marker, .glyphicon-envelope {
color: grey;	
}
/*------------------------------------------------------------------------------
ELEMENTY NA PODSTRONACH
------------------------------------------------------------------------------*/
/* superslajder*/
#slides {
	position: relative;
}
#slides .slides-container {
	display: none;
}
#slides .scrollable {
/*  *zoom: 1; */
	position: relative;
	top: 0;
	left: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}
.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
}
.slides-navigation a {
  position: absolute;
  display: block;
/* kolor strzalek slajdera */
  color: white;
}
.slides-navigation a:hover {
	position: absolute;
	display: block;
/* kolor strzalek slajdera */
	color: lightgrey;
/*  	background-color: rgba(255,255,255,0.2); */
/*  	background-color: rgba(15,27,67,0.85); */
}
.slides-navigation a.prev {
	left: 0;
padding: 5px;
}
.slides-navigation a.next {
	right: 0;
	padding: 5px;
}
.slides-pagination {
	position: absolute;
	z-index: 3;
/* ukrycie pagination */
	bottom: -100px;
	text-align: center;
	width: 100%;
}
.slides-pagination a {
	border: 1px solid white;
	border-radius: 15px;
	width: 10px;
	height: 10px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	vertical-align: auto;
  	zoom: 1;
	display: inline;
/*  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII="); */
	margin: 2px;
	overflow: hidden;
	text-indent: -100%;
}
.slides-pagination a.current {
	background: white;
}
/* menu glowne: znaczek menu w naglowku */
.navbar-toggle
{
	border: 0px;
}
/* strzalki na slajderze */
.glyphicon-menu-left:before
{
	margin-left:14px;
}
.glyphicon-menu-right:before
{
	margin-right:14px;
}
/* pokaz slajdow - index: NAPIS */
#tekst-slajdu
{
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100vw;
	height: 30px;
	padding-top: 6px;
	text-align: center;
	font: 12pt arial, sans-serif;
	color: white;
	background-color: rgba(255,255,255,0.85);
	color: #16265D;	
	text-shadow: none;
}
#tekst-slajdu:hover
{
	background-color: rgba(15,27,67,0.85);
	color: white;	 
}
/* Portfolio_O NAS - style zakładek */
.nav-tabs.nav-justified {
	width: 70%;
	margin: auto;
	border: 0;   
	text-align: center; /*test*/ 
}
  .nav-justified > li {
    display: table-cell;
   }
.nav-tabs>ul
{
	display: inline-block; /* test */
}
.nav>li 
{
	float: left;	/* test */
	display: inline; /*test */
}
.nav-tabs > li > a {
    border-radius: 0;
}
/* wlasciwosci ramki aktywnego elementu */
.nav-tabs>li.active>a 
{
	
}
.nav-tabs>li.active>a:hover {
    border-top-color: transparent;
}
/* PORTFOLIO */
#portfolio
{
	
	display: table;
	margin: 0 auto;
	padding-top: 25px;
	width: 90vw;
	min-height: 200px;
}
.thumbnails_gallery
{
	margin-left: 3%;
	padding: 0;
	width: 100%;	
	list-style-type: none;
	text-align: left;
}
.thumbnails_gallery li
{
	margin: -3px -4px 0px 0;
	padding: 6px;
	display: inline-block;
}
.thumbnails_gallery li img {
transition: 0.5s;
 }
.kafelka{
	width: 240px;
	height: 240px;
	padding: 0px;
	overflow: hidden;
	position: relative;
}

.kafelkopis h2 { 
    background-color:rgba(255,0,0,0.0);
    color: #fff;
    text-align: center;
    letter-spacing: 4px;
    position: relative;
    font-size: 17px;
    padding: 10px;
    top: 20%;
    font: 14px arial, sans-serif;
    

}
.kafelka .kafelkopis{
	width: 240px;
	height: 240px; 
	position: absolute;	
	overflow: hidden;
	top: 0; /*niepewne */
	left: 0; /* niepewne */
background-color: rgba(15,27,67,0.7);
opacity:0;
transition: 200ms; 
}
/* portfolio wyglad po najechaniu kursorem */
.kafelka:hover .kafelkopis { 
opacity:1; 
}                                                                          
.kafelka:hover img {
opacity: 1; 
}

/*
    ramka:
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;

.thumbnail
{
}
.thumbnail:hover
{
}
*/
/*	float: left;
	display: inline;
	border: solid 2px black; 
}  */

/* podpis na kwadratach*/

#informacje
{
	top: 0;
	padding-top: 0;
}





/* ONAS - tresc */
.tab-pane {

    text-align: center;
}
.tab-content
{
	margin-top: auto; 
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	max-width: 900px;
	max-height: 750px;
	height:100%;
	line-height: 200%;
	position: relative;
	
}
/* O NAS - odsuniecie zawartosci */
#home, #menu1, #menu2, #menu3
{
	padding-top: 50px;
	text-align: left;
}
/* OFERTA */
.oferta {
	margin: 0 auto;
background-color: rgba( 235, 235, 235,0.5);
width: 100%;
/*margin-left: 10px;
margin-right:10px;*/
margin-top: 0px;
margin-bottom: 27px;
	min-width: 300px;
	height: 170px;
	padding-top: 5px;
}
/*
.oferta:hover {
	background-color: #0f1b43; 
	color: white;
		box-shadow: 1px 1px 15px grey;
	
}

.oferta:hover h2{
	color: white; 
}
.oferta_link {
	color: inherit;
}
*/

/* Wypunktowanie w dziale o nas */
.lista {
	font-family: 'Titillium Web', sans-serif;
	font-size: 11pt;
}
/* Wypunktowanie w dziale oferta */
.punkt {
	font-family: 'Titillium Web', sans-serif;
	font-size: 11pt;	
}
.punkt:before {
  content: "";
  padding-right: 5px;
  display: inline;
}
/* PODSTRONY PROJ */
/* tytul projektu */
.tytul {

}
.close {
	position: absolute;
	right:15px;	
	top:65px;
}
#screen
{
	width: 600px;
}
/* pole do wpisania danych na podstronach projektu */
.pole
{
	margin-top: 15px;	

}
/* zdjecia realizacji w podstronach projektow */
#realizacja {
	max-width: 950px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	display:block;
		
}






/* TEST TESTTESTTESTTESTTESTTESTTESTTEST */
/* .item
{
	width: 100vw;
	height: 100vh;
}
*/
/* index: obrazeki - slajdy */

/* .slajd
{
	height: 100%;

}*/