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

body {
background: url('6tlo.jpg') repeat 100% 100px;
margin: 0;
padding: 0;
text-align: center;
}


#container {
background: url('6tlo.jpg');
width : 990px;
margin:auto;
text-align: left; 
}



#header {
background: url('6pasek.jpg') no-repeat center top;
width: 990px;
height: 135px;
position: relative;
left: 0px;
top: 5px;
right: 15px;
bootom: 5px;
}

#menu {
width: 180px;
float: left;
margin: -30px 0 0 0;

}


.leftbox { 
width : 140px; 
background : url('bloktlo.jpg') repeat center top;  
border-color : #B76812 #EA9B45 #B76812 #EA9B45 ; 
border-style : solid; 
margin : 3px 3px 3px 4px; 
padding : 7px 7px 7px 7px; 
text-align : solid; 
font-size : 13px;
font-size-adjust: 0.50;
color : #3B0000; }


.leftbox ul {
list-style-type : none; 
margin : 10px 0 10px 0; 
padding : 0;
}

.leftbox li, .leftbox a {
font-weight : bold; 
color : #000090; 
letter-spacing : 1px; 
text-align : left; 
text-decoration : none;
}

.leftbox a:hover {
text-decoration: underline; 
color : #FF0000; 
}


h4 { 
text-align:center; 
bottom :;  
font : italic bold 17px georgia, times, serif; 
color : #000090; 
display : block; 
margin : 0px 0 0 0; 
}

a.item { 
text-decoration: none;
font : 13px arial; 
display: inline;
background: #000 url("cmenu.jpg") repeat-x center;
color: #000099;
padding: 12px 4.5px;
border-right: 1px solid #fff;
border-right: 1px solid #fff;}


/*
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-color: #000099;
	background-image: url("9menu.jpg");
}


#main 
{ 
background : url("3tlo.jpg");
min-height : 400px; 
margin : -10px 0 0 140px; 
font : 15px verdana, arial, sans-serif; 
color : #fff; 
text-align : left; 
}

#footer { 
clear : both; 
height : 150px; 
background : ; 
margin : 2px 0 0 0; 
text-align : center; 
padding : 20px 0 10px 0; 
}

#footer a { 
font : bold 15px verdana, arial, sans-serif; 
color : #ccc; 
text-decoration : none; 
letter-spacing : 1px; 
margin-left : 20px; 
}

#footer a:hover {
color: #FF0000;
}

/* "bottomRight" is the botttom right background image of the content container */
.bottomRight {background:url('male logo9.png') no-repeat right bottom}

.content { 
min-height : 190px; 
background : url('dowolne zdjêcie.png') no-repeat left top; 
padding : 30px 40px; 
margin : 0px 0 30px 0; 
text-align : justify; 
}

h1 { 
position: relative;
 left: 1px; top: 25px; right bottom: ;
font : italic bold 27px georgia, times, serif; 
color : #000090; 
display : block; 
margin : 1px 0 0 180px;  

}

h2{
text-align: center; 
bottom :;  
font: italic bold 25px georgia, times, serif;
color: #000090;
letter-spacing : 2px;  
display : block; 
margin : 0px 0 0 0; 
}

h3 {
font: bold 17px georgia, times, serif;
color: #000090; 
display : block; 
margin : 0 0 15px 0; 
letter-spacing : 4px; 
text-align : center;
letter-spacing: 3; 
}

h5 { 
position: relative;
left: 1px; top: 20px; right bottom: ;
font : italic bold 20px georgia, sans-serif; 
color : #000090; 
display : block; 
margin : 1px 0 0 500px; 
}

h6 { 
text-align: center; 
bottom :;  
font : italic bold 18px georgia, times, serif; 
color : #000090; 
display : block; 
margin : 0px 0 0 0; 
}

img {border: none;}

.content a {
text-decoration: none;
color : #9F0000;
font-weight :;
}

.content a:hover {
text-decoration: underline; 
color : #FF0000; 
}

.content ul {
list-style-type : circle;
color : #800000
}
.content li {
font : 14px verdana, arial, sans-serif;
color : #800000
}

p {
margin-top : 10px;
color : #000090; 
font: 15px georgia, times, serif; 
}

/* 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:9px verdana,arial;
color: #000090;
margin:0;
}