/* Uklad strony, nawigacja */

* {
padding:0;
margin:0;
}

body {
font-family:verdana, sans-serif;
font-size:85%;
line-height:1.7em;
color:#333333;
min-height:1200px;
}


/*slider -------------------------------------------------------------------*/

@charset "utf-8";
/* CSS Document */

#panel
{
padding:1px;
	width: 237px;
	position: fixed;
	margin-top: -150px; /*poÅ?owa wysokoÅ?ci panelu w górÄ? */	
	left: 0px;
	top: 50%;

 
}
 
#main_menu
{
	background:#ffffff;
}
 
#main_menu a
{
	color: #ffffff;
	text-decoration: none;
}
 
#main_menu a:hover
{
	text-decoration: underline;
}

.slide_button
{
background: url(img/fb_bttn.png) no-repeat;
	display: block;
	height: 130px;
	text-indent: -9999px;
	width: 30px;
	position: absolute;
	right: -30px;
	top: 1px;

}
 
.zamknij
{
	background-position: -20px 0px;
}
 
a:focus { 
outline:none; //usuwanie niebieskiej obwódki w FF
}


/* koniec slajder ----------------------------------------------------------------*/

#prstr{
float:right;
}

#cen{
float:right;
font-style:italic;
color:#555555;
font-weight:bold;
font-size:90%;
}

#container {
width:750px;
margin:20px auto;
}

#header img {
padding:0px 50px;
}

#background {
width:748px;
background-color:#cc2229;
}

#navigation {
padding:5px 50px;
}

#navigation img {
float:left;
}

#navigation ul {
float:right;
width:446px;
margin:0px 0px 1px 0px;
list-style:none inside;
}

#navigation li {
display:inline;
}

#navigation a {
font-size:18px;
float:right;
color:#ffffff;
text-decoration:underline;
text-align:center;
margin:15px 1px;
padding:1px 3px;
}

#navigation #home {
width:65px;
}

#navigation #menu {
width:60px;
}

#navigation #catering {
width:90px;
}

#navigation #contact {
width:85px;
}

#homepage #home, #promopage #promo, #menupage #menu, #contactpage #contact, #cateringpage #catering {
font-weight:bold;
text-decoration:none;
}

#navigation a:hover {
text-decoration:none;
color:#cc2229;
background-color:#ffffff;
}

#address {
clear:both;
color:#ffffff;
padding:5px 50px;
}

#address p strong {
font-size:130%;
}

#footer {
padding:5px 0px;
}

#content {
clear:both;
width:546px;
margin:5px 50px;
padding:50px;
background-color:#ffffff;
}

/* Koniec ukladu strony i nawigacji */


#logo a , #logo a:hover{
float:left;
color:#cc2229;
background-color:#cc2229;
margin:0 0 0 0;
padding:0 0 0 0;
}


/* Prezentacja i wyglad tresci */

#contactpage #content img, #cateringpage #content img, #menupage #content img {
float:left;
margin:1px 20px 20px 1px;
}

#content .pl {
float:left;
margin:2px 20px 20px 2px;
}

#content .pr {
float:right;
padding:0px 0px 20px 20px;
}

#content h1 {
padding-bottom:1em;
}

#content p strong {
font-size:130%;
}




h1.ss, strong.ss {
letter-spacing:-2px;
}

.menuelement {
width:544px;
margin:0px;
line-height:1.1em;
clear:both;
}

.menuelement {
margin:auto;
}

.menuelement h2 {
text-decoration:none;
font-size:110%;
font-weight:bold;
color:#cc2229;
background-image:url(img/underline.jpg);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:3px;
margin-bottom:5px;
float:none;
clear:both;
}

.menuelement h2 em {
color:#555555;
font-size:90%;
}

.menuelement .m_element {
margin-bottom:1em;
width:542px;
}

.menuelement .m_element ul {
margin-left:270px;
font-size:85%;
list-style:disc inside;
}

.menuelement ul em {
color:#555555;
font-size:83%;
}

.menuelement .m_element li em {
padding-left:1em;
}

.menuelement .zestaw {
width:542px;
clear:both;
}

.menuelement .zestaw p {
font-size:85%;
color:#333333;
padding-top:1em;
}

.menuelement .zestaw ul {
list-style:none inside;
font-size:83%;
font-style:italic;
color:#555555;
position:relative;
left:10px;
top:10px;
width:254px;
float:left;
margin-bottom:1em;
}

#menupage #content h1 {
text-align:center;
}

.clear {
clear:both;
}

.naprawo {
float:right;
}

ul a .naprawo {
list-style-type:circle;
}

.czerwony {
color:#cc2229;
}

.neg {
background-color:#cc2229;
color:#ffffff;
padding:3px 5px 1px 2px;
}

.ml270 {
margin-left:270px;
}

/* CSS napisal Rafal Strzelecki */