body {
		background:url(../img/fundo_tela.png);
		margin: 60px 0px 0px 0px;
		text-align: center;
		font-family: Helvetica, Arial, sans-serif;
		}

	.clear {
		clear: both;
		}

	img {
		border: 0px;
		}
		 
	a {
		text-decoration: none;
		color:#963;
		}

	#container {
		/* background: #ffffff; */
		background: url(../img/lglass.png) top center;
		padding: 11px;
		width: 950px;
		margin: 0 auto;
		text-align: center;
		}
		
	#wrap {
		border: 15px solid #ffffff;
		background: #ffffff;
		}
   
   #wrap2 {
		
		/* CODIGO DE TELA DE RESERVAS */
		border: 15px solid #ffffff;
		background:
		}


		#left {
			width: 220px;
			padding: 0px 15px 0px 0px;
			float: left;
			background: #ffffff;
			}

			#header {
				
				width: 220px;
				height: 95px;
				}
				
				#header h1 {
					margin: 0px;
					padding: 0px;
					font-size: 1px;
					color: #ffffff;
					}
			
				#header h1 a {
					display: block;
					width: 220px;
					height: 127px;
					text-decoration: none;
					color: #000000;
					}
					
				#header h1 a span {
					display: none;
				}
		

			#menu {
				width: 220px;
				}
		
				#menu ul {
					width: 150px;
					padding: 0px 35px 0px 35px;
					margin: 0px;
					font-size: 12px;
					font-family: Helvetica, Arial, sans-serif;
					}

					#menu ul li {
						background: #efefef;
						height: 20px;
						line-height: 20px;
						color: #404040;
						padding: 3px 0px 4px 0px;
						margin: 5px 0px 0px 0px;
						list-style: none;
						}

						#menu ul li:hover {
 							background: #ffffff;
							color: #406e9f;
							border-left: 5px solid #406e9f;
							margin-left: -5px;
							}
							
						#menu ul li a {
							color: #406e9f;
							height: 20px;
							width: 150px;
							display: block;
							text-decoration: none;
							}
						#menu ul li.main-link-on {
							background: #ffffff;
							color: #406e9f;
							border-left: 5px solid #406e9f;
							margin-left: -5px;
							font-weight: bold;
							}
							
						#menu ul li.reslink { background: #cecece; color: #333333; }
						#menu ul li.reslink a { background: #cecece; color: #333333; }

		#right {
			width: 685px;
			float: right;
			background: #ffffff;
			overflow: hidden;
			}

			#slideshow {
				width: 685px;
				height: 447px;
				background: url(../img/salad.jpg) no-repeat top left;
				}

				#glass {
					position: relative;
					top: 384px;
					height: 63px;
					width: 685px;
					background: url(../img/glass.png);
					}

					#glass h3 {
						color: #ffffff;
						font-size: 16px;
						line-height: 18px;
						font-family: Helvetica, Arial, sans-serif;
						margin: 0px;
						text-align: left;
						padding: 15px 0px 0px 15px;
						text-transform: uppercase;
						}
						
					#glass h4 {
						color: #ffffff;
						font-size: 12px;
						font-family: Helvetica, Arial, sans-serif;
						margin: 0px;
						padding: 0px 0px 0px 15px;
						text-align: left;
						font-weight: 100;
						}

	#footer {
		background: #ffffff;
		padding: 15px 0px 0px 0px;
		}

		#livanos {
			background: url(../img/livanos.gif) no-repeat 21px 27px ;
			width: 220px;
			height: 100px;
			padding: 0px 15px 0px 0px;
			float: left;
			}

			#livanos img {
				border: 0px;
				}
				
				#livanos a {
					display: block;
					height: 100px;
					width: 220px;
				}
				
				#livanos a strong {
						display: none;
				}

		#slider {
			width: 685px;
			height: 110px;
			float: right;
			overflow: hidden;
			}

		#slider-wrap {
			width: 1400px;
			height: 110px;
			}

			.slider-container {
				width: 685px;
				height: 110px;
				float: left;
				}

				#hours {
					background: #eeeeee;
					}

					.location {
						width: 230px;
						float: left;
						padding: 10px 0px 0px 10px;
						}

						.location p {
							font-size: 11px;
							font-family: Helvetica, Arial, sans-serif;
							text-align: left;
							line-height: 18px;
							padding: 0px;
							margin: 0px;
							}

							.location p span {
								color: #4270a1;
								color: #000;
								font-weight: bold;
								}
								.location p span.locmeal {
									width: 50px;
									display: block;
									float: left;
									}
								
							.location p span.newadd {
								color: #000000;
								font-size: 9px;
								font-weight: 100;
							}

					.locationhours {
						width: 155px;
						float: left;
						padding: 10px 0px 0px 10px;
						}

						.locationhours p {
							font-size: 11px;
							font-family: Helvetica, Arial, sans-serif;
							text-align: left;
							line-height: 18px;
							padding: 0px;
							margin: 0px;
							}

							.locationhours p span {
								color: #4270a1;
								font-weight: bold;
								}

				#logos {
					width: 685px;
					height: 108px;
					background: url(../img/logos.jpg) no-repeat center center;
					}

					#logos ul {
						margin: 0px;
						padding: 0px 0px 0px 0px;
						text-align: left;
						}

						#logos ul li#logos_box_back {
							list-style: none;
							display: block;
							height: 108px;
							width: 25px;
							background: url(../img/livanos_btn_back.gif) 0px 0px;
							}


						#logos ul li#logos_box_back:hover {
							background: url(../img/livanos_btn_back_over.gif) 0px 0px;
							}

							#logos ul li#logos_box_back a {
								display: block;
								height: 108px;
								width: 25px;
								text-decoration: none;
								}

								#logos ul li#logos_box_back a span {
									display: none;
								}

	#linkout {
		width: 950px;
		margin: 0 auto;
		text-align: left;
		padding: 15px 0px 0px 0px;
		}

	#linkout-wrap {
		background: #ffffff;
		padding: 15px;
		}
	

		#linkout-livanos {
			float: left;
			width: 213px;
			height: 108px;
			text-align: left;
			background: #eeeeee;
			}
				
			#linkout-livanos ul {
				margin: 0px;
				padding: 10px;
				}
					
				#linkout-livanos ul li {
					margin: 0px; 
					padding: 0px 3px 6px 3px;
					font-size: 11px;
					color: #404040;
					font-family: Arial, sans-serif;
					list-style: none;
				}

		#linkout-restaurants {
			float: right;
			width: 704px;
			padding: 0px;
			height: 108px;
			background: #ffffff url(../img/logos.gif) no-repeat center center;
			}
				
			#linkout-restaurants ul {
				margin: 0px;
				padding: 0px;
				}
					
				#linkout-restaurants ul li {
					margin: 0px; 
					padding: 0px 3px 0px 3px;
					font-size: 11px;
					color: #ffffff;
					font-family: Arial, sans-serif;
					list-style: none;
					display: inline;
				}

		#linkout-text {
			color: #ffffff;
			text-align: center;
			padding: 30px 0px 15px 0px;
			font-family: arial, sans-serif;
			}
		#linkout-text a, #linkout-text a:visited {
			color: #fff;
			text-decoration: none;
			}
		#linkout-text a:hover, #linkout-text a:active {
			color: #ccc;
			}

			#linkout-text ul {
				margin: 0px;
				padding: 0px 0px 5px 0px;
				}

				#linkout-text ul li {
					text-trasmform: uppercase;
					margin: 0px;
					padding: 0px 1px 6px 1px;
					list-style: none;
					display: inline;
					font-size: 11px;
					text-transform: uppercase;
					}

			#linkout-text span {
			font-size: 11px;
				}

		#topbar {
			background: url(../img/glass_darker.png);
			height: 36px;
			position: fixed;
			top: 0px;
			left: 0px;
			z-index: 9999999;
			width: 100%;
			}

			#topbar-wrap {
				margin: 0 auto;
				text-align: center;
				width: 884px;
				}

				#topbar-logo {
					height: 36px;
					width: 100px;
					background:url(../img/loguito.png)no-repeat left center;
					float: left;
					}

					#topbar-logo h1 {
						display: none;
						}

				#topbar-menu {
					float: left;
					}

					#topbar-menu ul {
						margin: 0px;
						padding: 0px;
						}

						#topbar-menu ul li {
							margin: 0px 0px 0px -1px;
							padding: 0px 15px 0px 15px;
							height: 36px;
							text-transform: uppercase;
							font-size: 11px;
							font-family: Arial, sans-serif;
							color: #ffffff;
							list-style: none;
							float: left;
							}

						#topbar-menu ul li a {
							text-decoration: none;
							}

						#topbar-menu ul li a span {
							display: block;
							line-height: 36px;
							color: #ffffff;
							}

							#topbar-menu ul li.restmenu ul {
								display: none;
								}

								#topbar-menu ul li.restmenu:hover ul#topbar-menu-restaurants {
									display: block;
									width: 278px;
									height: 375px;
									background: url(../img/menubg.png) no-repeat top center;
									position: fixed;
									top: 36px;
									margin-left: -104px;
									padding-left: 8px;
									color: #000000;
									}

									#topbar-menu-restaurants li {
										width: 238px;
										height: 100px;
										color: #000000;
										display: block;
										padding: 10px 0px 5px 0px;
										font-size: 12px;
										line-height: 13px;
										}

										#topbar-menu-restaurants li a {
											color: #000000;
										}


										.topbar-menu-in {
											padding: 0px;
											border: 0px;
											display: block;


											}

											.menuleft {
												color: #000000;
												width: 76px;
												height: 60px;
												float: left;
												border-bottom: 1px solid #cecece;
												display: block;
												}
												
												.menuleft a {
													display: block;
													height: 60px;
													width: 76px;
													font-size: 1px;
													color: #ffffff;
													line-height: 1px;
												}
												
													.menuleft a strong {
														display: none;
													}

											.menuright {
												color: #666666;
												width: 152px;
												height: 50px;
												float: left;
												text-align: left;
												text-transform: none;
												border-bottom: 1px solid #cecece;
												padding: 10px 0px 0px 10px;
												display: block;
												}

												.menuright h2 {
													margin: 0px;
													padding: 0px;
													font-size: 11px;
													line-height: 13px;
													display: block;
													}

												.menuright h3 {
													font-size: 10px;
													padding: 0px;
													margin: 0px;
													width: 162px;
													display: inline;
													line-height: 13px;
													}

													.menuright h3 a {
														display: none;
														margin: 0px;
														padding: 0px;
														height: 12px;
														}
	
							#topbar-menu ul li.lrgmenu ul {
								display: none;
								}

								#topbar-menu ul li.lrgmenu:hover ul#topbar-menu-lrg {
									display: block;
									width: 540px;
									height: 30px;
									background: url(../img/glass_darker.png);
									position: fixed;
									top: 36px;
									margin-left: -165px;
									color: #000000;
									}

									#topbar-menu-lrg li {
										width: 500px;
										height: 30px;
										color: #000000;
										display: block;
										padding: 10px 0px 5px 0px;
										font-size: 10px;
										line-height: 13px;
										}
										
										
										#lrg-popup {
											padding: 10px 0px 0px 0px;
											text-transform:none;
											text-align: left;
	
										}
										
											#lrg-popup a {
												font-size: 10px;
												color: #406e9f;
												text-transform:capitalize;
											}														
/* SECTIONS */

#inside-section {

	}
	
	#inside-header {
		height: 69px;
		width: 685px;
		
		}

		#inside-menu {
			width: 685px;
			padding-top: 20px;
			}
			
			#inside-menu ul {
				width: 685px;
				height: 34px;
				border-bottom: 2px solid    #7B5B44;
				background: url(../img/wglass.png);
				margin: 0px;
				padding: 0px;
				text-align: left;
				}
				
				#inside-menu ul li {
					padding: 2px 5px 2px 5px;
					line-height: 34px;
					font-size: 12px; 
					color: #7B5B44;
					font-family: Arial, sans-serif;
					list-style: none;
					display: inline;
					font-weight: 800;
					}
					
					#inside-menu ul li a {
						font-weight: normal;
						text-transform: uppercase;
						text-decoration: none;
						color:#7B5B44;						
						}
					
						#inside-menu ul li a:hover {
							margin-top: -2px;
							border-bottom: 3px solid #4270a1;
							padding-bottom: 8px;

							}	
							
						#inside-menu ul li a.sub-link-on {
							margin-top: -2px;
							border-bottom: 3px solid #7B5B44;
							padding-bottom: 8px;
							font-weight: bold;
							}	
						#inside-menu ul li a.sub-link-2 {
							margin-top: -2px;
							padding-bottom: 8px;
							}
						#inside-menu ul li a.sub-link-2-on {
							margin-top: -2px;
							padding-bottom: 8px;
							border-bottom: 3px solid #7B5B44;
							font-weight: bold;
							}
						#sub-break {
							margin: 0 10px 0 0;
							border-right: 1px solid #7B5B44;
							}
					
#inside-left {
	padding: 40px 15px 0px 0px;
	text-align: left;
	width: 500px;
	float: left;
	}
	
	#inside-left img, #inside-left-menu img {
		line-height: 13px;
		}
		
	#inside-left h1, #inside-left-menu h1 {
		padding: 0;
		margin: 10px 0 10px 0;
		font-size: 26px;
		color:#7B5B44;
		text-transform: uppercase;
		}
	#inside-left h2, #inside-left-menu h2 {
		font-size: 20px;
		font-family: Arial, sans-serif;
		color: #193260;
		margin: 0px;
		padding: 20px 0px 4px 0px;
		text-transform: uppercase;
		}

	#inside-left h3, #inside-left-menu h3 {
		font-size: 14px; 
		color: #7B5B44;
		font-family: Arial, sans-serif;
		margin: 4px 0px 0px 0px;
		padding: 0px;
		font-weight: 400;
		line-height: 22px;
		}
		
	#inside-left p, #inside-left-menu p {
		font-size: 12px;
		line-height: 16px;
		color: #333333;
		font-family: Arial, sans-serif;
		margin: 20px 0 0 0;
		padding: 0px;
		text-align: left;
		}
		
#inside-left-menu {
	padding: 40px 0px 0px 0px;
	text-align: left;
	width: 685px;
	float: left;
	}

/* menu navgiation */
#menu-nav {
	width: 685px;
	height: 120px;
	background: #ffffff url(../img/menus_off.jpg) repeat-x top left;
	}

		#menu-nav ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
			clear: left;
			}

			#menu-nav ul li {
				padding: 0px;
				margin: 0px;
				display: block;
				float: left;
				}

				#menu-nav ul li a  {
					display: block;
					height: 120px;
					}

					#menu-nav ul li a span {
						display: none;
						}

						#menu-nav ul li#menu-nav-lunch { width: 173px; }
						#menu-nav ul li#menu-nav-dinner { width: 173px; }
						#menu-nav ul li#menu-nav-dessert-l { width: 173px; }
						#menu-nav ul li#menu-nav-dessert-d { width: 166px; }

						#menu-nav ul li#menu-nav-lunch:hover { width: 173px; background: url(../img/menus_on.jpg) 0px 0px; }
						#menu-nav ul li#menu-nav-dinner:hover { width: 173px; background: url(../img/menus_on.jpg) -173px 0px; }
						#menu-nav ul li#menu-nav-dessert-l:hover { width: 173px; background: url(../img/menus_on.jpg) -346px 0px; }
						#menu-nav ul li#menu-nav-dessert-d:hover { width: 166px; background: url(../img/menus_on.jpg) -519px 0px; }
						
#menu-nav2 {
	width: 685px;
	height: 120px;
	background: #ffffff url(../img/menus2_off.jpg) repeat-x top left;
	}

		#menu-nav2 ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
			clear: left;
			}

			#menu-nav2 ul li {
				padding: 0px;
				margin: 0px;
				display: block;
				float: left;
				}

				#menu-nav2 ul li a  {
					display: block;
					height: 120px;
					}

					#menu-nav2 ul li a span {
						display: none;
						}

						#menu-nav2 ul li#menu-nav2-prepost { width: 173px; }
						#menu-nav2 ul li#menu-nav2-bar { width: 173px; }
						#menu-nav2 ul li#menu-nav2-brunch { width: 173px; }
	
						#menu-nav2 ul li#menu-nav2-prepost:hover { width: 173px; background: url(../img/menus2_on.jpg) 0px 0px; }
						#menu-nav2 ul li#menu-nav2-bar:hover { width: 173px; background: url(../img/menus2_on.jpg) -173px 0px; }
						#menu-nav2 ul li#menu-nav2-brunch:hover { width: 173px; background: url(../img/menus2_on.jpg) -346px 0px; }
							


#inside-right {
	padding: 15px 0px 0px 0px;
	width: 170px;
	float: left;
	}
	
	#inside-banner {
		}

#inside-right-menu {
	width: 0px;
	float: left;
	}

/* RESTAURANT MENU */

	#restaurant-menu {
		padding: 0px;
		margin: 0px;
		font-family: arial, sans-serif;
		text-align: left;
		}

		#restaurant-menu h2 { display: none; }

		#restaurant-menu h3 {
			font-size: 20px;
			color: #4270a1;
			padding: 0px;
			margin: 0px;
			font-family: Georgia, serif;
			}
			
		#restaurant-menu p {
			color: #6d96c3;
			padding: 0px 0px 15px 0px;
			margin: 0px;
			font-size: 12px;
			font-weight: bold;
			}
			
		#restaurant-menu p span {
			color: #4270a1;
			font-weight: normal;
			}
			
			#restaurant-menu ul {
				margin: 0px auto;
				padding: 0px 0px 30px 0px;
				width: 500px;
				}
				
				#restaurant-menu ul li {
					margin: 0px 0px 15px 0px;
					padding: 0px 0px 15px 0px;
					list-style: none;
					border-bottom: 1px dotted #cecece;
					}
					
					#restaurant-menu ul li h4 {
						font-size: 12px;
						margin: 0px;
						padding: 0px;
						color: #000000;
						font-family: Georgia, serif;
						}
						
						#restaurant-menu ul li h4 span {
							float: right;
							font-size: 13px;
							color: #4270a1;
							font-family: Georgia, serif;
							font-weight: bolder;
							}
						
					#restaurant-menu ul li p {
						font-size: 11px; 
						color: #606060;
						padding: 0px;
						margin: 0px;
						}
	
	
#contact-form {
	font-family: arial, sans-serif;
	}
							
	#contact-form h1 {
		font-weight: normal;
		font-size: 18px;
		margin: 0px;
		padding: 0px;
		color: #4270a1;
		}

	#contact-form h2 {
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 10px 0px;
		border-bottom: 1px solid #cecece;
		font-size: 10px; 
		font-weight: normal;
		}
		
	#contact-form input, #contact-form textarea {
		padding: 5px; 
		background: #ffffff;
		border: 1px solid #dedede;
		font-size: 14px;
		font-family: Arial, sans-serif;
		color: #666666;
		}
							
.formname {
	color: #333;
	font-family: arial, sans-serif;
	font-size: 12px;
	}
.formname td {
	padding: 3px 0 3px 0;
	

	}
	
	.formname td input {
			border: 1px solid #cecece;
			background: #ffffff;
			padding: 2px;
			color: #000000;
			font-size: 12px;
			font-family:Arial, Helvetica, sans-serif;
	}

.formfield {
	}

.formreq {
	background-color: #ffe9e1;
	border: 1px solid #990000;
	padding: 10px;
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #990000;
	}

#pic-gallery img {
		padding: 5px;
		border: 1px dotted #cecece ;
		margin: 0px 5px 5px 0px;
}

	#pic-gallery img:hover {
			border: 1px solid #cecece;
	}
													
	/* SLIDER */
	/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */

	h2.title { display: none;}

	.coda-slider-wrapper { position: relative; top: -58px; margin: 0px; padding: 0 0; }
	.coda-slider { background: #ffffff; height: 447px; overflow: hidden;}
	
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 685px; height: 447px; overflow: hidden;} 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 685px; height: 447px; overflow: hidden; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px }
	
	/* Arrow styling */
	/* .coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px } */
	.coda-nav-left a, .coda-nav-right a { display: none; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #7B5B44 }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px; height: 447px; width: 685px; overflow: hidden; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 0px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul, .coda-nav-button ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li, .coda-nav-button ul li { display: inline }
	.coda-nav ul li a { background: #000000; color: #fff; display: block; float: left; padding: 8px 12px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; line-height: 12px; font-size: 12px; }
	.coda-nav-button ul li a { height: 20px; width: 20px; background: #000000; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden; margin-bottom: -30px; }
	.coda-slider { float: left; overflow: hidden; position: relative; top: 0px;  }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
.coda-nav-left, .coda-nav-right { display: none; }

.coda-nav { position: relative; top: 429px; left: 212px; z-index: 10; }
.coda-nav-button { position: relative; top: 401px; left: 464px; z-index: 21; }
.panel-float { position: relative; z-index: 3; top: 373px; left: 0px; height: 74px; width: 685px; background: url(../img/glass_darker.png);   }
.panel-glass { padding: 10px 10px 0px 15px; text-align: left;  }
.panel-glass h3 { color: #ffffff; margin: 0px; padding: 0px; font-size: 18px; }
.panel-glass p { color: #ffffff; margin: 0px; padding: 0px; font-size: 12px; line-height: 14px; }
.panel-glass p a { color: #406e9f; text-decoration: none; }