html, body { 
margin : 0; 
padding : 0; 
} 
body { 
background : black; 
font-family : Verdana, Helvetica, Arial, sans-serif; 
font-size : 0.85em; 
font-style : normal; 
color : silver; 
text-align : center; 
} 
div#container { 
width : 1000px; 
margin-left:auto;
margin-right:auto;
height:800px;
text-align : left; 
background:url(grafika/tlo.jpg) no-repeat; 
border:white solid 1px;
}



div#content { 
float : left; 
width : 700px; 
height:640px;
margin-top:30px;
}
div#galerie { 
float : right; 
width : 250px; 
margin-right:30px;
text-align:center;
padding-top:30px;
}

a{
color:#A0A0A0;
}
a:hover{
color:silver;
text-decoration:underline;
}

div.tresc{
font-size:0.9em;
margin:370px 20px 0 20px;
}

img{
border:0px;
}
/**_______________dol________________**/

#menu_dol {
clear : both; 
display:block; 
width:1000px;
background-color:#202020;
border-top:1px solid #303030;
border-bottom:1px solid #303030;
}
#menu_dol a, #menu_dol a:visited {
display:inline;
padding:4px 5px;  
text-decoration:none;
line-height:20px;
}
#menu_dol a:hover {
color:maroon; 
text-decoration:underline;
}
#menu_dol a.on {  
color:maroon;  
text-decoration:none;
}

/** _________________top_______________**/
div#top { 
display:block; 
width : 1000px; 
line-height:23px; 
height:23px;
padding : 0; 
margin :40px 0 0 0; 
background:url(grafika/tlo_top.jpg) no-repeat;
text-align:center;
border-bottom:#303030;
}
div#top a, div#top a:visited{
display:inline;
padding:2px 25px;
text-decoration:none;
}
div#top a:hover{
color:maroon;
text-decoration:underline;
}
#top a.on{
color:maroon;
}
#logo_top{
position:absolute; top:15px;
margin-left:25px;
}
/** _________________zukowska_______________**/
p.arch{
color:#505050;
text-align:right;
margin-bottom:30px;
}
div.tresc_ed{
font-size:0.9em;
margin:350px 20px 0 20px;
}

div#container_ed { 
width : 1000px; 
margin-left:auto;
margin-right:auto;
height:800px;
text-align : left; 
background:url(grafika/tlo_ed.jpg) no-repeat; 
border:white solid 1px;
}

/** _________________wnetrza_komercyjne_______________**/




#galerie a{
width:220px;
margin-top:15px;
display:block;
text-align:left;
text-decoration:none;
}
#galerie a img{
border:1px solid silver;
margin-right:5px;
}
#galerie a:hover{
text-align:left;
color:maroon;
text-decoration:underline;
}
#galerie a.on{
text-align:left;
color:maroon;
}

/** _________________wnetrza_komercyjne zdjecia_______________**/
div.zdjecie{
display:inline;
width:100px;
height:100px;
margin-top:25px;
margin-left:25px;
float:left;
} 
div.zdjecie a img{
border:silver solid 1px;
}
div.zdjecie a:hover img{
border:maroon solid 1px;
}

/** _________________wnetrza_sakralne_______________**/
div#galerie_sakr{ 
float : right; 
width : 250px; 
margin-right:30px;
text-align:center;
padding-top:10px;
}


#galerie_sakr a{
width:220px;
margin-top:10px;
display:block;
text-align:left;
text-decoration:none;
}
#galerie_sakr a img{
border:1px solid white;;
margin-right:5px;
}
#galerie_sakr a:hover{
text-align:left;
color:maroon;
text-decoration:underline;
}
#galerie_sakr a.on{
text-align:left;
color:maroon;
}

div.sakr{
display:inline;
width:100px;
height:100px;
margin-top:25px;
margin-left:25px;
clear:both;
text-align:center;
}


/** _________________kontakt_______________**/
p.kontakt{
margin-top:213px;
font-size:1em;
text-align:center;
line-height:1.3em;
}





/** _________________wnetrza_mieszkalne_______________**/

div.mieszkalne{
clear:both;
display:block;
text-align:center;
margin-top:45px;
}


div#galerie_mieszk{ 
float : right; 
width : 250px; 
margin-right:30px;
text-align:center;
padding-top:10px;
}


#galerie_mieszk a{
width:220px;
margin-top:12px;
display:block;
text-align:left;
text-decoration:none;
}
#galerie_mieszk a img{
border:1px solid silver;
margin-right:5px;
}
#galerie_mieszk a:hover{
text-align:left;
color:maroon;
text-decoration:underline;
}
#galerie_mieszk a.on{
text-align:left;
color:maroon;
}

div.zdjecie_mieszk{
display:inline;
width:100px;
height:100px;
margin-left:5px;

} 
div.zdjecie_mieszk a img{
border:silver solid 1px;
}
div.zdjecie_mieszk a:hover img{
border:maroon solid 1px;
}

p.wnetrza{
text-align:center;
margin-top:50px;
}

/** _________________fotografia_______________**/

div#galerie_foto{ 
float : right; 
width : 250px; 
margin-right:30px;
text-align:center;
padding-top:10px;
}


#galerie_foto a{
width:220px;
margin-top:1px;
display:block;
text-align:left;
text-decoration:none;
}
#galerie_foto a img{
border:1px solid silver;
margin-right:5px;
}
#galerie_foto a:hover{
text-align:left;
color:maroon;
text-decoration:underline;
}
#galerie_foto a.on{
text-align:left;
color:maroon;
}


/** _________________linki_______________**/
p.linki{
margin-top:170px;
margin-left:150px;
font-size:1em;
text-align:left;
line-height:1.3em;
}

p.linki a{
display:block;
margin-top:30px;
text-decoration:none;
}

/** _________________grafika______________**/

div.grafika{
clear:both;
display:block;
text-align:left;
margin-top:45px;
margin-left:50px;
}

div.zdjecie_graf{
display:inline;
width:100px;
height:100px;
margin-left:20px;

} 
div.zdjecie_graf a img{
border:silver solid 1px;
}
div.zdjecie_graf a:hover img{
border:maroon solid 1px;
}


/** _________________multimedia______________**/
div.avi{
margin-top:160px;
margin-left:110px;
}






/** _________________skrypt______________________________________**/

#lightbox { 
position : absolute; 
left : 0; 
width : 100%; 
z-index : 100; 
text-align : center; 
line-height : 0; 
} 
#lightbox img { 
width : auto; 
height : auto; 
} 
#lightbox a img { 
border : none; 
} 
#outerImageContainer { 
position : relative; 
background-color : #fff; 
width : 250px; 
height : 250px; 
margin : 0 auto; 
} 
#imageContainer { 
padding : 10px; 
} 
#loading { 
position : absolute; 
top : 40%; 
left : 0%; 
height : 25%; 
width : 100%; 
text-align : center; 
line-height : 0; 
} 
#hoverNav { 
position : absolute; 
top : 0; 
left : 0; 
height : 100%; 
width : 100%; 
z-index : 10; 
} 
#imageContainer > #hoverNav { 
left : 0; 
} 
#hoverNav a { 
outline : none; 
} 
#prevLink, #nextLink { 
width : 49%; 
height : 100%; 
background-image : url(data:image/gif;base64,AAAA); 
display : block; 
} 
#prevLink { 
left : 0; 
float : left; 
} 
#nextLink { 
right : 0; 
float : right; 
} 
#prevLink:hover, #prevLink:visited:hover { 
background : url(prevlabel.gif) no-repeat left 15%; 
} 
#nextLink:hover, #nextLink:visited:hover { 
background : url(nextlabel.gif) no-repeat right 15%; 
} 
#imageDataContainer { 
font : 10px Verdana, Helvetica, sans-serif; 
background-color : #fff; 
margin : 0 auto; 
line-height : 1.4em; 
overflow : auto; 
width : 100%; 
} 
#imageData { 
padding : 0 10px; 
color : #666; 
} 
#imageData #imageDetails { 
width : 70%; 
float : left; 
text-align : left; 
} 
#imageData #caption { 
font-weight : bold; 
} 
#imageData #numberDisplay { 
display : block; 
clear : left; 
padding-bottom : 1em; 
} 
#imageData #bottomNavClose { 
width : 66px; 
float : right; 
padding-bottom : 0.7em; 
outline : none; 
} 
#overlay { 
position : absolute; 
top : 0; 
left : 0; 
z-index : 90; 
width : 100%; 
height : 500px; 
background-color : #000; 
}