@import url('bootstrap.css');
@import url('fancybox.css');
@import url('datepicker.css');
@import url('config.less');

/* ------------------------------------------------------------
----> ##########
------------------------------------------------------------ */

html {height: 100%;}

body {
	background : url('@{url}img/bg.jpg') 0 0 repeat;
	.helvetica-neue-roman;
	font-size : 12px;
	height: 99%;
	min-width : 1012px;
	margin : 0;
	padding : 0;
}

a {
	text-decoration : none;
	color : #d66a28;
	&:hover {
		color : #d66a28;
	}
}

#container {
	margin : 0 auto;
	min-height: 100%;
	background : url('@{url}img/wrapper.png') top center repeat-y;
}

/* ------------------------------------------------------------
----> #nav
------------------------------------------------------------ */

nav {
	&#top {
		margin : 0 auto;
		overflow : hidden;
		clear : both;
		padding : 5px 0;
		background : url('@{url}img/bg.jpg') 0 0 repeat; 
		ul {
			float : right;
			margin : 0;
			li {
				float : left;
				list-style : none;
				text-transform : uppercase;
				.helvetica-neue-medium;
				margin-left : 18px;
				a {
					color : black;
					&:hover {
						text-decoration : none;
					}
				}
                
			}
		}
	}
}

/* ------------------------------------------------------------
----> #header
------------------------------------------------------------ */

header {
	background : url('@{url}img/header.png') top center no-repeat;
	height : 160px;
	position : relative;
	#header {
		position : relative;
		margin : 0 auto;
	}
     /*-- logohtml ---*/
     #logohmtl{
        background : url("@{url}img/header.png") no-repeat scroll -1009px 0 transparent;
		height : 130px;
		left : 0;
		padding-left : 20px;
		padding-top : 30px;
		position : absolute;
		top : 0;
		width : 285px;
		z-index : 1;
		a {
			&.mobile {
				display : none;
			}
		}
    }

	h1 {
		background : url("@{url}img/header.png") no-repeat scroll -1009px 0 transparent;
		height : 130px;
		left : 0;
		padding-left : 20px;
		padding-top : 30px;
		position : absolute;
		top : 0;
		width : 285px;
		z-index : 1;
		a {
			&.mobile {
				display : none;
			}
		}
	}
	#mobile {display : none;}
	nav {
		position : absolute;
		top : 7px;
		right : 10px;
		ul {
			margin : 0;
			li {
				float : left;
				list-style : none;
				text-transform : uppercase;
				.helvetica-neue-medium;
				margin-left : 18px;
				a {
					color : black;
					&:hover {
						text-decoration : none;
					}
				}
			}
		}
		&#menu {
			top : 0;
			right : 0;
			ul {
				li {
					.helvetica-neue-condensed;
					font-size : 18px;
					margin-left : 0;
					a {
						background : black;
						color : white;
						padding : 0;
						width : 110px;
						text-align : center;
						line-height : 40px;
						display : block;
					}
					&:first-child {
						a {
							padding-left : 200px;
						}
					}
					&:hover,
					&.active {
						.archer-bold-italic;
						font-size : 24px;
						text-transform : lowercase;
						text-decoration : none;
						a {
							line-height : 36px;
							height : 40px;
						}
					}
					&.pasta {
						a {
							width : 160px;
						}
					}
					div {
						#ocultar {
							bottom : 5px;
							background : none;
							display : block;
							height : 22px;
							left : 4px;
							margin : 0;
							padding : 0;
							position : absolute;
							text-indent : -99999em;
							width : 22px;
						}
						&.block {
							position : absolute;
							text-transform : lowercase;
							display : none;
							top : 100%x;
							right : -5px;
							width : 305px;
							height : 82px;
							background : url('@{url}img/icons.png') -229px 0 no-repeat;
							z-index : 100;
							overflow : hidden;
							.helvetica-neue-roman;
							font-size : 12px;
							padding : 11px 15px 10px 80px;
						}
						&.left {
							float : left;
							width : 60%;
							text-transform : capitalize;
							line-height : 14px;
							span {
								.archer-bold-italic;
								font-size : 18px;
								margin-top : -3px;
								display : inline-block;
								text-transform : lowercase;
							}
						}
						&.right {
							float : right;
							width : 38%;
							text-align : right;
							line-height : 14px;
							span {
								.helvetica-neue-medium;
							}
						}
						&.form {
							overflow : hidden;
							clear : both;
							position : absolute;
							bottom : 13px;
							left : 80px;
							label {
								.helvetica-neue-medium;
								text-transform : uppercase;
								float : left;
								padding-top : 3px;
								font-size : 11px;
							}
							input {
								background : none;
								border : none;
								float : left;
								&.text {
									background : white;
									margin : 0 10px;
									width : 135px;
									padding : 1px 5px;
									color : #c5c5c6;
									.helvetica-neue-medium;
								}
								&.send {
									background : url('@{url}img/icons.png') -642px -52px no-repeat;
									width : 18px;
									height : 12px;
									text-indent : -99999em;
									cursor : pointer;
									display : block;
									margin-top: 5px;
								}
							}
						}
					}
					&.locations {
						a {
							background : none;
							display : inline;
							line-height : 18px;
							padding : 0;
							text-align : left;
							width : auto;
							color : #d66a28;
							&.select {
								background: url("img/map.png") no-repeat scroll 123px 11px white;
								color: #D66A28;
								padding-left: 10px;
								padding-right: 40px;
								display: block;
								line-height: 40px;
								text-align: center;
								width: 110px;
							}
						}
						&:hover {
							div {
								&.block {
									display : block;
									a {
										background : none;
										display : inline;
										line-height : 18px;
										padding : 0;
										text-align : left;
										width : auto;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

/* ------------------------------------------------------------
----> #wrapper
------------------------------------------------------------ */

#wrapper {
	margin-top: -115px;
	clear : both;
	overflow : auto;
	padding-bottom : 145px;
	div {
		&.wrapper {
			overflow : hidden;
			margin : 0 auto;
		}
	}
}

&.share {
	position : relative;
	div {
		&.facebook {
			position : absolute;
			bottom : 5px;
			right : 0;
		}
	}
}

/* ------------------------------------------------------------
----> #content
------------------------------------------------------------ */

#content {
	float : right;
	width : 670px;
	h2 {
		margin : 10px 0;
		line-height : 22px;
	}
	strong {
		.helvetica-neue-bold;
	}
	p {
		text-shadow: 0 1px 0 #FFFFFF;
		line-height : 15px;
		word-spacing : 1px;
		&.line {
			line-height : 50px;
			margin-top : 5px;
		}
		a {
			&.more {
				padding-right : 22px;
				display : inline-block;
				background : url('@{url}img/more.png') right center no-repeat;
				.archer-bold-italic;
			}
		}
	}
	.alignleft {
		display: inline;
		float: left;
		margin-right: 10px;
	}
	.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.caption {
		border : 1px solid #eee;
		background : #f5f5f5;
		padding : 10px;
		display : inline-block;
		p {
			text-align : center;
			margin : 0;
			padding : 5px 0;
			font-weight : bold;
		}
	}
	ul {
		&.icons {
			overflow : hidden;
			clear : both;
			padding : 0;
			margin : 0;
			li {
				float : left;
				line-height : 25px;
				width : 25%;
				list-style : none;
				padding : 0;
				margin : 0;
			}
		}
	}
	span {
		word-spacing: 1px;
		&.orange {
			color : #d66a28;
		}
		&.down {
			background : url('@{url}img/icons.png') -197px 0 no-repeat;
			width : 32px;
			height : 17px;
			display : block;
			margin-bottom : 8px;
		}
	}
	div {
		&#banner {
			overflow : hidden;
			clear : both;
			margin-bottom : -15px;
			div {
				&.cycle-slideshow {
					padding : 0;
					margin : 0;
					ul {
						padding : 0;
						margin : 0;
					}
					li {
						width : 670px;
						background : black;
						height : 150px;
						list-style : none;
						padding : 0;
						margin : 0;
						overflow : hidden;
						display : none;
						&:first-child {display : block;}
						img {
							display : block;
							width : 100%;
						}
					}
				}
				&.pagercycle {
					overflow : hidden;
					clear : both;
					float : right;
					margin-top : 10px;
					position : relative;
					z-index : 99999;
					span {
						float : left;
						height : 22px;
						margin-left : 7px;
						cursor : pointer;
						list-style : none;
						width : 22px;
						background : url('@{url}img/icons.png') -102px 0 no-repeat;
						text-indent : -99999em;
						display : block;
						cursor : pointer;
						&.cycle-pager-active {
							background-position : -134px 0;
						}
					}
				}
			}
		}
		&.boxer {
			overflow : hidden;
			clear : both;
		}
		&.address {
			margin-top : 15px;
			line-height : 22px;
			a {
				color : black;
			}
		}
		&.form-dropdown {
			position : relative;
			ul {
				&.dropdown-menu {
					margin-top : -30px;
					width : 345px;
				}
			}
			.btn-medium {
				position : relative;
				width : 345px;
				text-align : left;
				border-radius : 4px;
				span.caret {
					position : absolute;
					right : 10px;
					top : 4px;
				}
				&:hover {
					padding : 4px 14px;
				}
			}
		}
		&.block {
			p {
				margin-top : 15px;
				&.alignleft {margin-top : 0;}
			}
			position : relative;
			clear : botn;
		}
		&.social {
			clear : both;
			overflow : hidden;
			margin-left: -10px;
			padding-left: 10px;
			div {
				&.block {
					float : left;
					width : 216px;
					margin-bottom : 15px;
					a.yum {
						width : 47px;
					}
				}
				&.alt {
					margin-left : 11px;
					margin-right : 11px;
				}
				&.bg {
					background : #0C0B12;
					color : #fefefe;
					padding : 15px;
					font-size : 14px;
					min-height : 250px;
					box-shadow : -3px -3px 6px #AAAAAA;
					margin-top : 8px;
					overflow : hidden;
					p {
						text-shadow : none;
					}
					a {
						color : #889238;
						.helvetica-neue-medium;
						font-size : 12px;
					}
					h3 {
						font-size : 12px;
					}
					span {
						display : block;
						font-size : 12px;
					}
				}
				h3 {
					color : #889238;
				}
			}
		}
		&.top {
			background : url('@{url}img/border.png') top left repeat-x;
			padding-top : 15px;
		}
		&.form {
			padding-top : 15px;
			label {
				text-transform : uppercase;
				.helvetica-neue-medium;
			}
		}
		&.title {
			position : relative;
			margin-top : 15px;
			div {
				&.facebook {
					position : absolute;
					bottom : 5px;
					right : 0;
				}
			}
		}
		&.post {
			clear : both;
			overflow : hidden;
			position : relative;
			margin-top : 15px;
			background : url('@{url}img/sub.png') bottom left repeat-x;
			padding-bottom : 15px;
			h3 {
				.archer-semibold;
				font-size : 18px;
				text-transform : uppercase;
				margin-left : 10px;
				padding : 0;
				line-height : 20px;
			}
			p {
				margin-left : 10px;
				margin-top : 2px;
			}
			div {
				&.item {
					float : left;
					width : 445px;
					div {
						&.thumb {
							width : 100px;
							img {
								display : block;
								width : 100%;
							}
						}
						&.content {
							
						}
					}
					small {
						margin-bottom : 15px;
						display : block;
						.helvetica-neue-medium;
						margin-top : 0;
						font-size : 11px;
					}
				}
				&.price {
					float : right;
					width : 200px;
					padding-right : 5px;
					small {
						text-align : right;
						font-size : 12px;
						display : block;
						.helvetica-neue-medium;
					}
				}
			}
		}
		&.buttom {
			overflow : hidden;
			clear : both;
			ul {
				margin : 15px 0 0 0;
				overflow : hidden;
				clear : both;
				li {
					float : left;
					list-style : none;
					.archer-bold-italic;
					font-size : 24px;
					a {
						background : url('@{url}img/icons.png') right  -251px no-repeat;
						display : block;
						span {
							padding : 0 37px;
							height : 50px;
							line-height : 46px;
							display : inline-block;
							background : url('@{url}img/icons.png') 0 -175px no-repeat;
							margin-right : 10px;
							color : black;
						}
					}
					&:nth-child(2n) {
						margin : 0 8px;
					}
				}
			}
			&.gift {
				a {
					span {padding : 0 12px;}
				}
			}
		}
		&.search {
			background : url('@{url}img/icons.png') 0 -453px no-repeat;
			clear : both;
			min-height : 50px;
			position : relative;
			h3 {
				font-size : 18px;
				position : absolute;
				top : 0;
				right : 50px;
				line-height : 43px;
				padding : 0;
				margin : 0;
			}
			form {
				padding : 6px 0 0 5px;
				margin : 0;
			}
			input.span3 {width : 325px;}
			&.managment {
				h3 {
					right : 16px;
				}
			}
			div {
				&.control-group {
					margin : 0;
					padding : 0;
				}
				&.alert {
					margin : 15px 0 10px;
					margin-left : -5px;
				}
			}
		}
		&.left {
			float : left;
			width : 380px;
		}
		&.right {
			float : right;
			width : 270px;
		}
		&.info {
			background : url('@{url}img/dot.png') 0 0 repeat;
			padding : 15px;
			margin-top : 10px;
			min-height : 152px;
			.helvetica-neue-roman;
			p {
				a {
					.helvetica-neue-roman;
					color : black;
				}
			}
		}
		&.mapoverlay {
			background : url('@{url}img/icons.png') 0 -312px no-repeat;
			height : 119px;
			padding-left : 105px;
			padding-right : 70px;
			padding-top : 17px;
			width : 198px;
			h5 {
				color : #d66a28;
			}
			a,
			a:hover {
				background : none;
				padding : 0;
				margin : 0;
				border : none;
			}
			p {
				text-shadow : none;
				color : white;
				font-size : 13px;
				line-height : 17px;
			}
		}
		input {
			&.submit {
				background : url('@{url}img/icons.png') -171px 0 no-repeat;
				width : 17px;
				height : 12px;
				clear : both;
				display : block;
				text-indent : -99999em;
				border : none;
				cursor : pointer;
			}
		}
	}
}

.form-horizontal .control-label {width: 220px;}
.form-horizontal .controls {margin-left: 240px;}
.inline {
	overflow : hidden;
	clear : both;
	input {
		float : left;
	}
	a {
		float : left;
		margin-left : 6px;
		margin-top : 5px;
	}
}
.box {
	margin-bottom : 25px;
}

/* ------------------------------------------------------------
----> #index
------------------------------------------------------------ */

#index {
	background : url('@{url}img/dotted.png') top left repeat-x;
	padding-top : 9px;
	a {color : black;}
	div {
		font-size : 14px;
		text-shadow : 0 1px 0 #FFFFFF;
		p {
			margin-top : 15px;
			&.more {
				a {
					background : url('@{url}img/more.png') right 3px no-repeat;
					padding-right : 22px;
				}
			}
			&.find {
				a {
					background : url('@{url}img/map.png') center right no-repeat;
					padding : 5px 27px 5px 0;
				}
			}
		}
		&.block {
			overflow : hidden;
			clear : both;
			background : url('@{url}img/block.png') 0 0 repeat-y;
		}
        &.block-joined {
			overflow : hidden;
			clear : both;
			background : url('@{url}img/block-joined.png') 0 0 repeat;
		}
		&.left,
		&.right {
			float : left;
			width : 300px;
			overflow : hidden;
			div {
				&.thumb {
					float : left;
					width : 90px;
				}
				&.info {
					float : right;
					width : 175px;
				}
				&.indcen {
					padding : 15px;
				}
			}
			img {
				&.asset {
					display: block;
					margin-bottom: -25px;
					margin-left: -15px;
					margin-top: -30px;
					max-width: 300px;
					width: 300px;
					height : 250px;
				}
			}
		}
		&.center {
			width : 390px;
			margin : 0 10px;
			float : left;
			overflow : hidden;
			div {
				&.indcen {
					overflow : hidden;
					padding : 15px 15px 0 15px;
					p {
						&.last-child {
							margin : 15px 0 0 -16px;
						}
						&:last-child {
							margin : 15px 0 0 -16px;
						}
					}
				}
			}
			img {
				display : inline;
			}
		}
		h2 {
			text-transform : lowercase;
			a {
				background : url('@{url}img/more.png') right 10px no-repeat;
				padding-right : 22px;
			}
		}
		&.thumb {
			float : left;
			width : 140px;
			p {
				margin : 0;
			}
		}
		&.info {
			float : right;
			width : 210px;
		}
	}
}

/* ------------------------------------------------------------
----> #slider
------------------------------------------------------------ */

#slider {
	&.index {
		div {
			&#gallery {
				ul {
					width : 1012px;
				}
			}
			&#nav {
				bottom : 0;
				right : 0;
				width : 152px;
				height : 193px;
				background : url('img/nav.png') 0 0 no-repeat;
				div {
					&.block {
						position : relative;
						ul {
							position : absolute;
							right : -60px;
							top : 182px;
						}
					}
				}
			}
		}
	}
	height : 455px;
	clear : both;
	margin : 10px 0 2px 0;
	position : relative;
	overflow : hidden;
	ul {
		margin : 0;
		padding : 0;
		li {
			list-style : none;
			padding : 0;
			margin : 0;
		}
	}
	div {
		margin : 0;
		&#nav {
			position : absolute;
			bottom : 15px;
			right: -60px;
			z-index : 99;
			div {
				&.block {
					ul {
						position : relative;
						display : table;
						vertical-align : middle;
					}
				}
			}
			ul {
				clear : both;
				position : relative;
				li {
					position : absolute;
					bottom : 5px;
					right : 155px;
					list-style : none;
					margin-left : -1px;
					a {
						width : 22px;
						height : 21px;
						display : block;
						text-indent : -99999em;
						outline : none;
						background : url('@{url}img/icons.png') -102px 0 no-repeat;
					}
					&:hover,
					&.activeSlide {
						a {
							background-position : -134px 0;
						}
					}
					&.child-1 {
						bottom : 25px;
						right : 135px;
					}
					&.child-2 {
						bottom : 50px;
						right : 115px;
					}
					&.child-3 {
						bottom : 75px;
						right : 95px;
					}
					&.child-4 {
						bottom : 100px;
						right : 75px;
					}
					&.child-5 {
						bottom : 125px;
						right : 55px;
					}
					&.child-6 {
						bottom : 150px;
						right : 35px;
					}
					&.child-7 {
						bottom : 175px;
						right : 15px;
					}
				}
			}
		}
	}
	div {
		&#newlive {
			position : absolute;
			bottom : 20px;
			left : 0;
			background : url('img/newlive.png') 0 0 no-repeat;
			width : 525px;
			padding-left : 10px;
			height : 45px;
			z-index : 99;
			ul {
				margin : 0 0 0 15px;
				height : 45px;
				position : relative;
				li {
					.helvetica-neue-roman;
					list-style : none;
					text-align : right;
					line-height : 43px;
					display : block;
					font-size : 18px;
					color : black;
					span {
						display : block;
						padding-right : 10px;
					}
				}
			}
			a {
				background : url('img/icons.png') -653px -126px no-repeat;
				width : 17px;
				height : 12px;
				margin-top : 17px;
				float : left;
				display : block;
				margin-left : 15px;
				text-indent : -99999em;
				outline : none;
				&:hover {
					background-position : -653px -155px;
				}
				&#next {
					background-position : -653px -113px;
					&:hover {
						background-position : -653px -142px;
					}
				}
			}
		}
		&#live {
			position : absolute;
			bottom : 20px;
			left : 270px;
			z-index : 101;
			background : black;
			padding-left : 30px;
			ul {
				height : 55px;
				width : 325px;
				background : black;
				text-align : center;
				padding : 0 15px;
				width : 295px;
				margin : 0;
				overflow : hidden;
				li {
					.archer-bold-italic;
					list-style : none;
					width : 295px;
					height : 35px;
					padding : 17px 0 0 0;
					text-align : center;
					font-size : 48px;
					color : white;
					line-height : 18px;
				}
			}
		}
		&#platos {
			position : absolute;
			top : 0;
			z-index: 10;
			right : 0;
			width : 530px;
			height : 455px;
			background : url('@{url}img/slider.png') right bottom no-repeat;
			z-index : 99;
			padding-left : 100px;
			ul {
				width : 530px;
				height : 455px;
				margin : 0;
				li {
					list-style : none;
					width : 530px;
					height : 455px;
					a {
						outline : none;
					}
				}
			}
			img {
				display : block;
				width : 100%;
			}

		}
		&#gallery {
			ul {
				position : relative;
				z-index : -1;
				width : 768px;
				height : 455px;
				img {
					height : 455px;
					display : block;
				}
			}
		}
		&.nav {
			position : absolute;
			top : 170px;
			left : 10px;
			z-index : 99;
			a {
				float : left;
				width : 56px;
				height : 41px;
				background : url('@{url}img/icons.png') 0 -84px no-repeat;
				text-indent : -99999em;
				outline : none;
				&:hover {
					background-position : 0 -504px;
				}
				&#next {
					margin-top : -30px;
					margin-left : 10px;
					background-position : -59px -84px;
					&:hover {
						background-position : -59px -504px;
					}
				}
			}
		}
		&#line {
			width : 290px;
			height : 362px;
			background : url('@{url}img/line.png') 0 0 no-repeat;
			position : absolute;
			top : 0;
			left : 0;
		}
	}
}

/* ------------------------------------------------------------
----> #subpage
------------------------------------------------------------ */

#subpage {
	padding : 15px 25px;
	overflow : hidden;
	clear : both;
}

#image {
	height : 97px;
	margin-top : 5px;
	position : relative;
	h1 {
		color : white;
		position : absolute;
		bottom : 10px;
		left : 315px;
		width : auto;
		display : inline;
		z-index : 1;
	}
	img {
		max-width : none;
		position : absolute;
		right : 0;
		top : 0;
	}
}

/* ------------------------------------------------------------
----> #left
------------------------------------------------------------ */

#fixed {
	width : 260px;
	left : 0;
}

#sidebar {
	width : 260px;
	float : left;
	padding-top : 25px;
	.fix {width : 300px}
	ul {
		margin : 0 0 10px 0;
		li {
			list-style : none;
		}
		&.section {
			ul {
				padding-left : 30px;
				padding-top : 10px;
				margin : 0;
				li {
					.helvetica-neue-medium;
					font-size : 12px;
					line-height : 18px;
					background : none;
					text-transform : uppercase;
					&:last-child {
						padding-bottom : 10px;
					}
					a {
						color : black;
						&:hover {
							text-decoration : none;
						}
					}
				}
			}
			> li {
				.archer-bold-italic;
				font-size : 24px;
				background : url('@{url}img/sub.png') bottom left repeat-x;
				line-height : 36px;
				padding-left : 1px;
				text-transform : lowercase;
				cursor : pointer;
				a {
					color : black;
					&:hover {
						text-decoration : none;
					}
				}
			}
		}
		&#icon {
			overflow : hidden;
			margin-top : 10px;
			clear : both;
			li {
				float : left;
				margin-right : 15px;
			}
		}
	}

}

#left {
	float : left;
	width : 260px;
	padding-top : 25px;
	.fix {width : 300px}
	ul {
		margin : 0 0 10px 0;
		li {
			list-style : none;
		}
	}
	div {
		&.your-locations {
			div {
				&.left {width : 55px;}
				&.right {width : 200px;}
			}
			input.span1 {width : 125px;}
			p {margin : 0;}
			h4 {
				margin-top : 10px;
			}
		}
		&.locations {
			overflow : hidden;
			clear : both;
			ul {
				overflow : hidden;
				clear : both;
				li {
					padding : 5px;
					overflow : hidden;
					clear : both;
					background : url('@{url}img/dotted.png') bottom left repeat-x;
				}
			}
		}
		&.title {
			background : black;
			padding : 8px;
			color : white;
			position : relative;
			h4 {
				margin : 0;
			}
		}
		&.left {
			float : left;
			.archer-bold-italic;
			font-size : 14px;
			width : 75px;
			text-align : center;
		}
		&.right {
			float : right;
			font-size : 14px;
			width : 155px;
			line-height : 17px;
		}
		&.block {
			background : #FCFCFC;
			font-size : 14px;
			line-height : 17px;
			padding : 10px 10px 10px 60px;
		}
		&.head {
			background : #DBDBDC url('@{url}img/map-large.png') 10px 10px no-repeat;
			border : 1px solid #FCFCFC;
			padding : 10px 10px 10px 60px;
			font-size : 14px;
			line-height : 17px;
		}
		&.item {
			background : #FCFCFC;
			padding : 5px 10px;
			form {margin : 0;position : relative;}
			input.span2 {width : 180px;}
		}
	}
	p {
		&.imgbuttom {
			margin-top : -10px;
			margin-bottom : 10px;
			.helvetica-neue-medium;
			text-transform : uppercase;
			background : url('img/goback.png') 1px 5px no-repeat;
			padding-left : 20px;
			a {
				color : #D66A28;
				text-decoration : none;
				&:hover {
					text-decoration : underline;
				}
			}
		}
	}
	span {
		&.pasta {
			position : absolute;
			top : 8px;
			right : 10px;
			width : 72px;
			height : 22px;
			display : block;
			background : url('@{url}img/icons.png') -352px -144px no-repeat;
		}
		&.dose {
			width : 56px;
			height : 14px;
			margin : 0 auto;
			display : block;
			background : url('@{url}img/icons.png') -433px -147px no-repeat;
		}
		&.sign {
			text-align : center;
			margin-top : 4px;
			width : 25px;
			height : 30px;
			display : block;
			background : url('@{url}img/icons.png') -402px -312px no-repeat;
			color : white;
			.helvetica-neue-bold;
			margin : 0 auto;
		}
		&.signer {
			text-align : center;
			width : 38px;
			height : 48px;
			display : block;
			background : url('@{url}img/icons.png') -478px -312px no-repeat;
			color : white;
			font-size : 26px;
			text-align : center;
			line-height : 40px;
			margin : 0 auto;
			.helvetica-neue-bold;
		}
		&.web {
			width : 21px;
			display : inline-block;
			height : 16px;
			background : url('@{url}img/icons.png') -449px -311px no-repeat;
		}
	}
}

/* ------------------------------------------------------------
----> #hr
------------------------------------------------------------ */

hr {
	background : url('@{url}img/border.png') top left repeat-x;
	height : 8px;
	margin: 0 0 10px;
}

/* ------------------------------------------------------------
----> footer
------------------------------------------------------------ */

footer {
	clear : both;
	position : relative;
	margin-top : -145px;
	height : 145px;
	background : url('@{url}img/double.png') top left repeat-x;
	padding-top : 8px;
	#footer {
		background : #DBDBDC url('@{url}img/footer.png') top center no-repeat;
		.block {
			margin : 0 auto;
			position : relative;
			overflow : hidden;
			p {margin : 0;}
		}
		nav {
			background : white;
			ul {
				overflow : hidden;
				clear : both;
				margin : 0;
				li {
					float : left;
					list-style : none;
					text-transform : uppercase;
					line-height : 37px;
					height : 35px;
					.helvetica-neue-medium;
					background : url('@{url}img/space.png') center right no-repeat;
					&:last-child {
						background : none;
					}
					a {
						color : black;
						padding : 0 18px;
						display : block;
					}
					&.share {
						.archer-bold-italic;
						font-size : 18px;
						line-height : 32px;
						text-transform : lowercase;
						span {display : none;}
					}
				}
			}
		}
		div {
			&.list {
				position : absolute;
				//bottom : 25px;
				right : 20px;
				width : 200px;
				padding-top : 10px;
				.logo-mou{
					span.icon.jhonnys{
						background-position:-375px -345px;
						height:90px;
					}
				}
				ul {
					margin : 0;
					li {
						&.top {margin-top : 10px;}
					}
				}
			}
			&.item {
				float : left;
				width : 525px;
				padding : 15px;
				p {
					line-height : 16px;
					color : #6d6d6d;
					text-shadow : 0 1px 0 #FFFFFF;
				}
				ul {
					margin : 0;
					li {
						list-style : none;
						line-height : 16px;
						a {
							color : #6d6d6d;
							text-shadow : 0 1px 0 #FFFFFF;
						}
					}
				}
				&.menu {
					width : 110px;
					padding : 15px 10px;
				}
				
			}
		}
		form {
			background : #B2B2B2;
			position : absolute;
			top : 0;
			right : 0;
			height : 31px;
			padding : 4px 1px 0 10px;
			label {
				float: left;
				margin-bottom: 0;
				margin-right: 5px;
				margin-top: 5px;
				text-transform: uppercase;
				.helvetica-neue-medium;
			}
			input.span2 {
				float : left;
				margin : 0 0 0 5px;
				padding : 3px 5px 1px;
				text-transform : uppercase;
				width : 210px;
				.helvetica-neue-medium;
			}
		}
	}
}

#search {
	table {
		width : 100%;
		th {
			color : #d46a27;
			text-align : left;
			text-transform : uppercase;
			.helvetica-neue-medium;
			padding : 5px 5px 7px;
			background : url("@{url}img/sub.png") bottom left repeat-x;
		}
		td {
			background : url("@{url}img/sub.png") bottom left repeat-x;
			padding : 5px 5px 7px;
			&.apply {
				text-transform : lowercase;
			}
		}
	}
	p {
		span {
			&.multiple {
				.helvetica-neue-medium;
			}
		}
	}
	label {display: inline;}
	.regular-checkbox {display: none;}

	.regular-checkbox + label {
		-webkit-appearance: none;
		width : 17px;
		height : 16px;
		background : url('@{url}img/checkbox.png') top left no-repeat;
		display: inline-block;
		position: relative;
	}

	.regular-checkbox + label:active, .regular-checkbox:checked + label:active {background-position : top left;}
	.regular-checkbox:checked + label {background-position : bottom left;}
	.regular-checkbox:checked + label:after {background-position : bottom left;}

}

.responsive-nav {
	display : none;
	width : 100%;
	padding : 10px;
	background : black;
	color : white;
}

.list {
	overflow : hidden;
	clear : both;
	li {
		float : left;
		list-style : none;
		margin-right : 7px;
		&.download {
			.archer-bold-italic;
			margin-top : -10px;
			float : none;
			font-size: 24px;
			line-height: 36px;
			padding-left: 1px;
			text-transform: lowercase;
			background: url("img/sub.png") left bottom repeat-x;
			a {
				color : #333333;
				&:hover {
					text-decoration : none;
				}
			}
		}
	}
}

span.icon {
	width : 47px;
	height : 47px;
	display : block;
	background : url('@{url}img/icons.png') 0 0 no-repeat;
	text-indent : -99999em;
	&.twitter {
		background-position : 0 -28px;
		&.small {
			width : 34px;
			height : 34px;
			background-position : -475px -109px;
		}
	}
	&.facebook {
		background-position : -48px -28px;
		&.small {
			width : 34px;
			height : 34px;
			background-position : -509px -109px;
		}
	}
	&.rss {
		background-position : -96px -28px;
		&.small {
			width : 34px;
			height : 34px;
			background-position : -543px -109px;
		}
	}
	&.email {
		background-position : -144px -28px;
		&.small {
			width : 34px;
			height : 34px;
			background-position : -576px -109px;
		}
	}
	&.jhonnys {
		background-position : -375px -367px;
		width : 101px;
		height : 54px;
	}
	&.foursquare {
		width : 34px;
		height : 34px;
		background-position : -611px -109px;
	}
	&.yelp {
		width : 34px;
		height : 34px;
		background-position : -636px -73px;
	}
	&.pdf {
		width : 31px;
		height : 30px;
		background-position : -536px -312px;
	}
	&.gplus {
		width : 34px;
		height : 34px;
		background-position : -35px -666px;
	}
	&.youtube {
		width : 34px;
		height : 34px;
		background-position : 0px -666px;
	}
	&.i {
		width : 14px;
		height : 26px;
		background-position : -579px -312px;
	}
}
.caterinleft{
    #let-us-help{
        .box-contact-us{
            span.icon {
                margin-right: 15px;
            }
            span {
                vertical-align: middle;
            }
            div {
                margin-top: 10px;
            }
        }
        .i-info {
            background-position: -147px -160px;
        }
        .icon {
            background-image: url(img/bgs.png);
            display: inline-block;
            width: 30px;
            height: 30px;
        }
        .i-phone {
            background-position: -152px -203px;
        }
    }
    blockquote {
        border-left:none;
        margin-left: -20px;
        background: url(img/bg.blockquote.png) no-repeat;
        margin-left:2px;
        margin-top: 20px;
        margin-bottom: 40px;
        p {
            font-family: Georgia,Times;
            font-style: italic;
            padding: 25px 0 40px 30px;
            line-height: 18px;
        }
    }
}
/* ------------------------------------------------------------
----> IE Fix
------------------------------------------------------------ */

.ie {
	#content div.form-dropdown ul.dropdown-menu {
		margin : 0;
	}
}

.ie8 {
	
}

.ie7 {
	
}

/* ------------------------------------------------------------
----> Custom Bootstrap
------------------------------------------------------------ */

textarea:focus, input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(212, 106, 39, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(212, 106, 39, 0.6);
}

.btn {
	&.one {
		background: #ff1a00;
		background: -moz-linear-gradient(left,  #ff1a00 0%, #ff2a09 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff1a00), color-stop(100%,#ff2a09));
		background: -webkit-linear-gradient(left,  #ff1a00 0%,#ff2a09 100%);
		background: -o-linear-gradient(left,  #ff1a00 0%,#ff2a09 100%);
		background: -ms-linear-gradient(left,  #ff1a00 0%,#ff2a09 100%);
		background: linear-gradient(to right,  #ff1a00 0%,#ff2a09 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff2a09',GradientType=1 );
	}
	&.two {
		background: #ff3613;
		background: -moz-linear-gradient(left,  #ff3613 0%, #ffac7c 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3613), color-stop(100%,#ffac7c));
		background: -webkit-linear-gradient(left,  #ff3613 0%,#ffac7c 100%);
		background: -o-linear-gradient(left,  #ff3613 0%,#ffac7c 100%);
		background: -ms-linear-gradient(left,  #ff3613 0%,#ffac7c 100%);
		background: linear-gradient(to right,  #ff3613 0%,#ffac7c 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3613', endColorstr='#ffac7c',GradientType=1 );
	}
	&.three {
		background: #FF9751;
		background: -moz-linear-gradient(left,  #FF9751 0%, #FFE28A 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FF9751), color-stop(100%,#FFE28A));
		background: -webkit-linear-gradient(left,  #FF9751 0%,#FFE28A 100%);
		background: -o-linear-gradient(left,  #FF9751 0%,#FFE28A 100%);
		background: -ms-linear-gradient(left,  #FF9751 0%,#FFE28A 100%);
		background: linear-gradient(to right,  #FF9751 0%,#FFE28A 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9751', endColorstr='#FFE28A',GradientType=1 );
	}
	&.four {
		background: #ffe477;
		background: -moz-linear-gradient(left,  #ffe477 0%, #dbf272 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffe477), color-stop(100%,#dbf272));
		background: -webkit-linear-gradient(left,  #ffe477 0%,#dbf272 100%);
		background: -o-linear-gradient(left,  #ffe477 0%,#dbf272 100%);
		background: -ms-linear-gradient(left,  #ffe477 0%,#dbf272 100%);
		background: linear-gradient(to right,  #ffe477 0%,#dbf272 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe477', endColorstr='#dbf272',GradientType=1 );
	}
	&.five {
		background: #cdf162;
		background: -moz-linear-gradient(left,  #cdf162 0%, #8cf14d 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cdf162), color-stop(100%,#8cf14d));
		background: -webkit-linear-gradient(left,  #cdf162 0%,#8cf14d 100%);
		background: -o-linear-gradient(left,  #cdf162 0%,#8cf14d 100%);
		background: -ms-linear-gradient(left,  #cdf162 0%,#8cf14d 100%);
		background: linear-gradient(to right,  #cdf162 0%,#8cf14d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdf162', endColorstr='#8cf14d',GradientType=1 );
	}
	&.six {
		background: #73ed36;
		background: -moz-linear-gradient(left,  #73ed36 0%, #2eda0f 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#73ed36), color-stop(100%,#2eda0f));
		background: -webkit-linear-gradient(left,  #73ed36 0%,#2eda0f 100%);
		background: -o-linear-gradient(left,  #73ed36 0%,#2eda0f 100%);
		background: -ms-linear-gradient(left,  #73ed36 0%,#2eda0f 100%);
		background: linear-gradient(to right,  #73ed36 0%,#2eda0f 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ed36', endColorstr='#2eda0f',GradientType=1 );
	}
	&.seven {
		background: #22d80a;
		background: -moz-linear-gradient(left,  #22d80a 0%, #12d400 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#22d80a), color-stop(100%,#12d400));
		background: -webkit-linear-gradient(left,  #22d80a 0%,#12d400 100%);
		background: -o-linear-gradient(left,  #22d80a 0%,#12d400 100%);
		background: -ms-linear-gradient(left,  #22d80a 0%,#12d400 100%);
		background: linear-gradient(to right,  #22d80a 0%,#12d400 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22d80a', endColorstr='#12d400',GradientType=1 );
	}
	&:hover {
		background-position: 0 0;
	}
	&.active,
	&:active {
		padding-top : 8px;
		padding-bottom : 8px;
	}
	&.goleft {
		margin-left: 245px;
	}
	&.submit {
		background : url('@{url}img/icons.png') -638px -8px no-repeat;
		box-shadow : none;
		text-indent : -99999em;
		width : 15px;
		border : none;
		outline : none;
		cursor : pointer;
		&:hover {
			border : none;
			box-shadow : none;
			outline : none;
		}
		&.active,
		&:active {
			padding : 4px 14px;
		}
		&.black {
			background-position : -638px -45px;
		}
	}
}

textarea {
	height : 120px;
	resize : vertical;
}

.btn {
	&.btn.active,
	&.btn:active {
		padding : 4px 14px;
	}
}

.btn-large {
	&.btn.active,
	&.btn:active {
		padding : 9px 14px;
	}
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
	background-color: #D62;
	background-color: #D46A27;
	background-image: -moz-linear-gradient(top, #D62, #D46A27);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D62), to(#D46A27));
	background-image: -webkit-linear-gradient(top, #D62, #D46A27);
	background-image: -o-linear-gradient(top, #D62, #D46A27);
	background-image: linear-gradient(to bottom, #D62, #D46A27);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF8631', endColorstr='#D46A27', GradientType=0);
}

div.scroll {
	height : 220px;
	width : 100%;
	overflow : auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	footer #footer form input.span2 {
		line-height: 1;
		padding: 6px;
		margin: 0;
		height: 13px;
	}
}

.view {
    display: block;
    margin-top: 8px;
    text-align: center;
    clear: both;
    float: left
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 100%;
  background: red;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: red;
}
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: #DBDBDC;
  position: relative;
}
.jspDrag {
  background: #000000;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
.jspVerticalBar .jspArrow {
  height: 10px;
}
.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

.default {
	
}
.stuck-bottom {
    position:absolute;
   bottom:0;
}

.fixed {
    position:fixed;
    top:0px;
}

.bodyContainer {
    overflow:hidden;
    clear:both;
}

#map_canvas img {
	right : -90px;
	top : -10px;
}

#click {display : none;}
.popup {
	right : 15px;
}
#popup {
	display : none;
	div {
		&.form {
			padding-left : 160px;
			input {
				&.span2 {
					width : 220px;
					float : left;
				}
			}
		}
		&.layout {
			width : 560px;
			height : 206px;
			background : url('@{url}fancy/cloud.png') 0 0 no-repeat;
			p {
				text-align : center;
				color : black;
				font-size : 24px;
				padding-top : 40px;
				text-shadow : 0 1px 0 #C3C877;
				em {
					font-size : 30px;
					font-style : normal;
					.archer-bold-italic;
					line-height : 40px;
				}
				strong {
					font-weight : normal;
					.helvetica-neue-bold;
					line-height : 26px;
				}
			}
		}
	}
}

.ie8 {
	#slider div#live ul li {
		padding : 4px 0 0 0;
	}
	#slider div#platos ul li {
		display : block;
		background : none;
	}
	header nav#menu ul li div.block {
		top: 100%;
	}
	header nav#menu > ul > li a {
		line-height : 36px;
	}
	header nav#menu > ul > li div a {
		line-height : 18px;
	}
	footer #footer nav ul li.share {
		background : none;
	}
}

.desktop {display : block;}
.movil {display : none;}

.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
}

.viewmobile,
.home,
.goback {
	.helvetica-neue-medium;
	text-transform : uppercase;
	background-image : url('img/goback.png');
	background-repeat : no-repeat;
	background-position : center left;
	padding-left : 18px;
	a {
		color : #D66A28;
		text-decoration : none;
		&:hover {
			text-decoration : underline;
		}
	}
}

.viewmobile {
	text-align : center;
	background : none;
}

.padding {
	padding-bottom : 10px;
}

.home {
	background : none;
    padding-left : 0;
}

.menumob {
	background: url("img/wrapper.png") repeat-y center top;
	padding : 25px 15px 15px;
	ul {
		margin : 0;
		li {
			.archer-bold-italic;
			font-size: 20px;
			line-height : 24px;
			list-style : none;
			margin : 0 0 15px;
			a {
				color : white;
				background : black;
				padding : 10px;
				border-radius : 8px;
				display : block;
				text-decoration : none;
			}
		}
	}
}

#addthis {
	width : 100%;
	height : 110px;
	position : relative;
	display : none;
	z-index : 9999;
	background : #889238 url('img/addthis.png') top center no-repeat;
	div {
		&.layout {
			padding : 15px;
		}
	}
	h2 {
		font-size : 34px;
		line-height : 36px;
		text-align : center;
		margin : 0;
		padding : 0;
		.archer-bold-italic;
	}
	p {
		font-size : 26px;
		line-height : 28px;
		text-align : center;
		margin : 0;
		padding : 0;
		.helvetica-neue-bold;
	}
	a {
		&.close {
			position : absolute;
			opacity : 1;
			background : url('fancy/close.png') 0 0 no-repeat;
			right : 10px;
			top : 10px;
			width : 29px;
			height : 29px;
			display : block;
			text-indent : -9999em;
			z-index : 99999;
		}
	}
}
.card{
    font-size:15px;
    position: absolute;
    bottom:10px; right:0px;
    text-align:right;
}
.responsive-table{
overflow: auto;
}
@import url('movil.less');
@import url('custom.less');
@import url('print.less');