body {
	text-align: center;	
	background-color:black;
}

.content        
{
	position: relative;
	width: 1280px;
	height: 700px;
	margin: 0 auto;
	text-align: left;
	background-image:url('./images/background.png');
	background-repeat: no-repeat;
}



.dojazdcontent
{
		position: absolute;
		right: 0px;
		top: 106px;
		width: 30px;
		height: 108px;
		z-index:2;
}
.wpolpracacontent
{
		position: absolute;
		right: 0px;
		top: 215px;
		width: 30px;
		height: 170px;
		z-index:2;
}
.emailcontent
{
		position: absolute;
		right: 0px;
		top: 385px;
		width: 30px;
		height: 110px;
		z-index:2;
}

/* S1 */
.s1 
{
		position: absolute;
		left: 235px;
		top: 235px;
		width: 266px;
		height: 235px;
		z-index:1;
}

.s1a:hover {
        float: left;
		width: 266px;
		height: 235px;
        background-position: 0 235px !important
}

.s1a {
        float: left;
		width: 266px;
		height: 235px;
        background-position: 0 0px
}

/* S2 */
.s2 {
		position: absolute;
		left: 460px;
		top: 110px;
		width: 252px;
		height: 205px;
		z-index:1;
}

.s2a:hover {
        float: left;
		width: 252px;
		height: 205px;       
        background-position: 0 205px !important
}

.s2a {
        float: left;
		width: 252px;
		height: 205px;
        background-position: 0 0px
}

/* S3 */
.s3 
{
		position: absolute;
		left: 475px;
		top: 300px;
		width: 252px;
		height: 200px;
		z-index:2;
}

.s3a:hover {
        float: left;
		width: 252px;
		height: 200px;
        background-position: 0 200px !important
}

.s3a {
        float: left;
		width: 252px;
		height: 200px;
        background-position: 0 0px
}

/* S4 */
.s4 
{
		position: absolute;
		left: 10px;
		top: 307px;
		width: 240px;
		height: 198px;
		z-index:1;
}

.s4a:hover {
        float: left;
		width: 240px;
		height: 198px;
        background-position: 0 198px !important
}

.s4a {
        float: left;
		width: 240px;
		height: 198px;
        background-position: 0 0px
}

/* S5 */
.s5 
{
		position: absolute;
		left: 770px;
		top: 493px;
		width: 240px;
		height: 181px;
		z-index:2;
}

.s5a:hover {
        float: left;
		width: 240px;
		height: 181px;
        background-position: 0 181px !important
}

.s5a {
        float: left;
		width: 240px;
		height: 181px;
        background-position: 0 0px
}

/* S6 */
.s6
{
		position: absolute;
		left: 512px;
		top: 483px;
		width: 252px;
		height: 192px;
		z-index:2;
}

.s6a:hover {
        float: left;
		width: 252px;
		height: 192px;
        background-position: 0 192px !important
}

.s6a {
        float: left;
		width: 252px;
		height: 192px;
        background-position: 0 0px
}

/* S7 */
.s7
{
		position: absolute;
		left: 35px;
		top: 493px;
		width: 250px;
		height: 181px;
		z-index:1;
}

.s7a:hover {
        float: left;
		width: 240px;
		height: 181px;
        background-position: 0 181px !important
}

.s7a {
        float: left;
		width: 240px;
		height: 181px;
        background-position: 0 0px
}


/* S8 */
.s8
{
		position: absolute;
		left: 1030px;
		top: 490px;
		width: 240px;
		height: 185px;
		z-index:2;
}

.s8a:hover {
        float: left;
		width: 240px;
		height: 185px;
        background-position: 0 185px !important
}

.s8a {
        float: left;
		width: 240px;
		height: 185px;
        background-position: 0 0px
}

/* S9 */
.s9 
{
		position: absolute;
		left: 270px;
		top: 470px;
		width: 167px;
		height: 173px;
		z-index:1;
}

.s9a:hover {
        float: left;
		width: 250px;
		height: 200px;
        background-position: 0 200px !important
}

.s9a {
        float: left;
		width: 250px;
		height: 200px;
        background-position: 0 0px
}


/* S10 */
.s10
{
		position: absolute;
		left: 50px;
		top: 110px;
		width: 315px;
		height: 200px;
		z-index:1;
}

.s10a:hover {
        float: left;
		width: 315px;
		height: 200px;
        background-position: 0 200px !important
}

.s10a {
        float: left;
		width: 315px;
		height: 200px;
        background-position: 0 0px
}

/* S11 */
.s11
{
		position: absolute;
		left: 690px;
		top: 70px;
		width: 584px;
		height: 454px;
		z-index:1;
}

.s11a:hover {
        float: left;
		width: 584px;
		height: 454px;
        background-position: 0 454px !important
}

.s11a {
        float: left;
		width: 584px;
		height: 454px;
        background-position: 0 0px
}

a{
cursor: pointer;
text-decoration:none;
}

#em{
text-align:center;
border: none;
outline: none;
text-decoration: none;
float: left;
width: 34px;
height: 89px;
background-position: 0 0px
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}

#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:650px;
width:1000px;
background:#111;
border:1px dotted #c0c0c0;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#348;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}


#omnie{
text-align:center;
border: none;
outline: none;
text-decoration: none;
}
#wspolpraca{
text-align:center;
border: none;
outline: none;
text-decoration: none;
}



#popupContact2{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:650px;
width:1000px;
background:#111;
border:1px dotted #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact2 h1{
text-align:left;
color:#348;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose2{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}