/*-------------------------------------------------
 =  Table of Css

 1.Isotope                              
 2.Header                          
 3.General code                   
 4.content                              
 5.single-project                           
 6.about                        
 7.Contact page                            
 8.blog page                             
 9.Single post   
 10.Footer   

 <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
 <link href='http://fonts.googleapis.com/css?family=Anonymous+Pro&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
 <link href='http://fonts.googleapis.com/css?family=Trykker+Mono&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
 'Source Code Pro'
 'Anonymous Pro'
 'Ubuntu Mono'
-------------------------------------------------*/

/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}

/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/

header {
    border-bottom: 1px solid #e5e5e5;
    height: 140px;
}

.left-part {
    float: left;
    min-height: 100%;
    padding: 0px 0px;
}

.right-part {
    float: right;
    padding: 0px;
	width: 0px;
    padding-bottom: 0;
}

a.logo {
    font-size: 42px;
	color: black;
    display: inline-block;
    margin-top: 33px;
    margin-right: 20px;
    margin-left: 77px;
    float: left;
}

#menu-box {
    margin: 0px auto;
	height: 140px;
}

.contact-info-box {
    float: right;
}
#top-menu {
width: 100%;
}
.mText ul, ol {
margin-left: 30px;
margin-top: 4px;
margin-bottom: 8px;
}
.mText ul  ul, ol ol, ul > ol, ol > ul{
margin-left: 20px;
margin-top: 2px;
margin-bottom: 3px;
}
.mText ul {
list-style-type: none;
}
.mText td {
vertical-align: top;
}
/* 
#main-text  ul > li {list-style-type: circle;}
#main-text  ul > ul > li  {list-style-type: square;}
*/

.mText ul > li:before {
    content: "\2014"; /* en dash here */
    position: absolute;
    margin-left: -1.1em; 
}

.mText ul > ul > li:before {
    content: "\2013"; /* en dash here */
    position: absolute;
    margin-left: -1.1em;
}

ul.spaceList  li {
margin-top: 10px;
}

ol.multi_level {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol.multi_level > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol.multi_level > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol.multi_level > li {
  margin: 0;
}

li ol.multi_level > li:before {
  content: counters(item, ".") " ";
}



/*ol.multi_level {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol.multi_level > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol.multi_level > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol.multi_level > li {
  margin: 0;
}

li ol.multi_level > li:before {
  content: counters(item, ".") " ";
}*/



/*ol.multi_level {
  counter-reset: section;              
  list-style-type: none;
  /*tutaj mozesz dodawac marginesy oddzielajaca cala liste*/
  margin: 0;
/*  padding: 0;*/
}
/*ol.multi_level > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}*/
ol.multi_level > li:before {
  counter-increment: section;          
  content: counters(section,".") ". ";  
  /*tutaj regulujesz odstepy pomiedzy podpunktami pierwszego poziomu*/
}
ol.multi_level > ol {
  counter-reset: section;      
  list-style-type: none;
}
ol.multi_level > ol > li:before {
  counter-increment: section; 
  content: counters(section,".") ". ";
  /*tutaj regulujesz odstepy pomiedzy podpunktami drugiego poziomu*/
}*/



div#main-text {
padding: 20px 0px 20px 0px;
}

ul.menu {
float: left;
    margin: 0;
    padding: 60px 0px 45px 0px;
	list-style: none;
}


ul.menu > li {
    display: inline-block;
    margin-left: 40px;
    list-style: none;
    position: relative;
}
.full-heght {
height: 100vh;
}

ul.menu > li > a,
ul.drop-down li a {
    position: relative;
    display: inline-block;
    color: #9c9c9c;
    font-size: 24px;
    font-family: 'Trykker','Courier New', 'Ubuntu Mono';	
    
    text-decoration: none;
    line-height: 20px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.menu > li > a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    opacity: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.menu > li > a.active,
ul.menu > li > a:hover {
    color: #000;
    padding-bottom: 10px;
}

ul.menu > li > a.active:before,
ul.menu > li > a:hover:before {
    opacity: 1;
}

ul.drop-down {
    position: absolute;
    top: 100%;
    width: 190px;
    visibility: hidden\0/;
    opacity: 0;
    z-index: 3;
    text-align: left;
    left: 0;
    padding-left: 10px;
    padding-top: 10px;
    background: #fff;
	border: 1px solid #e5e5e5;
    border-top: 0px solid #000;
    transition: all 0.17s linear;
    -moz-transition: all 0.17s linear;
    -webkit-transition: all 0.17s linear;
    -o-transition: all 0.17s linear;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

li.drop {
margin-left: 0;
margin-right: 0;
padding-left: 3px;
padding-right: 3px;
}

li.drop:hover > ul.drop-down {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      -o-transform: rotateX(0deg);
      transform: rotateX(0deg);
}

ul.drop-down li {
    margin-bottom: 10px;
}

ul.drop-down li a {
/*    text-transform: capitalize; */
    font-size: 15px;
}

ul.drop-down li a:hover {
    color: #000;
}
ul.menu > li.top-active > a
 {
color: #2B2B2B;
}


/*-------------------------------------------------*/
/* =  General code
/*-------------------------------------------------*/

@font-face {
  font-family: 'albert';
  src: url('fonts/albert.ttf');
  font-weight: normal;
  font-style: normal;
}

html{
    height:100%;
}

body {
    background: #fff;
	font-family: 'Trykker', 'Courier New', 'Anonymous Pro';	
		/*
	from http://subtlepatterns.com/
	 background: #fff url('../images/fabric_of_squares_gray.png') repeat top center; 
	 height: 100%;
	  */
    
    opacity: 0;
}

body.active {
    opacity: 1;
}

#container {
	width: 920px;
    margin: 10px auto;

    background: #fff;
	border: 0px solid #D1E0E0;
    
    opacity: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

@media (min-width: 1000px) {

#container {
	width: 970px;
    margin: 10px auto;

    background: #fff;
	border: 0px solid #D1E0E0;
    
    opacity: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

}

#container.active {
    opacity: 1;
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}

.preloader {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    -webkit-backface-visibility: hidden;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.preloader img {
    -webkit-backface-visibility: hidden;
}

.container {
    max-width: 1030px;
}


/*-------------------------------------------------*/
/* =  content
/*-------------------------------------------------*/

#content {
    position: relative;
}

#left-menu {
    padding: 15px 18px 30px 0px;
    background-color: #fff;
	border-right: 1px solid #e5e5e5;
    margin-bottom: 30px;
	font-family: 'Trykker','Courier New';
	font-weight: 300;
}

#left-menu h2, h2 > a {
    color: #000;
    font-size: 22px;
	font-family: 'Trykker','Courier New';
	font-weight: 300;
    margin: 20px 0px 0px 5px;
    line-height: 30px;
}
#left-menu h2 > a {
margin: 0px;
}

#left-menu h2 > a:hover {
text-decoration:none;
color: #858585;
}

#left-menu ul {
    margin: 12px 0px 5px 0px;
}
#left-menu ul ul {
    margin: 2px 0px 6px 0px;
}

#left-menu li {
    margin: 7px 0px 7px 7px;
}
#left-menu li  li{
    margin: 0px 0px 1px 15px;
}


#left-menu li a {
font-size: 13px;
color: #9c9c9c;
}


#left-menu li.active > a {
font-weight: bold;
color: #858585;
}
#left-menu li.menuHere > a {
font-weight: bold;
color: #2B2B2B;
}

#left-menu li a:hover {
text-decoration:none;
    color: #000;
}




/*-------------------------------------------------*/
/* =  footer
/*-------------------------------------------------*/

footer {
    border-top: 0px solid #cccccc;
    padding: 15px;
    overflow: hidden;
}

footer p {
    color: #787878;
    font-size: 13px;
    font-family: Courier New;
    line-height: 20px;
    margin: 10px 0;
    float: left;
}


#bread-cumb-div { margin-left: 30px; }


#bread-cumb
{
list-style: none;
padding: 0;
margin: 0;
}

#breadcrumb li
{
display: inline;
padding: 0;
margin: 0;
}

#bread-cumb li:before { content: " >> "; }
#bread-cumb li:first-child:before { content: ""; }


.justifyleft {text-align:left !important; }
.justifyright {text-align:right !important; }
.justifyfull {text-align:justify !important; }
 
img.justifyleft, table.justifyleft {float:left; margin-right:10px;margin-bottom:5px;}
img.justifyright, table.justifyright {float:right; margin-left:10px;margin-bottom:5px;}

.kafel{
text-align: center;
}

.kafel a {
    display: block;
    width: 100%;
	height: 100%;
	padding: 20px 0px 20px 0px;
	color: #333333;
}

.kafel  > ul {
  margin-left: 0px;
  padding-left: 0px;
}

.kafel  > ul > li {
  background: #fcfcfc;
  background-image: -webkit-linear-gradient(top, #fcfcfc, #fafafa);
  background-image: -moz-linear-gradient(top, #fcfcfc, #fafafa);
  background-image: -ms-linear-gradient(top, #fcfcfc, #fafafa);
  background-image: -o-linear-gradient(top, #fcfcfc, #fafafa);
  background-image: linear-gradient(to bottom, #fcfcfc, #fafafa);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 0px #666666;
  -moz-box-shadow: 0px 0px 0px #666666;
  box-shadow: 0px 0px 0px #666666;
  font-size: 14px;
  margin: 10px auto;
  padding: 0px;
  border: solid #f0f0f0 1px;
  text-decoration: none;
  list-style-type: none !important;
  width: 90%;
}

.kafel > ul > li:hover {
  background: #fafafa;
  background-image: -webkit-linear-gradient(top, #fafafa, #F0F0F0);
  background-image: -moz-linear-gradient(top, #fafafa, #F0F0F0);
  background-image: -ms-linear-gradient(top, #fafafa, #F0F0F0);
  background-image: -o-linear-gradient(top, #fafafa, #F0F0F0);
  background-image: linear-gradient(to bottom, #fafafa, #F0F0F0);
  text-decoration: none;
  list-style-type: none !important;
  
}

.kafel > ul > li:before {
    content: ""; /* en dash here */
}

.kafel > ul > li:before {
    content: ""; /* en dash here */
}