/* designed and coded by ubik - yewbic[at]yahoo[dot]com */



body {

background:#000 url('bg.jpg') no-repeat 50% 50px;

margin:0;

padding:0;

text-align:center;

}



#container {

background:#000;

width:760px;

margin:0 auto;

text-align:left;

}



#header {

background:url('images/elektryk_warszawa.gif') no-repeat center top;

width:760px;

height:234px;

position:relative;

margin:0;

}



h5 {

bottom:1px;

margin:25px 0 0 0;

margin-left: 0px;

font: 31px magneto,georgia,times,serif;

letter-spacing:6px;


color: #f3ca23;
opacity: 0.5;
-moz-opacity: 0.5;


display:block;



}



#menu {

width:210px;

float:left;

margin:20px 0 0 0;

}










/* Dodatkowe Menu */

#nav{
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
width: 760px;    /* Szerokość tła [można ustawić na auto] */
height: 25px;
border-bottom: 1px solid white;
color: white;
background-color: #202020;
opacity: 0.8;
-moz-opacity: 0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
position: fixed;
top: 0px;
margin-left: -380px;
left: 50%;
margin-top: 0px;
padding: 0px;
z-index: 99;
_position: absolute;
_top: expression((dummy = document.documentElement.scrollTop) + "px");
}
		
#nav li{
display: block;
float: left;
height: 25px;
width: auto;
text-align: center;
line-height: 25px;
}
		
#nav li a{
text-align: center;
display: block;
padding-left: 15px;
padding-right: 15px;
line-height: 25px;
color: white;
text-decoration: none;
font-weight: bold;
}

#nav li a:hover{
background-color: #666666;
}

/* END - Dodatkowe Menu */















.leftbox {

width:185px;

background:#000;

border-width:7px 1px 7px 7px;

border-color:#555 #555 #555 #000;

border-style:solid;

margin:60px 0 0 0;

padding:10px 10px 10px 0;

text-align:justify;

font:14px verdana,arial,sans-serif;

color:#fff;

}



.leftbox ul {

list-style-type:none;

margin:10px 0 10px 0;

padding:0;

}



.leftbox li, .leftbox a {

font-weight:bold;

color:#FFFF00;

letter-spacing:1px;

text-align:left;

text-decoration:none;

}



.leftbox a:hover {color:#ff4500}



h4 {

font:bold 15px verdana,arial,sans-serif;

color:#fff;

display:block;

margin:0 0 15px 0;

letter-spacing:1px;

text-align:left;

}





a.item {

background:url('menu.jpg') no-repeat;

max-width:210px;

height:34px;

display:block;

padding:0 0 0 10px;

font:bold 15px verdana,arial,sans-serif;

color:#fff;

text-decoration:none;

line-height:30px;

}



/*

good practice of background offset rollovers to avoid javascript preload. 

Im using max-width, BG pos. and Padding instead of margin and smaller-than 

container width, to get pop-out effect cause of a left-edge bug that makes 

the menu jump. -ubik

*/

a.item:hover {

background-position:10px -34px;

padding:0 0 0 20px;

}



#main {

	background:#000;

	min-height:400px;

	margin:0 0 0 220px;

	color:#fff;

	text-align:left;

	font-family: verdana, arial, sans-serif;

	font-size: 15px;

}



#footer {

clear:both;

height:40px;

background:#000;

margin:50px 0 0 0;

text-align:center;

padding:20px 0 10px 0;

}



#footer a {

font:bold 12px verdana,arial,sans-serif;

color:#ccc;

text-decoration:none;

letter-spacing:1px;

margin-left:8px;

}



#footer a:hover {color:#ff4500}



/* "bottomRight" is the botttom right background image of the content container */

.bottomRight {background:url('bottomRight.jpg') no-repeat right bottom}



.content {

min-height:190px;

background:url('topleft.jpg') no-repeat left top;

padding:30px 40px;

margin:20px 0 30px 0;

text-align:justify;

}



h1 {  /* position absolute - relative to the header, not document */
position:absolute;
left:20px;
bottom:0px;
margin:0;
display:inline;
font:60px georgia,times,serif;
color:#fff;
letter-spacing:5px;
font-variant:small-caps;
}


h2 {

font:bold italic 25px georgia,times,serif;

color:#ff9900;

display:block;

margin:15px 0 0 0;

}

h3 {

font:bold italic 25px georgia,times,serif;

color:#fff;

display:block;

margin:15px 0 0 0;

}






.content a {

	text-decoration:none;

	color:#ff4500;

	font-weight:bold;

}



.content a:hover {

	color:#ffa500

}



.content ul {list-style-type:circle}

.content li {font:bold 16px verdana,arial,sans-serif;}



p {margin-top:20px}



/* If you like my design, I only ask that you leave the footer note "design by ubik". thanks */

#footer p , #footer p a {

text-align:right;

font:11px verdana,arial;

color:#999;

margin:0;

}