body
{
    padding: 20px 0 0 0;
    margin: 0px;
    
    /*background-color: #996633;*/
    background-image: url("images/bg/bg.gif");
    background-repeat: repeat;
    
}
a:link
{
    font-size:20px;
    color:#00a36e;
    
    text-decoration: none;
    /* padding: 17px 20px 17px 70px; */
    
}
a:visited
{
   
    text-decoration:none;
    color: #00a36e;
    
}
a:hover
{
   /* background: url(pictures/redpepper-thumb.jpg) 0px 50% no-repeat; */
   
   
   /*jak przedefiniowac "hover" tak zeby zachowywalo sie inaczej nad kazdym linkiem?
   kazdy "item" w menu ma miec inny obrazek

*/
    /* padding: 5px 25px 4px 5px; */
  
    
    
    /* background-color: #98AEF4;*/
    
    text-decoration:underline;
    color: Red;
    
    
    
    
}
a:active
{
    
    background-color: #eef900; 
    padding: 5px 15px 5px 15px;
}



#box
{
    
    position:absolute; 
	left:50%;
	width: 780px;
	margin-left: -390px;
	
    
    /*zeby bylo lepiej widac box'a */
    
    border-top: outset 3px Grey;
    
    border-left: dotted 1px #FFFFFF;
    background-color: #00a36e;
    height: 750px;
    background-color: #e8eceb;
   
    margin-top: 0px;
   /* margin-left: 15%;*/
    
}
#box_oferta
{
    
    position:absolute; 
	left:50%;
	width: 780px;
	margin-left: -390px;
	padding-bottom: 250px;
    
    /*zeby bylo lepiej widac box'a */
    
    border-top: outset 3px Grey;
    
    border-left: dotted 1px #FFFFFF;
    background-color: #00a36e;
    height: auto;
    background-color: #e8eceb;
   
    margin-top: 0px;
   /* margin-left: 15%;*/
    
}

#header
{
   
    background: url("images/header.jpg") no-repeat;
    
    position: absolute;
    width: 780px;
    height: 200px;
    border-top: dotted 1px #FFFFFF;
    border-left: dotted 1px #FFFFFF;
    border-right: dotted 1px #FFFFFF;
}

#middle
{
    
    background-color: #FFFFFF;
    position: relative;
    top: 230px;
    left: 210px;
    width: 560px;
    height: 460px;
    border-left: dotted 1px #00a36e;
    border-right: dotted 1px #00a36e;
    border-bottom: dotted 1px #00a36e;
    
    
}


#middle_oferta
{
    
    background-color: #FFFFFF;
    position: relative;
    top: 230px;
    left: 210px;
    width: 560px;
    height: auto;
    border-left: dotted 1px #00a36e;
    border-right: dotted 1px #00a36e;
    border-bottom: dotted 1px #00a36e;
    
}    


#menu
{
   
    display: inline;
    text-decoration:none;
    
    position: absolute;
    background-color: White;
    background-image: url("images/kogut.gif");
    background-position: 600px 600px;
    
    background-repeat: no-repeat;
    top: 180px;
    left: 170px;
    width: 560px;
    height: auto;
    line-height: 50px;
    border: dotted 1px #00a36e;
    color:#00a36e;
    font-family: Verdana, Arial;
    font-size: 18px;
    
    margin-left: 40px;
    text-align: center;


    
}

#main_text
{
  
   
    width: 510px;
    padding: 20px;
    
    font-family: Verdana, Arial;
    color:#3a464a;
    font-size: 11px;
    line-height:20px;
    
   text-align:justify;
}

#main_text a:link
{
	font-size: 11px;	
}

#wew
{
 font-size: 12px;   
 font-weight: bold;
 text-decoration: underline;
    
}


.title_text
{
 
 font-size: large;
 line-height: 35px;   
    
}

#footer
{
    
    position: absolute;
    top:600px;
    left: -1px;
    width: 780px;   
    text-align:center;
    background:#00a36e;
    font-family:Verdana, Arial;
    font-size:11px;
    color:#ffffff;
    padding-top: 2px;
    padding-bottom: 2px;
    
    /* border: dotted 1px grey; */
 
    
    border-left: dotted 1px #FFFFFF;
    border-right: dotted 1px #FFFFFF;
    border-bottom: dotted 1px #FFFFFF;
    
    
}

#footer_oferta
{
    
    position: relative;
     top:250px; 
     left: -1px; 
     width: 780px; 
     text-align:center;
      background:#00a36e;
       font-family:Verdana, Arial; 
       font-size:11px;
        color:#ffffff; 
        padding-top: 2px; 
        padding-bottom: 2px;
    border-left: dotted 1px #FFFFFF;
    border-right: dotted 1px #FFFFFF;
    border-bottom: dotted 1px #FFFFFF;
    
    
}

#footer_oferta a:link
{
	font-size: 12px;
}