/* CSS Document */

/*-----FLASH BACKGROUND concept by JAMEK (aleix@fusedfilms.com) ----*/
 
 
/*//////////////////////////HEADER//////////////////////////*/
  
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-x: hidden;
	background-color: #A00000;
	background-image: url(../imatges/fons05.jpg);
	background-position: center top;
	background-attachment:fixed;
}

*html{
	overflow-x: hidden;
	}
#container {
	position:absolute;
	width: 100%;
	height:auto;
	overflow:visible;
}
.swfcentro {
position: absolute; /*Posicionamiento absoluto*/
top: 0; /*Desde arriba, colocar al 50% de la pantalla*/
left: 50%; /*Desde la izquierda, colocar al 50% de la pantalla*/
margin-top: 0; /*Restamos la mitad de alto del SWF para centrarlo verticalmente(fals)*/
margin-left: -640px; /*Restamos la mitad de ancho del SWF para centrarlo horizontalmente*/
}
h1 {
 padding:0;
 margin:0;
 color: #FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 24px;
 }
h2, h2 a {
 padding:0;
 margin:0;
 color: #FFFFFF;
 font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: normal;
 text-decoration:none;
 }
h2 a:hover {
	background-color:#FFFFFF; color: #721214;
}
  /*//////////////////////////ESTILS//////////////////////////*/
.text {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#CCCCCC;
 font-weight:normal;
 text-decoration:none;
 }
.text a{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#CCCCCC;
 font-weight:normal;
 text-decoration: none;
 }
.text a:hover {
background-color:#FFFFFF;
 color: #721214;
 font-weight:normal;
 text-decoration: none;
}
 .topmenu {
 color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:normal;
 text-decoration:none;
 }
 
  .topmenu20 {
 color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  display:block;
    background-image:url(../imatges/opacity.png);
 font-size:12px;
 font-weight:normal;
 text-decoration:none;
 }
 
.menugaleria, a.menugaleria  {
	font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#CCCCCC;
 font-weight:normal;
 text-decoration:none;
  width: 100%;
  display: block;
}
a.menugaleria:hover {
	background-color:#FFFFFF;
 color: #721214;
 font-weight:normal;
 text-decoration: none;
}
   /*//////////////////////////BLOCKS//////////////////////////*/

#leftbordered {
border-left: 2px solid #333;
}
  
#square {
  background-image:url(../imatges/square.gif);
  background-repeat:no-repeat ;
  width:139px;


  }
  
   #opaque, #opaque01, #opaque02, #opaque03, #opaque04, #opaque05, #opaque06, #opaque07
{
  background-image:url(../imatges/opacity.png);

}
div.translayer2* {
position:relative;
}
.opacity
{
  background-image:url(../imatges/opacity.png);

}
.offopacity {
	background-color: #fff;
}
div#test {
height: auto !important;
height: 100% /* ie fix so alpha-transparency renders */;
}

   /*//////////////////////////LLISTES//////////////////////////*/

/*----------------BULLET2---------*/
#navcontainer { width: 140px;}

#navcontainer ul
{
margin: 0;
padding-left: 0;
list-style-type: none;

}
#navcontainer ul li{

margin: -1px;

}
#navcontainer a
{
background-image:url(../imatges/opacity.png);
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size: 10px;
text-decoration:none;
text-indent: 15px;
display: block;
padding: 2px 0 2px 0;
width: 140px;
margin-top: 2px;
cursor:pointer;
}


#navcontainer a:hover{
background-color:#000;
color:#fff;
}