/*Inspire by Payal Dhar (http://writeside.net), 2006
You are free to use and modify this design,
but I will be most grateful if you kept the credit links.*/

body{
background:url(bg1.jpg) ;
color:#6A6A6A;
font:0.8em Verdana, Arial, sans-serif;

}

#wrapper{
width:800px;
margin:0 auto;


}

#wrapper_main{
width:800px;
margin:0 auto;
background: url(bg.jpg);


}

/* Header styles*/
#header{

height:342px;

}

#header_middle{
  	
	height: 317px;
  	background:url(banner.gif) bottom no-repeat;
	
}

#header_bottom{
height: 25px;
background:url(subheader.gif) bottom no-repeat;
}

.site_header{
position:absolute;
margin-left:200px;
margin-top:60px;
font-size:3.5em;
color:#000;
}

.subheader{
position:absolute;
margin-left:245px;
margin-top:105px;
font-size:1.5em;
color:#EBFFEB;
}

.main{
text-align:left;
margin-left:50px;

}

/*Top navigation styles*/
#main_nav{
position:relative;
text-align:left;
padding:4px;

background: url(subheader.gi) no-repeat;
height: 0px;
padding-right: 30px;
}

#main_nav a{
color:#fff;
font-size:1.1em;
text-decoration:none;
padding-right:20px;
height: 25px;
font-weight: bold;
}

#main_nav a.last{
text-decoration:none;
padding-right:5px;
background:none;
}

#main_nav a:hover{
color:#83BB83;
}

#main_nav ul{
list-style: none;
line-height: normal;
}

#main_nav li{
display: inline;
}

/* Left navigation column styles*/
#leftbox{
position:relative;
top:10px;
float:left;
width:170px;
margin-left:5px;
padding:5px;
}

#leftbox p{
padding-left:4px;
}

#leftbox h1{
color:#83BB83;
font-size:1.35em;
padding-left:4px;
}

#leftbox h2{
color:#83BB83;
font-size:1em;
padding-left:4px;
}

#leftbox ul{
list-style:none;
margin:0;
padding:0;
}

#leftbox ul li{
margin:0;
padding:0 0 0 5px;
}

#leftbox ul li a{
display:block;
width:90%;
line-height:1.5em;
background:#FBFFFB;
text-decoration:none;
padding:5px;
color:#808080;
border-bottom:1px solid #83BB83;
}

#leftbox ul li a:hover{
background:#EBFFEB url(link-hover.jpg) right no-repeat;
border-bottom:1px solid #5A885A;
}

#leftbox ul li a.now{
font-weight:600;
background:#EBFFEB url(link-active.jpg) right no-repeat;
}

/* Main body text styles*/
#text{
position:relative;
top:0px;
float:right;
width:760px;
right: 5px;
margin-right: 20px;

}

#text p{
padding:2px 2px 7px;
}

#text ul{
padding-left: 20px;
}

#text ol{
list-style:lower-roman;
line-height:1.15em;
}

#text h1{
font-size:1.35em;
padding:3px;
margin:15px 5px 5px 2px;
border-bottom:1px solid #DDDCDC;
color: #5D5D5D;
}

#text h2{
font-size:1.1em;
padding:2px 2px 2px 5px;
}

#text h3{
font-size:0.9em;
padding:2px 2px 2px 5px;
}

#text blockquote{


padding:4px 4px 4px 25px;
margin:2px 10px;
text-align:justify;
}

#text a{
color:#777;
text-decoration:none;
}

#text a:hover{
color:#000;

}

#text img{

padding:0px;
border: none;

}
#text hr {
    border:0;
    height: 0;
    border-top: 1px dashed #C4C4C4;
    margin: 10px 0 10px 0;
}
/*Table styles (I'm not good at tables - and very likely this will need some tweaking before use)
table{

padding:5px;
caption-side:top;
border-collapse:collapse;
text-align:left;

}

table th{
border-top:1px solid #808080;
border-bottom:1px solid #808080;
padding:10px;
width:75px;
}

table td{

padding:10px;

}
*/
/*If you want a table caption, uncomment this and add a caption in the HTML using the tags < caption > < /caption >, with no spaces*/
caption{
font-size:1.1em;
border:0;
}

/* Form styles */
input{
border:1px solid #A50001;
background:#EFEFEF;
color:#808080;
padding:4px;
margin:0 0 4px 4px;
}

input:hover{
border:1px solid #000000;
background:#F5F3F3;
}

input:focus{
border:1px solid #000000;
background:#ffffff;
}

textarea{
border:1px solid #A50001;
background:#EFEFEF;
padding:4px;
margin:0 0 4px 4px;
}

textarea:hover{
border:1px solid #000000;
background:#F5F3F3;
}

textarea:focus{
border:1px solid #000000;
background:#ffffff;
}

/*Footer styles*/
#footer {
color:#808080;
padding-top: 1px;
clear: both;
background: #D8D4D4;
font-size:0.85em;
text-align:center;
height: 55px;

}

#footer a {
color:#808080;

text-decoration:underline;
}

#footer a:hover {
border-bottom:1px solid #808080;
text-decoration:none;
}

#footer li {
display: inline;
padding-left: 7px;}

#footer2 {
height: 12px;
background: url(bg_footer.jpg) no-repeat;
}


/* Menu - old*/ 
#menu {list-style-type:none; margin: 5px auto; padding: 15px; font: normal 10px Verdana, Arial, Helvetica, sans-serif;}
#menu li {float:left; padding:0; margin:0 10px 0 0; position:relative; width:110px;  z-index:30; height:3em;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:1px;}
#menu table {border-collapse:collapse; padding:0;  font-size:1em;}
#menu dl {width: 120px; margin: 0; padding: 0; background: transparent; }
#menu dt {margin:0; padding: 0;}

#dd a {display:block; text-align:center; border-left:1px  dashed #08c; border-bottom:1px dashed #08c; }

#menu dd {margin:0; padding: 0; color: #d8d4d4; text-align:center; width: 140px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}

#menu dt a , #menu dt a:visited {display:block;  text-align:center; padding:0 0 2px 0;}

#menu li:hover dt a, #menu a:hover dt a {color:#006; }

#menu dd a, #menu dd a:visited {background:#EBEBEB; color:#5E5E5E; ; text-decoration:none; display:block; text-align:center; border-left:1px dotted #A50001; border-right:1px dotted #A50001; border-bottom:1px dotted #A50001; padding: 5px;}

#menu dd a:hover {background:#5E5E5E; color:#fff; ; text-decoration:none; display:block; text-align:center; border-left:1px dotted #A50001; border-right:1px dotted #A50001; border-bottom:1px dotted #A50001; padding: 5px;}

/*NEW MENU !!! */



#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
font-size: 11px;
}

#nav a{
display:block;
padding:0px 5px;
border:0px solid #333;
color:#fff;
text-decoration:none;
}

#nav2 a{
display:block;
padding:4px 5px;
border:0px dotted #A50001;
color:#5E5E5E;
text-decoration:none;
font-weight: bold;
}
#nav3 a{
display:block;
padding:4px 5px;
color:#5E5E5E;
text-decoration:none;
background-color:#f2f2f2;
font-weight: bold;
}

#nav a:hover{
color:#333;
}

#nav2 a:hover{
background-color:#5e5e5e;
color:#fff;
font-weight: bold;
}

#nav li{
float:left;
position:relative;
}


#nav2 li{
float:left;
position:relative;
padding: 0;
background-color:#EBEBEB;
border-bottom: 1px dotted #A50001;
border-left: 0px dotted #A50001;
}
#nav3 li{
float:left;
position:relative;
padding: 0;
border-bottom: 1px dotted #A50001;
}

#nav ul {
position:absolute;
display:none;
width:125px;
top:58px;
padding: 4px;
margin-left: -10px;
}
#nav2 ul {
padding: 0;
}

#nav3 ul {
padding: 0;
}

#nav li ul a{
width:125px;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:125px;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/*END NEW MENU */

table.cennik {
background: #ffffff;
font-size: 11px;
padding: 0px;
width: 770px;

}
table td.cennik_termin {
text-align: center;
background: #5D5D5D;
font-size: 11px;
padding: 3px;
color: #ffffff;
font-weight: bold;

}

table td.cennik_cena {
text-align: center;
background: #EBEBEB;
font-size: 11px;
padding: 3px;
font-weight: bold;

}
.even {
background: #EBEBEB;
}
td.dane {

width: 250px;
}
td.wartosc {
text-align: right;
}

td.jadlo_opis {
width: 280px;
border: 1px solid #d8d4d4;
}

td.jadlo_foto {
border: 1px solid #d8d4d4;
text-align: center;
}