/* CSS */


@font-face {
  font-family: Forgotten Futurist;
  src: local(Gentium), url(Forgotte.ttf);
}

*{
  padding: 0px;
  margin: 0px;
}

img{
  float: left;
  border: 0px;
}


body{
  background: url('images/bg.jpg');
  background-repeat: repeat-x;
  background-color: #03141b;
  font-size: 12px;
  margin-top: 5px;
  padding: 0px;
  margin: 0px;
  font-family: Forgotten Futurist;
  color: #fff;
}

#content{
  margin: auto;
  width: 936px;
}

#top{
width: 936px;
height: 280px;
background: url('images/top.jpg');
display: block;
}

#menu{
width: 936px;
height: 32px;
font-size: 22px;
margin: 15px 0px 0px 72px;
color: #7291a1;
float: left;
}

#menu ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu ul li {
	float: left;
	margin-right: 0px;
	height: 32px;
}

#menu ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	text-align: center;
	color: #fff;
	padding: 0px;
	text-transform: uppercase;
}

#menu ul a:hover {
	padding: 0px;
}

#reklama{
margin: 30px 0px 0px 100px;
float: left;
font-family: arial;
}

#reklama p{
color: #ff5500;
float: left;
font-size: 10px;
}

#left{
margin-top: 50px;
width: 200px;
float: left;
margin-left: 72px;
color: #fff;
}

#galeria .cnt{
width: 191px;
height: 278px;
float: left;
background: url('images/gall.jpg');
margin: 10px 0px 15px 0px;
}


#galeria .title {
text-transform: uppercase;
font-family: Forgotten Futurist;
font-size: 22px;
float: left;
margin-left: 12px;
margin-top: -2px;
}

#subskrypcja .cnt{
width: 191px;
height: 278px;
float: left;
margin: 10px 0px 0px 0px;
}


#subskrypcja .title {
text-transform: uppercase;
font-family: Forgotten Futurist;
font-size: 22px;
float: left;
margin-left: 12px;
margin-top: -2px;
}

#subskrypcja  .inp{
background: url('images/inp.png');
border: 0px;
padding: 8px 0px 8px 0px;
width: 189px;
padding-left: 2px;
}

.ok {
background: url('images/ok.png');
border: 0px;
width: 94px;
height: 25px;
}

#right{
float: left;
width: 600px;
height: auto;
margin: 50px 0px 70px 10px;
}


#right .title {
text-transform: uppercase;
font-family: Forgotten Futurist;
font-size: 22px;
float: left;
margin-left: 12px;
margin-top: -2px;
}

#line {
background: url('images/line.jpg');
border: 0px;
width: 617px;
height: 2px;
float: left;
margin: 4px 0px 12px -5px;
}

#right .cnt{
float: left;
font-family: arial;
font-size: 12px;
color: #fff;
text-align: justify;
}

#right p{
margin: 10px 0px 10px 0px;
}

#part{
background: url('images/part.jpg');
float: left;
width: 936px;
height:74px;
margin-top: -70px;
}

#stopka{
background: url('images/stopka.jpg') no-repeat;
background-color: #fff;
float: left;
width: 100%;
height:61px;
margin: auto;
margin-top: 20px;
}

#navi{
background: url('images/navi.jpg') no-repeat;
width: 84px;
height:32px;
}

#omnie a{
background: url('images/omnie2.jpg') no-repeat;
width: 84px;
height:32px;
}

#omnie a:hover{
background: url('images/omniea.jpg') no-repeat;
width: 84px;
height:32px;
}

#studio a{
background: url('images/studio.jpg') no-repeat;
width: 73px;
height:32px;
}

#studio a:hover{
background: url('images/studioa.jpg') no-repeat;
width: 73px;
height:32px;
}

#down a{
background: url('images/down.jpg') no-repeat;
width: 108px;
height:32px;
}

#down a:hover{
background: url('images/downa.jpg') no-repeat;
width: 108px;
height:32px;
}

#kontakt a{
background: url('images/kontakt.jpg') no-repeat;
width: 88px;
height:32px;
}

#kontakt a:hover{
background: url('images/kontakta.jpg') no-repeat;
width: 88px;
height:32px;
}

#sklep a{
background: url('images/sklep.jpg') no-repeat;
width: 65px;
height:32px;
}

#sklep a:hover{
background: url('images/sklepa.jpg') no-repeat;
width: 65px;
height:32px;
}