body {
/*background-image:url('lightpaperfibers.png');*/
background:#333333;
text-align:center;
margin:0;
padding:0;
}

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

@media \0screen {
  img.menu { 
	width: auto; /* for ie 8 */
  }
}

a {
text-decoration:none;
color:#eeeeee;
}

a.naglowek {
color:#cccccc;
}

a.naglowek:hover {
color:#eeeeee;
}

a.linki {
color:#333333;
}

.naglowek {
font-size:66px;
color:#cccccc;
padding:10px 0 10px 0;
font-family: 'Tangerine', serif;
}

.naglowek2 {
border-top:#4a4a4a solid 1px;
padding:15px 20px 15px 20px;
font-size:26px;
color:#cccccc;
margin-left: auto;
margin-right: auto;
font-family: 'Cinzel Decorative', "Times New Roman";
width:85%;
height:40px;
}

.naglowek3 {
margin-top:10px;
margin-bottom:10px;
padding:15px;
font-size:16px;
color:#cccccc;
margin-left: auto;
margin-right: auto;
font-family: 'Ledger', serif;
width:85%;
font-weight:bold;
text-transform:uppercase;
}

.content {
margin-left: auto;
margin-right: auto;
width:85%;
}

.stopka {
width:100%;
bottom:0px;
color:#eeeeee;
border-top:#4a4a4a solid 1px;
margin-left: 0px;
margin-right: 0px;
margin-bottom:0px;
padding:0px 0px 20px 0px;
margin-top:30px;
background-image:url('office.png');
}

.text {
font-family: 'Ledger', serif;
margin-top:20px;
font-size:14px;
}

.social {
width:140px;
font-size:11px;
text-align:center;
color:#eeeeee;
margin-top:40px;
margin-right:auto;
margin-left:auto;
}

#g1 {
float:left;
}

#fb {
float:right;
}

.podpis {
background-color: rgba(33, 33, 33, 0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/*bottom: 10px;*/
bottom:0px;
padding:10px 0 10px 0;
color: #eeeeee;
height: auto;
position: absolute;
width:100%;
max-width:300px;
font-size: 14px;
font-family: 'Cinzel Decorative', "Ledger", "Tahoma";
margin-left: auto;
margin-right: auto;
}



.kafelek {
border:2px solid #4a4a4a;
/*padding:10px;*/
margin:0 10px 10px 0;
/*background:#444444;*/
position:relative;
display:inline-block;
}

a.linki {
display:inline-block;
}

div.kafelek:hover {
-moz-box-shadow: 0 0 3px #ccc;
-webkit-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
}

.podpis-podstrona {
background-color: rgba(33, 33, 33, 0.7);
color: #eeeeee;
padding: 10px;
margin:10px;
font-size: 14px;
font-family: 'Cinzel Decorative', "Times New Roman";
position:relative;
display:inline-block;
min-width:100px;
}

.mail {
font-size:110%;
font-weight:bold;
font-family: 'Ledger', serif;
margin-top:5px;
}


.zdjecie {
  margin:2px 0 2px 0;
  padding:2px;
  background-color:#4a4a4a;
  border:1px solid #444444;
  max-width: 85%;
}

img.zdjecie:hover {
-moz-box-shadow: 0 0 3px #ccc;
-webkit-box-shadow: 0 0 3px #ccc;
box-shadow: 0 0 3px #ccc;
}

.kontener_zdjec {
width:90%;
margin:auto;
text-align:center;
}


.watermark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url('fot2.png') center center no-repeat;
    z-index: 1100;
}


@media (max-width : 800px) {


.zdjecie {
  margin:10px 0 10px 0;
  padding:2px;
  background-color:#4a4a4a;
  border:1px solid #444444;
  max-width: 85%;
  height: auto;
}
  
.kafelek {
border:none;
padding:0;
margin:0;
background:#444444;
display:block;

}


.podpis {
background-color: rgba(33, 33, 33, 0.7);
bottom: 0px;
color: #eeeeee;
height: auto;
max-width:300px;
left:0;
font-size: 100%;
font-family: 'Cinzel Decorative', "Times New Roman";
margin-left: auto;
margin-right: auto;
}

a.linki {
max-width:100%;
height:auto;
border:2px solid #4a4a4a;
margin:0 0 10px 0;
}

.mail {
font-size:85%;
font-weight:bold;
font-family: 'Ledger', serif;
margin-top:5px;
}

}

.kontakt {
padding:20px;
} 

.tytul {
font-weight:bold;
font-size:26px;
font-family: 'Cinzel Decorative', "Times New Roman";
color:#cccccc;
}  

.content-podstrona {
margin-left: auto;
margin-right: auto;
text-align:center;  
}


#backtotop{
    position:fixed;
    bottom:5px;
    right:5px;
    width:30px;
    height:30px;
    background-color: rgba(33, 33, 33, 0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    color:#eeeeee;
    cursor:pointer;
    display:none;
    padding:5px;
    font-size:150%;
}

.powrot {
float:left;
padding:15px 20px;
height:40px;
}

.powrot a {
font-size:22px; 
display:block; 
height:20px; 
line-height:20px; 
margin:0; 
padding:0;
}


.ui-tooltip {
  padding: 0px;
  opacity:1;
  background: rgba(33, 33, 33, 0.7);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  border: 2px solid #4a4a4a;
  color: #eeeeee;
  border-radius: 15px;
  font: 12px 'Cinzel Decorative', "Times New Roman";
}
.ui-tooltip-content {
    position: relative;
    padding: 1em;
}
.ui-tooltip-content::after {
      content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
    bottom: -10px;
    left: 12px;
    border-color: #666 transparent;
    border-width: 10px 10px 0;    
}