html, body {
	background-image: url(images/drewno.jpg);
	color: #000;
	margin: 0;
	padding: 0;
}
#WRAPPER{
 	 width:971px; 
	position: relative; 
	margin:0 auto;
	padding:0; 	
	background-color:transparent;
}

#PUDELKO {
    margin: 0px 0px 0px 59px;
    background-color:black;
    width: 900px;
    /*height: 550px;*/
    overflow: hidden;

}

/*#top {
	width: 780px;
	background-color:blue;
}*/

#pasek { /* czarny pasek nad kolażem*/
	background-color: black;
	margin: 0px 178px 0px 60px
}

#NAGLOWEK { /* wstawilem zdjecie kolaz*/
  width:625px;
  height:225px;
	background-image: url(images/1.jpg);
	margin: 0px 0px 0px 10px; 
	float: left;
	overflow: hidden;
}

#MENU { /*Menu czerwone z prawej strony*/
	width: 235px;
	height:225px;

	float: left;
	overflow: hidden;
	background-image: url(images/2.jpg);
	

  
}

/*#TRESC {
	width: 630px;
	float: left;
	overflow: hidden;
	background-color: #fff;
}*/

#KREMOWY { /*kremowe gdzie będzie tekst*/
 
 
  margin: 5px 0px 0px 35px;
	width: 599px;
	background-image: url(images/kremowy.jpg);
	float: left;
}
#MENU2 { /*przedluzenie czerwonego menu, guziki*/
 
 
  margin: 0px 0px 0px 6px;
	width: 230px;
	background-image: url(images/tlo.jpg);
	float: left;
}

#SPOD { /*stopka na dole*/
 
	text-align: center;
  color: #a0522d;
  margin: 0px 0px 0px 0px;
	width: 900px;
	background-color: black;
  float: left;
}

div.rog { /*gorna czesc kremowej kartki z zagietym lewym gornym rogiem*/
          width: 599px;
          height: 20px;
	       /* border: 1px solid black;*/
	        background-image:url(images/rog.jpg);
	        
          position:absolute;
	        top: 280px;
	        left: 95px;
	        
	        /*color: #FFFFFF;
	          font-family:Arial, Helvetica, sans-serif;
	          font-size:1px;
          	text-align: justify;
          	vertical-align: top;
          	padding-top: 10px;
          	padding-right: 2px;
          	padding-bottom: 10px;
          	padding-left: 10px;*/
          }
div.box { /*kremowe tlo z tekstem glownym*/
          width: 599px;
        /*  height: 235px;*/
	       /* border: 1px solid black;*/
	        background-image:url(images/kremowy.jpg);
	        
          position:absolute;
	        top: 300px;
	        left: 95px;
	        
	        color: #FFFFFF;
	          font-family:Arial, Helvetica, sans-serif;
	          font-size:1px;
          	text-align: justify;
          	vertical-align: top;
          	/*padding-top: 10px;
          	padding-right: 2px;
          	padding-bottom: 10px;
          	padding-left: 10px;*/
          }          
          
/*div.szlaczek { napisa restauracja Ragtime Cafe
          width: 293 px;
          height: 38px;
	        
	       background-image: url(images/restauracja.jpg);
	        
          position:absolute;
	        top: 239px;
	        left: 390px;
	        }*/
#POTRAWA{  /*ramka potrawy prawy dolny róg*/
          width: 222 px;
          height: 87px;
	        
	        background-image: url(images/ramka_potrawy.jpg);
	        margin: 10px 10px 0px 4px;
          /*position:absolute;
	        top: 470px;
	        left: 702px;	  
          padding-top: 2px; */     
          }
/****** MENU NAWIGACYJNE *****/
.gallery {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 180px; 
        background: url(images/guziki/css_gallery.png) no-repeat;     
}
.gallery:hover {
        background-position: 0 -50px
}

.carnival {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 180px; 
        background: url(images/guziki/css_karnawal.png) no-repeat;     
}
.carnival:hover {
        background-position: 0 -50px
}

.lunch {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 180px; 
        background: url(images/guziki/css_lunch.png) no-repeat;     
}

.lunch:hover {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 160px;
        background-position: 0 -50px
}

.reservation {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 180px; 
        background: url(images/guziki/css_reservation.png) no-repeat;     
}

.reservation:hover {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 160px;
        background-position: 0 -50px
}

.music {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 180px; 
        background: url(images/guziki/css_music.png) no-repeat;     
}

.music:hover {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 160px;
        background-position: 0 -50px
}

.catering {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 180px; 
        background: url(images/guziki/css_catering.png) no-repeat;     
}

.catering:hover {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 160px;
        background-position: 0 -50px
}

.menu {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 180px; 
        background: url(images/guziki/css_menu.png) no-repeat;     
}

.menu:hover {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 160px;
        background-position: 0 -50px
}

.company {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 180px; 
        background: url(images/guziki/css_company.png) no-repeat;     
}

.company:hover {
        float: left;
        margin-left: 30px;
        height: 50px;
        width: 180px;
        background-position: 0 -50px
}   
/****KONIEC MENU NAWIGACYJNEGO****/                  
.bottom_menu {
	color: #e6a354;
	text-align: center;
	padding-top: 8px;
	background-image: url(../images/b-bg.gif);
	background-repeat: repeat-x;
	padding-left: 8px;
	vertical-align: top;
}          
.bottom_lnk{
	color: #e6a354;
	TEXT-DECORATION: none;
}

a{
	color: #a0522d;
	text-decoration: none;
}
a:visited{
	color: #a0522d;
	text-decoration: none;
}

a:hover{
	color: #fdf5e6;
	text-decoration: none;
}

a.stopka{
  color: white;
  text-decoration: none;
}

p{
  margin-left:10px;
  margin-right:10px;
  text-align: justify; 
}

p.stopka{       
        color: white;
        text-align:center;
}
p.srodek{       
        
        text-align:center;
}

p.pierwsza:first-letter{
        font-size: 200%;
}

.karnawal_ul{
        margin-left:60px;
}

h1{
  font-size: 2em;
  margin-left:10px;
  margin-right:10px;
}

h2{
  margin-left:10px;
  margin-right:10px;
}
h3{
  margin-left:10px;
  margin-right:10px;
}
h4{
  margin-left:10px;
  margin-right:10px;
}
h5{
  font-size: 2em;
  font-style: italic;
  margin-left:10px;
  margin-right:10px;
}