html, body{
 font-family: Verdana, Geneva, Tahoma, Arial, Heveltica, sans-serif;
 font-size: 92%;
 background-color: #f0f8ff;
 padding: 0;
 margin: 0;
}

img{
 border: 0;
}

p{
 text-align: justify;
}

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

a:visited{
 color: #008;
}

a:hover{
 color: #00f;
 background: #eeeefe;
}

li{
 margin-bottom: 10pt;
}

#header{
 width: 760px;
 height: 80px;
 margin: auto;
 background: #f5f5f8;
 background: url("gfx/header1.jpg") top center no-repeat;
 border: 1px dotted #ddd;
 border-width: 0 1px;
 padding-bottom: 0;
}

#header *{
 visibility: hidden;
 display: none;
 speak: normal;
}

#reklama{
 text-align: center;
 width: 760px;
 /*height: 100px;*/
 height: 76px;
 margin: auto;
 margin-bottom: 0;
 background: #E3EDF9 url("gfx/header2.jpg") top center no-repeat;
 border: 1px dotted #ddd;
 border-width: 0 1px;
 padding: 2px 0;
}

#reklama p{
 letter-spacing: 60px;
 margin: 0;
 font-weight: bold;
 color: #555;
 text-align: center;
 font-size: 10px;
}

#menu{
 width: 760px;
 margin: auto;
 background: url("gfx/header3.jpg") top center no-repeat;
 border: 1px dotted #ddd;
 border-width: 0 1px;
 padding: 3px 0 0 0;
}

#menu ul{
 padding: 3px 0;
 margin: 2px 0 0 0;
 border-bottom: 1px solid #778;
}

#menu ul li{
 list-style: none;
 margin: 0;
 display: inline;
}

#menu ul li a{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #dde;
 text-decoration: none;
 font-weight: bold;
 color: #058;
 font-style: oblique;
}

#menu ul li a:hover{
 color: #000;
 background: #eeeefe;
 border-color: #227;
}

#menu ul li a#current{
 background: white;
 border-bottom: 1px solid white;
 padding-top: 5px;
}

#content{
 width: 750px;
 margin: auto;
 background: #fff;
 border: 1px solid #778;
 border-width: 0 1px 1px 1px;
 padding: 1px 5px;
 min-height: 300px;
}

#content img{
 max-width: 610px;
}

#googleads{
 float: left;
 width: 300px;
 margin: 60px 10px 0 -5px;
}

#whatsup{
 float: right;
 width: 150px;
 margin: 0 -5px 0 10px;
 border: 1px dotted #aaa;
 border-width: 0 0 1px 1px;
 padding: 0 5px;
 background: #fffffc;
 font-size: 90%;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
 text-align: center;
 border-bottom: 1px dotted #ccc;
 font-family: Verdana, Tahoma, Heveltica, Geneva, Arial, sans-serif;
 font-style: italic;
 color: #007;
 margin: 1ex 0;
}

#content h2{
 font-size: 150%;
}

#content h3{
 font-size: 140%;
}

#content h4{
 font-size: 130%;
}

#googleads h2, #whatsup h2{
 font-weight: bold;
 text-align: center;
 background: #def;
 font-size: 90%;
}

#mobilecontent {
 float: right;
}

#mobilemenu {
 float: left;
 width: 150px;
}

#mobilemenu ul{
 margin: 0;
 padding: 3px;
 list-style-type: none;
}

#mobilemenu ul ul{
 padding: 1em;
 list-style-type: circle;
}

#mobilemenu li ul {
 display: none;
_display: block;
}

#mobilemenu li:hover ul, #mobilemenu li:focus ul{
 display: block;
}

#mobilemenu ul li{
 margin: 0.5em 0.2em;
 padding: 0;
}

.zajawka{
 margin: 0 160px 10px 0;
 padding-bottom: 5px;
 background: #fafcff; 
}

.galeria{
 width: 614px;
}

.galeria td{
 text-align: center;
}

.dowcipy{
 margin: 10px 0;
}

.navi{
 margin: 5px 0;
}

.navi a{
 color: #888;
}

.navi a:hover{
 color: #08f;
}

#wspolpraca{
 width: 754px;
 margin: auto;
 border: 1px dotted #ddd;
 border-width: 0 1px;
 padding: 0 3px;
 font-size: x-small;
 text-align: center;
}

#wspolpraca ul{
 padding: 3px 0;
 margin: 2px 0 0 0;
 display: inline;
}

#wspolpraca ul li{
 list-style: none;
 margin: 0;
 display: inline;
}

#wspolpraca ul li:before{
 content: "| ";
}

#wspolpraca ul li:first-child:before{
 content: "";
}

/*IE workaround*/
/*All IE browsers*/
* html #wspolpraca ul li{
 border-left: 1px solid black;
 padding: 0 0.4em 0 0.4em;
 margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #wspolpraca ul {
 height: 1%;
}

* html #wspolpraca ul li{
 display: block;
 float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #wspolpraca ul li:first-child{
 border-left: 0;
}

#foot{
 width: 760px;
 margin: auto;
 text-align: center;
 font-style: oblique;
 font-size: 80%;
 background: #f5f5f8;
 border: 1px dotted #ddd;
 border-width: 0 1px;
 padding: 1px 0;
}

#content a, #wspolpraca a, #foot a{
 border-bottom: 1px dotted #a00;
 margin-bottom: -1px;
}

#content a:visited, #wspolpraca a:visited, #foot a:visited{
 border-bottom: 1px dotted #800;
}

#content a:hover, #wspolpraca a:hover, #foot a:hover{
 border-bottom: 1px solid #f00;
}

.hid {
 display: none;
 visibility: hidden;
}

.center{
 text-align: center;
}