/* 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;}

.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: bold italic 1em Helvetica, sans-serif; letter-spacing: .5px;}

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 {
	color: red;
	background: url(../skin/blask.jpg) center bottom no-repeat;
}


#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;
}

#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;}

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

#menud li {display: inline-block;}

#menud li+li:before {content:"| "}

#menud a:hover {color: red; text-decoration: underline;}

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

#sbox2 ol {
	position: relative;
	width: 90%;
	margin: 0 auto;
}

#sbox2 ol li {
	position: relative;
	font-size: 2em;
	font-weight: bolder;
}

#sbox2 ol li a.ladtre {position: absolute;}

#sbox2 li div {
	position: relative;
	width: 48%;
	height: 100%;
}

#sbox2 img.im0, #sbox2 img.im1 {
	display: block;
	position: absolute;
	top:-10px;
	right: 5px;
}

#sbox2 img.im1 { 
	right: 60px;
}

#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;
}

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

#sbox2 li+li {
	margin-top: 30px;
	padding-top: 6px;
	background: url(../skin/lista.jpg) center top no-repeat;
	/*border-top: 4px solid #9B0000; */
}

/*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 {
	position: relative;
	margin: 0 auto;
	padding-bottom: 1em;
	width: 100%;
	height: auto;
	border-top: 1px solid #757575;

}

.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;}

.kontakt h3 {
	width: 31%;
	margin: 0 1em 1em;
	padding: .3em 6em;
	font-weight: bolder;
	font-size: 1.2em;
	border-bottom: 4px solid #990000;
}

.kontakt address {
	width: 31%;
	margin: 0 1em 1em;
	padding: 0 7em;
	min-height: 310px;
}

.kontakt address a {
	margin-left:-.8em;
}

.kontakt address b {
	display: block;
	margin-bottom: .8em;
	font-size: 1.3em;
	font-weight: bolder;
}

.kontakt address b+b {margin:-.6em 0 .8em;}

.kontakt address i {
	display: block;
	margin-top: .8em;
}

.kontakt address i+i {margin-top: .2em;}

.kontakt address u {
	display: block;
	margin-top: .8em;
}

.kontakt address u+u {margin-top: .2em;}


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

#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*/

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

#wina {margin-bottom: 2em;}

#pizza h4 {
	position: absolute;
	right: 340px;
	color: #CC6600;
	font: bolder 1.5em Helvetica, sans-serif;
}

#pizza h4.cena2 {right: 200px;}
#pizza h4.cena3 {right: 50px;}

#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 {
	position: relative;
	background: #660000;
	padding-bottom: 2em;
	height: 450px;
	background: url(../skin/zabawa.jpg);
}

#zalog h3 {
	color: #00F;
	font: bolder 1.5em cursive Helvetica, sans-serif;
	text-align: center;
}

#zalog h3+h3 {
	color: #F90; 
	margin-top: 21em;
}

#wy1, #wy2, #wy3, #wy4, #wy5 {
	display: block;
	position: absolute;
}

#wy1 {
	left: 83px;
	top: 32px;
}

#wy2 {
	left: 357px;
	top: 36px;
}

#wy3 {
	right: 73px;
	top: 32px;
}

#wy4 {
	left: 205px;
	top: 244px;
}

#wy5 {
	right: 200px;
	top: 244px;
}

a#agata, a#iwona, a#emilka, a#pawel, a#lukasz {
	display: block;
	position: absolute;
	width: 60px;
	height: 180px;
	font: bolder 1em cursive;
	color: white;
	text-align: center;
}

a#agata {
	top: 40px;
	left: 275px;
}

a#emilka {
	top: 60px;
	left: 450px;
}

a#iwona {
	top: 40px;
	right: 275px;
}

a#pawel {
	top: 240px;
	right: 150px;
}

a#lukasz {
	top: 240px;
	left: 155px;
}

a#agata:hover, a#iwona:hover, a#emilka:hover, a#pawel:hover, a#lukasz:hover {
	color: #F90;
	font-size: 150%;
	border-bottom: 5px solid blue;
	margin-top:-20px;
	height: 205px;
}

a#emilka:hover {margin-top:-30px; height: 215px;}

/*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;}