* { padding: 0; margin: 0; }
a img {border: 0;}
@font-face {font-family: 'Calibri';src: url('font/Calibri.ttf');}

body {
 font: 6px/20px 'Calibri', Calibri, Arial;
 font-size: 11pt;
 background-color: #fff;
color: #959595;
}

div.mail_infobar_ok, div.mail_infobar_error {
    text-align: center;
    margin: auto;
    padding: 10px;
}
div.mail_infobar_ok {
    color: #86b782;
}
div.mail_infobar_error {
    color: #ff0000;
}

.current {
color: #824276;
}


b i {
    color: #824276;
    font-weight: normal;
   font-style: normal;
    }
    
i b {
    color: #824276;
    font-weight: normal;
    font-style: normal;
    }

h6{
text-align: center;
font-size: 16px !important;
}

sup {
    font-size: 16px;
    text-align: center;
    display: block;
    margin-top: 14px;
    line-height: normal;
}
a.kzd:link{

	display: inline-block;
	width: 150px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	color:#824276;
	text-decoration: none;
}

nav a#pull {
	display: none;
}


.fiolet{
color: #824276;
} 

.nagl{
border-bottom-color:#824276;
  border-bottom-style:solid;
  border-bottom-width:1px;
  padding-bottom:10px;
  padding-top:10px;
  margin-left:5px;
   margin-right:10px;
  text-align:left;

}

.nagl-2{
  padding-bottom:10px;
  padding-top:10px;
  margin-left:5px;
  margin-right:10px;
  text-align:left;

}

p .nagl{
  color:#824276 !important;
  font-size:16px;
  font-weight:normal;
  }
  
p.nagl-2 {
  color:#824276 !important;
  font-size:16px;
  font-weight:normal;
  }

img { 
max-width: 100%; 
height: auto; 
}



#naglowek {
float: left;
color: #333;
width: 100px;
height: 100px;
display: block;
z-index: 9999;
}


#naglowek a {
width: 100px;
height: 100px;
background: url('img/logo.svg') no-repeat;
text-indent: -9999px;
z-index: 99999;
float: left;
}

#naglowek  {
position: relative;
width: 100px;
height: 100px;
z-index: 999;
float: left;
}

div#znaczek1 {
width: 10%;
margin-left: auto;
  margin-right: auto;
height: 14px;
background: url('img/1.svg') no-repeat;
}


div#znaczek4 {
width: 10%;
margin-left: auto;
  margin-right: auto;
  background: url('img/4.svg') no-repeat;
  height: 18px;
  z-index: 10;
}


nav {
	height: 37px;
	width: 100%;
	font-size: 9pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 37px;
}
nav li {
	display: inline;
	float: left;
	text-align: right
}
nav a {
color: #656565;
	display: inline-block;
	width:88px ;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}
a.kzd:link{

	display: inline-block;
	width: 130px !important;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}
div#top-d{
width: 100%;
color: #fff;

}

div#home {
z-index: 9999;
padding-top:1px;
}


div#home a {
width: 16px;
height: 18px;
background: url('img/home.svg') no-repeat;
text-indent: -9999px;
z-index: 9999;
float: left;
padding-left:5px;

}

div#home  {
position: relative;
width: 16px;
height: 18px;
z-index: 999;
float: left;
padding-left:5px;

}


div#naglowek p  {
padding: 10px;
}

div#menu-klamra {
width: 100%;
height: 100px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}

div#menu {
margin-top: 19px;
}
  


#slider {
max-width:100%;
height: auto;
position: relative;
 font-weight: bold;
float: left;
color: #333;
z-index: 8;
}


div#motto {
width: 60%;
float: left;
}

div#autor {
width: 40%;
float: right;
}


div#zdjecie {
max-width:100%;
height: auto;
float: left;
color:#959595;
z-index: 9;
  overflow: hidden;
}

.span4 {
    width: 45%;
    margin: 0 2.5%;
}
.span4 > img {
    width: 100%;
    padding-top: 56.25%;
    display: block;
}

#kontener {
 float: left;
 width: 100%;
border-bottom: 1px solid #cfcfcf;

}

#content { 
 float: left;
width:100%;
height:100%;
 display: inline;
 text-align: justify;
margin-top: 15px;
margin-bottom: 15px;
}

#content #content #content  p { 
margin-left: 20px;
margin-right: 20px;
}


 #content a {
  color:#824276;
  text-decoration:none;
}

#content a:hover {
  color:#000;
  text-decoration:none;
}


#content a:visited {
  color:#824276;
  text-decoration:none;
}

div#cont-1 {
width: 65%;
display: inline;
float: left;
}

div#cont-1 p  {
padding-top: 10px;
padding-bottom: 10px;
color: #656565;


}

div#cont-2 {
width: 33%;
display: inline;
float: left;

}

div#cont-2 p  {
padding-top: 10px;
padding-bottom: 10px;
color: #656565;

}
div#cont-3 {
width: 65%;
display: inline;
float: left;
border-right: 1px solid #824276;
}

div#cont-3 p  {
padding-top: 10px;
padding-bottom: 10px;
color: #656565;


}
div#prawy {
width: 100%;
float: left;
}

div#social {
width: 100%;
float: right;
color: #808080;
}

div#social p {
text-align: right;
color: #808080;
}

div#lacznik{
box-shadow: 7px 0 8px -6px #ccc , -7px 0 8px -6px #ccc;
-moz-box-shadow: 7px 0 8px -6px #ccc , -7px 0 8px -6px #ccc;
-webkit-box-shadow: 7px 0 8px -6px #ccc , -7px 0 8px -6px #ccc;
z-index: 9999999;
}	

div#adres {
padding-left: 10px;
width: 42%;
float: left;
padding-left: 10px;
}

div#telefon {
width: 23%;
float: left;
}
div#email{
width: 19%;
float: left;
}

div#netgo {
width: 14%;
float: right;

}

div#netgo img {
float: right;
padding-right: 10px;
}

div#social img {
float: right;
padding-right: 10px;
}
div#cont-0 {

width: 100%;
float: left;
color: #808080;
}


/*fixed utrzymuje stopkę na dole*/ 
#stopka { 
 width: 100%;
 height: 80px;
 clear: both;
background: url('img/stopka-tlo.png') repeat-x;
z-index: 9;
border-top: 1px solid #e1e1e1;
padding-bottom: 10px;
}

div#stopka p  {
padding-top: 10px;
color: #959595;
font-size: 10pt;
text-align: left !important;
}


div#stopka  a:link    {color:#824276; text-decoration:none;}
div#stopka a:visited {color:#824276;text-decoration:none;}
div#stopka a:hover   {color:#000;text-decoration:none;}
div#stopka a:active  {color:#824276;text-decoration:none;}

@media only screen and (min-width: 1236px) and (max-width: 4000px) {

#srodek{ 
padding-top:0px;
margin: 0 auto;
width: 930px;
 font-size: 10pt;
 background-color: #fff;
color: #959595;
}


.tagline p {
text-align: right;
color: #824276;
font: 16pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 25px;
margin-right:5px;
}


div#tagline{
width: 80%;
float: right;
color: #959595;
margin-top: 15px;
}



nav {
	height: 37px;
	width: 100%;
	font-size: 9pt !important;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width:94px !important;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}
a.kzd:link{

	display: inline-block;
	width: 130px !important;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 37px;
}
nav li {
	display: inline;
	float: left;
	text-align: right
}
nav a:hover:before {
    content:url('img/left.svg');
}


nav a:hover:after{
    content:url('img/right.svg');
}


.current:after {
    content:url('img/right.svg');
}

.current:before {
    content:url('img/left.svg');
}
nav a:hover::before {
    content:url('img/left.svg');
}



nav a:hover::after{
    content:url('img/right.svg');
}

.current::after {
    content:url('img/right.svg');
}

.current::before {
    content:url('img/left.svg');
}



div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}

div#motto .motto {
color: #824276;
font: 20pt/18pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 14pt/12pt 'Calibri', Calibri, Arial;
}




#content .nagl { 
color: #824276;
font: 18pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 18pt/16px 'Times New Roman', Times New Roman, Arial;
}


}

@media only screen and (min-width: 1156px) and (max-width: 1235px) {

#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 10pt;
color: #959595;
}


nav {
	height: 37px;
	width: 100%;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width:94px !important;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
		font-size: 8pt;
}
a.kzd:link{

	display: inline-block;
	width: 128px !important;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}

nav a:hover:before {
    content:url('img/left.svg');
}


nav a:hover:after{
    content:url('img/right.svg');
}

.current:after {
    content:url('img/right.svg');
}

.current:before {
    content:url('img/left.svg');
}


nav a:hover::before {
    content:url('img/left.svg');
}



nav a:hover::after{
    content:url('img/right.svg');
}

.current::after {
    content:url('img/right.svg');
}

.current::before {
    content:url('img/left.svg');
}



div#tagline p {
text-align: right;
color: #824276;
font: 16pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 37px;
}


.tagline p {
text-align: right;
color: #824276;
font: 16pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 25px;
margin-right:5px;
}
div#motto .motto {
color: #824276;
font: 18pt/18pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 16pt/12pt 'Calibri', Calibri, Arial;
}

div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}
#content .nagl { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

}

@media only screen and (min-width: 1100px) and (max-width: 1169px) {

#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 10pt;
color: #959595;
}


nav {
	height: 37px;
	width: 100%;
	font-size: 6pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width:89px !important;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
		font-size: 8pt;
}
a.kzd:link{

	display: inline-block;
	width: 118px !important;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}



nav a:hover:before {
    content:url('img/left.svg');
}



nav a:hover:after{
    content:url('img/right.svg');
}

.current:after {
    content:url('img/right.svg');
}

.current:before {
    content:url('img/left.svg');
}


nav a:hover::before {
    content:url('img/left.svg');
}



nav a:hover::after{
    content:url('img/right.svg');
}

.current::after {
    content:url('img/right.svg');
}

.current::before {
    content:url('img/left.svg');
}

div#tagline p {
text-align: right;
color: #824276;
font: 16pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 37px;
}

.tagline p {
text-align: right;
color: #824276;
font: 16pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 25px;
margin-right:5px;
}

div#motto .motto {
color: #824276;
font: 18pt/18pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 16pt/12pt 'Calibri', Calibri, Arial;
}

div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}
#content .nagl { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

}

@media only screen and (min-width: 1044px) and (max-width: 1099px) {
#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 11pt;
color: #959595;
}

div#tagline p {
text-align: right;
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 38px;
}

.tagline p {
text-align: right;
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 25px;
margin-right:5px;
}

nav {
	height: 37px;
	width: 100%;
	font-size: 7pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width:84px !important;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
		font-size: 8pt;
}
a.kzd:link{

	display: inline-block;
	width: 112px !important;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}

nav a:hover:before {
    content:url('img/left.svg');
}

nav a:hover:after{
    content:url('img/right.svg');
}

.current:after {
    content:url('img/right.svg');
}

.current:before {
    content:url('img/left.svg');
}

nav a:hover::before {
    content:url('img/left.svg');
}



nav a:hover::after{
    content:url('img/right.svg');
}

.current::after {
    content:url('img/right.svg');
}

.current::before {
    content:url('img/left.svg');
}



div#motto .motto {
color: #824276;
font: 16pt/18pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 16pt/12pt 'Calibri', Calibri, Arial;
}

div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}
#content .nagl { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

}

@media only screen and (min-width: 969px) and (max-width: 1043px) {

#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 11pt;
color: #959595;
}

div#tagline p {
text-align: right;
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 38px;
}

.tagline p {
text-align: right;
color: #824276;
font: 13pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 25px;
margin-right:5px;
}

nav {
	height: 37px;
	width: 100%;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width:80px !important;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
		font-size: 8pt;
}
a.kzd:link{

	display: inline-block;
	width: 102px !important;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}
div#motto .motto {
color: #824276;
font: 16pt/18pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 16pt/12pt 'Calibri', Calibri, Arial;
}

div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}
#content .nagl { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}
#content .nagl-2 { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

}

@media only screen and (min-width: 836px) and (max-width: 968px) {

#srodek{ 
margin: 0 auto;
width: 90%;
font-size: 10pt;
color: #959595;
}


nav {
	height: 37px;
	width: 100%;
	font-size: 9pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width: 84px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


a.kzd:link{

	display: inline-block;
	width: 125px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}
div#tagline p {
text-align: right;
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 38px;
}

p.tagline  {
text-align: right;
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 38px;
}

div#motto .motto {
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 12pt/12pt 'Calibri', Calibri, Arial;
}

div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}
#content .nagl { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
padding-left: 10px;
width: 60%;
float: left;
padding-left: 10px;
}

div#telefon  {
padding-left: 10px;
width: 20%;
float: left;
padding-left: 10px;
}

div#email{
display: none;
}
}
@media only screen and (min-width: 767px) and (max-width: 835px) {
#srodek{ 
margin: 0 auto;
width: 90%;
font-size: 8pt;
color: #959595;
}


nav {
	height: 37px;
	width: 100%;
	font-size: 8pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width: 73px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


a.kzd:link{

	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}
div#tagline p {
text-align: right;
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 38px;
}

p.tagline  {
text-align: right;
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 38px;
}


div#motto .motto {
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 12pt/12pt 'Calibri', Calibri, Arial;
}

div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}
#content .nagl { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}
#content .nagl-2 { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

div#adres {
padding-left: 10px;
width: 60%;
float: left;
padding-left: 10px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}
}

@media only screen and (min-width: 688px) and (max-width: 766px) {

#naglowek {
display:none;
}

nav {
	height: 37px;
	width: 100%;
	font-size: 8pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width: 83px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


a.kzd:link{

	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}

#cytat {
display:none;
}

#srodek{ 
margin: 0 auto;
width: 90%;
font-size: 10pt;
color: #959595;
}


div#tagline p {
text-align: right;
color: #824276;
font: 10pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 5px;
}

p.tagline  {
text-align: right;
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 38px;
}

div#menu-klamra {
width: 100%;
height: 60px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}

#content .nagl { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
padding-left: 10px;
width: 80%;
float: left;
padding-left: 10px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}

}

@media only screen and (min-width: 633px) and (max-width: 687px) {

#naglowek {
display:none;
}
nav {
	height: 37px;
	width: 100%;
	font-size: 8pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width: 75px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


a.kzd:link{

	display: inline-block;
	width: 98px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}

#cytat {
display:none;
}

#srodek{ 
margin: 0 auto;
width: 90%;
font-size: 10pt;
color: #959595;
}

div#tagline p {
text-align: right;
color: #824276;
font: 10pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 5px;
}

p.tagline  {
text-align: right;
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 38px;
}

div#menu-klamra {
width: 100%;
height: 60px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}

#content .nagl { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
padding-left: 10px;
width: 80%;
float: left;
padding-left: 10px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}

}
@media only screen and (min-width: 614px) and (max-width: 632px) {

#naglowek {
display:none;
}

nav {
	height: 37px;
	width: 100%;
	font-size: 8pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
	z-index:999;
}

nav a {
color: #656565;
	display: inline-block;
	width: 72px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


a.kzd:link{

	display: inline-block;
	width: 98px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}

#cytat {
display:none;
}

#srodek{ 
margin: 0 auto;
width: 90%;
font-size: 10pt;
color: #959595;
}


div#tagline p {
text-align: right;
color: #824276;
font: 10pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 5px;
}

p.tagline  {
text-align: right;
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 38px;
}

div#menu-klamra {
width: 100%;
height: 60px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}

#content .nagl { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
padding-left: 10px;
width: 80%;
float: left;
padding-left: 10px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}
#content { 
 float: left;
width:100%;
height:100%;
 display: inline;
 text-align: justify;
margin-top: 5px;
}

#content p { 
margin-left: 10px;
margin-right: 10px;
}

div#cont-1 {
width: 65%;
display: inline;
float: left;
}

div#cont-1 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}

div#cont-2 {
width: 33%;
display: inline;
float: left;

}

div#cont-2 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;

}

div#prawy {
width: 100%;
float: left;
}

div#stopka p  {
padding-top: 10px;
color: #959595;
font-size: 8pt;
text-align: left !important;
}
div#cont-1, div#cont-2 {width: 100%}
div#top-d {margin-top: -14px;}
}

@media only screen and (min-width: 420px) and (max-width: 613px) {

#naglowek {
display:none;
}

nav {
height:60px;
width: 100%;
font-size: 10pt;
position: relative;
background: url('img/tlo2.png') repeat-x;
	text-align: right;
}



nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 37px;
	padding-top:14px;
	text-align: right;
}
nav li {
	display: inline;
	text-transform: uppercase;
	padding-right: 3px;
}

nav a {
color: #656565;
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	padding-left: 3px;
		padding-right: 3px;
}


a.kzd:link{

	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
}


nav li:last-child a {
	
	margin-right:3px !important;
}

nav li:first-child a {

	margin-left:3px !important;
}

div#home {
z-index: 9999;
padding-top:14px;
padding-right:10px;
}
div#menu-klamra {
width: 100%;
height: 65px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}
#cytat {
display:none;
}

#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 10pt;
color: #959595;
}


.tagline p {
text-align: right;
color: #824276;
font: 16pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 25px;
margin-right:5px;
}


div#tagline{
width: 80%;
float: right;
color: #959595;
margin-top: 15px;
}




#content .nagl { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
padding-left: 10px;
width: 80%;
float: left;
padding-left: 10px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}
#content { 
 float: left;
width:100%;
height:100%;
 display: inline;
 text-align: justify;
margin-top: 5px;
}

#content p { 
margin-left: 10px;
margin-right: 10px;
}

div#cont-1 {
width: 65%;
display: inline;
float: left;
}

div#cont-1 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}

div#cont-3 {
width: 65%;
display: inline;
float: left;
border-right: 1px solid #824276;
}

div#cont-3 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}

div#cont-2 {
width: 33%;
display: inline;
float: left;

}

div#cont-2 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;

}

div#prawy {
width: 100%;
float: left;
}

div#stopka p  {
padding-top: 10px;
color: #959595;
font-size: 8pt;
text-align: left !important;
}
div#cont-1, div#cont-2 {width: 100%}
div#cont-3 {width: 100%; border-right: none;}
div#znaczek1, div#znaczek4 {display:none;}
div#top-d {margin-top: -14px;}
}

@media only screen and (min-width: 355px) and (max-width: 419px) {

#naglowek {
display:none;
}

nav {
height:75px;
width: 100%;
font-size: 8pt;
position: relative;
background: url('img/tlo3.png') repeat-x;
}



nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 37px;
	padding-top:14px;
	text-align: right;
}
nav li {
	display: inline;
	text-transform: uppercase;
	padding-right: 3px;
}

nav a {
color: #656565;
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 22px;
	padding-left: 3px;
		padding-right: 3px;
}


a.kzd:link{

	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 22px;
}


nav li:last-child a {
	
	margin-right:3px !important;
}

nav li:first-child a {

	margin-left:3px !important;
}

div#home {
z-index: 9999;
padding-top:14px;
padding-right:10px;
}
div#menu-klamra {
width: 100%;
height: 77px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}
#cytat {
display:none;
}

#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 10pt;
color: #959595;
}


.tagline p {
text-align: right;
color: #824276;
font: 16pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 25px;
margin-right:5px;
}


div#tagline{
width: 80%;
float: right;
color: #959595;
margin-top: 15px;
}




#content .nagl { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
margin-left: 10px;
width: 100%;
float: left;
margin-left: 10px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}
#content { 
 float: left;
width:100%;
height:100%;
 display: inline;
 text-align: justify;
margin-top: 5px;
}

#content p { 
margin-left: 10px;
margin-right: 10px;
}

div#cont-1 {
width: 65%;
display: inline;
float: left;
}

div#cont-1 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}

div#cont-2 {
width: 33%;
display: inline;
float: left;

}

div#cont-2 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;

}

div#cont-3 {
width: 65%;
display: inline;
float: left;
border-right: 1px solid #824276;
}

div#cont-3 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}

div#prawy {
width: 100%;
float: left;
}

div#stopka p  {
padding-top: 10px;
color: #959595;
font-size: 8pt;
text-align: left !important;
}
div#cont-1, div#cont-2 {width: 100%}
div#cont-3 {width: 100%; border-right: none;}
div#znaczek1, div#znaczek4 {display:none;}
div#top-d {margin-top: -14px;}
}

@media only screen and (min-width: 200px) and (max-width: 354px) {

#naglowek {
display:none;
}

nav {
height:80px;
width: 100%;
font-size: 8pt;
position: relative;
background: url('img/tlo4.png') repeat-x;
}



nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 37px;
	padding-top:14px;
	text-align: right;
}
nav li {
	display: inline;
	text-transform: uppercase;
	padding-right: 3px;
}

nav a {
color: #656565;
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 22px;
	padding-left: 3px;
		padding-right: 3px;
}


a.kzd:link{

	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 22px;
}


nav li:last-child a {
	
	margin-right:3px !important;
}

nav li:first-child a {

	margin-left:3px !important;
}

div#home {
z-index: 9999;
padding-top:14px;
padding-right:10px;
}
div#menu-klamra {
width: 100%;
height: 78px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}
#cytat {
display:none;
}

#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 10pt;
color: #959595;
}


.tagline p {
text-align: right;
color: #824276;
font: 16pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 25px;
margin-right:5px;
}


div#tagline{
width: 80%;
float: right;
color: #959595;
margin-top: 15px;
}




#content .nagl { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
margin-left: 5px;
width: 90%;
float: left;
margin-left: 5px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}
#content { 
 float: left;
width:100%;
height:100%;
 display: inline;
 text-align: justify;
margin-top: 5px;
}

#content p { 
margin-left: 10px;
margin-right: 10px;
}

div#cont-1 {
width: 65%;
display: inline;
float: left;
}

div#cont-1 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}

div#cont-2 {
width: 33%;
display: inline;
float: left;

}

div#cont-2 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;

}
div#cont-3 {
width: 65%;
display: inline;
float: left;
border-right: 1px solid #824276;
}

div#cont-3 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}
div#prawy {
width: 100%;
float: left;
}

div#stopka p  {
padding-top: 10px;
color: #959595;
font-size: 8pt;
text-align: left !important;
}
div#cont-1, div#cont-2 {width: 100%}

div#cont-3 {width: 100%; border-right: none;}
div#znaczek1, div#znaczek4 {display:none;}
div#top-d {margin-top: -14px;}
}

#clear{clear:both;}



.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 360px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}* { padding: 0; margin: 0; }
a img {border: 0;}
@font-face {font-family: 'Calibri';src: url('font/Calibri.ttf');}

body {
 font: 6px/20px 'Calibri', Calibri, Arial;
 font-size: 11pt;
 background-color: #fff;
color: #959595;

}


.current {
color: #824276;
}


a.kzd:link{

	display: inline-block;
	width: 160px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	color:#824276;
}

nav a#pull {
	display: none;
}


.fiolet{
color: #824276;
} 

.nagl{
border-bottom-color:#824276;
  border-bottom-style:solid;
  border-bottom-width:1px;
  padding-bottom:10px;
  padding-top:10px;
  margin-left:5px;
   margin-right:10px;
  text-align:left;

}

.nagl-2{
  padding-bottom:10px;
  padding-top:10px;
  margin-left:5px;
  margin-right:10px;
  text-align:left;

}

p .nagl{
  color:#824276 !important;
  font-size:16px;
  font-weight:normal;
  }
  
p.nagl-2 {
  color:#824276 !important;
  font-size:16px;
  font-weight:normal;
  }

img { 
max-width: 100%; 
height: auto; 
}



#naglowek {
float: left;
color: #333;
width: 100px;
height: 100px;
display: block;
}

#naglowek {
float: left;
color: #333;
width: 100px;
height: 100px;
display: block;
}

#naglowek a {
width: 100px;
height: 100px;
background: url('img/logo.svg') no-repeat;
text-indent: -9999px;
z-index: 99999;
float: left;
}

#naglowek {
position: relative;
width: 100px;
height: 100px;
z-index: 999;
float: left;
}

div#znaczek1 {
width: 10%;
margin-left: auto;
  margin-right: auto;
height: 14px;
background: url('img/1.svg') no-repeat;
}


div#znaczek4 {
width: 10%;
margin-left: auto;
  margin-right: auto;
  background: url('img/4.svg') no-repeat;
  height: 18px;
  z-index: 10;
}


nav {
	height: 37px;
	width: 100%;
	font-size: 11pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 37px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
color: #656565;
	display: inline-block;
	width: 105px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


div#top-d{
width: 100%;
color: #fff;

}

div#home {
z-index: 9999;
margin-top:27px;
}


div#home a {
width: 16px;
height: 18px;
background: url('img/home.svg') no-repeat;
text-indent: -9999px;
z-index: 9999;
float: left;
padding-left:5px;
padding-top: 7px;
}

div#home  {
position: relative;
width: 16px;
height: 18px;
z-index: 999;
float: left;
padding-left:5px;

}


div#naglowek p  {
padding: 10px;
}

div#menu-klamra {
width: 100%;
height: 100px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}

div#menu {
padding-top: 19px;
}
  


#slider {
max-width:100%;
height: auto;
position: relative;
 font-weight: bold;
float: left;
color: #333;
z-index: 8;
}


div#motto {
width: 60%;
float: left;
}

div#autor {
width: 40%;
float: right;
}


div#zdjecie {
max-width:100%;
height: auto;
float: left;
color:#959595;
z-index: 9;
  overflow: hidden;
}

.span4 {
    width: 45%;
    margin: 0 2.5%;
}
.span4 > img {
    width: 100%;
    padding-top: 56.25%;
    display: block;
}

#kontener {
 float: left;
 width: 100%;
border-bottom: 1px solid #cfcfcf;

}

#content { 
 float: left;
width:100%;
height:100%;
 display: inline;
 text-align: justify;
margin-top: 15px;
margin-bottom: 15px;
}

#content p { 
margin-left: 20px;
margin-right: 20px;
}

div#cont-1 {
width: 65%;
display: inline;
float: left;
}

div#cont-1 p  {
padding-top: 10px;
padding-bottom: 10px;
color: #656565;


}

div#cont-2 {
width: 33%;
display: inline;
float: left;

}

div#cont-2 p  {
padding-top: 10px;
padding-bottom: 10px;
color: #656565;

}
div#cont-3 {
width: 65%;
display: inline;
float: left;
border-right: 1px solid #824276;
}

div#cont-3 p  {
padding-top: 10px;
padding-bottom: 10px;
color: #656565;


}
div#prawy {
width: 100%;
float: left;
}

div#social {
width: 100%;
float: right;
color: #808080;
}

div#social p {
text-align: right;
color: #808080;
}

div#lacznik{
box-shadow: 7px 0 8px -6px #ccc , -7px 0 8px -6px #ccc;
-moz-box-shadow: 7px 0 8px -6px #ccc , -7px 0 8px -6px #ccc;
-webkit-box-shadow: 7px 0 8px -6px #ccc , -7px 0 8px -6px #ccc;
z-index: 9999999;
}	

div#adres {
padding-left: 10px;
width: 42%;
float: left;
padding-left: 10px;
}

div#telefon {
width: 18%;
float: left;
}
div#email{
width: 22%;
float: left;
}

div#netgo {
width: 14%;
float: right;
}

div#netgo img {
float: right;
padding-right: 10px;
}

div#social img {
float: right;
padding-right: 10px;
}
div#cont-0 {

width: 100%;
float: left;
color: #808080;
}


/*fixed utrzymuje stopkę na dole*/ 
#stopka { 
 width: 100%;
 height: 60px;
 clear: both;
background: url('img/stopka-tlo.png') repeat-x;
z-index: 9;
border-top: 1px solid #e1e1e1;

}

div#stopka p  {
padding-top: 10px;
color: #959595;
font-size: 10pt;
text-align: left !important;
}


div#stopka  a:link    {color:#824276; text-decoration:none;}
div#stopka a:visited {color:#824276;text-decoration:none;}
div#stopka a:hover   {color:#000;text-decoration:none;}
div#stopka a:active  {color:#824276;text-decoration:none;}

@media only screen and (min-width: 1236px) and (max-width: 4000px) {

#srodek{ 
margin: 0 auto;
width: 930px;
 font-size: 11pt;
 background-color: #fff;
color: #959595;
}


div#tagline p {
text-align: right;
color: #824276;
padding-right: 15px;
}


div#tagline{
width: 80%;
float: right;
color: #959595;

}



nav a:hover:before {
    content:url('img/left.svg');
}


nav a:hover:after{
    content:url('img/right.svg');
}


.current:after {
    content:url('img/right.svg');
}

.current:before {
    content:url('img/left.svg');
}

nav a:hover::before {
    content:url('img/left.svg');
}



nav a:hover::after{
    content:url('img/right.svg');
}

.current::after {
    content:url('img/right.svg');
}

.current::before {
    content:url('img/left.svg');
}

div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}

div#motto .motto {
color: #824276;
font: 20pt/18pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 14pt/12pt 'Calibri', Calibri, Arial;
}




#content .nagl { 
color: #824276;
font: 18pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 18pt/16px 'Times New Roman', Times New Roman, Arial;
}


}

@media only screen and (min-width: 1156px) and (max-width: 1235px) {

#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 10pt;
color: #959595;
}


nav {
	height: 37px;
	width: 100%;
	font-size: 11pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width: 109px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


nav a:hover:before {
    content:url('img/left.svg');
}


nav a:hover:after{
    content:url('img/right.svg');
}

.current:after {
    content:url('img/right.svg');
}

.current:before {
    content:url('img/left.svg');
}
nav a:hover::before {
    content:url('img/left.svg');
}



nav a:hover::after{
    content:url('img/right.svg');
}

.current::after {
    content:url('img/right.svg');
}

.current::before {
    content:url('img/left.svg');
}


a.kzd:link{

	display: inline-block;
	width: 146px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}



div#tagline p {
text-align: right;
color: #824276;
font: 16pt/12pt 'Times New Roman', Times New Roman, Arial;
margin-top: 19px;
}



div#motto .motto {
color: #824276;
font: 18pt/18pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 16pt/12pt 'Calibri', Calibri, Arial;
}

div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}
#content .nagl { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

}

@media only screen and (min-width: 1100px) and (max-width: 1169px) {

#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 10pt;
color: #959595;
}


nav {
	height: 37px;
	width: 100%;
	font-size: 10pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width: 99px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


a.kzd:link{

	display: inline-block;
	width: 137px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


nav a:hover:before {
    content:url('img/left.svg');
}



nav a:hover:after{
    content:url('img/right.svg');
}

.current:after {
    content:url('img/right.svg');
}

.current:before {
    content:url('img/left.svg');
}
nav a:hover::before {
    content:url('img/left.svg');
}



nav a:hover::after{
    content:url('img/right.svg');
}

.current::after {
    content:url('img/right.svg');
}

.current::before {
    content:url('img/left.svg');
}


div#tagline p {
text-align: right;
color: #824276;
font: 16pt/12pt 'Times New Roman', Times New Roman, Arial;
margin-top: 19px;
}



div#motto .motto {
color: #824276;
font: 18pt/18pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 16pt/12pt 'Calibri', Calibri, Arial;
}

div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}
#content .nagl { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

}

@media only screen and (min-width: 1044px) and (max-width: 1099px) {
#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 11pt;
color: #959595;
}

div#tagline p {
text-align: right;
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
margin-top: 19px;
}

nav {
	height: 37px;
	width: 100%;
	font-size: 9pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width: 94px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}

nav a:hover:before {
    content:url('img/left.svg');
}

nav a:hover:after{
    content:url('img/right.svg');
}

.current:after {
    content:url('img/right.svg');
}

.current:before {
    content:url('img/left.svg');
}

nav a:hover::before {
    content:url('img/left.svg');
}



nav a:hover::after{
    content:url('img/right.svg');
}

.current::after {
    content:url('img/right.svg');
}

.current::before {
    content:url('img/left.svg');
}


a.kzd:link{

	display: inline-block;
	width: 135px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}

div#motto .motto {
color: #824276;
font: 16pt/18pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 16pt/12pt 'Calibri', Calibri, Arial;
}

div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}
#content .nagl { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

}

@media only screen and (min-width: 969px) and (max-width: 1043px) {

#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 11pt;
color: #959595;
}

div#tagline p {
text-align: right;
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
margin-top: 19px;
}

nav {
	height: 37px;
	width: 100%;
	font-size: 10pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width: 88px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


a.kzd:link{

	display: inline-block;
	width: 126px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}

div#motto .motto {
color: #824276;
font: 16pt/18pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 16pt/12pt 'Calibri', Calibri, Arial;
}

div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}
#content .nagl { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}
#content .nagl-2 { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

}

@media only screen and (min-width: 836px) and (max-width: 968px) {

#srodek{ 
margin: 0 auto;
width: 90%;
font-size: 10pt;
color: #959595;
}


nav {
	height: 37px;
	width: 100%;
	font-size: 9pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width: 84px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


a.kzd:link{

	display: inline-block;
	width: 125px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}

div#tagline p {
text-align: right;
color: #824276;
font: 12pt/12pt 'Times New Roman', Times New Roman, Arial;
margin-top: 19px;
}

.tagline p {
text-align: right;
color: #824276;
font: 12pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 25px;
margin-right:5px;
}


div#motto .motto {
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 12pt/12pt 'Calibri', Calibri, Arial;
}

div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}
#content .nagl { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
padding-left: 10px;
width: 60%;
float: left;
padding-left: 10px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}
}
@media only screen and (min-width: 767px) and (max-width: 835px) {
#srodek{ 
margin: 0 auto;
width: 90%;
font-size: 8pt;
color: #959595;
}


nav {
	height: 37px;
	width: 100%;
	font-size: 8pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width: 73px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


a.kzd:link{

	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}
div#tagline p {
text-align: right;
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
margin-top: 19px;
}

.tagline p {
text-align: right;
color: #824276;
font: 11pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 25px;
margin-right:5px;
}


div#motto .motto {
color: #824276;
font: 14pt/12pt 'Times New Roman', Times New Roman, Arial;
text-align: right;
padding-top: 20px;
}

div#autor p {
padding-top: 40px;
color: #824276;
font: 12pt/12pt 'Calibri', Calibri, Arial;
}

div#cytat{
position: absolute;
width: 100%;
float: left;
color:#959595;
height: 80px;
z-index: 103;
background: #fff;
opacity: 0.8;
top:70%;
}
#content .nagl { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}
#content .nagl-2 { 
color: #824276;
font: 14pt/16px 'Times New Roman', Times New Roman, Arial;
}

div#adres {
padding-left: 10px;
width: 60%;
float: left;
padding-left: 10px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}
}

@media only screen and (min-width: 688px) and (max-width: 766px) {

#naglowek {
display:none;
}

nav {
	height: 37px;
	width: 100%;
	font-size: 8pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width: 83px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


a.kzd:link{

	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}

#cytat {
display:none;
}

#srodek{ 
margin: 0 auto;
width: 90%;
font-size: 10pt;
color: #959595;
}


div#tagline  {
text-align: right;
color: #824276;
font: 10pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 5px;
}

.tagline p {
text-align: right;
color: #824276;
font: 10pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 10px;
margin-right:5px;
}


div#menu-klamra {
width: 100%;
height: 80px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}

#content .nagl { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
padding-left: 10px;
width: 80%;
float: left;
padding-left: 10px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}

}

@media only screen and (min-width: 633px) and (max-width: 687px) {

#naglowek {
display:none;
}
nav {
	height: 37px;
	width: 100%;
	font-size: 8pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width: 75px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


a.kzd:link{

	display: inline-block;
	width: 98px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}

#cytat {
display:none;
}

#srodek{ 
margin: 0 auto;
width: 90%;
font-size: 10pt;
color: #959595;
}

div#tagline p {
text-align: right;
color: #824276;
font: 10pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 5px;
}
.tagline p {
text-align: right;
color: #824276;
font: 10pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 10px;
margin-right:5px;
}
div#menu-klamra {
width: 100%;
height: 80px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}

#content .nagl { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
padding-left: 10px;
width: 80%;
float: left;
padding-left: 10px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}

}
@media only screen and (min-width: 614px) and (max-width: 632px) {

#naglowek {
display:none;
}

nav {
	height: 37px;
	width: 100%;
	font-size: 8pt;
	position: relative;
	background: url('img/tlo.png') repeat-x;
}

nav a {
color: #656565;
	display: inline-block;
	width: 72px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}


a.kzd:link{

	display: inline-block;
	width: 98px;
	text-align: center;
	text-decoration: none;
	line-height: 37px;
}

#cytat {
display:none;
}

#srodek{ 
margin: 0 auto;
width: 90%;
font-size: 10pt;
color: #959595;
}


div#tagline p {
text-align: right;
color: #824276;
font: 10pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 5px;
}

.tagline p {
text-align: right;
color: #824276;
font: 10pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 10px;
margin-right:5px;
}

div#menu-klamra {
width: 100%;
height: 80px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}

#content .nagl { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
padding-left: 10px;
width: 80%;
float: left;
padding-left: 10px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}
#content { 
 float: left;
width:100%;
height:100%;
 display: inline;
 text-align: justify;
margin-top: 5px;
}

#content p { 
margin-left: 10px;
margin-right: 10px;
}

div#cont-1 {
width: 65%;
display: inline;
float: left;
}

div#cont-1 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}

div#cont-2 {
width: 33%;
display: inline;
float: left;

}

div#cont-2 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;

}

div#prawy {
width: 100%;
float: left;
}

div#stopka p  {
padding-top: 10px;
color: #959595;
font-size: 8pt;
text-align: left !important;
}
div#cont-1, div#cont-2 {width: 100%}
div#top-d {margin-top: -14px;}

div#home {
z-index: 9999;
padding-top:14px;
padding-right:10px;
}


}


@media only screen and (min-width: 420px) and (max-width: 613px) {

#naglowek {
display:none;
}

nav {
height:60px;
width: 100%;
font-size: 10pt;
position: relative;
background: url('img/tlo2.png') repeat-x;
	text-align: right;
}



nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 37px;
	padding-top:14px;
	text-align: right;
}
nav li {
	display: inline;
	text-transform: uppercase;
	padding-right: 3px;
}

nav a {
color: #656565;
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	padding-left: 3px;
		padding-right: 3px;
}


a.kzd:link{

	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
}


nav li:last-child a {
	
	margin-right:3px !important;
}

nav li:first-child a {

	margin-left:3px !important;
}

div#home {
z-index: 9999;
padding-top:14px;
padding-right:10px;
}


div#menu-klamra {
width: 100%;
height: 95px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}
#cytat {
display:none;
}

#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 10pt;
color: #959595;
}



.tagline p {
text-align: right;
color: #824276;
font: 10pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 10px;
margin-right:5px;
}


div#tagline{
width: 70%;
float: right;
color: #959595;

}


#content .nagl { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
padding-left: 10px;
width: 60%;
float: left;
padding-left: 10px;
}


div#email{
display: none;
}
#content { 
 float: left;
width:100%;
height:100%;
 display: inline;
 text-align: justify;
margin-top: 5px;
}

#content p { 
margin-left: 10px;
margin-right: 10px;
}

div#cont-1 {
width: 65%;
display: inline;
float: left;
}

div#cont-1 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}

div#cont-3 {
width: 65%;
display: inline;
float: left;
border-right: 1px solid #824276;
}

div#cont-3 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}

div#cont-2 {
width: 33%;
display: inline;
float: left;

}

div#cont-2 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;

}

div#prawy {
width: 100%;
float: left;
}

div#stopka p  {
padding-top: 10px;
color: #959595;
font-size: 8pt;
text-align: left !important;
}
div#cont-1, div#cont-2 {width: 100%}
div#cont-3 {width: 100%; border-right: none;}
div#znaczek1, div#znaczek4 {display:none;}
div#top-d {margin-top: -14px;}
}

@media only screen and (min-width: 355px) and (max-width: 419px) {

#naglowek {
display:none;
}

nav {
height:80px;
width: 100%;
font-size: 8pt;
position: relative;
background: url('img/tlo4.png') repeat-x;
}



nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 37px;
	padding-top:14px;
	text-align: right;
}
nav li {
	display: inline;
	text-transform: uppercase;
	padding-right: 3px;
}

nav a {
color: #656565;
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 22px;
	padding-left: 3px;
		padding-right: 3px;
}


a.kzd:link{

	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 22px;
}


nav li:last-child a {
	
	margin-right:3px !important;
}

nav li:first-child a {

	margin-left:3px !important;
}

div#home {
z-index: 9999;
padding-top:14px;
padding-right:10px;
}
div#menu-klamra {
width: 100%;
height: 97px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}
#cytat {
display:none;
}

#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 10pt;
color: #959595;
}




.tagline p {
text-align: right;
color: #824276;
font: 10pt/12pt 'Times New Roman', Times New Roman, Arial;
padding-top: 10px;
margin-right:5px;
}



div#tagline{
width: 100%;
float: right;
color: #959595;

}




#content .nagl { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
margin-left: 10px;
width: 100%;
float: left;
margin-left: 10px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}
#content { 
 float: left;
width:100%;
height:100%;
 display: inline;
 text-align: justify;
margin-top: 5px;
}

#content p { 
margin-left: 10px;
margin-right: 10px;
}

div#cont-1 {
width: 65%;
display: inline;
float: left;
}

div#cont-1 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}

div#cont-2 {
width: 33%;
display: inline;
float: left;

}

div#cont-2 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;

}

div#cont-3 {
width: 65%;
display: inline;
float: left;
border-right: 1px solid #824276;
}

div#cont-3 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}

div#prawy {
width: 100%;
float: left;
}

div#stopka p  {
padding-top: 10px;
color: #959595;
font-size: 8pt;
text-align: left !important;
}
div#cont-1, div#cont-2 {width: 100%}
div#cont-3 {width: 100%; border-right: none;}
div#znaczek1, div#znaczek4 {display:none;}
div#top-d {margin-top: -14px;}
}

@media only screen and (min-width: 200px) and (max-width: 354px) {

#naglowek {
display:none;
}

nav {
height:80px;
width: 100%;
font-size: 8pt;
position: relative;
background: url('img/tlo4.png') repeat-x;
}



nav ul {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: 37px;
	padding-top:14px;
	text-align: right;
}
nav li {
	display: inline;
	text-transform: uppercase;
	padding-right: 3px;
}

nav a {
color: #656565;
	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 22px;
	padding-left: 3px;
		padding-right: 3px;
}


a.kzd:link{

	display: inline-block;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 22px;
}


nav li:last-child a {
	
	margin-right:3px !important;
}

nav li:first-child a {

	margin-left:3px !important;
}

div#home {
z-index: 9999;
padding-top:14px;
padding-right:10px;
}
div#menu-klamra {
width: 100%;
height: 78px;
border-bottom: 1px solid #eee;
margin-bottom: 5px;
}
#cytat {
display:none;
}

#srodek{ 
margin: 0 auto;
width: 80%;
font-size: 10pt;
color: #959595;
}


div#tagline p {
text-align: right;
color: #824276;
font: 8pt/12pt 'Times New Roman', Times New Roman, Arial;
margin-top: 1px;
margin-right:5px;
}


div#tagline{
width: 100%;
float: right;
color: #959595;

}




#content .nagl { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}

#content .nagl-2 { 
color: #824276;
font: 10pt/16px 'Times New Roman', Times New Roman, Arial;
}


div#adres {
margin-left: 5px;
width: 90%;
float: left;
margin-left: 5px;
}

div#telefon {
display: none;

}
div#email{
display: none;
}
#content { 
 float: left;
width:100%;
height:100%;
 display: inline;
 text-align: justify;
margin-top: 5px;
}

#content p { 
margin-left: 10px;
margin-right: 10px;
}

div#cont-1 {
width: 65%;
display: inline;
float: left;
}

div#cont-1 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}

div#cont-2 {
width: 33%;
display: inline;
float: left;

}

div#cont-2 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;

}
div#cont-3 {
width: 65%;
display: inline;
float: left;
border-right: 1px solid #824276;
}

div#cont-3 p  {
padding-top: 5px;
padding-bottom: 5px;
color: #656565;


}
div#prawy {
width: 100%;
float: left;
}

div#stopka p  {
padding-top: 10px;
color: #959595;
font-size: 8pt;
text-align: left !important;
}
div#cont-1, div#cont-2 {width: 100%}

div#cont-3 {width: 100%; border-right: none;}
div#znaczek1, div#znaczek4 {display:none;}
div#top-d {margin-top: -14px;}
}

#clear{clear:both;}