@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin,latin-ext);

*
{
	margin: 0;
	padding: 0;
}


body
{
   margin:0px;
   font-family:'Lato', sans-serif;
   background:#FFFFFF;

}


body img
{
   border:0px;

}


.naglowek
{

  width:100%;
  min-height:311px;
  background:#4B7DBC url('../images/naglowek-tlo-z.jpg') repeat-x top left;
 
}

.naglowek-t
{

  width:100%;
  min-height:311px;
  background:url('../images/naglowek-tlo2.jpg') no-repeat top center;
 
}


.naglowek-c
{
  width:100%;
  max-width:1200px;
  margin:0px auto;
}


.odstep-p
{
  margin:0px;
  position:relative;
}

@media (max-width: 1200px) { 

.odstep-p
{
  margin:0px 40px 0px 40px;
  position:relative;
 
}


}

.logo-strony
{
  width:244px;
  height:244px;
  position: absolute;
  top:30px;
  left:0px;

}

.logo-strony img
{
  width:100%;
  height:auto;


}


@media (min-width: 979px) and (max-width: 1200px) { 


.logo-strony
{
  width:180px;
  height:180px;
  top:30px;
  left:0px;

}

}

@media (min-width: 768px) and (max-width: 979px) { 


.logo-strony
{
  width:160px;
  height:160px;
  top:30px;
  left:0px;

}

}

@media (max-width: 767px) { 

.logo-strony
{
  width:100%;
  height:160px;
  top:30px;
  left:0px;
  text-align:center;

}

.logo-strony img
{
  width:100%;
  max-width:160px;
  height:auto;


}
}



.menu-gora
{

  position: absolute;
  top:220px;
  left:280px;


}


@media (min-width: 979px) and (max-width: 1200px) { 
.menu-gora
{

  width:100%;
  position: absolute;
  top:220px;
  left:0px;
  text-align:center;


}

}

@media (min-width: 768px) and (max-width: 979px) { 


.menu-gora
{

  width:100%;
  position: absolute;
  top:220px;
  left:0px;
  text-align:center;


}

}

@media (max-width: 767px) { 


.menu-gora
{

  width:100%;
  position: relative;
  top:0;
  left:0;
  padding-top:220px;
  text-align:center;
  

}

}


.menu-gora ul li
{ 

 list-style-type: none;
 display:inline;
 margin-right:5px;
}


.menu-gora ul li a
{ 

 list-style-type: none;
 display:inline-block;
 background:#397BCF;
 color:black;
 padding:12px;
 -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
text-decoration:none;
font-size: 22px;
}


@media (max-width: 767px) { 


.menu-gora ul li a
{

  display:block;


}

}


.menu-gora ul li a:hover
{ 


 background:#397BCF;
 color:white;

}




.slogan
{


  position: absolute;
  top:80px;
  left:300px;

}


.slogan-1
{
  font-size:30px;
  font-weight:400;
  color:#144686;


}

.slogan-2
{
  font-size:30px;
  font-weight:400;
  color:#397BCF;
  padding-left:80px;

}


@media (min-width: 768px) and (max-width: 979px) { 

.slogan
{


  position: absolute;
  top:80px;
  left:180px;

}

}


@media (max-width: 767px) { 
.slogan
{

  display:none;
}
}





.zawartosci
{

  width:100%;
  min-height:600px;
  background:#EAEAEA url('../images/zawartosc-tlo.jpg') repeat-y top center;

}


.zawartosci-c
{

  width:100%;
  max-width:1200px;
  min-height:600px;
  margin:0px auto;
  text-align:center;
}



.zawartosci h1
{

   margin:0px;
   font-size: 34px;
   color:black;
   font-weight:400;   
   padding:0px;
   line-height:34px;
}


.zawartosci-nag
{
  display:inline-block;
  min-height:34px;
  padding:0px 180px 0px 180px;

  position: relative;
  margin-top:70px;
  margin-bottom:70px;
}

.zawartosci-nag-linia-l
{

  height:3px;
  width:130px;
  background:black;
  position: absolute;
  top:50%;
  margin-top:-2px;
  left:0px;

}

.zawartosci-nag-linia-p
{

  height:3px;
  width:130px;
  background:black;
  position: absolute;
  top:50%;
  margin-top:-2px;
  right:0px;

}


@media (max-width: 767px) { 

.zawartosci-nag
{

  padding:0px 60px 0px 60px;

}

.zawartosci-nag-linia-l, .zawartosci-nag-linia-p
{
   width:30px;
}

}


@media (max-width: 467px) { 

.zawartosci-nag
{

  padding:0px;

}

.zawartosci-nag-linia-l, .zawartosci-nag-linia-p
{
   display:none;
}

}



.teksty
{
  color:#4D4D4D;
  font-size:21px;
  line-height:32px;
  text-align:justify;
  padding-bottom:40px;
}


.teksty a, .teksty a:hover
{
  color:#397BCF;
  
}

.teksty p
{
  padding-bottom:25px;
  
}


.teksty-kategorie h2
{

   margin:0px 0px 25px 0px;
   font-size: 30px;
   color:black;
   font-weight:400;   
   padding:0px;
   line-height:34px;
}

.teksty-kategorie-czytaj a
{


 display:inline-block;
 background:#397BCF;
 color:black;
 padding:12px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 text-decoration:none;
 font-size: 22px;
 float:right;
 margin:20px 0px 20px 0px;

}

.teksty-kategorie-czytaj a:hover
{

 color:white; 
 
}



.stopka
{

  width:100%;
  
  background:#397BCF;

}


.stopka-c
{

  width:100%;
  max-width:1200px;
  
  margin:0px auto;
  text-align:center;
}



.menu-stopka ul 
{ 

 padding-top:40px;
 padding-bottom:40px;
}

.menu-stopka ul li
{ 

 list-style-type: none;
 display:inline;
 margin-right:5px;
 margin-left:5px;
 border-right:1px solid black;
}

.menu-stopka ul li:last-child
{ 

 
 border:0px;
}


.menu-stopka ul li a
{ 

 list-style-type: none;
 display:inline-block;
 color:black;
 padding:0px;
 padding-right:15px;
 text-decoration:none;
 font-size: 22px;

}



.menu-stopka ul li a:hover
{ 

  color:white;

}









@media (min-width: 979px) and (max-width: 1200px) { 


}

@media (min-width: 768px) and (max-width: 979px) { 


}

@media (max-width: 767px) { 

}




#pagination-strona
{
margin:30px 0px 0px 0px;
text-align:center;
padding-bottom:30px;
}


#pagination-strona ul
{
display: block;


}




#pagination-strona ul li
{
display: inline-block;

color:#ffffff;
padding:12px 17px 12px 17px;
margin:4px;
font-size:16px;
background:#AEAAAB;
}

#pagination-strona ul li a
{
color:#000000;
text-decoration:none;

}


.pagination-strona
{
padding-top:40px;
text-align:center;
}

.pagination-strona a, .pagination-strona a:hover
{
display:inline-block;
vertical-align:middle;
color:#ffffff;
padding:12px 17px 12px 17px;
margin:4px;
font-size:16px;
background:#AEAAAB;
text-decoration:none;
}




    .tooltip-inner {
     display:none;
    }

    .tooltip.in {
      opacity: 0.8;
      filter: alpha(opacity=80);
      display:none;
    }

    .tooltip.top .tooltip-arrow {
      border-top-color: #000000;
      display:none;
    }

    .tooltip.right .tooltip-arrow {
      border-right-color: #000000;
      display:none;
    }

    .tooltip.left .tooltip-arrow {
      border-left-color: #000000;
      display:none;
    }

    .tooltip.bottom .tooltip-arrow {
      border-bottom-color: #000000;
      display:none;
    }