#banner-menu {
	padding-top: 250px;
	padding-bottom: 80px;
	text-align: center;
	background-image: url(../img/menu/banner-background.jpg);
}

#banner-menu h2 {
	color: white;
	font-weight: 700;
	font-size: 36px;
	max-width: 950px;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}

#banner-menu h2 img {
	position: absolute;
	width: 70px;
	z-index: -9;
}

#banner-menu h2 .inicio {
top: -20px;
left: -50px;
}

#banner-menu h2 .fin {
bottom: -10px;
right: 10px;
}


#slogan-menu {
	text-align: center;
	padding: 70px 0px;
	position: relative;
}

#slogan-menu h1 {
	font-size: 48px;
    color: #f86602;
    font-weight: 700;
    margin-bottom: 40px;
}

#slogan-menu h1 strong {
	display: block;
	font-size: 72px;
}

#slogan-menu .sombra {
    max-width: 1000px;
    margin: 0 auto;
}

#slogan-menu .hoja-left {
	position: absolute;
	left: -80px;
	bottom: 70px;
	width: 250px;
	z-index: 999;
	animation-name: hojaleft;
    animation-duration: 3s;
    animation-iteration-count: infinite;

}

@keyframes hojaleft {
  0%   {width: 250px;}
  50%  {width: 230px;}
  100% {width: 250px;}
}

#slogan-menu .hoja-right {
	position: absolute;
	right: -20px;
	top: 0px;
	width: 250px;
	animation-name: hojaright;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes hojaright {
  0%   {width: 250px;}
  50%  {width: 270px;}
  100% {width: 250px;}
}

#pokes-menu {
	text-align: center;
	background-image: url(../img/menu/pokes-background.jpg);
	background-size: cover;
	background-position: 0px 500px;
    background-repeat: no-repeat;
}

#pokes-menu ul {
	text-align: center;
	max-width: 1000px;
	margin: 0 auto;
}

#pokes-menu ul li {
	width: 30%;
	display: inline-block;
	margin-bottom: 70px;
	background-color: white;
}

#pokes-menu ul li {
	border: 1px solid #6fa59f;
	vertical-align: top;
}

#pokes-menu ul li:hover {
	border-width: 3px;
}

#pokes-menu ul .naranja {
	border-color: #da6619;
	margin: 0 4%;
}

#pokes-menu ul .naranja h2 {
	background-color: #da6619;
}

#pokes-menu ul .rojo {
	border-color: #b45c62;
}

#pokes-menu ul .rojo h2 {
	background-color: #b45c62;
}

#pokes-menu ul .amarillo {
	border-color: #d99f49;
	margin-right: 2%;
}

#pokes-menu ul .amarillo h2 {
	background-color: #d99f49;
}

#pokes-menu ul .verde {
	border-color: #bacd5d;
	margin-left: 2%;
}

#pokes-menu ul .verde h2 {
	background-color: #bacd5d;
}

#pokes-menu ul li h2 {
	background-color: #6fa59f;
	padding: 10px;
	color: white;
	font-weight: 700;
	font-size: 24px;
}

#pokes-menu ul li img {
	padding: 20px;
	width: 100%;
}

#pokes-menu ul li h3 {
	color: #6a6c75;
	text-align: left;
	font-weight: 700;
	font-size: 18px;
	padding: 10px 20px;
}

#pokes-menu ul li p {
	color: #6a6c75;
	text-align: left;
	font-weight: 700;
	padding-left: 20px;
	text-transform: uppercase;
}

#pokes-menu ul li div {
	border-top: 2px dashed #6fa59f;
	text-align: center;
	margin-top: 20px;
}

#pokes-menu ul .naranja div {
	border-color: #da6619;
}

#pokes-menu ul .naranja div span:last-child {
	border-left: 2px dashed #da6619;
}

#pokes-menu ul .rojo div {
	border-color: #b45c62;
}

#pokes-menu ul .rojo div span:last-child {
	border-left: 2px dashed #b45c62;
}

#pokes-menu ul .amarillo div {
	border-color: #d99f49;
}

#pokes-menu ul .amarillo div span:last-child {
	border-left: 2px dashed #d99f49;
}

#pokes-menu ul .verde div {
	border-color: #bacd5d;
}

#pokes-menu ul .verde div span:last-child {
	border-left: 2px dashed #bacd5d;
}

#pokes-menu ul li div span {
	display: inline-block;
	width: 49%;
	color: black;
	padding: 10px 0px ;
}

#pokes-menu ul li div span:last-child {
	border-left: 2px dashed #6fa59f;
}

#pokes-menu ul li div span img {
	width: 20px;
	padding: 0px;
	margin-left: 5px;
}

#pokes-menu ul li div .large img {
	width: 30px;
	margin-bottom: -3px;
}

#pokes-menu .loko {
	margin-top: 100px;
}

#pokes-menu .loko .box {
	width: 45%;
	display: inline-block;
	max-width: 600px;
}

#pokes-menu .loko .box img {
	transform: rotate(90deg);
	width: 40%;
}

#pokes-menu .loko .box div {
	display: inline-block;
	margin-left: 20px;
	text-align: left;
	vertical-align: top;
	width: 55%;
}

#pokes-menu .loko .box:last-child {
	text-align: left;
}

#pokes-menu .loko .box:last-child div {
	width: 330px;
	border-left: 1px solid white;
	padding-left: 100px;
	margin-left: 0px;
}

#pokes-menu .loko .box  div h2 {
	background-image: url(../img/ingredienti-background.png);
	background-position: 0px -30px;
	background-repeat: no-repeat;
	font-weight: 700;
 	font-size: 27px;
 	padding: 10px 20px;
 	display: inline-block;
 	padding-bottom: 15px;
 	margin-bottom: 20px;
 	vertical-align: top;
 	color: white;
}

#pokes-menu .loko .box div h3{
 	display: block;
 	color: #6a6c75;
 	vertical-align: top;
 	font-weight: 700;
 	font-size: 21px;
 	margin-bottom: 10px;
 	padding-left: 10px;
}

#pokes-menu .loko .box  div p {
	color: #6a6c75;
	display: block;
	vertical-align: top;
	text-transform: uppercase;
	font-weight: 700;
	padding-left: 10px;
}

#pokes-menu .bebidas {
	font-size: 65px;
    color: #f86602;
    font-weight: 700;
    border-top: 5px dashed;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 100px;
}

#bebidas {
	background-image: url(../img/menu/bebidas-background.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#bebidas ul {
	max-width: 1200px;
	margin: 0 auto;
}

#bebidas .gaseosas {
	padding-top: 200px;
}

#bebidas .gaseosas li {
	width: 19%;
	display: inline-block;
	margin-right: 0.7%;
	margin-bottom: 70px;
}

#bebidas .gaseosas li img {
	width: 70px;
	z-index: 99;
	position: relative;
}

#bebidas .gaseosas li h3 {
	display: inline-block;
	background-image: linear-gradient(to right, rgba(69,126,121,0.5), rgba(110,164,159,0.5));
	vertical-align: top;
	color: white;
	padding: 35px 40px;
	padding-left: 50px;
	font-weight: 700;
	font-size: 18px;
	margin-top: 80px;
	margin-left: -40px;
	min-height: 100px;
}

#bebidas .smoothies {
	text-align: center;
	margin-top: 100px;
}

#bebidas .smoothies .linea {
	border-top: 5px dashed #2f645f;
	width: 700px;
	margin: 0 auto;
	height: 5px;
	display: block;
}

#bebidas .smoothies h2 {
	font-size: 65px;
    color: white;
    font-weight: 700;
    max-width: 400px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: linear-gradient(rgba(69,126,121,0.5), rgba(110,164,159,0.3));
    margin-top: -5px;
    text-align: center;
    margin-bottom: 50px;
}

#bebidas .smoothies {
	text-align: left;
}

#bebidas .smoothies li {
	display: inline-block;
	width: 24%;
	margin-right: 0.7%;
}

#bebidas .smoothies li img {
	width: 70px;
	z-index: 99;
	position: relative;
}

#bebidas .smoothies li h3 {
	display: inline-block;
	vertical-align: top;
	color: white;
	padding: 35px 40px;
	padding-left: 50px;
	font-weight: 700;
	font-size: 18px;
	margin-top: 80px;
	margin-left: -40px;
	min-height: 100px;
}

#titulo-birre {
	color: #f86805;
	background-color: #ffedd8;
	padding-top: 30px;
	padding-bottom: 40px;
	font-size: 65px;
    font-weight: 700;
    position: relative;
    text-align: center;
    margin-top: 120px;
}

#titulo-birre img {
	position: absolute;
	top: -82px;
    height: 335px;
}

#titulo-birre .hoja-left {
	left: 0px;
}

#titulo-birre .hoja-right {
	right: 0px;
}

#bebidas .birre {
	text-align: left;
	padding: 100px 0px;
}

#bebidas .birre li {
	display: inline-block;
	width: 24%;
	margin-right: 0.7%;
}

#bebidas .birre li img {
	width: 70px;
	z-index: 99;
	position: relative;
}

#bebidas .birre li h3 {
	display: inline-block;
	vertical-align: top;
	color: #e8db51;
	padding: 35px 40px;
	padding-left: 50px;
	font-weight: 700;
	font-size: 18px;
	margin-top: 95px;
	margin-left: -40px;
	min-height: 100px;
	background-image: linear-gradient(to right, rgba(69,126,121,0.5), rgba(110,164,159,0.5));
}

#bebidas .birre li h3 span {
	display: block;
	font-size: 16px;
}

#postres {
	background-color: white;
	background-image: url(../img/menu/postres-background.jpg);
	background-size: 100%;
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 200px;
}

#postres h2 {
	color: #6fa59f;
	font-size: 65px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 100px;

}

#postres ul {
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 70px;
}

#postres ul li {
	width: 32%;
	display: inline-block;
	margin-right: 0.5%;
	margin-bottom: 40px;
}

#postres ul li img {
	width: 170px;
}

#postres ul li h3 {
	display: inline-block;
	vertical-align: top;
	color: #6fa59f;
	padding-left: 15px;
	font-weight: 700;
	font-size: 18px;
	margin-top: 70px;
}


@media (max-width: 1280px) {

	#banner-menu {
		padding-left: 30px;
		padding-right: 30px; 
	}

	#banner-menu h2 {
    font-size: 30px;
	}

	#slogan-menu h1 strong {
		font-size: 60px;
	}

	#slogan-menu h1 {
    font-size: 36px;
	}

	#pokes-menu .loko .box div {
		width: auto;
	}

	#pokes-menu .loko .box:last-child div {
		width: auto;
		padding-left: 5%;
		padding-right: 10px;
	}

	#bebidas .gaseosas li {
		width: 24%;
	}

	#bebidas ul {
		padding-left: 5% !important;
	}

	#bebidas .smoothies li h3, #bebidas .birre li h3, #bebidas .gaseosas li h3 {
		padding-right: 20px;
	}

	#bebidas .smoothies h2 {
		display: block;
    	padding: 100px 70px;
    	text-align: center;
    	width: 70%;
    	max-width: 100%;
    	margin-left: 12.5%;
    }

    #bebidas .smoothies .linea {
    width: 90%;
    height: 5px;
    margin: initial;
    margin-left: 2.5%;
}

	#titulo-birre {
		font-size: 60px;
		padding: 30px 0px;
	}

	#titulo-birre img {
    top: -73px;
    height: 297px;
	}

	#postres ul {
		padding-left: 50px !important;
	}

		@keyframes hojaleft {
  0%   {width: 200px;}
  50%  {width: 170px;}
  100% {width: 200px;}
}

	@keyframes hojaright {
  0%   {width: 170px;}
  50%  {width: 140px;}
  100% {width: 170px;}
}
}

@media (max-width: 950px) {

	#pokes-menu ul {
		padding: 0px 20px;
	}

	#pokes-menu ul .naranja {
		margin: 0 2%;
	}

	#pokes-menu ul .amarillo {
		margin-right: 1%;
	}

	#pokes-menu ul .verde {
		margin-left: 1%;
	}

	#pokes-menu ul li div span {
		font-size: 13px !important;
	}



	#pokes-menu .loko .box {
		width: 100%;
		max-width: 900px;
		padding: 20px;
	}

	#pokes-menu .loko .box img {
		width: 160px;
	}

	#pokes-menu .loko .box:last-child {
		text-align: center;
	}

	#pokes-menu .loko .box:last-child div {
		padding-left: 0px;
		border-left: 0px;
		padding-right: 20px;
	}

	#pokes-menu .bebidas {
		font-size: 60px;
		width: 80%;
		margin-left: 10%;
	}

	#bebidas {
	background-size: 170%;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #4ba6a1;
}

	#bebidas ul {
		padding-left: 30px !important;
	}

	#bebidas .gaseosas li {
		width: 32%;
	}

	#bebidas .gaseosas li img, #bebidas .smoothies li img, #bebidas .birre li img  {
		width: 50px;
	}

	#bebidas .gaseosas li h3, #bebidas .smoothies li h3, #bebidas .birre li h3 {
		margin-top: 40px;
		font-size: 16px;
		padding-left: 40px;
	}

	#bebidas .gaseosas .estathe h3 {
		margin-top: 30px !important
	} 

	#bebidas .birre .lata h3 {
		margin-top: 30px !important
	}

	#bebidas .smoothies li {
			width: 32%;
	}

	#titulo-birre img {
		display: none;
	}

	#postres ul {
		text-align: center;
		padding-left: 0px !important;
	}

	#postres ul li {
		width: 45%;
		text-align: left;
		margin: 2%;
	}
}

@media (max-width: 980px) {
	
	#bebidas .smoothies li {
		width: 32%;
	}

	#bebidas .birre li {
		width: 32%;
	}
}


@media (max-width: 780px) {

	#slogan-menu h1 strong {
		font-size: 48px;
	}

	#slogan-menu h1 {
		font-size: 24px;
	}

	#pokes-menu ul li {
		width: 45%;
		margin: 20px 1% !important;
		vertical-align: top;
	}

	#pokes-menu .loko .box {
		text-align: center;
	}

	#pokes-menu .loko .box div {
		margin-left: 0px;
		text-align: center;
		margin-top: 5px;
	}

	#pokes-menu .loko .box:last-child div {
		padding-right: 0px;
		border-top: 1px solid white;
		padding-top: 40px;
		margin-top: 0px;
		margin-bottom: 5px;
	}

	#pokes-menu ul .naranja, #pokes-menu ul .amarillo, #pokes-menu ul .verde {
		margin: 0px;
	}

	#bebidas .smoothies h2 {
		font-size: 60px;
    	padding: 100px 50px;
    	width: 70%;
    	margin-left: 12.5%;
    }

    #bebidas .smoothies .linea {
    margin-left: 2.5%;
}

	@keyframes hojaleft {
  0%   {width: 150px;}
  50%  {width: 120px;}
  100% {width: 150px;}
}

	@keyframes hojaright {
  0%   {width: 120px;}
  50%  {width: 90px;}
  100% {width: 120px;}
}

}

@media (max-width: 660px) {
		#bebidas .gaseosas li, #bebidas .smoothies li, #bebidas .birre li {
		width: 48%;
	}

	#bebidas ul li h3 {
		width: 60%;
	}

	#bebidas .smoothies h2 {
		font-size: 60px;
    	padding: 100px 0px;
    	width: 80%;
    	margin-left: 7.5%;
    }
}


@media (max-width: 550px) {

	#banner-menu {
		padding-top: 200px;
	}

	#slogan-menu {
		padding-bottom: 30px;
	}

	#pokes-menu ul {
		padding: 5px;
	}

	#pokes-menu ul li div {
		display: none;
	}

	#pokes-menu ul li p {
		padding-bottom: 20px;
	}


	#bebidas ul {
		padding-left: 15px !important;
	}

	#bebidas .gaseosas li h3, #bebidas .smoothies li h3, #bebidas .birre li h3 {
		margin-top: 40px;
		font-size: 13px;
		padding-left: 40px;
		padding-right: 15px;
		text-align: left;
	}

	.bebidas {
		font-size: 48px !important;
	}

	 #bebidas .birre li h3 {
	 	max-width: 150px;
	 }

	#titulo-birre {
		font-size: 48px;
	}

	#postres ul li img {
		width: 100%;
	}

	#postres ul li h3 {
		margin-top: 10px;
		text-align: center;
		width: 100%;
		margin-bottom: 40px;
	}

	#bebidas ul li h3 {
		width: auto;
	}
}