/* manhattan -> start:2009-03-17 -> 2009-04-27 | 2010-06-28*/

/* aleproste.pl & projekt.etvn.pl Dariusz Golczewski */

* {
	margin: 0;
	padding: 0;
	font: normal 13px Helvetica, sans-serif;
	color: #C0C0C0;
	text-decoration: none;
	outline: none;
}

body {background-color: #330000;}

div {position: relative;}

.brek {clear: both; height: 1px; width: 100%;}

h2, .tyt {font-size: 1.1em; font-weight: bold; margin: .5em 1em;}

.akapit {font: normal 1.1em/160% Helvetica, sans-serif;}


.b {font-weight: bold; letter-spacing: .5px;}

.t {display: block; padding: .4em 0; font-weight: bold; color: #F60;}
.p {font-weight: bold; color: #F90;}
.l {font-size: 1.2em;}
.c {text-align: center;}

img {border: 0;}

blockquote {padding: .5em 1em; line-height: 150%;}

#strona, #strona2 {
	position: relative;
	width: 960px; /* 480, 240*/
	margin: 0 auto 1em;
	background: #660000;
}

#strona2 {background: url(../skin/zabawa.jpg);}

#menu {
	position: relative;
	width: 100%;
	height: 53px;
	background: url(../skin/menu_tlo.jpg) left top repeat-x;
}

#menu ul {
	width: 910px; /*792 */
	height: 53px;
	padding-left: 25px; /* 85 */
	list-style: none;
	background: url(../skin/menu_s.jpg) right top no-repeat;
	
}

#menu li {
	float: left; 
 	width: 128px;
	padding-left: 2px;
	background: url(../skin/menu_s.jpg) left top no-repeat;
}

#menu li a {
   display: block;
	width: 128px;
	height: 38px;
	padding-top: 15px;
	text-align: center;
	font-weight: bolder;
	background: url(../skin/menu2.jpg) center bottom no-repeat;
}

#menu li a:hover, #menu li a.active {color: red; background: url(../skin/blask.jpg) center bottom no-repeat;}

#menud {
	padding: 1em 0;
	text-align: center;
	background: #660000;
	border-top: 1px solid #757575;
}

#menud li {display: inline-block;}

#menud a {font-size: .95em; text-transform: uppercase; letter-spacing: .5px;}

#menud li+li:before {content:' :: '}

#menud a:hover, #menud a.active {color: #F60; text-decoration: underline;}



#gbox, #gbox2 {position: relative;}
 
#gbox {
	position: relative;
	height: 349px;
	background: url(../skin/tlo_sza.jpg) center top;
}

#gbox h1, #gbox2 h1{
	position: absolute;
	top: 0;
	left: 333px;
}

.imge {
	display: block;
	position: absolute;
}

#i1 {
	left: 100px; 
	top: 100px;
}

#i2 {
	top: -200px;
	left: 362px; 
}

#i3 {
	top: 100px; 
	left: 625px;
}

#sbox, #sbox2, #sboxm {
	position: relative;
	height: 243px;
}

#sbox2 {}

#sboxp {position: relative; margin: 1em 0;}

#sbox, #sboxm, #sboxp {border-top: 1px solid #757575; }

#sbox2 {height: auto;}

#sboxm {height: 40px;}

#s1 {margin-left: 60px;}
#s2 {margin: 22px 0 0 362px;}
#s3 {margin-left: 599px;}

#dbox {
	position: relative;
	height: auto;
	padding: 5px 0 10px;
	border-top: 1px solid #757575;
	border-left: 1px solid #757575;
	border-right: 1px solid #757575;
	background: #330000;
	overflow: auto;
}

#dbox a.ladtre {margin-top: -1em;}

#left, #middle, #right {
	position: relative;
	float: left;
	width: 288px;
	height: 100%;
	margin-top: 5px;
	padding: 5px;
}

#middle {
	width: 346px;
	text-align: center;
	border-left: 1px solid #757575;
	border-right: 1px solid #757575;
}

#middle h2 {margin: 1em 1em .5em;}

#right h2 {text-align: right;}

#middle blockquote {
	padding: .5em 1em;
}

#left img, #right img, #middle img {
	display: block;
	margin: 5px;
}

#left img {float: left;}

#right img {float: right;}

#middle img {margin: 0 auto;}

#stop {
	position: relative;
	padding: 1em;
	text-align: center;
	background: #330000;
}

#pizza {
	width: 95%; 
	margin: .5em auto;
	padding: .3em 0;
	border: 1px solid #F90;
	overflow: auto;
}

#pizza p, #sbox2 li p.cena {
	position: relative;
	float: left;
	font: bold 1em Helvetica, sans-serif;
}

#pizza p {
	color: #C60;
	font-size: 1.5em;
	text-align: center;
}

#sbox2 li p.cena {font: bold 1em Helvetica, sans-serif;	text-align: right;}

.rozm, .cena  { padding-right:.5em;}
.rozm {width: 94px;}
.cena {width: 90px; padding-bottom: 28px;}

/*#pizza p */

.nazwa {width: 482px;}

#sbox2 li .nazwa {width: 420px;}



.opis {padding: 0 1em 1em 0;}

#sbox2 ol {}

#sbox2 ol, #sbox2 ol li, #sbox2 li div, .nazwa {position: relative;}

#sbox2 ol {width: 95%; margin: 0 auto; overflow: auto; list-style: decimal;}

#sbox2 li {clear: left; font-size: 2em; font-weight: bolder; padding: .5em 0;}

#sbox2 li div {float: left;	width: 50%;}

#sbox2 li div .nazwa {font: bold 1.5em Helvetica, sans-serif;}

.tl {background: #8C0000;}

#sbox2 img.im0, #sbox2 img.im1 {display: block;	float: left; margin-top:-10px; margin-left: 20px;}

#sbox2 img.im1 {margin-left: 120px;}


#sbox2 li div h2 {
	margin: 10px 0 5px 20px;
	padding: 0;
	font-size: 1.6em;
}

#sbox2 li div h3 {
	margin: 0 0 5px 20px;
	padding: 0;
	font-size: .9em;
}

#sbox2 li h4 {
	position: absolute;
	top: 15px;
	right: 300px;
	font-size: 1em;
	font-weight: bolder;
	color: green;
}

#sbox2 li h4.cena2 {right: 150px;}
#sbox2 li h4.cena3 {right: 0px;}


#sbox2 li+li {	margin-top: 30px; background: url(../skin/lista.jpg) center top no-repeat;}

/*pole z lewej strony na d_karta gdzie można wstawić tło graficzne */

#fomenu {
	position: absolute;
	z-index: 0;
	left: 0;
	margin-top: 0;
	text-transform: uppercase;
	width: 50%;
	height: 100%;
	font-style: italic;
}

.powr {
	display: block;
	position: relative;
	z-index: 100;
	margin: 1em 0;
	text-align: center;
}

.powr:hover {
	color: red;
	text-decoration: underline;
}

/* menu bez ul li */

#menuk, #galeria, #pokaz {
	position: relative;
	border-top: 1px solid #757575;
	background: #660000 url(../skin/zabawa.jpg);
}

#menuk h2 {
	font: bold italic 1.3em Helvetica, sans-serif;
	color: #D7AC00;
}

#menuk div, #galeria div {
	width: 914px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

a.amenuk, a.bmenuk {
	position: relative;
	display: inline-block;
	width: 160px;
	height: 110px;
	
	margin: 5px;
	padding: 5px;
	border: 3px solid #6874DD;
	color: #003;
	font-size: 1.5em;
	font-weight: bolder;
	text-align: right;
	vertical-align: top; 
	line-height: 120%;
}

a.bmenuk {height: 152px;}

a.amenuk:hover, a.bmenuk:hover {color: black; border: 3px solid red;}

a.amenuk i, a.bmenuk i {
	display: block;
	position: absolute;
	width: 159px;
	height: 112px;
	padding: 2px 2px 2px 6px;
	top: 0px;
	right: 0px;
	color: #D7D7D7;
	font-size: 1em;
	font-weight: bolder;
	text-align: right;
	line-height: 120%;
	border: 2px solid #3B3B3B;
}

a.amenuk i:hover, a.bmenuk i:hover {color: white;}

#menuk h5 {
	width: 160px;
	margin: 95px auto;
	height: 3em;
	text-align: left;
}

#menuk h5:hover {color: white;}

/* kontakt */

.kontakt {
	margin: 1em auto;
	padding: 1em 5%;
	width: 90%;
	height: 300px;
	border-top: 1px solid #757575;
}

.mapa {height: 400px;}

#mapa {
	position: absolute;
	top: 3em;
	right: 0;
	width: 425px;
	text-align: center;
}

.kontakt label {
	display: block;
	float: left; 
	clear: left; /* musi być */
	width: 30%;
	height: auto;
	margin-right: 1%;
	text-align: right;
}

.kontakt form {
	width: 50%;
	margin: 1em auto;
	padding: 2%;
	border: 4px solid #A60000;
}

.kontakt input, .kontakt textarea {
	padding: .2em .5em;
	color: black;
}

.kontakt textarea {
	width: 96%;
	height: 4em;
}

.kontakt input[type=text] {width: 65%;}

.kontakt legend {
	padding: 0 1em;
	font-weight: bolder;
}

.kontakt div {	padding: 5px 0;}

.kontakt .feror {color: #D52B00;}

#fster {
	padding: 1em 0;
	text-align: center;
}

/* dane kontaktowe */

div#fform h2{/* komunikat po wysłaniu maila */
	position: relative;
	margin: 2em auto;
	padding: 1em;
	width: 500px;
	font-size: 1.2em;
	color: #F90;
	line-height: 160%;
	text-align: center;
	border: 4px solid #990000;
}

div#fform h2.red {color: red;}

#zamow {/*pole telefonów, pod którymi składa się zamówienia */
	padding: 1em;
	position: relative;
	overflow: auto;
	border-top: 1px solid #757575;
}

#zamow h2 {
	float: left;
	font: bolder 2em cursive, Helvetica, sans-serif;
}

#zamow h3
{
 font: normal 1.3em cursive, Helvetica, sans-serif;
 text-align: center;
 line-height: 140%;
}

#zamow p {
	margin: 1em 0;
	font: bolder 1em cursive, Helvetica, sans-serif;
	text-align: center;
}

#zamow p b {font: bolder 2em cursive, Helvetica, sans-serif; color: #F90;}

/*zakładka rezerwacje */

#rezerw {
	position: relative;
	width: 70%;
	margin: 70px auto 0;
	padding-top: .5em;
	background: #AE0000;
   opacity: 0.85;
	filter: alpha(opacity=85);
}

#rezerw h3 {font: bold 1.7em cursive, Arial; color: #FFCC00; text-align: center;}

#rezerw p {
	width: 20em;
	margin: .5em auto;
	font: bolder 1.5em cursive, Arial;
	text-align: center;
}

#rezerw p b {font: bolder 2em cursive, Arial; color: #FFCC00;}

/* karta -> d_karta*/

#wina {position: relative; padding: 1em; margin: 1em;}

#wina {margin-bottom: 2em;}

#wina h4 {
	position: absolute;
	right: 370px;
	color: #CC6600;
	font: bolder 1.3em Helvetica, sans-serif;
	text-align: center;
}

#wina h4.cena2 {right: 220px;}

.dodatki {
	position: relative;
	margin: 1em;
	padding: 1em;
}

.dodatki h3, .dodatki h4, .dodatki h5, .dodatki p {
	padding: 0 1em .5em;
	font: bolder 1.4em cursive;
	color: #Cc6600;
}

.dodatki h3 {
	margin-bottom: .5em;
	border-bottom: 2px solid #Cc6600;
}


.dodatki blocquote {
	margin: 1em 2em;
	padding: 1em;
	line-height: 160%;
}

.dodatki h4 {font-size: 1.2em;}

.dodatki p {font-style: italic; text-align: center;}

.dodatki img.fot1 {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}


/* aby w IE by3o widoczne numerowanie */
ol {padding-left: 0;}

ol li {margin-left: 2em;}

div#dd_menu {
	position: relative;
	padding: .5em 0;
	border-top: 1px solid #8C8C8C;
	border-bottom: 1px solid #8C8C8C;
}

#dod_menu a:hover {color: blue;}


/* #galeria = #menuk */

#galeria a.agaleria {
	display: inline-block;
	width: 190px;
	height: 170px;
	margin: 5px;
	border: 1px solid red;
	overflow: hidden;
}

#galeria a.agaleria:hover {border: 1px solid blue;}

#galeria a img {
	display: block;
	width: 174px;
	margin: 5px;
	border: 2px solid blue;
}

#galeria h2 {
	margin: .5em;
	padding: .5em;
	text-align: center;
	border-bottom: 1px solid #8C8C8C;
}

#galeria h3 {font: bolder 2em cursive;	color: #FFCC00;}

#galeria h5 {
	margin: 0 4px;
	height: 1.6em;
	overflow: hidden;
	text-align: left;
}

#galeria h6 {font-size: .85em; color: #FF9900;}

#galeria h6 i {font-size: 1em; color: red;}

.reklama div {
	display: block;
	position: relative;
	width: 730px;
	margin: 1em auto;
	border: 0px solid red;
}

#sbox2 .dodatki img.fot0 {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

/* pokaz */


img#nast {display: none;}

#pokaz a.apokaz {
	display: block;
	width: 520px;
	margin: 1em auto;
	border: 1px solid red;
}

#pokaz a.apokaz:hover {border: 1px solid blue;}

#pokaz a img#wido {
	display: block;
	margin: 10px auto;
	border: 2px solid blue;
}


#pokaz h5 {margin: 1em;	text-align: center;}

#pokaz h6 {
	font-size: .85em;
	text-align: center;
	color: #FF9900;
}

#pokaz h6 i {font-size: 1em; color: red;}

#ster_gal {
	position: relative;
	width: 520px;
	margin: .5em auto;
	text-align: center;
}

#ster_gal a, #ster span {font-weight: bold;}

#ster_gal span#sp { display: inline-block; padding: 0 1em;}

#ster_gal span#sp a {color: white;}

#ster_gal a:hover{color: blue;}

#ster_gal span#next, #ster_gal a#next {padding: 4px 60px 4px 0; color:#8C8C8C;}

#ster_gal span#prev, #ster_gal a#prev  {padding: 4px 0 4px 60px; color:#8C8C8C;}

#ster_gal a#next {background: url(../skin/nast.png) right top no-repeat; color:#FFF;}

#ster_gal a#prev {background: url(../skin/pop.png) left top no-repeat; color:#FFF;}

#ster_gal a#next:hover, #ster_gal a#prev:hover, #ster_gal span#sp a:hover {color: #4646FF; text-decoration: underline;}

#pokaz b {padding: 0 2em; color: #FF9900;	font-weight: bold;}

#pokaz p {
	width: 520px;
	margin: .5em auto;
	text-align: center;
	color: #FF9900;
	font-size: .85em;
	font-weight: bold;
}

#dbox a.anius {display: block; position: relative;}

#dbox a.anius:hover blockquote, #dbox a.anius:hover h2 {color: #F90;}


#niusy, #oferty {
	padding: 1em 0;
	border-top: 1px solid #757575;
	border-bottom: 1px solid #757575;
	background: url(../skin/zabawa.jpg);
}

#niusy div, #oferty div {
	position: relative;
	width: 80%;
	margin: 1em auto;
	overflow: auto;
	border: 1px solid #757575;
}

#niusy img, #oferty img {display: block; margin: .5em .5em 2em;}

#niusy img.left, #oferty img.left {float: left;}
#niusy img.right, #oferty img.right {float: right;}

#niusy div blockquote, #oferty div blockquote {margin-bottom: 2em; font-size: 1.2em;}

#niusy div blockquote:first-letter {
	margin-right: 3px;
  	margin-top: 3px;
  	float: left;
  	color: #FC0;
  	background: #660000;
  	border: 2px solid #330000;
  	font-size: 2.5em;
	line-height: 1em;
  	padding-right: 3px;
  	font-family: times;
	width: 2ex;
	text-align: center;
}

#oferty .tyt:first-letter {
	margin-right: 3px;
  	margin-top: 3px;
  	float: left;
  	color: #FC0;
  	background: #660000;
  	border: 2px solid #330000;
  	font-size: 2.5em;
	line-height: 1em;
  	padding-right: 3px;
  	font-family: times;
	width: 2ex;
	text-align: center;
}

#niusy div a.back, #niusy div p.pop, #oferty div a.back, #oferty div p.pop {
	display: block;
	position: absolute;
	right: 1em;
	bottom: 1em;
}

#niusy div a.back:hover, #oferty div a.back:hover {color: #F90;}

#niusy div p.pop, #oferty div p.pop {
	left: 1em;
	bottom: .5em;
	font: normal italic .8em Helvetica, sans-serif;
	color: #FFCC00;
}




#zalog {padding-bottom: 2em;	background: url(../skin/zabawa.jpg); text-align: center;}

#zalog img {display: block; position: absolute;}

.per_bar, .per_sala {position: relative;	width: 100%;	height: 210px;}

.per_bar {}
.per_sala {}

.per_bar div, .per_sala div {
	display: inline-block;
	position: relative;
	/*background: red; */
}

.per_bar div {width: 33%;}
.per_sala div {width: 49%;}


.bar_img1, .bar_img2, .bar_img3 {}

.bar_img1 {left: 83px;	top: 32px;}
.bar_img2 {left: 357px; top: 36px;}
.bar_img3 {right: 73px; top: 32px;}

.sala_img1, .sala_img2 {}

.sala_img1 {left: 205px; top: 32px;}

.sala_img2 {right: 200px; top: 32px;}

.bar1, .bar2, .bar3 {}

.bar1 {top: 40px; left: 275px;}
.bar2 {top: 60px;	left: 45%;}
.bar3 {top: 40px; right: 275px;}

.sala1, .sala2 {top: 32px;}

.sala1 {left: 140px;}
.sala2 {right: 140px;}

.person {font-weight: bold; color: #00F; text-decoration: underline;}

#zalog h3 {padding: 2em 0 0;	font: bolder 1.5em cursive Helvetica, sans-serif; color: #F60; text-align: center;}


#zalog a.per {
	display: block;
	position: absolute;
	width: 60px;
	height: 180px;
	font: bold 1em cursive; color: white;
	text-align: center;
}


#zalog a.per:hover {
	color: #F90;
	font-size: 150%;
	border-bottom: 5px solid blue;
	margin-top:-20px;
	height: 205px;
}


/*zakładka praca*/

#sboxp {min-height: 224px;}

#praca {
	position: relative;
	width: 70%;
	margin: 70px auto 0;
	padding: .5em 0;
	background: RGBa(145,0,0,0.90);
} 

#praca h2 {font: bold 1.7em cursive, Arial;color: #FFCC00; text-align: center;}

#praca ul {padding-bottom: 1em;}

#praca li {
	width: 99%;
	margin: .5em auto;
	text-align: center;
	list-style: none;
}

#praca li a.of_prac {text-decoration: underline; font: bolder 1.3em cursive, Arial; color: #FFF; }
#praca li a.of_prac:hover {color:#00F;}

#nowa_oferta {display: block;	text-align: center; text-decoration: underline;}
#nowa_oferta:hover {color: #00F;}

/* NOWE */

.er-wal {color: #FF0;}

.tyt_pole {font: bold 1.2em /160% Helvetica, Arial, sans-serif; color: #F60;}

.adres_kontakt {padding: 1em;	width: 45%;}

.adres_kontakt p {font-size: 1.1em; line-height: 160%;}
.naz1, .tel b, .tel+p b {font-weight: bold; font-size: 1.2em; letter-spacing: .5px; color: #F90;}

.reklama {width: 100%;}

.reklama div {width: 750px; margin: 0 auto; text-align: center;}

.fb {
	position: fixed;
	z-index: 9999;
	top: 30%;
	width: 28px;
	height: 500px;
	/*background: #03C; */
	overflow: hidden;
}

.fb:hover {
	width: 420px;
}

.fb_inside {
	position: relative;
	right: 30px;
	top: 0;
	width: 100%;
	height: 500px;
	background: url(../skin/fb_tlo.png);
}

#fb_left .fb_inside {right: 28px;}

#fb_right .fb_inside {left: 28px;}

#fb_left {left: 0; background: url(../skin/fbl.png) top right no-repeat;}

#fb_right {right: 0;	background: url(../skin/fbr.png) top left no-repeat;}

.fb iframe {position: absolute; width: 300px; height: 500px;}

#fb_left iframe {right: 38px;}
#fb_right iframe {left: 38px;}

#baner_start, #baner_menu {
	width: 750px;
	top: 60px;
	left: 50%;
	margin-left: -375px;
}

#baner_menu {
	position: relative;
	top: 10px;
	margin-bottom: 20px;
}