/*
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 270px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -270px; /* negative value of footer height */
	height: 270px;
	clear:both;
} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body
	{;
	font: 13px Tahoma;
	color: #282624;
	line-height: 1.5em;
    background-color: #f6f3ec;
	}
	
h2, h1 {
	font-family: "Trebuchet MS" Georgia;
	font-weight: bold; 
}

h1 {
	margin-bottom: 20px;
}

h2 {
  font-size: 22px;
}
	
/* Pozycjonowanie glowynych blokow */

#header {
margin: 0 auto;
background-color: #f6f3ec;
width: 100%; height: 341px;
text-align: center;
}

#middle {


background-color: #f6f3ec;
width: 100%;
}

#middle_kontener {
  width: 1000px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

#menu {
float: left;
width: 200px;
height: 100%;
padding: 0 0px 0 50px;
}

#intro {
float: right;
width: 700px;
padding-right: 50px;
background-color: #f6f3ec;
}

#intro img {
float: right;
padding: 3px;
border: 2px #b9ac9b solid;
margin-left: 10px;
margin-top: 10px;
}

#main {
clear: both;
width: 100%;
background-image: url(imgs/2/bg_main.png);
background-position: top;
background-color: #f0e0cd;
}

#labels {
clear: both;
width: 1000px;
margin: 0 auto;
padding-top: 50px;
}

#label_polecamy {
  float: left;
  width: 300px;
  margin: 0 50px 10px 50px;
}

#main_kontener {
clear: both;
width: 1000px;
margin: 0 auto;
}

#polecamy {
  float: left;
  width: 300px;
  margin: 20px 50px 10px 50px;
}


#polecamy img {
 padding: 3px;
 border: 2px #b9ac9b solid;
 float: left;
 margin: 5px 5px 0px 0px;
}

/* sekscja news */
.news {
float: right;
width: 500px;
padding: 20px 50px 0 0;
}

.divider {background-image: url(imgs/divider.png);
background-repeat: no-repeat;
width: 133px; height: 41px;
margin: 0px auto;
}


.left {
float: left;
padding: 3px;
border: 2px #b9ac9b solid;
margin: 5px 5px 5px 0;
}

.right {
float: right;
padding: 3px;
border: 2px #b9ac9b solid;
margin: 5px 0px 5px 5px;
}

#footer img {
border: none
}


/* sekcja footer */
#footer {
background: #d0c0ac url(imgs/bg_footer.png) repeat-x 0 0;
}

#foot { 
width: 1000px;
margin: 0 auto;
}

#flower {
background: url(imgs/flower.png) no-repeat;
height: 124px;
}

#foot_right {
float: right;
text-align: right;
padding: 10px 0 0 0;
line-height: 1.3em;
}


/* sekcja sidebar */

		#nav, #nav li {
			width:150px;
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#nav li a {
			display:block;
			width:150px;
			height:30px;
			background:top left no-repeat #f0e0cd;
			text-decoration:none;
		}
		
		#nav li a.start { background-image:url(imgs/2/m_start.png); }
		#nav li a.conowego { background-image:url(imgs/2/m_conowego.png); }
		#nav li a.menuitem { background-image:url(imgs/2/m_menu.png); }
		#nav li a.kawa{ background-image:url(imgs/2/m_kawa.png); }
		#nav li a.herbata { background-image:url(imgs/2/m_herbata.png); }
		#nav li a.sklep { background-image:url(imgs/2/m_sklep.png); }
		#nav li a.catering { background-image:url(imgs/2/m_catering.png); }
		#nav li a.kontakt { background-image:url(imgs/2/m_kontakt.png); }
		#nav li a.przyjaciele { background-image:url(imgs/2/m_przyjaciele.png); }
        #nav li a.pytanie { background-image:url(imgs/2/m_pytanie.png); }
		
		#nav li a:hover { background-position:bottom left; }
		
		#nav li a span { visibility:hidden; }

/* linki */

a {color: #ee7f01;}

a:hover {color: #5f5446;}

.temp_min {
    float: left;
    padding: 3px;
    border: 2px #b9ac9b solid;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}