html,body {
   font-family : "Trebuchet MS", Verdana, Geneva, Lucida, sans-serif;
   height:100%; 
   background-color: #dddddd;
   padding:0; 
   margin:0;
}

img{border-style:none;}

A:link, A:visited {
   color: #00aa00;   
}

A:hover {
   color: #0093dd;
   text-decoration:underline;
}

A:active {
   color: #00aa00;
}

H1 {
 font-size: 16px;
 margin: 0 0 7px 0;
}

H2 {
 clear: both;
 font-size: 14px;
 margin: 10px 0 7px 0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    position:relative; /*works better in IE5.5 or float in float situations*/
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#outer {
 height: 100%; 
 /*overflow: hidden;*/
 position: relative; 
 text-align:center;
 padding-top:.5em;
 padding-bottom:0; 
 }


#outer[id] {
 display: table; position: static; margin:0 auto;
 }
		
#middle {position: relative; width:700px;}
#middle[id] {display: table-cell; position: static;}

		
#inner {
 position: relative; 
 top: 0;  
 text-align: left; 
 width:695px;
 padding:10px;
 background: #EEEEEE;
 height:auto;      
 overflow:visible; 
 min-height: 520px;
-moz-box-shadow: 1px 1px 10px #000; 
-moz-border-radius: 20px;  
}
#inner[id] {position: static;}
		
#inner p {
 margin:0; 
 padding: 0;
}

* html #inner{
 height: 520px;
 he\ight: 520px;
}
		

#innerdown {
 position: relative; 
 top: 0;  
 text-align: left; 
 width:600px;
 height:10px;
 overflow:visible; 
}

#innerdown[id] {position: static;}
		

* html #innerdown{
 height: 10px;
 he\ight: 10px;
}

#top {
 	height: 210px;
	width: 695px;
	position: relative;
	float:left;
    border-bottom: 1px solid #AAAAAA;
}

#logo {
	position: relative;
	float:left;
    height: 55px;
	width: 200px;
	margin-left:5px;
	padding-left:5px;	
}

#logo a {
    font-size: 26px;
    text-decoration: none;    
}

#logo a:hover {
    text-decoration: underline;   
}


#banner {   
	position: relative;
	float:left;
	clear:left;
	width:480px;
	height:200px;
	margin: 1px 10px 10px 1px;
	-moz-box-shadow: 1px 1px 10px #000;
}

#topmenu {
	position: relative;
    float:left;
    width: 200px;
}


#menulist {
 margin:0;
 padding-left:0px;
 text-decoration:none; 
}

#menulist li {
 margin: 0; 
 padding: 3px;
 list-style: none;
 font-size: 18px;
}

#menulist li a {
 text-decoration:none; 
 border-left: 2px solid #00aa00;
 padding:1px 1px 1px 3px; 
} 

#menulist li a:hover {
  text-decoration:none;
  border-left: 2px solid #0093dd;
}


/*-------------------------------------*/

#center {
font-size:14px;
	position: relative;
    float:left;          
    width:700px; 
    padding:0px;
    overflow:visible;
}


#leftmenu {
	position: relative;
    float:left;          
    width:165px; 
    padding:0px;
	color: #000000;
	text-decoration: none;
    overflow:visible;
    height: 10px;
}

#menulist2 {
 margin:15px 0 0 3px;
 padding-left:0px;
 text-decoration:none; 
}

#menulist2 li {
 margin: 0; 
 padding: 3px;
 list-style: none;
 font-size: 14px; 
 font-weight: bold; 
}

#menulist2 li a {
 text-decoration:none; 
 border-left: 2px solid #00aa00;
 padding:1px 1px 1px 3px;
} 

#menulist2 li a:hover {
 text-decoration:none;
  border-left: 2px solid #0093dd;
}




#content {
 border-left:2px solid #CCCCCC;
 color:#000000;
 float:left;
 margin-top:10px;
 overflow:visible;
 padding:5px 0px 5px 20px;
 position:relative;
 text-decoration:none;
 width:510px;
}


#content a{
	color: #00aa00;
	text-decoration: none;
    font-weight: bold;

}

#content a:hover{
    text-decoration: underline;
    font-weight: bold;
}



div.w3cbutton1 {
  position: relative;
  margin: 0;
  font-family: helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
  float:left;
  color:black;
}
div.w3cbutton1 a {
  display: block;
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  color:black;
}
div.w3cbutton1 a.w3c1 {
  width: 3em;
  border-left: 1px solid #cecece;
  text-align: center;
  color:black;
}
div.w3cbutton1 a.spec1 {
  position: absolute;
  left: 3em;
  top: 0;
  width: 6em;
  border-right: 2px solid #4a4a4a;
  border-left: 2px solid #4a4a4a;
  padding-left: 0.5em;
}
div.w3cbutton1 a.w3c1:link,
div.w3cbutton1 a.w3c1:visited,
div.w3cbutton1 a.w3c1:hover {
  background-color: #339;
  color: #cccccc;
  text-decoration: none;
}
div.w3cbutton1 a.spec1:link,
div.w3cbutton1 a.spec1:visited,
div.w3cbutton1 a.spec1:hover {
  background-color: #fc6;
  background-color: #339;
  color: #ccc;
  text-decoration: none;
}

#w3cb2{
 left:70px;
}

#footer
{
 position: relative;
 float:left;
 clear:both;
 height: 1.5em;
 width:700px; 
 margin-top:0; 
 padding-top:0;
 font-size:10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
}


#wyszukiwarka{
position: relative;
float:left;
padding-left:100px;
}

#wyszukiwarka table{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:12px;
padding: 2px;
}

#wyszukiwarka table td select, #wyszukiwarka table td input{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:100px;
}

#wyszukiwarka table th{
text-align:left;
font-weight: bold;
}

#wyszukiwarka table td{
text-align:left;
}


#wyszukane table{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-weight: normal;
font-size:11px;
padding: 2px;
}

#wyszukane table th {
background-color: #90ccaa;
}

#wyszukane table td{
background-color: #b5ddc6;
}

#cross_tekst{
position:relative;
float:left;
padding-bottom:10px;
}

#licznik{
position: relative; 
float:left; 
color:white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
}

#podpis{
clear:both;
position:relative;
        color:white;
        float:right;
}

#podpis a{
        color:white;
	text-decoration:none;
}

#podpis a:hover{
	text-decoration: underline;
}

.bl {background: url(img/bl.gif) 0 100% no-repeat #eeeeee; }
.br {background: url(img/br.gif) 100% 100% no-repeat; }
.tl {background: url(img/tl.gif) 0 0 no-repeat; }
.tr {background: url(img/tr.gif) 100% 0 no-repeat;padding:12px;}

.site {
 position: relative;
 float:left;
 clear:left;
 margin:15px;
 width:400px;
}

.site img {
 -moz-box-shadow: 1px 1px 10px #000;
}

.fotka {
 position:relative;
 float:left;
 display:block;
 border: solid 2px white;
 margin:3px;
 padding:0;
}

.fotka img {
 display:block;
}

.czysc {
  position:relative;   
  clear:both;
  width:100px;
  border:1px solid red;
}

.calagaleria {
  width:100px;
  position:relative;
  float:left;
  clear:both;
  left:380px;  
}