/* pizza manhattan -> start:2009-10-10 -> 2009-10-10 | 2010-06-20 */

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

* {
	margin: 0;
	padding: 0;
	font: normal 13px Helvetica, sans-serif;
	text-decoration: none;
	outline: none;
	border: none;
	position: relative;
}

body {background: url(../skin/pizza_tlo1.gif);}


.b {font-weight: bold;}
.p {font-weight: bold; color: #F60;}
.n {color: #6FF;}

.zablok {background: red;}

#pizza, #pizza_logo {width: 1000px;}

#pizza {margin: 10px auto; border: 1px solid #8C8C8C;	-moz-border-radius:10px;}

#pizza_logo {height: 217px; margin: 20px auto 0; background: url(../skin/pizza1.png) no-repeat;}

#pizza_logo a {
	display: block;
	position: absolute;
	top: -24px;
   left: 306px;
	width: 388px;
	height: 174px;
	text-align: center;
}

#pizza_logo img+img {margin-top: -10px;}

#pizza_manhattan { /*menu główne */
	width: 923px;
	height: 256px;
	margin: -15px auto 0;
	background: url(../skin/pizza2c.jpg) no-repeat;
}

/*#pizza_manhattan ul {top: -52px;	left: 20px;} */
#pizza_manhattan ul {top: -52px;	left: 11px;}

#pizza_manhattan li {display: inline-block; width : 160px; height: 53px; padding:0; margin: 0 -6px; list-style: none;}

#pizza_manhattan a {
	display: block;
	width : 160px;
	height: 53px;
	padding-top: 24px;
	font: normal 14px Verdana, Arial;
	color: #FFC;
	text-align: center;
	background: url(../skin/meni.png) -166px top no-repeat;
}

#pizza_manhattan a:hover {font-weight: bold;	background: url(../skin/meni.png) -5px top no-repeat;}

#pizza_foto2, #pizza_foto3, #kurczak img, #dostawa img {display: block; position: absolute;}

#pizza_foto2 {
	top: 254px;
	right: 7px;
	width: 386px;
	height: 55px;
}

#pizza_foto3 {
	top: 89px;
	right: -39px;
	width: 40px;
	height: 166px;
}

#pizza_kurczak {
	position: relative;
	width: 935px;
	min-height: 230px;
	margin: 0 auto;
	padding-bottom: 220px;
}

#kurczak {
	top: 12px;
	left: 4px;
	width: 582px;
	height: 180px;
	background: url(../skin/pizza3.png) no-repeat;
}

#restauracje {
	top: 12px;
	left: 4px;
	width: 885px;
	padding: 0 20px 50px;
}

#restauracje img {padding: 0 0 10px 150px;}

#restauracje li {
	display: inline-block;
	width: 335px;
	height: 111px;
	margin: 0 50px;
	background: url(../skin/kurczak.jpg) no-repeat;
	list-style: none;
}

.lokal {
  display: table-cell;
  height: 111px;	
  width: 335px;
  vertical-align: middle;
  font: bold 2em Tahoma, Verdana, Arial;
  color: #993333;	
  text-align: center;	
}

.lokal:hover {color: blue;}

#l1 {
	top: 5px;
	left: 10px;
	width: 230px;
	height: 37px;
	/* maków mazowiecki*/
}

#l2 {
	top: 5px;
	right: 10px;
	width: 105px;
	height: 43px;
	/* węgrów */
}

#l3 {
	left: 10px;
	bottom: 14px;
	width: 128px;
	height: 42px;
	/* przasnysz */
}

#l4 {
	bottom: 18px;
	right: 10px;
	width: 210px;
	height: 37px;	
	/* sokołow podlaski */
}

#l5 {
	top: 43px;
	left: 173px;
	width: 236px;
	height: 84px;
	/* wyszków */
}

#kurczak_pizza {
	position: absolute;
	width: 582px;
	height: 241px;
	left: 0;
	bottom: 10px;
	padding-left: 10px;
}

.polecamy {
	display: block;
	width: 189px;
	height: 200px;
}

.polecamy:hover {border-bottom: 1px solid #FFFFCC;}

#polecamy {
	display: block;
	position: absolute;
	left: 50px;
	padding: 0 5px;
}

#polecamy:hover {
	width: 163px;
	border-left: 2px solid red;
	margin-left: -2px;
}

#kurczak_pizza div {
	float: left;
	width: 189px;
	height: 197px;
	top: 40px;
}

#pizza_m   {background: url(../skin/pizzam.jpg) no-repeat;}
#kurczak_m {background: url(../skin/kurczakm.jpg) no-repeat;}
#dodatki   {background: url(../skin/dodatki.jpg) no-repeat;}

#kurczak_pizza div+div {margin-left: 5px;}

#pizza_pizza_polecane, #pizza_pizza {position: absolute; right: 7px; width: 335px;}

#pizza_pizza_polecane {top: 95px;}

#pizza_pizza {bottom: 10px;}

#pizza_pizza div, #pizza_pizza_polecane div {width: 335px; height: 111px;}

#dostawa {background: url(../skin/dostawa.jpg) no-repeat;}
#lokale  {background: url(../skin/lokale.jpg) no-repeat;}
#menu    {background: url(../skin/menu.jpg) no-repeat;}

#dostawa img {/* */
	width: 31px;
	height: 20px;
	top: -19px;
	left: 262px;
}

.dostawa {
	display: block;
	width: 355px;
	height: 111px;
}

.dostawa:hover {background: url(../skin/to.png) right center no-repeat;}

#pizza_pizza div+div {margin-top: 4px;}

#stopka {
	width: 981px;
	height: 120px;
	margin: 0 auto 15px;
	background: url(../skin/pizza_stopka.png) no-repeat;
}

#stopka ul {top: 30px;	left: 50px;}

#stopka li {display: inline-block; list-style: none;}

#stopka li+li {
	margin-left: 10px;
	padding-left: 13px;
	background: url(../skin/dodatki_menu.jpg) left center no-repeat;
}

#start_md {
	width: 44px;
	height: 17px;
	background: url(../skin/start.jpg) no-repeat;
}

#stopka a {padding-bottom: 4px;	display: block;}

#stopka a:hover {padding-bottom: 3px;	border-bottom: 1px solid #FFFFCC;}

#stopka div {
	position: relative;
	margin: 5em auto;
	text-align: center;
	color: #C30;
}


#stopka div a {display: inline;	color: #C30;}

#lokale_md {
	width: 58px;
	height: 17px;
	background: url(../skin/lokale_menu.jpg) no-repeat;
}

#menu_md {
	width: 46px;
	height: 17px;
	background: url(../skin/menu_menu.jpg) no-repeat;
}

#zamowienia_md {
	width: 106px;
	height: 17px;
	background: url(../skin/zamowienia.jpg) no-repeat;
}

#kontakt_md {
	width: 72px;
	height: 17px;
	background: url(../skin/kontakt.jpg) no-repeat;
}

#galerie_md {
	width: 65px;
	height: 17px;
	background: url(../skin/galerie.jpg) no-repeat;
}


/* podstrona kontakt */


#mapa {float: right;	top: 0; right: 20px;}

div#mapa {color: #FFC;}

div#mapa a {color: #FFC; text-decoration: underline;}

div#mapa a:hover {color: #D8D8D8;}

#kontakt {
	position: relative;
	width: 935px;
	min-height: 230px;
	margin: 0 auto;
	padding-bottom: 220px;
}


#kontakt h3, #kontakt address {
	width: 450px;
	margin-left: 0;
	padding: 1em 0 .5em 1em;
}

#kontakt address {
	color: #D4D4D4;
	line-height: 160%;
	/*border: 1px solid #990000; */
}

address b, address i {
	display: block;
	padding: 0 0 .3em;
	font: bold 1.1em Verdana, Arial;
}

address i {color: #FFFFCC;}

#kontakt h3 {font: bold italic 1.3em Verdana, Arial; color: #FFC;}


.akapit {
	margin: 0 1em .3em;
	font: normal 1em Verdana, Arial;
	color: #B9B9B9;
	text-indent: 1em;
	line-height: 160%;
}


/* menu do menu */

#karta {
	min-height: 100px;
	margin: 0 40px;
	padding: 10px 0 0;
	overflow: auto;
}

ul#men {width: 160px; padding: 10px;}

#men li {margin: .4em 0; list-style: none;}

#men a.meni {
	z-index: 100;
	display: block;
	width: 96%;
	padding: .2em 4% .2em 0;
	font: bold 1.2em Verdana, Arial;
	color: #FFC;
	text-align: right;
}

#men a.meni:hover {text-align: center;}

#men b {
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #900;
	opacity: .5;
	filter: alpha(opacity=50);
}

#men a:hover+b {opacity: 1; filter: alpha(opacity=100);}

#men a.men_wybrane {color: #F60;}

#dan {
	position: relative;
	float: right;
	width: 750px;
	padding-bottom: 2em;
}

#dan ol {width: 710px; text-align: left;	padding-left: 20px;}

#dan li {
	position: relative;
	width: 680px;
	font: bold 1.2em Verdana, Arial;
	color: #F60;
	margin-left: 30px;
}

#dan p {
   position: relative;
	display: inline-block;
	width: 360px;
	font: bold 1.2em Verdana, Arial;
	color: #F60;
}

#dan p.cena, p.opis2 {
	width: 98px;
	font: bold 1.1em Verdana, Arial;
	text-align: right;
} 

#dan p.opis2 {
   display: inline-block;
	width: 98px;
	margin-left: 35px;
	margin-bottom: .5em;
	padding-bottom: .5em;
	text-align: center;
	color: #FFA66A;
	border-bottom: 1px solid red;
}

#dan p.opis2+p {margin-left: 0;}

#dan p.opis {
	display: block;
	font: normal .8em Verdana, Arial;
	color: #FFA66A;
	padding-bottom: 1em;
}


#galerie {
	min-height: 100px;
	margin: 10px 20px;
	padding: 1em;
}
 
#galerie .ladtre {margin-top: -20px;}
#galerie .ladtre:hover {margin-top: -25px;}

#galerie h3, #karta h3 {
	padding: .5em 0;
	font: bold italic 1.2em Verdana, Arial;
	color: #FFC;
}

#galerie ul {text-align: center;}

#galerie li {
	display: inline-block;
	position: relative;
	margin: 4px;
	list-style: none;
	border: 1px solid #8C8C8C;
}

#galerie p {
	padding: 0 4px 4px;
	font: normal .8em Verdana, Arial;
	color: #FFA66A;
}

#dan #brak_menu {
	width: 100%;
	padding: 20% 0 0;
	font: normal 1,2em Verdana, Arial;
	color: #FFA66A;
	text-align: center;
}

/* pokaz zdjęć z galerii */

#pokaz {}

img#nast {display: none;}

#pokaz a.apokaz {
	display: block;
	width: 820px;
	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;
	color: #F60;
}

#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: #F90;
	font-weight: bold;
}

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

#polecane {
	top: 12px;
	left: 4px;
	width: 582px;
	/*min-height: 150px; */
	margin-bottom: 4em;
}

#polecane, #polecane a.powr {color: #FFC;}

#polecane a.powr:hover {text-decoration: underline; color: #F90;}

#polecane ul {padding: 10px;}

#polecane li {margin-bottom: 1em; list-style: none;}

#polecane blockquote {padding: 1em;}

#polecane h3 {
	padding: .3em 0;
	margin-bottom: .3em;
	font: bold italic 1.2em Verdana, Arial;
	border-bottom: 1px solid #F90;
}

#polecane p.tytul {
	padding: .3em 0;
	margin-bottom: .3em;
	font: bold italic 1.2em/160% Verdana, Arial;
	border-bottom: 1px solid #F90;
}

#polecane h6 {
	clear: both;
	padding-top: .3em;
	text-align: right;
	border-top: 1px solid #F90;
}

/* pozycjonowanie zdjęć */

.foup {width: 100%; overflow: auto;	text-align: center;}

.fodown {width: 100%; overflow: auto; text-align: center;}

.imgl, .imgr {display: block;}

.imgl {float: left;}
.imgr {float: right;}

.imgs {display: inline-block;}

.imgl, .imgr, .imgs {margin: 5px 5px 10px;}

/*kontener z tekstem powitalnym na stronie startowej każdego lokalu */

#adres {margin: 1em 40px 0;}

#adres_lokal {margin: 1em 0 -1em;}

#adres address, #adres_lokal address {
	padding: 1em;
	color: #FC0;
}

#adres address b, #adres address i, #adres_lokal address b, #adres_lokal address i {display: inline-block;}

#adres address b+i, #adres_lokal address b+i, #adres_lokal address i+b {padding-left: .5em;}

#lokal {margin-top: 1em; overflow: auto;}

#lokal  .akapit {padding-top: 2em;}

#lokal  .akapit+p.akapit {padding-top: .3em;}


.twp {padding: 1em; font: italic .9em Verdana, Arial;}

#nowa_prom {
	display: block;
	margin: 1em;
	padding: .3em 1em;
	text-decoration: underline;
}

#nowa_prom:hover {color: red;}