body{ background-image:url(images/bg.gif); background-repeat:repeat-x; background-color:#000000; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#FFFFFF}

.tablacentral{text-align:left; margin:auto; margin-top:40px;}

.eventonuevo{ text-indent:5px; margin-top:5px;}
.eventoviejo{ color:#6B8090; text-indent:5px; margin-top:5px;}
.space{ margin-top:5px;}

.frase{ color:#FFCC00; position:relative;}
.Estilo1{ color:#FFCC00}
/* link */

a.menu:link {text-decoration: none; color:#FFFFFF;}
a.menu:visited {text-decoration: none;color: #FFFFFF;}
a.menu:hover { text-decoration:none; color:#F8E24E;}
a.menu:active {text-decoration: none; color:#FFFFFF;}

a.linksazules:link {text-decoration:none; color:#007EBB; font-style:italic}
a.linksazules:visited {text-decoration: none;color: #007EBB; font-style:italic}
a.linksazules:hover { text-decoration:none; color:#FFFFFF; font-style:normal}
a.linksazules:active {text-decoration: none; color:#007EBB; font-style:italic}

a.dw:link {text-decoration:none; color:#666666}
a.dw:visited {text-decoration: none;color: #666666;}
a.dw:hover { text-decoration:none; color:#FFFFFF;}
a.dw:active {text-decoration: none; color:#666666;}

a.eventonuevo:link {text-decoration:none; color:#FFCC00; font-size:100%;}
a.eventonuevo:visited {text-decoration: none;color: #FFCC00; font-size:100%;}
a.eventonuevo:hover { text-decoration:none; color:#FFFFFF; font-size:100%;}
a.eventonuevo:active {text-decoration: none; color:#FFCC00; font-size:100%;}

a.eventoviejo:link {text-decoration:none; color:#CCCCCC; font-size:100%;}
a.eventoviejo:visited {text-decoration: none;color: #CCCCCC; font-size:100%;}
a.eventoviejo:hover { text-decoration:none; color:#FFFFFF; font-size:100%;}
a.eventoviejo:active {text-decoration: none; color:#CCCCCC; font-size:100%;}

a.x:link {text-decoration:none; color:#FFCC00; }
a.x:visited {text-decoration: none;color: #FFCC00; }
a.x:hover { text-decoration:none; color:#FFFFFF; }
a.x:active {text-decoration: none; color:#FFCC00; }

a.y:link {text-decoration:none; color:#007EBB;}
a.y:visited {text-decoration: none;color: #007EBB; }
a.y:hover { text-decoration:none; color:#FFFFFF;}
a.y:active {text-decoration: none; color:#007EBB;}


.marco_foto { padding:0px; margin:0px; border:0px;  float:left; margin-left:14px; margin-top:20px; cursor:pointer; }

/* backgrounds PNG */

.bgevents{background-image:url(images/bg_events.png); background-repeat:no-repeat; width:225px; height:137px;}
*html .bgevents{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/bg_events.png', sizingMethod='scale');}

.bgvisita{background-image:url(images/bg_visita.png); background-repeat:no-repeat; width:225px; height:177px;}
*html .bgvisita{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/bg_visita.png', sizingMethod='scale');}

.bgfotos{background-image:url(images/bg_fotos.png); background-repeat:no-repeat; width:174px; height:320px;}
*html .bgfotos{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/bg_fotos.png', sizingMethod='scale');}

.bgonsom{background-image:url(images/bg_onsom.png); background-repeat:no-repeat; width:280px; height:92px;}
*html .bgonsom{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/bg_onsom.png', sizingMethod='scale');}

.bgvideos{background-image:url(images/bg_videos.png); background-repeat:no-repeat; width:280px; height:125px;}
*html .bgvideos{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/bg_videos.png', sizingMethod='scale');}

.bgcapas{ background-image:url(images/capas.gif); /*filter: alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1;*/ }



/*.opacidad { 
   filter: alpha(opacity=60); 
   -moz-opacity: 0.6;
   opacity: 0.6; 
}*/



.camara{background-image:url(images/camara.png); background-repeat:no-repeat; width:78px; height:108px; margin:auto; position:relative; z-index:20; margin-left:-5px; margin-top:-35px; margin-bottom:-73px}
*html .camara{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/camara.png', sizingMethod='scale');}

.gente{background-image:url(images/gente.png); background-repeat:no-repeat; width:100px; height:65px; margin:auto; position:relative; z-index:20; margin-left:-5px; margin-top:0px;}
*html .gente{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/gente.png', sizingMethod='scale');}

.carpa{background-image:url(images/carpa.png); background-repeat:no-repeat; width:55px; height:54px; position:relative; z-index:15; margin-top:-10px; margin-left:-5px; margin-bottom:-9px}
*html .carpa{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/carpa.png', sizingMethod='scale');}

.arroba{background-image:url(images/arroba.png); background-repeat:no-repeat; width:68px; height:50px; position:relative; z-index:49; margin-top:-10px; margin-left:-5px;}
*html .arroba{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/arroba.png', sizingMethod='scale');}


.logo{background-image:url(images/logo2.png); background-repeat:no-repeat; width:225px; height:137px; margin:auto; position:absolute; z-index:100; margin-top:-75px}
*html .logo{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/logo2.png', sizingMethod='scale');}

.barra{background-image:url(images/barra.png); background-repeat:no-repeat; width:732px; height:27px; margin:auto; position:absolute; z-index:0; margin-top:4px; margin-left:5px;}
*html .barra{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/barra.png', sizingMethod='scale');}


.titevents{background-image:url(images/tit_events.png); background-repeat:no-repeat; width:81px; height:39px;  }
*html .titevents{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/tit_events.png', sizingMethod='scale');}


.titvisita{background-image:url(images/tit_visita.png); background-repeat:no-repeat; width:146px; height:40px;  }
*html .titvisita{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/tit_visita.png', sizingMethod='scale');}


.titfotos{background-image:url(images/tit_fotos.png); background-repeat:no-repeat; width:68px; height:39px;}
*html .titfotos{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/tit_fotos.png', sizingMethod='scale');}

.titfotos2{background-image:url(images/tit_fotos.png); background-repeat:no-repeat; width:68px; height:39px; position:relative; z-index:25; margin-left:-60px}
*html .titfotos2{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/tit_fotos.png', sizingMethod='scale');}

.titalbums{background-image:url(images/tit_albums.png); background-repeat:no-repeat; width:89px; height:39px; position:relative; z-index:25; margin-left:-80px}
*html .titalbums{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/tit_albums.png', sizingMethod='scale');}


.titonsom{background-image:url(images/tit_onsom.png); background-repeat:no-repeat; width:100px; height:37px;  }
*html .titonsom{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/tit_onsom.png', sizingMethod='scale');}


.sala2{background-image:url(images/tit_sala2.png); background-repeat:no-repeat; width:68px; height:36px;  }
*html .sala2{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/tit_sala2.png', sizingMethod='scale');}

.bgbutlleti{background-image:url(images/bg_butlleti.png); background-repeat:no-repeat; width:280px; height:92px;}
*html .bgbutlleti{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/bg_butlleti.png', sizingMethod='scale');}

.titbutlleti{background-image:url(images/tit_butlleti.png); background-repeat:no-repeat; width:79px; height:36px; position:absolute; z-index:49; margin-top:-20px; margin-left:-80px;}
*html .titbutlleti{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/tit_butlleti.png', sizingMethod='scale');}

.camara2{background-image:url(images/camara.png); background-repeat:no-repeat; width:78px; height:108px;position:relative; z-index:50; margin-top:-50px;}
*html .camara2{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/camara.png', sizingMethod='scale');}

.mano{background-image:url(images/mano.png); background-repeat:no-repeat; width:49px; height:49px; margin:auto; position:relative; margin-left:-5px}
*html .mano{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/mano.png', sizingMethod='scale');}

.casete{background-image:url(images/casete.png); background-repeat:no-repeat; width:86px; height:72px; margin:auto; position:relative; margin-left:-5px; margin-top:-10px; margin-bottom:-12px}
*html .casete{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/casete.png', sizingMethod='scale');}

.bgcontent{background-image:url(images/bg_content.png); background-repeat:repeat-y; width:740px;}
*html .bgcontent{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/bg_content.png', sizingMethod='scale');}

.contacte{background-image:url(images/tit_contacte.png); background-repeat:repeat-y; width:94px; height:37px;}
*html .contacte{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/tit_contacte.png', sizingMethod='scale');}

.treballa{background-image:url(images/treballa.png); background-repeat:repeat-y; width:219px; height:36px;}
*html .treballa{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/treballa.png', sizingMethod='scale');}

.tithistoria{background-image:url(images/tit_historia.png); background-repeat:no-repeat; width:95px; height:39px;  }
*html .tithistoria{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/tit_historia.png', sizingMethod='scale');}

.publiexte{background-image:url(images/publi_exte.png); background-repeat:no-repeat; width:219px; height:196px;}
*html .publiexte{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/publi_exte.png', sizingMethod='scale');}

.publibebida{background-image:url(images/publi_bebidas.png); background-repeat:no-repeat; width:219px; height:196px;}
*html .publibebida{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/publi_bebidas.png', sizingMethod='scale');}

.publiproyector{background-image:url(images/publi_proyector.png); background-repeat:no-repeat; width:219px; height:196px; position:relative; z-index:59;}
*html .publiproyector{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/publi_proyector.png', sizingMethod='scale');}

.tit_publicitat{background-image:url(images/tit_publicitat.png); background-repeat:no-repeat; width:106px; height:37px; position:relative; z-index:59;}
*html .tit_publicitat{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/tit_publicitat.png', sizingMethod='scale');}



/* GALERIA */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#000000;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(js/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; background: url(js/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(js/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(js/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(js/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
