@CHARSET "UTF-8"; 


/*  break points styles  */
@media only screen and (max-width : 2200px){

}

/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px){

	}
 
	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px){
 
	}
 
	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px){
          ul.kafelki2 li, ul.kafelki3 li, ul.kafelki4 li{
              width:auto !important;
          }
	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (max-width : 480px){

	}
 
	/* Custom, iPhone Retina */
	@media only screen and (max-width : 320px){

	}
  
@font-face {
  font-family: 'Genericons';
  src: url('../fonts/Genericons/font/genericons-regular-webfont.eot');
  src: url('../fonts/Genericons/font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/Genericons/font/genericons-regular-webfont.woff') format('woff'), 
       url('../fonts/Genericons/font/genericons-regular-webfont.ttf')  format('truetype'),
       url('../fonts/Genericons/font/genericons-regular-webfont.svg#svgFontName') format('svg');
}   

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
} 


/*  elementy  */
.element-block{ 
  display:block;
}
.element-inline-block{
  display:inline-block;
}
.element-clear-both{
  clear:both;
}
.element-float-left{
  float:left;
}
.element-float-right{
  float:right;
}

/*  marginesy  */
.vertical-margin-5{
  margin-left:5px;
  margin-right:5px;
}
.vertical-margin-10{
  margin-left:10px;
  margin-right:10px;
}
.vertical-margin-15{
  margin-left:15px;
  margin-right:15px;
}
.vertical-margin-30{
  margin-left:30px;
  margin-right:30px;
}
.horizontal-margin-5{
  margin-top:5px;
  margin-bottom:5px;
}
.horizontal-margin-10{
  margin-top:10px;
  margin-bottom:10px;
}
.horizontal-margin-15{
  margin-top:15px;
  margin-bottom:15px;
}
.horizontal-margin-30{
  margin-top:30px;
  margin-bottom:30px;
}

/*  tekst ikony  */

a[title=mail]:before,
a[title=telefon]:before,
a[title=adres]:before,
a[title=maly_mail]:before,
a[title=maly_telefon]:before,
a[title=maly_adres]:before{
   display:block;
   float:left;
   background-repeat:no-repeat;
}
a[title=mail]:before,
a[title=telefon]:before,
a[title=adres]:before{
  width:114px;
  height:114px;
}
a[title=maly_mail]:before,
a[title=maly_telefon]:before,
a[title=maly_adres]:before{
  width:26px;
  height:26px;
}
a[title=mail]:before{
  content:"";
  background-image:url("../grafika/obrazki/mail.png");

}
a[title=telefon]:before{
  content:"";
  background-image:url("../grafika/obrazki/telefon.png");
}
a[title=adres]:before{
  content:"";
  background-image:url("../grafika/obrazki/adres.png");
}

a[title=maly_mail]:before{
  content:"";   
  background-image:url("../grafika/obrazki/ikonki/mail.png");
}
a[title=maly_telefon]:before{
  content:"";
  background-image:url("../grafika/obrazki/ikonki/telefon.png");
}
a[title=maly_adres]:before{
  content:"";
  background-image:url("../grafika/obrazki/ikonki/adres.png");
}
a[title="domyslny"]{
   background-image:url("../img/icon_phone.png");
   background-position:10px 8px;
   background-repeat:no-repeat;
   padding-left:30px;
}
a[title="podstawowy"]{
   background-image:url("../img/icon_phone.png");
   background-position:10px 8px;
   background-repeat:no-repeat;
   padding-left:30px;
}

/*  kafelki  */
ul.kafelki2,
ul.kafelki3,
ul.kafelki4,
ul.kafelki5,
ul.kafelki,
ul.kafelki-vertical{
   list-style-type:none;
   margin:10px 0px;
   padding:0px;
   text-align:center;
   overflow:hidden;
}
/*
ul.kafelki li:first-child{
   margin-left:0px;
}
*/
ul.kafelki li,
ul.kafelki2 li,
ul.kafelki3 li,
ul.kafelki4 li,
ul.kafelki5 li{
  display:inline-block;
}
ul.kafelki-vertical li{
  display:block;
}
ul.kafelki li,
ul.kafelki2 li,
ul.kafelki3 li,
ul.kafelki4 li,
ul.kafelki5 li,
ul.kafelki-vertical li{
  /*  font-size:12px; */
    vertical-align:top;
    margin:10px 0px;
/*    width:24%;  */
}
ul.kafelki li table td
ul.kafelki2 li table td,
ul.kafelki3 li table td,
ul.kafelki4 li table td,
ul.kafelki5 li table td,
ul.kafelki-vertical li table td{
    vertical-align:top;
    padding:20px;
}

ul.kafelki2 li{
   width:566px;
}
ul.kafelki3 li{
   width:376px;
}
ul.kafelki4 li{
   width:280px;
}
ul.kafelki5 li{
   width:224px;
}

/*
ul.kafelki li:first-child{
   margin-left:0px;
}
ul.kafelki li:last-child{
   margin-right:0px;
}
*/

/*  lista rozwijalna */

.ul-toggle-text{
   list-style-type:none;
   margin:0px;
   padding:0px;
}

.ul-toggle-text li,
ul .li-toggle-text div{
   clear:both;
   opacity:0;
   max-height:0px;
   overflow:hidden;
   -webkit-transition: all 0.5s ease-in;
   transition: all 0.5s ease-in;
   position:relative;
   padding-right:10px;   
}
.ul-toggle-text li:first-child,
ul .li-toggle-text div:first-child{
   cursor:pointer;
   opacity:1;
   max-height:1300px;
}
.ul-toggle-text li:first-child:after,
ul .li-toggle-text div:first-child:after{
   content:"\f502";
   font-family:"Genericons";
   display:block;
  // width:100%;
   text-align:right;
   color:#000;
   position:absolute;
   right:0px;
   top:0px;
}

.ul-toggle-text.active li,
ul .li-toggle-text.active div,
ul .li-toggle-text td.active div{
   opacity:1;
   max-height:1300px;  
}

.ul-toggle-text.active li:first-child::after,
ul .li-toggle-text.active div:first-child::after{
   content:"\f500";
   color:#ff462d;
}

/*  deafult table  */

table th{
   background-color:#c5cad0;
   color:#333333;
}
table {
    border-collapse: collapse;
}
th, td {
   border: 1px solid #000;
   padding:20px;
}