@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
body {
	background-color: #f2f2f2;
	margin-left: 0px;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link { color: #931414; }
a:visited { color: #931414; }
a:hover { color: #C00; }
a:active { color: #931414; }

p { line-height: 20px; margin: 0px; }
a img { border : 0; }
a,form,a div { margin: 0px; padding: 0px; }
ul { margin: 0px; padding: 0px; }

#main_frame { width: 996px; }
#top_bar { width: 996px; height: 23px; background: url(images/bg_top.jpg) no-repeat; float: left; }
#bott_bar { width: 996px; height: 23px; padding: 0px 0px 22px 0px; background: url(images/bg_bott.jpg) no-repeat; float: left; }
#header_hd { width: 942px; padding: 0px 20px 15px 34px; background: url(images/bg_all.jpg) repeat-y; float: left; }
#logo_hd { width: 241px; height: 74px; padding: 12px 0px 0px 0px; float: left; }
#nav_main_hd { width: 656px; height: 80px; padding: 5px 0px 0px 29px; float: left; }

.navigation { height: 80px; }
.navigation ul { width:656px; }
.navigation ul li{ text-indent:-9999em; float: left; }
.navigation ul li a{ width: 100%; height: 80px; display:block; background: url(images/nav_menu_new.png) no-repeat; }

.navigation ul li.home a{ width: 64px; background-position: 0px 0px; }
.navigation ul li.foodmenu a{ width: 99px; background-position: -65px 0px; }
.navigation ul li.catering a{ width: 173px; background-position: -165px 0px; }
.navigation ul li.delivery a{ width: 77px; background-position: -339px 0px; }
.navigation ul li.about a{ width: 85px; background-position: -417px 0px; }
.navigation ul li.maps a{ width: 54px; background-position: -503px 0px; }
.navigation ul li.contact a{ width: 98px; background-position: -558px 0px; }

.navigation ul li.home a:hover{ width: 64px; background-position: 0px -90px; }
.navigation ul li.foodmenu a:hover{ width: 99px; background-position: -65px -90px; }
.navigation ul li.catering a:hover{ width: 173px; background-position: -165px -90px; }
.navigation ul li.delivery a:hover{ width: 77px; background-position: -339px -90px; }
.navigation ul li.about a:hover{ width: 85px; background-position: -417px -90px; }
.navigation ul li.maps a:hover{ width: 54px; background-position: -503px -90px; }
.navigation ul li.contact a:hover{ width: 98px; background-position: -558px -90px; }

.navigation ul li.home a.ativo{ width: 64px; background-position: 0px -180px; }
.navigation ul li.foodmenu a.ativo{ width: 99px; background-position: -65px -180px; }
.navigation ul li.catering a.ativo{ width: 173px; background-position: -165px -180px; }
.navigation ul li.delivery a.ativo{ width: 77px; background-position: -339px -180px; }
.navigation ul li.about a.ativo{ width: 85px; background-position: -417px -180px; }
.navigation ul li.maps a.ativo{ width: 54px; background-position: -503px -180px; }
.navigation ul li.contact a.ativo{ width: 98px; background-position: -558px -180px; }

#banner_hd { width: 940px; height: 350px; padding: 0px 28px 0px 28px; background: url(images/bg_all.jpg) repeat-y; float: left; }
#container_hd { width: 940px; padding: 5px 28px; background: url(images/bg_all.jpg) repeat-y; float: left; }

#box_home_frame { width: 928px; padding: 5px 6px; background: #000; float: left; }
#box_home_hd { width: 222px; padding: 5px; float: left; }
#box_home_img { width: 222px; height: 110px; float: left; }
#box_home_title { width: 202px; height: 16px; padding: 12px 5px 12px 15px; background: url(images/bg_box_title.jpg) no-repeat; float: left; }
#box_home_data { width: 192px; height: 50px; padding: 15px; background: url(images/bg_box_all.jpg) repeat-y; float: left; }

#container_pages { width: 900px; padding: 20px 20px 20px 20px; background: #000 url(images/bg_pages_img.jpg) no-repeat top center; float: left; }
#title_bar_pages { width: 870px; padding: 10px 15px; background: #005C2D url(images/title_bar_pages.jpg) no-repeat bottom center; float: left; }
#data_pages { width: 870px; padding: 30px 15px; float: left; }

#data_catering { width: 500px; padding: 0px 20px 0px 0px; float: left; }
#catering_price_hd { padding: 5px; margin: 35px 10px 0px 0px; border: #C00 2px dashed; -moz-border-radius: 20px 4px; border-radius: 20px 4px; float: right; }
#catering_price { width: 140px; background: #FFF; padding: 15px; -moz-border-radius: 16px 2px; border-radius: 16px 2px; float: right; }
#catering_price_hd02 { width: 216px; height: 310px; padding: 5px; margin: 5px 10px 5px 10px; border: #393 2px dashed; -moz-border-radius: 20px 4px; border-radius: 20px 4px; float: left; }
#catering_price02 { width: 186px; height: 280px; background: #FFF; padding: 15px; -moz-border-radius: 16px 2px; border-radius: 16px 2px; float: left; }
#data_contact { width: 500px; padding: 0px 20px 0px 0px; float: left; }
#data_form { width: 350px; /*height: 400px; background: #CCC;*/ float: left; }

#data_map_hd { width: 393px; padding: 15px 20px 0px 20px; border-right: #FFF 1px dashed; float: left; }
#data_map_hd02 { width: 393px; padding: 15px 20px 0px 20px; float: left; }

#footer_hd { width: 940px; padding: 12px 28px; background: url(images/bg_all.jpg) repeat-y; float: left; }
#footer_notes { width: 550px; height: 41px; padding: 10px 15px 0px 0px; float: right; }
#footer_icon { height: 41px; padding: 0px 3px; float: right; }

#wrapper {}
/* Moving Boxes title image wrapper */
#title { text-align: center; }
#title img { border: 0; }

/* panel images */
.mb-inside img { width: 100%; }

/* height of the placeholder until image completely loads - needed for
   webkit browsers, add this only if you don't want the height animation
   on startup. 326px measures the height of the current image when enlarged 
*/
#slider-two .current img { /* height: 326px; */ }

/* panel links */
.mb-inside a { color: #333; text-decoration: none; border-bottom: 1px dotted #ccc; }
.mb-inside a:hover { border-bottom: 1px solid #999; }

/*===============================*/

h2.trigger {
	margin: 0 0 5px 0;
	padding: 0px 0px 0px 10px;
	height: 35px;
	width: 500px;
	font-size: 24px;
	float: left;
	border-bottom: #666 dotted 1px;
}
h2.trigger a {
	color: #F63;
	text-decoration: none;
	display: block;
}
h2.trigger a:link {
	color: #F63;
	text-decoration: none;
	display: block;
	
}
h2.trigger a:visited {
	color: #F63;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #009900; }
h2.trigger a:active {
	color: #009900;
	text-decoration: none;
	display: block;
	
}
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px 0;
	padding: 0px 20px 0px 0px;
	overflow: hidden;
	width: 500px;
	clear: both;
	color: #333;
}
.toggle_container .block {
	padding: 20px 18px 25px 18px; /*--Padding of Container--*/
	margin: 0px 20px 0px 0px;
	background: #DCEEA6; /*--Bottom rounded corners--*/
}

/*===============================*/