@import url(font2/stylesheet.css);
/*@import url(fa/css/font-awesome.min.css);*/
@import url(fa/css/all.min.css);


 body { margin: 0; background: #ddd; font-family: 'michromaregular',arial; font-size: 14px; color:#666 }
	.text-center { text-align: center; }
	.text-left { text-align: left; }
  .text-right { text-align: right; }
  
  .txt { font-family: PlayRegular,Tahoma;   font-size:16px;}
  .txt ul { padding-left: 1em; }
  .txt ul ul { list-style-type:none;}
  .txt ul { margin-top: 0.3em; }
  .txt ul li { padding-bottom:0.3em;}
  
  header, main { background:  #fafafa;} 
  
  
  .kolor0 {color:#000;}   
  .kolor0_tlo {background-color:#000;}
    
  .kolor {color:#473cb9;}
  .kolor_tlo {background-color:#473cb9;}
  .kolor_ramka {border-color:#473cb9;}
  
  .kolor2 {color:#ddd;}
  .kolor2_tlo {background-color:#efefef;}
  
  .kolor3 {color:#fff;}
  .kolor3_tlo {background-color:#fff}
  
a {text-decoration: none; color:#000; transition: all 0.2s ; display: inline-block;  }
a:hover { color:#473cb9;  }

	
  .container { max-width:1172px; margin: auto; box-sizing:border-box}
  .row { width:100%; display: table; box-sizing:border-box}
  
  .row > *[class*="col_"]     { float:left; box-sizing:border-box ; display:block;}
  .col_2,.col_42,.col_63 {width:50%}
  .col_3,.col_62 {width:calc(100% / 3 )}
  .col_32 {width:calc(100% * 2 / 3 )}
  .col_4 {width:25%}
  .col_43 {width:calc(100% * 3 / 4 )}
  .col_5 {width: calc(100% / 5 ) }
  .col_52 {width: calc(100% * 2 / 5 ) }
  .col_53 {width: calc(100% * 3 / 5 ) }
  .col_6 {width: calc(100% / 6 ) }
  .col_65 {width: calc(100% * 5 / 6 ) }
  .col_64 {width: calc(100% * 4 / 6 ) }
  .col_8 {width: calc(100% / 8 ) }
  
  .mw250 { min-width:250px;}
  
  
@media(max-width:800px)   {    
    .row > *[class*="col_"][class*="med"] { float:none; width:100%}    
    .row > *[class*="col_"][class*="med"][class*="half"] { float:left; width:50%}    
    }
@media(max-width:450px)   {    
    .row > *[class*="col_"][class*="sm"] { float:none; width:100%}
    .row > *[class*="col_"][class*="med"][class*="half"] { float:none; width:100%}    
}


/* ----------------------- */
  a.button { padding:5px 20px 8px 20px;  background:#473cb9; color:#fff; transition:all 0.3s; }
  a.button:hover {   background:#473cb9; color:#fff; transform: scale(1.1,1.1); }
    
    section{ padding-top:15px; padding-bottom:15px;}
    .p0 {padding:0;}

	h1,h2,h3,h4,h5 { color:#000}
  h1, .h1 { font-size: 2.5em; font-weight:normal; text-align:center; color:#473cb9;}
  h2, .h2 { font-size: 2em; font-weight:normal; }
	h3, .h3 { font-size: 1.8em; }
	h4, .h4 { font-size: 1.4em; }

	.top {padding:0}
	
/* ---------------- nawigacja */  
	.nav {line-height: 2em;  }

	.nav .nav-header {  display: inline; }
	/*.nav .nav-header:after{ display:inline-block; font-size:50%; content: "\f054"; font-family: 'FontAwesome' ;position: relative; top:-0.5ex; left:0.5ex;}*/ 

	.nav nav>ul { margin:0; padding: 0;  }

	.nav nav>ul>li {line-height: 2em;  padding:0.5em;  float:left; display:initial; }
  .nav nav>ul>li:after { }
	.nav nav>ul>li:nth-child(1) {padding-left:0; }

	.nav nav>ul>li a {text-decoration: none; color:#000; transition: all 0.2s ; display: inline-block;   }
	.nav nav>ul>li a:hover { color:#473cb9; transform: scale(1.1,1.1); }
	.nav nav>ul>li a i {padding:5px;}

	.nav nav.info ul {  margin:0; padding: 0;  display: inline-block; }
	.nav nav.info ul li{ padding:0.5em; display: inline-block;  }

	.nav nav.ngal {}
	.nav nav.ngal ul { display: table; color:#000;   }
	.nav nav.ngal ul li{ padding:0.25em 0.4em; margin-left: 1.6em; float:left; }
	.nav nav>ul>li:nth-child(1) {padding-left:0; display: inline-block; }
  
  

.menu {}
.button-switch {display:none;}
@media ( max-width:800px) { 
  .button-switch { display:inline-block; padding:3px 6px; box-sizing:border-box; font-size:1.8em; float:right; background:#fff; border:0;color:#000}
  .menu { display:none !important; width:100%; transition:all 0.3s }
  .menu.on { display:block !important; }
  .menu>li { float:none !important; display:block  !important; padding-left:0.5em !important;} 
  
}

/* ------------------ */  

  .baner {padding:0;}
	.banerimg { min-height: 150px;  background:no-repeat center /100% auto; transition:background 0.3s}
@media(max-width:800px){
  .banerimg {  background:no-repeat center /auto 100% ;}
}
  .ramka { padding:20px;box-sizing:border-box; }
  .ramka.grey { padding:20px;box-sizing:border-box ;margin:20px; background:#efefef; border:solid 1px #ddd;}
  .kolko { border-radius: 100%; width:160px; height:160px; overflow:hidden; display:inline-block;}

  img {max-width:100%}
  
  .recent { background:#fff; }
.bigh2 { font-size: 32px; text-transform:uppercase; color:#473cb9; margin-bottom:0.5em;       }

.gal { background:#000}
.gal  .square{display:block;}
.gal  .square img{display:block;}
.gal > div  .square {}
.gal > div:hover .square{  }
.gal > div     { overflow:hidden; transition: all 0.2s }

.gal > div  img{ transition: all 0.2s  }
.gal > div:hover img{  transform: scale(1.1,1.1); }


.gal.clr > div[class*="col_8"]:nth-child(8n+1) { clear:left; }
.gal.clr > div[class*="col_6"]:nth-child(6n+1) { clear:left; }
.gal.clr > div[class*="col_5"]:nth-child(5n+1) { clear:left; }
.gal.clr > div[class*="col_4"]:nth-child(4n+1) { clear:left; }
.gal.clr > div[class*="col_2"]:nth-child(2n+1) { clear:left; }


.gal .infolink { opacity:0.7; color:#eee; text-shadow:-2px 2px 0 #000;position:absolute; right:10px; bottom: 10px; z-index:10; font-size:28px; transition: all 0.2s }
.gal .infolink:hover { opacity:1;  color:#fff; transform: scale(1.3,1.3);}