body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}fieldset,img,button{border:0;}address,caption,cite,code,dfn,em,strong,th,var,b,i{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}q:before,q:after{content:'';}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 â 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

.sIFR-active h2 {
  --visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 100%;
}

/*************** KONIEC SIFR ******************************************/
body {
	/*background: url(img/background.png) repeat-x;*/
}
#bg {
	height:652px;
	margin-top:-324px;
	position:absolute;
	top:50%;
	width:100%;
}

#b_left {
	background:url(img/b_left.png) #fff no-repeat;
	float:left;
	min-height:516px;
	width:91px;
}

#b_right {
	background:url(img/b_right.png) #fff no-repeat;
	float:left;
	min-height:516px;
	width:44px;
}

#top {
	background: url(img/b_top.jpg) no-repeat;
	width: 1237px;
	--width: 860px; /*t*/
	height: 98px;
	margin:0;
	padding:0;
}

#b_bottom {
	background: url(img/b_bottom.png) no-repeat;
	width: 1237px;
	height: 28px;
	float: left;
}

#container {
	width: 1095px;
	background: #fff;
	float: left;
	padding-top: 2px;
}
#header{ /*t*/
	clear:both;
}
#header img {
	float: right;
	padding: 0 0 0 4px;
}
/*
#header img.l {
	padding-right: 11px;	
}
*/
#header_block {
	background: #A33537;
	width: 235px;
	height: 32px;
	float: left;
}
#left{
	width:230px; /*t*/
	}

#left img{
	margin-top: 140px;
}

#content {
	clear:both;
	width: 856px;
	/*background: #ECECEC;*/
	background: url(img/main2.png) repeat-x;
	margin: 2px 3px -2px 0;
	min-height: 448px;
	float: right;
}
#content-center{  /*t*/
	margin:10px 30px 0;
	width: 800px;
	height:444px;
	overflow:hidden;
	}
#footer {
	background: #ECECEC;
	color: #8E8E8E;
	width: 690px;
	height: 32px;
	text-align: right;
	font-family: Tahoma;
	line-height: 32px;
	font-size:10px;
	float:left;
}

#footer_block {
	background: #ECECEC;
	width: 235px;
	height: 32px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#footer_block_red {
	background: #A33537;
	width: 129px;
	height: 32px;
	float:right;
}

body {
	color: #8E8E8E;
	font-family: Tahoma;
}

p {
	line-height: 16px;
	font-size:12px;
	clear:both; /*t*/
}
ul{
	margin-top:5px;
	}
li{
	line-height: 16px;
	font-size:12px;
	}
.specjaly-mlynarza-image{   /*t*/
	width:100%;
	text-align:center;
	margin:0;
	padding: 25px 0 25px 0;
	}

#mygallery { /*t*/
	position:absolute;
	width:780px;
	padding:0;
	margin:5px 0px 5px 0px;
	bottom:65px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: auto; /*leave this value alone*/
width: 820px; /*Width of Carousel Viewer itself*/
height: 252px; /*Height should enough to fit largest content's height*/
margin: 0 0 20px 32px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 12px; /*margin around each panel*/
width: 380px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#menu, #submenu2, #submenu3, #submenu4 {
	margin-top: 10px;
	margin-left: 30px;
	clear:both; /*t*/
}

#menu li, #submenu2 li, #submenu3 li, #submenu4 li {
	display: inline;
	height: 30px;
	float:left; /*t*/
	margin-right:4px; /*t*/
}

#menu li a {
	font-size: 14px;
}

#submenu2 li a {
	font-size: 12px;
}

#submenu3 li a {
	font-size: 10px;
}

#submenu4 li a {
	font-size: 9px;
}

li a {
	color: #000;
	text-decoration: none;
	margin-top: 10px;
	outline: none;
}

#menu li a {
/*	width: 100%; */
/*	display: inline-block; */
	display: inline;
}

#menu li .s {
	background-position: 0 -30px;
}

#submenu2 li a.s, #submenu3 li a.s, #submenu4 li a.s {
	color: #A33537;
}

form table td {
	font-size: 11px;
	color: #000;
}

input, select {
	border: 1px solid #000;
}

td.r {
	text-align: right;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}

/******** NOWE ************/
#menu{
	clear:both;
	background:#ECECEC;
}
#menu ul{
	padding:0;
	margin:0;	
}
#menu li{
	list-style:none;
	display:inline;
	float:left;
}
#menu li a{
	outline: none;
}
/**** JEZYKI ***********/
#languages{
	padding-right: 11px;
	}

/****** MENU **********************/
.menu_1 li, .menu_2 li, .menu_3 li {
	display:inline;
	float:left;
	width:auto;
	padding:2px 3px 2px 0;
	}
.menu_0 li{
	display:inline;
	float:left;
	width:auto;
	padding:0 12px 5px 0;
}
ul.menu_0 li.fr_active_page, ul.menu_0 li.fr_no_active_page {
	padding-right: 1px;
}
ul.menu_0 li.ru_active_page, ul.menu_0 li.ru_no_active_page {
	padding-right: 10px;
}
.menu_1 li, .menu_2 li, .menu_3 li{
	padding-right:5px;
}
.menu_1 .image-list-style, .menu_2 .image-list-style, .menu_3 .image-list-style{
	margin-right:-3px;
	padding-right:3px;
	height:1em;
	width:1em;
	}
.menu_1 .image-list-style {
	background:url('img_1.png') no-repeat 0% 70%;
}
.menu_2 .image-list-style {
	background:url('img_2.png') no-repeat 0% 70%;
	width:0.6em;
}
.menu_3 .image-list-style {
	background:url('img_3.png') no-repeat 0% 70%;
	width:0.6em;
}
.menu_1 li.image-list-style img{
	display: table-cell;
	margin-top:3px;
	vertical-align: top;
	}
.menu_3 li.image-list-style img, .menu_2 li.image-list-style img{
	display: table-cell;
	margin-top:5px;
	vertical-align: top;
	}
.menu_1, .menu_2, .menu_3{
	clear:both;
}
/******* GLOWNY TEKST STRONY ******/
#content-page{
	padding:0;
	margin:0;
	clear:both;
	width:100%;
}

/* SCROLLING DLA TESKTU */
.scroll-text{
	margin:0;
	padding:0;
	width:100%;
	height:450px;
    overflow: auto;
    overflow-x:hidden;
}
.root     {
    position:relative;
    height:      200px;
    width:      489px;
    top:10px;
   /* margin:      30px 0px 8px 7px; */
    _margin-top:0px; /*IE margin bug */
   	/*display: inline; IE margin bug */
    }
    /*
.root :first-child {
 margin:      20px 0px 8px 7px; 
}
*/
.root p   {
    margin:      10px 10px 5px 10px;
    }
.thumb     {
    position:      absolute;
    height:      9px;
    width:      15px;
    left:       10px;
    }
.up{
}
.up, .dn   {
    position:      absolute;
    left:       10px;
    }
.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
    border:      0;
    }
.scrollContainer { 
    position:      absolute; 
    left:      2px; 
    top:      19px; 
    width:      350px; 
    height:      200px; 
    clip:      rect(0 467 200 0); 
    overflow:      auto; 
    background:    #ECECEC;
    }
.scrollContent { 
    position:      absolute; 
    left:      0px; 
    top:      0px; 
    width:      100px; 
    }



/* MENU DAN RESTAURACJI */
.menu_pl { text-align: center; font-style: italic; font-size: 13px; color: #A33537; margin-top:15px }
.menu_en { text-align: center; font-style: italic; font-size: 13px; color: #000; /*t*/ }
.menu_am { text-align: center; font-size: smaller; }
.menu_pr { text-align: center; font-size: smaller; }
.n { font-style: normal; color:#000;}
.lf { text-align: left; margin-left: 200px; }

/* CENNIK */
strong {
	font-weight:bold;
}
/* LISTA PIOSENKI */
#songs{
	color:black;
	font-size:80%;
	}
#songs a{
	color:black;
	font-size:90%;
	text-decoration:none;
	}
#songs b{
	color:#A33537
	}
#songs td{
	width:250px;
	}
/* KONTAKT */
.contact{
	float:left;
	padding-top:5px;
}
.map{
	width:50%;
	float:left;
}
.reservation{
	width:50%;
	float:left;
}

/* TWOJA OPINIA */
#poll{
	margin:0;
	padding:0;
	font-size:90%;
	clear:both;
	width:100%;
	}
#flashMessage{
	color:#A33537;
	margin-bottom: 10px;
	text-align:center;
	}
#poll legend,  .poll-text label{
	color:black;
	}
.poll-text{
	font-size:80%;
	float:left;
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}
.poll-text textarea {
	overflow:hidden;
	}
.poll-question{
	font-size:80%;
	float:left;
	clear:both;
	}
.poll-question label{
	margin:0 10px 0 5px;
	}
.poll-submit{
	clear:both;
}
#poll div.root     {
    position:relative;
    height:      200px;
    width:      489px;
    margin:      0 0px 8px 7px;    
    }

/* TWOJA OPINIA na mail'a */
div#poll-mail{
	font-size:80%;
	}
div#poll-mail div.scrollContent fieldset{
padding-bottom:10px;
		}
div#poll-mail div.scrollContent legend{
color:black;
		}
div#poll-mail div.scrollContent label{
padding-left:5px;
		}
div#poll-mail div.scrollContent td{
padding-right: 20px;
		}
/* REZERWACJE - jak beda nowe nalezy usunac */
.reservation-mail{
	text-align:right;
	margin:0;
	padding:0;
	font-size:90%;
	clear:both;
	/*width:260px;*/
	width:360px;
	/*background:#ececec;*/
}
.reservation-mail input{
margin:1px 1px 2px 0;
}
.reservation-mail label{
	float:left;
}
.reservation-mail-left{
	clear:both;
	text-align:left;
	margin:0;
	padding:0;
	font-size:90%;
	clear:both;
	/*width:260px;*/
	width:360px;
	/*background:#ececec;*/
}
.reservation-mail-left input{
margin-right:5px;
}
div.reservation{
	/*overflow:scroll;
	overflow-x:hidden; 
	height:400px; */
	height:410px;
	}
div.reservation iframe{
	background:#ececec;
	height:390px;
	}
	/*
div.reservation div.checkbox{
	float:left;
	} */
	/*
div.reservation-mail-left{
	width:200px;
	}
	*/
div#reservation-ohters-left{
	/* float:left;
	width:200px; */
	}
div#reservation-ohters-left div{
	display:block;
	width:180px !important;
	}
input#reservation-others-field{
	float:right;
	margin:0;
	padding:0;
	margin-right:1px;
	}