html, body { 
margin : 0; 
padding : 0; 
font-size : 90%; 
font-style : normal; 
font-family : helvetica, arial, sans-serif; 
} 
body { 
color : #909090; 
text-align : center; 
background : black url("graf/background.jpg") center top; 
width : 100%; 
display : table; 
border-top : 3px solid #b8003d; 
} 
#wrap { 
width : 960px; 
margin-left : auto; 
margin-right : auto; 
background : url("graf/tlo.jpg") no-repeat left top; 
} 
#top { 
height : 106px; 
width : 960px; 
border-bottom : 1px solid #303030; 
margin-bottom : 50px; 
} 
#content-top { 
height : 106px; 
width : 960px; 
text-align : left; 
display : inline; 
} 
#footer { 
background : black url("graf/footer.jpg") center top; 
margin-top : 45px; 
border-top : 1px solid #880e35; 
border-bottom : 4px solid #5c1b2d; 
width : 100%; 
color : #707070; 
} 
#wrap_footer { 
width : 960px; 
margin-left : auto; 
margin-right : auto; 
} 
#footer3 { 
width : 960px; 
text-align : center; 
display : inline; 
margin-left : auto; 
margin-right : auto; 
} 
#kontakt { 
float : right; 
} 
#agniecha a { 
background-image : url("graf/agniecha.jpg"); 
width : 317px; 
height : 106px; 
display : block; 
float : left; 
border:none;
} 
#agniecha a:hover { 
background-image : url("graf/agniecha.jpg"); 
background-position: 0 -106px;
width : 317px; 
height : 106px;  
float : left; 
border : none; 
} 
a:link { 
text-decoration : none; 
color : silver; 
border-bottom : 1px dotted #707070; 
} 
a:hover { 
color : #b80030; 
border-bottom : 1px dotted #b80030; 
} 
a:visited { 
text-decoration : none; 
color : silver; 
} 
.cleaner { 
clear : both; 
height : 1px; 
font-size : 1px; 
border : none; 
margin : 0; 
padding : 0; 
background : transparent; 
} 
#menu { 
float : left; 
margin-top : 36px; 
} 
#menu ul { 
margin : 0; 
padding : 0; 
display : inline; 
} 
#menu li { 
list-style-type : none; 
display : inline; 
float : left; 
margin-left : 30px; 
border : none; 
} 
#menu li a { 
display : block; 
border : none; 
padding-left : 2px; 
color : #808080; 
} 
#menu li a:hover { 
display : block; 
border : none; 
color : #880e35; 
} 
#content { 
width : 960px; 
text-align : center; 
display : inline; 
} 
.column { 
width : 270px; 
margin-right : 25px; 
margin-left : 25px; 
display : inline; 
text-align : left; 
float : left; 
} 
.column p { 
font-size : 100%; 
} 
h2 { 
color : #880e35; 
font-size : 1.2em; 
} 
h2 a:link, h2 a:visited { 
color : #880e35; 
font-size : 1.2em; 
border : none; 
} 
img { 
border : 0; 
width : 250px; 
height : 125px; 
} 
.column .picture { 
width : 260px; 
height : 135px; 
margin-top : 20px; 
} 
.column .picture a:link, .column .picture a:visited { 
display : block; 
padding : 4px; 
border : 1px solid #303030; 
} 
.column .picture a:hover { 
display : block; 
padding : 4px; 
border : 1px solid #880e35; 
} 
.column .picture img { 
border : 0; 
} 
.cleaner { 
clear : both; 
height : 1px; 
font-size : 1px; 
border : none; 
margin : 0; 
padding : 0; 
background : transparent; 
} 
a.zobacz { 
display : inline; 
float : right; 
margin-right : 20px; 
text-align : right; 
margin-top : 10px; 
} 
div.portfolio { 
clear : both; 
display : block; 
width : 960px; 
text-align : center; 
} 
div.folio { 
display : inline; 
margin-left : 28px; 
margin-right : 28px; 
border : none; 
float : left; 
} 
.folio a:link, .folio a:visited { 
display : block; 
border : 1px solid #303030; 
padding : 4px; 
} 
.folio a:hover { 
display : block; 
border : 1px solid #606060; 
padding : 4px; 
} 
p.opis { 
text-align : right; 
margin-bottom : 20px; 
margin-top : 2px; 
padding : 0; 
} 
h3 { 
clear : both; 
display : block; 
width : 900px; 
height : 30px; 
text-align : left; 
font-size : 1.2em; 
} 
p.opis a.www { 
border : none; 
} 
p.opis a.www:hover { 
border : none; 
color : #880e35; 
} 
.foot { 
margin-top : 20px; 
padding-bottom : 20px; 
width : 270px; 
margin-right : 25px; 
margin-left : 25px; 
display : inline; 
text-align : left; 
float : left; 
} 
h4 { 
color : #880e35; 
font-size : 1.1em; 
margin : 0; 
padding : 0; 
} 
.foot p { 
margin : 0; 
padding-top : 10px; 
} 
.foot ul li { 
list-style-type : none; 
} 
.foot ul { 
margin : 10px 0 0 0; 
padding : 0; 
} 
#info { 
margin-left : auto; 
margin-right : auto; 
display : block; 
text-align : right; 
font-size : 80%; 
width : 960px; 
padding-bottom : 3px; 
} 
#info a { 
margin-left : 30px; 
} 
.foot a:link, .foot a:visited, #info a:link, #info a:visited { 
color : #909090; 
text-decoration : none; 
border-bottom : 1px dotted #909090; 
} 
.foot a:hover, #info a:hover { 
color : #880e35; 
text-decoration : none; 
border-bottom : 1px solid #880e35; 
} 
.kolor { 
color : silver; 
} 

/** 404  **/
#linia_ops { 
width : 960px; 
height:1px;
text-align : center; 
margin-top:30px;
border-bottom: 1px solid #303030;
}



img.ooops{
width:393px;
height:133px;
}



a.blad:link, a.blad:visited{
margin-top:40px;
width:430px;
font-size:3em;
color:#880E35;
border:none;
}
a.blad:visited{
border:none;
}

.blad img{
width:430px;
height:117px;
}
p.blad1{
margin-top:40px;
font-size:1.6em;
}
p.blad2{
color:#606060;
}


#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; 
border : 0; 
} 
#prevLink, #nextLink { 
width : 49%; 
height : 100%; 
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%; 
border : 0; 
} 
#nextLink:hover, #nextLink:visited:hover { 
background : url(nextlabel.gif) no-repeat right 15%; 
border : 0; 
} 
#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; 
}
