

#wrapper123 {
background: url(../img/p_backtwo.jpg) repeat;
width: 100%;
height: 100%;
background-color: #FFF;
margin: 0px 0px 0px 0px;

}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
ul#saturday{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url("images/bgOFF.gif") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #B20107;border-top:1px solid #C0E2D4;}
ul#saturday li{display:block;float:left;margin:0;pading:0;}
ul#saturday li a{display:block;float:left;color:#874B46;text-decoration:none;padding:12px 20px 0 20px;height:24px;background:transparent url("images/bgDIVIDER.gif") no-repeat top right;}
ul#saturday li a:hover{background:transparent url("images/bgHOVER.gif") no-repeat top right;}
ul#saturday li a.current,ul#saturday li a.current:hover{color:#fff;background:transparent url("images/bgON.gif") no-repeat top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */

.mimainxtextworks{
	position: relative;
	width: 920px;
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
}
.mimainxtextworks a { color:#710A05; text-shadow:none; text-decoration: none;}
.mimainxtextworks a:hover,  a.active{ color:#710A05; text-decoration: underline;}	


#fragment-1{
	width: 920px;
}

#fragment-2{
	width: 920px;
}

#fragment-3{
	width: 920px;
}

#fragment-4{
	width: 920px;
}

#fragment-5{
	width: 920px;
}

.selecttop{
width: 900px;
text-align: right;
margin: 0px 0px 30px 0px;
}

.mimainxtextworks h2{
font-size: 14px;
padding: 5px 0px 5px 10px;
margin:5px 0px 5px 0px;
font-weight: bold;
color:#FFF;
background-color: #B20107;
}
.menu01{
float: left;
width: 380px;
font-size: 14px;
padding: 10px 0px 10px 10px;
line-height: 1.5em;

}

.menu01a{
float: left;
width: 330px;
font-size: 14px;
padding: 10px 0px 10px 10px;
line-height: 1.5em;
vertical-align:middle;
}
.menu02{
float: left;
width: 400px;
font-size: 14px;
padding: 10px 0px 10px 0px;
line-height: 1.5em;
vertical-align:middle;
}
.menu03{
float: left;
width: 50px;
font-size: 14px;
padding: 10px 0px 10px 0px;
line-height: 1.5em;
text-align:right;
vertical-align:middle;
}
.menu04{
float: left;
width: 80px;
font-size: 14px;
padding: 10px 0px 10px 0px;
line-height: 1.5em;
text-align:right;
vertical-align:middle;
}

.menu05{
float: left;
width: 50px;
font-size: 14px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
text-align:right;
vertical-align:middle;
}
/*infobase*******************************/
.infoleftxb{
float: left;
width: 130px;
font-size: 14px;
padding: 10px 0px 10px 0px;
line-height: 1.5em;

}

.infoleftx{
float: left;
width: 180px;
font-size: 14px;
padding: 10px 5px 10px 5px;
line-height: 1.5em;
font-weight:bold;
}

.infomainx{
float: left;
width: 590px;
background-color:#FFFFFF;
margin: 0px 0px 0px 0px;
overflow: hidden;
padding: 10px 5px 10px 5px;
}


.infomainxin{
float: left;
width: 590px;
margin: 0px 0px 0px 0px;
overflow: hidden;
font-size: 14px;
padding: 0px 0px 10px 0px;
overflow:hidden;
line-height: 1.5em;
}

.infotopx{
border-bottom: 1px dotted #CCCCCC;
}

.coll{
padding: 10px 0px 10px 0px;
font-size: 14px;
line-height: 1.5em;
color:#333;
}

/*****nav************************/


.vivonav {
	font-family: inherit;
	width: 920px;
    text-align: center;
    padding: 30px 0 30px 0;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	}



.vivonav a{
		display: inline;
	font-style: normal;
	border: 1px double #CCC;
	text-decoration: none;
	padding: 3px 6px 3px 6px;
	margin:3px;
	color: #FF6600;
	}
	

.vivonav a:hover {
 	color:#FFFFFF;
	text-decoration: none;
	background-color: #FF6600;
	padding: 3px 6px 3px 6px;
	margin:3px;
 }


.vivonav dt{
 	color:#333333;
	display: inline;
	text-decoration: none;
	padding: 3px 6px 3px 6px;
	margin:3px;
 }
 
 
 
 #MainNavBox {
	/*margin-left: 60px;
	padding-left: 120px;*/
	padding: 0px 0 20px 0;
	clear: both;
	/*border-top: 1px solid #ccc;*/
	}


#MainNav {
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
	/*background: url(../img/bkd_mainnav.gif) no-repeat;*/
	/*width: 920px;*/
	height: 111px;
	position: relative;
	clear: both;
	}

/* LI for main navigation */
#MainNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#MainNav li, #MainNav a {
	height: 111px;
	display: block;
	overflow:hidden;
	}

/* Modified Phark Image Replacement Technique */
#MainNav a {
	text-indent: -5000px;
	text-decoration: none;
	overflow:hidden;
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#mainnav_lacomida {left: 0px; width: 180px; background: url(http://www.barabeja.com/img/lacomida2.jpg) no-repeat; display: block;}
#mainnav_lista {left: 185px; width: 180px; background: url(http://www.barabeja.com/img/lista2.jpg) no-repeat; display: block;}
#mainnav_elalcohol {left: 370px; width: 180px; background: url(http://www.barabeja.com/img/elalcohol2.jpg) no-repeat; display: block;}
#mainnav_beba {left: 555px; width: 180px; background: url(http://www.barabeja.com/img/beba2.jpg) no-repeat; display: block;}
#mainnav_lunch {left: 740px; width: 180px; background: url(http://www.barabeja.com/img/lunch2.jpg) no-repeat; display: block;}

#mainnav_lacomida a:hover, #mainnav_lacomida a:visited:hover { background: url(http://www.barabeja.com/img/lacomida.jpg) no-repeat; display: block;}
#mainnav_lista a:hover, #mainnav_lista a:visited:hover { background: url(http://www.barabeja.com/img/lista.jpg) no-repeat; display: block;}
#mainnav_elalcohol a:hover, #mainnav_elalcohol a:visited:hover { background: url(http://www.barabeja.com/img/elalcohol.jpg) no-repeat; display: block;}
#mainnav_beba a:hover, #mainnav_beba a:visited:hover { background: url(http://www.barabeja.com/img/beba.jpg) no-repeat; display: block;}
#mainnav_lunch a:hover, #mainnav_lunch a:visited:hover { background: url(http://www.barabeja.com/img/lunch.jpg) no-repeat; display: block;}

#mainnav_lacomida a.selected:link, #mainnav_lacomida a.selected:visited { background: url(http://www.barabeja.com/img/lacomida.jpg) no-repeat; display: block;}
#mainnav_lista a.selected:link, #mainnav_lista a.selected:visited { background: url(http://www.barabeja.com/img/lista.jpg) no-repeat; display: block;}
#mainnav_elalcohol a.selected:link, #mainnav_elalcohol a.selected:visited { background: url(http://www.barabeja.com/img/elalcohol.jpg) no-repeat; display: block;}
#mainnav_beba a.selected:link, #mainnav_beba a.selected:visited { background: url(http://www.barabeja.com/img/beba.jpg) no-repeat; display: block;}
#mainnav_lunch a.selected:link, #mainnav_lunch a.selected:visited { background: url(http://www.barabeja.com/img/lunch.jpg) no-repeat; display: block;}


#mainnav_lacomida2 {left: 0px; width: 180px; background: url(http://www.barabeja.com/img/lacomida.jpg) no-repeat; display: block;}
#mainnav_lista2 {left: 185px; width: 180px; background: url(http://www.barabeja.com/img/lista.jpg) no-repeat; display: block;}
#mainnav_elalcohol2 {left: 370px; width: 180px; background: url(http://www.barabeja.com/img/elalcohol.jpg) no-repeat; display: block;}
#mainnav_beba2 {left: 555px; width: 180px; background: url(http://www.barabeja.com/img/beba.jpg) no-repeat; display: block;}
#mainnav_lunch2 {left: 740px; width: 180px; background: url(http://www.barabeja.com/img/lunch.jpg) no-repeat; display: block;}
