body { margin: 0; padding: 0; background: #000000; color:#52656b; font-family: Arial, Helvetica, sans-serif; font-size: 75%; }
a	    { color:#ff3b77;  text-decoration: none; }
a:hover { text-decoration: underline; font-size:14px; }
img		{ border: none; }

#mbMain  { width: 900px; margin: 0 auto; background: #FFF url('../images/header-bg.jpg') no-repeat; border: 1px solid #736087; border-top-width: 3px; position:relative;  }
	#mbWrapper { margin: 20px 20px 0; }
		#mbHeader { height: 75px; }
		#mbNavbar { height: 25px; background-image: url('../images/navbar-bg.png'); border-top: 1px dotted silver; border-bottom: 1px dotted silver; }
			#mbNavbar a    { color: #333333; }
			#mbNavbar span { margin: 0 10px; }
		#mbPath   { height: 30px; }
			#mbPath a    { color:  #39244D; }
			#mbPath span { color: #000; }
		#mbBody   { }
			#mbPanel   { float: left;  width: 180px; margin-bottom: 20px; }
			#mbContent { float: right; width: 660px; background: #FAF8FB; }
				#mbCatBrowser { border: 4px solid #F5F2F7; background-color: white; padding: 10px; margin: 10px; }
					.mbCatBrowserCat       { font-size: 120%; color: #555; list-style-image: url('../images/bullet.gif'); }
					.mbCatBrowserCat li:hover { color: #99CC66; cursor: pointer; }
				#mbCatFeatContainer { padding: 10px; }
					.mbCatFeat { background-color: white; border: 4px solid #F5F2F7; margin-top: 10px; padding: 10px; }
						.mbCatFeatHeader { }
							.mbCatFeatTitle { float: left; font-size: 130%; color: #56416A; font-weight: bold; letter-spacing: 0.2em; }
						.mbCatFeatContent { margin-top: 10px; }
						.mbCatFeatItem { float: left; width: 100px; }
							.mbCatFeatItemThumbnail { border: 1px solid #ccc; height: 100px; margin-bottom: 5px; overflow: hidden; }
							.mbCatFeatItemCity { color: #56416A; font-weight: bold;}
							.mbCatFeatItemName { color: #9F9F00; }
				#mbSponsor    { background-color: #E6DEEE; height: 175px; margin: 10px; -moz-border-radius: 10px; }
		#mbFooter { background: #52656b url('../images/footer-bg.jpg'); color: white; height: 50px; }
		#mbFooter a:hover{ font-size:14px; text-decoration:underline;}
				.mbFormText, .mbFormSelect { background-color: #FAF8FB; color: #78638C; border: 1px solid #78638C; font-size: 100%; margin-top:1px; margin-bottom:3px;}
		
		
		#infobar {
		
 font: message-box;
}

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
 display: block;
 color: #000;
 width:100%;
 background: #FFFFE1 url(/images/warning.gif) no-repeat fixed .3em .3em;
 border-bottom: .16em outset;
 text-decoration: none;
 cursor: default;
}

#infobar a:hover {
 color: #FFF;
 background: #3169B6 url(/images/warning2.gif) no-repeat fixed .3em .3em;
}

#infobar p{
 margin:0px;
 padding: .45em 0em .45em 22px;
 font-size:11px;
}
.claseimagleft{
float:left}
.claseimagright{
float:right}
.galleryPicture { border: 1px solid #999; margin: 20px;   }



.demo  {color: #FFFFFF; background-color: #000000; layer-background-color: #000000 ;
        position:absolute; top:94px; left: 215px; width:460px; height:558px;
        z-index:1;  visibility:hidden;}
		
.demo2  {color: #FFFFFF; background-color: #483248; layer-background-color: #000000 ;
        position:absolute; top:100px; left: 10px; width:300px; height:450px;
        z-index:1; visibility:visible; }
		
		.cerrar{
		padding:10px;}


.rojo a, .rojo a:link {
	color: #FF0000;
	font-weight: bold;
}
.rojo {
	color: #FF0000;
	font-weight: bold;
}
.festival{
margin: 10px;}


.etiqueta{
margin-top:50px;
width:425px;
height:113px;
float:left;
font-size:16px;
display:block;
color:#000000;}


.barcode{
margin-left: 30px;
float:left;
width:200px;
height:70px;
overflow:hidden;
text-align:right;
}


.nombre{
font-size: 18px;}
.idbarcode{
font-size:9px;
color:#999999;
float:right;
margin-right:20px;
}