#osszerako .deszkakep {
	background: #fff;
	position: relative;
	z-index: 11;
	top: -12px;
	margin: auto auto -250px -14px;
	width: 511px;
	height: 250px;
}

#osszerako .aloldalkep {
	/*background-image: url(aloldal.png);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
   z-index:11;
   top:-10px;
   padding-top:20px;
   margin: auto auto 0px -7px;
   width:500px;
	height: 754px;*/
	
}

#osszerako .aloldalkepfb {
	background-image: url(fbuveg.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	z-index: 11;
	top: -10px;
	padding-top: 20px;
	margin: auto auto 0px -7px;
	width: 500px;
	height: 823px;
}

#osszerako .aloldalkepfb img {
	margin: 282px auto auto 33px;
	width: 429px;
	height: 437px;
}

#osszerako .aloldalkep img {
	margin: 164px auto auto 32px;
	width: 429px;
	height: 437px;;
}

#osszerako .aloldalkep .megosztkos {
	position: absolute;
	background-image: url(megossztkos2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	width: 261px;
	text-indent: -9999px;
	z-index: 10;
	margin: 610px auto auto -343px;
}

#osszerako .aloldalkep .megosztkos:hover {
	background-position: 0 -36px;
}

#osszerako .aloldalkepfb .kiprobalom {
	position: absolute;
	background-image: url(kiprobalomgomb.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	width: 145px;
	text-indent: -9999px;
	z-index: 10;
	margin: 738px auto auto -283px;
}

#osszerako .aloldalkepfb .kiprobalom2 {
	position: absolute;
	background-image: url(kiprobalomgomb.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	width: 145px;
	text-indent: -9999px;
	z-index: 10;
	margin: 121px auto auto -283px;
}

#osszerako .aloldalkepfb .kiprobalom:hover {
	background-position: 0 -36px;
}

#osszerako .aloldalkepfb .kiprobalom2:hover {
	background-position: 0 -36px;
}

#osszerako .aloldalkep .megoszt {
	position: absolute;
	background-image: url(megosztas2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	width: 125px;
	text-indent: -9999px;
	z-index: 10;
	margin: 650px auto auto -343px;
}

#osszerako .aloldalkep .megoszt:hover {
	background-position: 0 -36px;
}

#osszerako .aloldalkep .kosarba {
	position: absolute;
	background-image: url(kosar2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	width: 125px;
	text-indent: -9999px;
	z-index: 10;
	margin: 650px auto auto -206px;
}

#osszerako .aloldalkep .kosarba:hover {
	background-position: 0 -36px;
}

#osszerako #deszkamask {
	position: relative;
	margin: 5px auto auto 6px;
	width: 471px;
	height: 192px;
	overflow: hidden;
}

#osszerako #kepekvagokep {
	position: relative;
	margin: auto auto auto auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#deszkamask .deszka {
	position: relative;
	z-index: 11;
	top: -25px;
	margin: auto auto auto -21px;
	width: 10000px;
	height: 267px;
}

#deszkamask .deszka img.bboxo {
	margin-left: -97px;
}

#deszkamask .deszka .vonal {
	position: absolute;
	background-image: url(vonal2.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	width: 495px;
	height: 22px;
	margin: -25px auto auto -25px;
	color: #cc0817;
	font-weight: 900;
	font-size: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#deszkamask .deszka .vonaln {
	position: absolute;
	background-image: url(vonal2.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	width: 495px;
	height: 22px;
	margin: -45px auto auto -106px;
	color: #cc0817;
	font-weight: 900;
	font-size: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#deszkamask .lapoz {
	z-index: 11;
	position: absolute;
	margin-top: -90px;
	margin-left: 229px;
}

#osszerako .ujra {
	float: left;
}

#osszerako .ujra a {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
}

#osszerako .ujra a:hover {
	color: #fffeee;
}

#osszerako .lepesjelzo {
	z-index: 11;
	position: absolute;
	margin-top: 12px;
	margin-left: 178px;
}

#osszerako .lepesjelzo a {
	color: #cc0817;
	font-size: 10px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
}
#osszerako .lepesjelzo a span{
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px #cc0817 solid;
}

#osszerako .osszesen {
	float: right;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
}

#osszerako .ar {
	display: inline-block;
	color: #cc0817;
	font-weight: 600;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
}

.bbox{
	border-radius: 8px;
}
.bbox.active{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f99b36+0,f7be2b+100 */
	background: rgb(249,155,54); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(249,155,54,1) 0%, rgba(247,190,43,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(249,155,54,1) 0%,rgba(247,190,43,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(249,155,54,1) 0%,rgba(247,190,43,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99b36', endColorstr='#f7be2b',GradientType=0 ); /* IE6-9 */
}

.contentBoxpn {
	float: left;
	width: 500px;
	margin: 70px 0 0px 113px;
}

.pizzaBoxpn {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left 0px;
	height: 100px;
	width: 100px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

.pizzaBoxpn .pizzaNev {
	margin: 0px;
	line-height: 13px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 105px;
	height: 16px;
}

.pizzaBoxpmax {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left 0px;
	height: 100px;
	width: 100px;
	margin: -36px 0 0px -51px;
	padding: 0px 3px 0px 0px;
}

.pizzaBoxpmax .pizzaNev {
	margin: 0px;
	line-height: 13px;
	color: #cc0817;
	font-size: 14px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 105px;
	height: 16px;
}

#deszkamask input[type=radio] {
	opacity: 0;
	filter: alpha(opacity = 0);
}

#deszkamask .contentBoxp {
	float: left;
	width: 480px;
	margin: 50px 0 0px 23px;
}

.pizzaBoxp {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left 0px;
	height: 75px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

.pizzaBoxp .pizzaNev {
	margin: 0 0px 0px -5px;
	line-height: 10px;
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 60px;
	height: 18px;
}


.lapoz .tovabbg {
	position: absolute;
	background-image: url(tovabbg2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	width: 59px;
	text-indent: -9999px;
	z-index: 14;
	margin: 0px 0 0 17px;
}

.lapoz .tovabbg:hover {
	background-position: 0 -15px;
}

.lapoz .info {
	position: absolute;
	background-image: url(info.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	width: 18px;
	text-indent: -9999px;
	z-index: 14;
	margin: -1px 0 0 -1px;
}

.lapoz .vissza {
	position: absolute;
	background-image: url(vissza2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	width: 59px;
	text-indent: -9999px;
	z-index: 14;
	margin: 0px 0 0 -52px;;
}

.lapoz  .vissza:hover {
	background-position: 0 -15px;
}

#pneve{
	width: 50%;
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}

.infoablak {
	padding: 10px;
	z-index: 14;
	border-radius: 4px;
	border: 1px rgb(249,155,54) solid;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f99b36+0,f7be2b+100 */
	background: rgb(249,155,54); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(249,155,54,1) 0%, rgba(247,190,43,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(249,155,54,1) 0%,rgba(247,190,43,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(249,155,54,1) 0%,rgba(247,190,43,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99b36', endColorstr='#f7be2b',GradientType=0 ); /* IE6-9 */
	margin: 20px auto;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.infoablak.info {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,f4f4f4+100 */
	border-color: #f7f7f7;
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #f4f4f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f7f7f7 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	color: #000;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);
}

.infoablak img {
	margin: -27px 0 0 244px;
}

#receptjeim a:link {
	color: #484848;
} /* unvisited link */
#receptjeim a:visited {
	color: #484848;
} /* visited link */
#receptjeim a:hover {
	color: #484848;
} /* mouse over link */
#receptjeim a:active {
	color: #484848;
}

#receptjeim {
	background-image: url(receptjeim.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	z-index: 11;
	top: -10px;
	margin: auto auto -100px -8px;
	width: 495px;
	height: 400px;
	padding: 95px 0 0 20px;
	line-height: 10px;
	color: #484848;
	font-size: 11px;
	font-weight: 300;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

#receptjeim .recept {
	margin: 5px 0 -5px 0px;
	height: 28px;
}

#receptjeim .recept .name {
	position: relative;
	margin: 3px 0px 0px 0px;
	width: 60px;
	height: 18px;
}

#receptjeim .recept .date {
	position: relative;
	margin: -18px 0px 0px 75px;
	width: 60px;
	height: 18px;
}

#receptjeim .recept .kosar2 {
	position: relative;
	margin: -18px 0px 0px 135px;
	width: 60px;
	height: 18px;
}

#receptjeim .recept .kosar3 {
	position: relative;
	margin: -18px 0px 0px 150px;
	width: 60px;
	height: 18px;
}

#receptablak .megoszt {
	position: relative;
	display: block;
	background-image: url(megosztaski.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 22px;
	width: 76px;
	z-index: 10;
	margin: -28px 0px 0px 308px;
	cursor: pointer;
	text-align: center;
	text-indent: -9999px;
	border: none;
}

#receptablak .megoszt:hover {
	background-position: 0 -22px;
}

#receptjeim .torles {
	border: none;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background: url(x.png) no-repeat 0px 0px;
	display: block;
	height: 14px;
	line-height: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 14px;
	cursor: pointer;
	text-align: center;
	text-indent: -9999px;
	margin: -18px 0px 15px 425px;
}

#receptablak {
	width: 464px;
	height: 287px;
	/*  overflow-x: hidden;
    overflow-y: scroll;	*/
}

#receptjeim .recept  .star-rating {
	position: relative;
	margin: -24px 0 0 210px;
	display: inline-block;
}
/* radio button stars */

/* you can easily stuff the generation of these repetitive chunks of CSS into a server-side language like ASP */
.rb0:checked ~ .rating, label.rb0l:hover ~ .rating {
	width: 0px; /* no stars */
}

.rb1:checked ~ .rating, label.rb1l:hover ~ .rating {
	width: 7px; /* half a star */
}

.rb2:checked ~ .rating, label.rb2l:hover ~ .rating {
	width: 14px; /* a star */
}

.rb3:checked ~ .rating, label.rb3l:hover ~ .rating {
	width: 21px; /* 1.5 stars */
}

.rb4:checked ~ .rating, label.rb4l:hover ~ .rating {
	width: 28px; /* 2 stars */
}

.rb5:checked ~ .rating, label.rb5l:hover ~ .rating {
	width: 35px;
}

.rb6:checked ~ .rating, label.rb6l:hover ~ .rating {
	width: 42px;
}

.rb7:checked ~ .rating, label.rb7l:hover ~ .rating {
	width: 49px;
}

.rb8:checked ~ .rating, label.rb8l:hover ~ .rating {
	width: 56px;
}

.rb9:checked ~ .rating, label.rb9l:hover ~ .rating {
	width: 63px;
}

.rb10:checked ~ .rating, label.rb10l:hover ~ .rating {
	width: 70px; /* 5 stars */
}

.star-rating label.star {
	width: 7px; /* half star */
	left: -7px; /* half star */
	padding: 0;
	height: 14px;
	/* whole star + 2x padding (4px each for top and bottom) */
	position: relative;
	z-index: 3;
	float: left;
}

.star-rating label.star.last {
	width: 14px;
}

/* hide inputs (RBs and their labels) */
.star-rating input[type=radio], .star-rating label.rb {
	display: none;
}

/* using icons found at http://www.easyicon.cn/language.en/icondetail/523835/ */
.rating {
	background: url(csillagsarga.png) repeat-x top left;
	position: relative;
	z-index: 2;
	top: 4px; /* 1x padding */
	height: 14px; /* whole star */
	width: 0px;
}

.rating-bg {
	background: url(csillagfekete.png) repeat-x top left;
	position: relative;
	z-index: 1;
	top: -10px; /* 1 whole star - 1x padding */
	height: 14px; /* whole star */
	width: 70px;
}

/* IE8 fallback to radio buttons */
.ie8 .star-rating input, .ie8 .star-rating label.rb {
	display: inline-block;
}

.ie8 .rating, .ie8 .rating-bg, .ie8 .star-rating label.star {
	display: none;
}

#pizzasuto {
	position: relative;
	width: 480px;
	height: 269px;
	display: block;
	margin: 0px auto;
}

#pizzasuto .alap {
	position: absolute;
	margin: auto;
}

#pizzasuto .reteg {
	position: absolute;
	margin: auto;
}

#osszerako .contentpanna {
	float: left;
	width: 500px;
	margin: 0px 0 40px -10px;
}

#osszerako #hplogo500 {
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	margin-left: 376px;
	margin-top: 40px;
	width: 480px;
	height: 269px;
	z-index: 2;
}

#osszerako .hplogo500n {
	background-image: url(bigboss/n500hp.png);
}

#osszerako .hplogo500i {
	background-image: url(bigboss/500hp.png);
}

#osszerako .hplogo250i {
	background-image: url(bigboss/250hp.png);
}

#osszerako .hplogo250n {
	background-image: url(bigboss/n250hp.png);
}

.contentpanna .pannacottafelirat {
	background-image: url(pannafelirat2.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	z-index: 11;
	top: -10px;
	margin: auto 57px auto auto;
	width: 379px;
	height: 130px;
}

.contentpanna .pannacotta {
	float: left;
	height: 180px;
	width: 210px;
	padding: 5px 10px 10px 8px;
}

.contentpanna .boxMargin {
	margin: 0 15px 0px 0;
}

.pannacotta .kosar1 {
	background-image: url(panna1.png);
}

.pannacotta .kosar2 {
	background-image: url(panna3.png);
}

.pannacotta .kosar3 {
	background-image: url(panna2.png);
}

.pannacotta .kosar4 {
	background-image: url(panna4.png);
}

.pannacotta .kosar {
	position: absolute;
	background-repeat: no-repeat;
	background-position: left top;
	width: 122px;
	height: 36px;
	text-indent: -9999px;
	z-index: 10;
	margin: -57px 0px 0px 62px
}

.pannacotta .kosar:hover {
	background-position: 0 -36px;
}

.hiddendiv {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity = 0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.5;
	opacity: 0.0;
}


button.tovabb {
	padding: 5px 10px;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #cc0817;
    border: 1px solid #cc0817;
    border-radius: 4px;
}

button.tovabb:hover {
	text-decoration: none;
}
#osszerako .arrow {
	text-align: center;
	line-height: 34px;
	height: 30px;
	display: block;
	width: 30px;
	background: #cc0817;
	border-radius: 4px;
	font-size: 14px;
}

#osszerako .arrow:before {
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

#osszerako .arrow.left:before {
	content: "\e257";
}

#osszerako .arrow.right:before {
	content: "\e258";
}

.carousel-indicators{
	position: relative;
	bottom: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.carousel-control{
	position: inherit;
	display: inline-block;
	opacity: 1;
}
.carousel-control.left:hover,.carousel-control.right:hover{
	text-decoration: none;
	opacity: 1;
}
.carousel-control.left, .carousel-control.right{
	background: transparent;
}
.carousel-control.left{
	padding: 5px 10px;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #cc0817;
    border: 1px solid #cc0817;
    border-radius: 4px;
}
.carousel-control.right{
	padding: 5px 10px;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #cc0817;
    border: 1px solid #cc0817;
    border-radius: 4px;
}
.carousel-control span{
	display: inline-block;
	position: inherit;
	margin: 0px;
}
.header{
	text-align: center;
	font-size: 22px;
}
.header a{
	display: inline-block;
	top: -5px;
	position: relative;
}
.carousel-inner .item{
	min-height: 150px;
}
#carousel-yourpizza-generic .item{
	text-align: center;
}
#carousel-yourpizza-generic label.topping{
	font-size: 10px;
	width: 125px;
	height: 118px;
	cursor: pointer;
	vertical-align: top;
	text-align: center;
	background: rgba(0,0,0,0.2);
	border-radius: 4px;
	padding: 4px;
}
#carousel-yourpizza-generic label.topping.big{
	width: 104px;
	height: 104px;
}
#carousel-yourpizza-generic label.topping input{
	position: absolute;
	left: -9999px;
	/*top: -9999px;*/
}
#carousel-yourpizza-generic label.topping img{
	display: block;
	margin: 0px auto;
	border-radius: 8px;
}
#carousel-yourpizza-generic label.topping.active img{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f99b36+0,f7be2b+100 */
	background: rgb(249,155,54); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(249,155,54,1) 0%, rgba(247,190,43,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(249,155,54,1) 0%,rgba(247,190,43,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(249,155,54,1) 0%,rgba(247,190,43,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f99b36', endColorstr='#f7be2b',GradientType=0 ); /* IE6-9 */
}