/* ----------------- globals start --------------------- */
body{
	background:url(../images/bg.gif) repeat-x 0 0 #FDF9EE; color:#4E4628;
	font:normal 14px/19px Helvetica, Arial, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}
hr {border:0px; color:#F7F5EE; background-color:#F7F5EE; height:4px;}
a {outline: none;}
td {font-size:10px; border-bottom:1px solid #CCC;}
td a{font-size:10px; border-bottom:1px solid #CCC;}
label{font-size:12px; font-family:verdana, helvetica, sans-serif;}
.required{display:none;}
.fillout{left:-9999px; position:absolute;}
/* ----------------- top navigation start --------------------- */
#topNav{
	width:758px; position:relative;
	margin:0 auto; padding:28px 0 0 5px;}
#topNav img{
	border:none; float:left; margin:0 4px 0 0;}
#topNav ul{
	background:url(../images/top_ul_bg.gif) no-repeat 0 8px;
	width:503px; height:23px; padding:8px 0 0 8px; margin:0 0 0 240px;}
#topNav ul li{
	background-color:#E1DBC7; color:#0B0B0B; float:left;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
#topNav ul li a{
	background-color:#E1DBC7; color:#0B0B0B;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:100px; height:23px; display:block;}
#topNav ul li a.hover{
	background:url(../images/top_btn_h.gif) no-repeat 0 0 #E1DBC7; color:#FFFFFF;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:100px; height:23px; display:block;}
#topNav ul li a:hover{
	background:url(../images/top_btn_h.gif) no-repeat 0 0 #E1DBC7; color:#FFFFFF;
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase; text-align:center; text-decoration:none;
	width:100px; height:23px; display:block;}
/* ----------------- shadow start --------------------------- */
#topShadow{
	background:url(../images/top_shadow.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
	width:778px; height:34px; margin:9px 0 0; float:left;}
#bottomShadow{
	background:url(../images/bottom_shadow.gif) no-repeat 0 0 #FDF9EE; color:#4E4628;
	width:778px; height:24px; float:left;}
/* ----------------- body start --------------------------- */
#body{
	width:778px; margin:0 auto; position:relative;}
#bodyPannel{
	background:url(../images/midle_bg.gif) repeat-y 0 0 #FDF9EE; color:#4E4628;
	width:722px; padding:0 28px; float:left;}
#midle{
	background:url(../images/picture.gif) no-repeat 0 0 #FFFFFF; color:#4E4628;
	padding:270px 0 0 0;}
#midle h2{
	background-color:#FFFFFF; color:#0B0B0B;
	font:normal 28px/46px Georgia, "Times New Roman", Times, serif;}
#midle h2 span{
	background-color:#FFFFFF; color:#A60101;
	font:normal 28px/46px Georgia, "Times New Roman", Times, serif;}
#midle p{
	font:normal 14px/19px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#4E4628;}
#midle a.more{
	background:url(../images/more_bg.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:5px 35px 0 0;}
#midle a.more:hover{
	background:url(../images/more_bg_h.gif) no-repeat 66px 0 #FFFFFF; color:#0B0B0B; float:right;
	font:bold 10px/13px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;
	padding:0 20px 0 0; margin:5px 35px 0 0;}
#colorBg{
	background-color:#FCFAF3; float:left; color:#0B0B0B;
	margin:18px 0 0 0; padding:18px 40px 18px 38px; width:642px;}
.lightt {color:#999;}
/* ----------------- footer start --------------------------- */
#footer{
	position:relative; margin:0 auto; width:678px; padding:12px 0 50px;}
	#footer a.xhtml{
	background-color:#CC0000; color:#CCC; width:49px; height:16px; margin:0 6px 0 0;
	display:block; text-align:center; text-decoration:none; float:left;}
#footer a.xhtml:hover{
	background-color:#0B0B0B; color:#CCC; width:49px; height:16px; margin:0 6px 0 0;
	display:block; text-align:center; text-decoration:none; float:left;}
#footer a.css{
	background-color:#0B0B0B; color:#CCC; width:38px; height:16px;
	display:block; text-align:center; text-decoration:none; float:left;}
#footer a.css:hover{
	background-color:#CC0000; color:#CCC; width:38px; height:16px;
	display:block; text-align:center; text-decoration:none; float:left;}
	#footer a{color:#CCC; font-weight:normal;}
#footer p{
	color:#CCC; background-color:#FDF9EE; padding:0 8px; float:right;
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;}
/* ----------------- custom classes start --------------------- */
h1.title {font-size:22px; font-weight:normal; padding:4px 4px 4px -1px; margin:4px 4px 4px -1px;}
div.meat {padding:5px; margin:5px; float:left; width:530px; overflow:auto;}
div.patatas {padding:5px; margin:5px auto 5px auto; text-align:center; float:left; border:1px solid #F7F5EE; width:145px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  overflow:auto;}
div.slogan {padding:4px 0px 0px 18px; margin:4px 0px 0px 18px;}
a.mainlink{font-size:18px}
ul.stack{list-style:circle; margin-left:20px;}
input.time{border:0px solid; width:225px; color: #4E4628; font-size:10px}
div.time{font-size:10px; display:inline;}
div.lefthalf {padding:5px; margin:5px 5px 5px 60px; float:left; width:45%;}
div.righthalf {padding:5px; margin:5px; float:left; width:300px;}
input.error {border: 2px solid red; background: #fee;}
select.error {border: 2px solid red; background: #fee;}
option.error {border: 2px solid red; background: #fee;}
.dontshow {display:none;}