/*

Miniatures depenent del número de fotos

 */

/*//////////////////////Elements b�sics*/

/*
@font-face {
  font-family: 'TiresiasInfofontRegular';
  src:  url('/fonts/Tiresias_Infofont-webfont.eot?') format('eot'), 
  		url('/fonts/Tiresias_Infofont-webfont.woff') format('woff'), 
  		url('/fonts/Tiresias_Infofont-webfont.ttf') format('truetype');
}
*/

body {
margin:0;
padding:0;
font-family:Helvetica,Arial,sans-serif;
text-align:center;
background-color:white;
vertical-align:middle;
}

a
{	
color:black;
text-decoration:none;
margin:0;
padding:0;
line-height: 12px;
}

ul
{
margin:0;
padding:0;
}

li
{
margin:0;
padding:0;
}

img
{
  border: 0;
	
}

.Xibato
{
	position:relative;
	z-index: 1000;
	background-color: white;
	border:1px solid black;
}

/*///////////////////////Context*position:fixed;*/


#MenuButlleti > ul, 
.AliniatABaix
{
	position: absolute;
	bottom: 30px;
	right: 30px;
	
}

.SubGaleria
{
	margin-bottom: 0px;
	margin-top: 0px;
}


/*
#Logo
{
position:absolute;
left:10px;
top:100px;
color:#000000;
text-align:left;
}
*/
.SubLogo
{
	display:block;
	text-align: right;
	margin-top:5px;
	color:gray;
}

#JoanPujol-Creus
{
margin-right:20px;
}

h1 span,
#Miniatures p span,
.TextVerd, 
div#MenuComercial, div#MenuComercial li a,
div#MenuArtistic, div#MenuArtistic li a,
div#MenuButlleti, div#MenuButlleti li a,
#ComentariASota span
{
color:#48BA03;
}

#Miniatures p span,
#ComentariASota span
{
	font-weight: bold;
}

div#MenuComercial .SubGaleria a, 
div#MenuArtistic .SubGaleria a, 
div#MenuButlleti .SubGaleria a, 
#ComentariASota 
{
color:#000000;
}

#ContingutMiniatures
{
	position:absolute;
	left:0;
	top:0;
	width: 460px;
 height: 500px;
 text-align:left;
}

#Comercial .MinisArt, 
#Artistic .MinisCom, 
#Contingut .Bloc.Amagat,
.Amagat
{
	display:none;	
}




.Ofuscat
{
	opacity: 0.3;
filter: alpha(opacity = 30);/*ie*/
}

#Miniatures
{
 margin:0;
 padding: 0;
 width: 460px;
 height: 500px;
 text-align:left;

font-size: 0pt;/* per mantenir els blocs a distància*/
 
 background-color: transparent;
 display: block;
 vertical-align: top;
}


#Miniatures img
{
  margin: 0;
  padding: 0px 4px 4px 0px;
  cursor: pointer;
  height: 97.8px;
  height: 122px;
}

#Miniatures .GrupMinis img.Minis
{
  height: 0px;
}

#Miniatures a
{
  margin: 0;
  padding: 0;
  cursor: pointer;
  line-height: 0;
  border:0;
}

.BlocMiniatures #Miniatures a
{
	float:left;	
}

#Miniatures p
{
	margin:0;
	text-align:right;
	padding:10px;
	padding-bottom: 100px;
}

.BlocMiniatures,
.BlocMiniatures #Miniatures,
.BlocMiniatures #Miniatures #ContingutMiniatures,
#BlocCarregantMiniMinis .CarregantMiniMinis
{
	width: 150px;
}
#BlocCarregantMiniMinis .CarregantMiniMinis
{
	height: 500px;
}

.ImatgeGran
{
	height:500px;
	padding: 0;
	display:inline;
	position: relative;
}

#ImatgeGran
{
	overflow-x: hidden;
	overflow-y: hidden;
	height: 500px;
	width: 800px;
	white-space:nowrap;
	position: relative;
}

#ImatgeGranSola
{
	overflow-x: hidden;
	overflow-y: hidden;
	height: 500px;
	white-space:nowrap;
	position: relative;
}

.ImatgesGrans
{
	position: relative;
	display:block;
/*	padding-right:50px;
	padding-left:50px;
*/
}

.SenseJavascript .ImatgesGrans img
{
	margin-right: 4px;
	
}


.ImatgeGranSeguent, .ImatgeGranAnterior
{
/*	cursor: url("/Imatges/FletxaDreta.png"),pointer;
*/	cursor: pointer;
	display:block;
	position: absolute;
	right:0px;
	top:0px;
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url("/Imatges/FletxaDreta.png");
	background-position: 85% center;
	background-color: transparent;
}

.ImatgeGranAnterior
{
	left:0px;
/*	cursor: url("/Imatges/FletxaEsquerra.png"),pointer;
*/	background-image: url("/Imatges/FletxaEsquerra.png");
	background-position: 15% center;
}

#Copyright
{
  	position:absolute;
  	bottom:10px;
	right:10px;
	display:none;
}


h1
{
text-align:center;
z-index:10;
margin-bottom:85px;
margin-top:0;
font-weight:normal;
white-space:nowrap;
font-size: inherit;
}

h2
{
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin:inherit;
	padding: inherit;
	position: fixed;
	left:-10000px;
	
}


#ComercialIndex, 
#ArtisticIndex
{
	font-weight:normal;	
	text-align:right;
	margin-bottom:10px;
}

#ArtisticIndex
{
	margin-bottom: 170px;	
} 


#SotaContingut
{
	position: absolute;
	top:504px;
	left:-465px;
	height: 100px;
	width: 460px;
	padding-bottom: 100px;	
}

#SotaContingut.QuanNomesComentari
{
	top:4px;
	left:-729px;
}

#SotaContingut.QuanNomesComentari.SotaVideo
{
	top:4px;
	left:-1170px;
}

.Drets,
.Magrada
{
	position: fixed;
	bottom:0px;
	width: 300px;
	height: 28px;
	padding:0px;
	padding-left:1px;
	font-size: 11px;
	line-height: 14px;
	z-index: 10000;
}
.Drets{	right:0px;text-align: right;padding: 0; padding-right: 15px;}
.Magrada{	left:4px;width: 100%;text-align: left;}


h3,
.Magrada span 
{ 
	line-height: 25px;
	background-color: white; 
	border-radius: 5px;
	height: 25px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}

.Magrada span 
{ 
	float:left; 
	margin-right:4px;
	padding-left: 5px;
	padding-right: 5px;
}

h3
{
	position: fixed;
	right: 0;
	bottom: 0;
	margin: 1px;
	display: block;
	font-size: 11px;/*com el trasto del Facebook...*/
	font-weight: normal;
	z-index: 1000;

	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
}

.PaginaAFacebook
{
	margin-bottom: 40px;
}
.PaginaAFacebook a {display: block;margin-bottom:5px;}

.MagradaAFacebook
{
	position: absolute;
	top:504px;
	right:0px;
	width: 451px;
	height: 24px;
	padding:5px;
/*	left:-44px;
	top:410px;
*/
}

/*.MagradaAFacebook.SobreComentari
{
	position: absolute;
	left:40px;
	top:465px;
}
*/
/*per amagar la barra de progrés del fb */
div.FB_Loader {	 opacity: 0; }

#ComentariASota
{
	position: absolute;
	top:504px;
	left:0;/*264px, 35*/
	width: 100%;
	text-align: left;
	display: block;
	padding: 0px;
	padding-bottom:100px;
	
/*	
	padding-top:35px;
  
 	background-image: url('/Imatges/degradatEsquerra.png');
	background-repeat: repeat-y;
	background-position: top left;
*/	
}
#ComentariASota div
{
	padding:10px;
}

#SotaContingut .fbFeedbackContent .composer 
{
	background-color: #E1F0D7;
	border: solid #E1F0D7;
}

#Contingut
{
	background-color: transparent;

	width: auto;
	clear:both;
	float:none;
	position:relative;
	margin:auto;
	top:70px;
	padding:0;
	text-align:center;
	
	white-space: nowrap;
}

#Contingut .Bloc 
{
/*	font-family:TiresiasInfofontRegular;*/
	white-space: normal;

	float:none;
	font-size:0pt;
	position:relative;
	right:0px;
	top:0px;
	text-align:right;
	margin:0;

	margin-left:0px;
	
	/*inline-block*/
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	/*inline-block*/
	
}


#DadesContacte
{
	margin-top:20px;
}


body.AmagaBlocSubscriute #Contingut div.Bloc.BlocSubscriute,
body.AmagaBlocArtistic #Contingut div.Bloc.BlocArtistic, 
body.AmagaBlocComercial #Contingut div.Bloc.BlocComercial, 
body.AmagaBlocContacte #Contingut div.Bloc.BlocContacte,
body.AmagaBlocFotoDelMes #Contingut div.Bloc.BlocFotoDelMes, 
body.AmagaBlocButlleti #Contingut div.Bloc.BlocButlleti, 
body.AmagaBlocButlleti #Contingut div.Bloc.BlocComentari,
body.AmagaBlocButlleti #Contingut div.Bloc.BlocImatges,
body.AmagaBlocBio #Contingut div.Bloc.BlocBio,
body.AmagaBlocMiniatures #Contingut div.Bloc.BlocMiniatures
{
	display:none;
}

.Subscriute
{
	position: absolute;
	bottom:30px;
	right:30px;
}
.SenseJavascript .Subscriute
{
	position: inherit;
	bottom:inherit;
	right:inherit;
}

.Menu
{
	position:relative;
	text-align:right;
	margin:0;
	padding:30px;
	height: 440px;
	*height: 500px;/*ie manages the padding differently*/
	vertical-align: text-bottom;

	/*inline-block*/
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	/*inline-block*/

/*	background-image: url('/Imatges/degradatBaix.png');
	background-repeat: repeat-x;
	background-position: bottom left;
*/
}


#MenuIndex
{
/* si no , no sé perquè ie no deixa marge a entre els blocs...*/
	*margin-right:3px;
}

#MenuIndex ul
{
	position: absolute;
	right: 30px;
	bottom: 60px;
}

#MenuIndex li
{
	list-style: none;
}

#MenuIndex li a
{
	display: block;
}


#MenuIndex ul.IdiomesIndex li
{
	display: inline;	
}

#MenuIndex ul.IdiomesIndex
{
	font-weight:normal;	
	display:block;
	margin-top:15px;
	
	bottom: 30px;
}
#MenuIndex ul.IdiomesIndex a
{
	margin-left:10px;
	display:inline;
}



#MenuArtistic, #MenuComercial, #MenuComentari,
#MenuButlleti
{
	width: 200px;
}
#MenuSubscriute
{
	width: 300px;
}

#MenuComentari.Video
{
	width: 640px;
	background-color: black;
}
#MenuComentari.Video iframe
{
	position: absolute;
	left:0;
	top:0;
}


#MenuSubscriute form
{
	position:absolute;
	bottom:30px;
	right:30px;
	margin-bottom: 0;
}

#MenuSubscriute input.correu
{
	width:300px;
}

#MenuSubscriute label
{
	display:block;
}

/**/
#MenuIndex { background-color:#E1F0D7; }
#MenuButlleti { 	background-color:#D9D9D9; }
#MenuArtistic {	background-color:#D8D9D8; }
#MenuComercial {	background-color:#E6E7E5; }
#MenuSubscriute { background-color:#CCCCCC; }
#MenuComentari {	background-color: #CCCCCC; }
#MenuBio {	background-color:#D1D9BD; }
#MenuContacte {	background-color:#D1D9BD; }
.Carregador { background-color:#E1F0D7; }
.Carregador { background-color:white; }
#ComentariASota div {	background-color:#E9E9E9; }
/*.MagradaAFacebook,
.MagradaAFacebook iframe  
{	background-color:#E6E7E5; }
*/



/*
#ComentariASota { background-color: #CCCCCC; }
#MenuBio {	background-color:#D9D9D9; }
#MenuContacte {	background-color:#D9D9D9; }
#MenuArtistic {	background-color:#D9D9D9; }
#MenuComercial {	background-color:#D9D9D9; }
*/

 


/* versió amb colors forts
#MenuIndex { background-color:#E1F0D7; }
#MenuSubscriute { background-color:#CCCCCC; }
#ComentariASota { background-color: #CCCCCC; }
#MenuComentariComercial {	background-color: #CCCCCC; }

#MenuContacte {	background-color:#D1D9BD; }
#MenuComercial {	background-color:#565A50; }
#MenuButlleti { 	background-color:#B3B9AF; }
#MenuArtistic {	background-color:#596543; }
#MenuBio {	background-color:#D1D9BD; }

#MenuComercial, 
#MenuComercial a,
#MenuArtistic, 
#MenuArtistic a
{
	color:white;
}
*/


/*verds:
  E1F0D7 10%
  D5E3CC 20%
  C9D6C1 30%
  BDC9B5 40%
  B1BDAA 50%

  grisos:
  E5E5E5
  D9D9D9
  CCCCCC
  BFBFBF
  B3B3B3
  
 */



#MenuContacte,
#MenuBio,
.IdiomesIndex,
.SubGaleria,
.Subscriute { font-size:8pt; }
#MenuIndex ul,
#ComentariASota,
#ComercialIndex, 
#ArtisticIndex,
#Miniatures p,
.SubLogo { font-size: 8pt; }
#Copyright,
#MenuSubscriute,
#MenuComentari { font-size:8pt; }
.Menu{ font-size:8pt; }	
#MenuIndex { font-size:15pt; 
	line-height: 12px;
}	

#MenuBio,
#MenuContacte 
{
	text-align: right;
	width: 300px;	
}

#MenuBio .ContingutBio,
#MenuContacte .ContingutContacte
{
	position: absolute;
	width: 300px;	
	bottom:69px;
	left:30px;	
}

#MenuContacte .ContingutContacte
{
	bottom:100px;
	text-align: right;
}

/*
#MenuArtistic ul { margin-top: 132px; }
#MenuComercial ul {	margin-top: 110px; }
*/

#MenuComercial ul,
#MenuArtistic ul { margin-top: 50px; }

#MenuComercial div.SubGaleria ul,
#MenuArtistic div.SubGaleria ul
{
	margin-top: 0;
}

#MenuArtistic li, 
#MenuComercial li
{
padding-top:0px;
list-style-type:none;
margin-left:10px;
}

#MenuButlleti li
{
padding-bottom:1px;
list-style-type:none;
margin-left:10px;
}

#MenuButlleti ul
{
	margin-bottom: 67px;
}

div#Contingut div.SubGaleria ul
{
	margin-top: 0px;
	margin-bottom: 10px;
}

div#MenuButlleti div.SubGaleria ul
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.BioIndex
{
	display: block;
	margin-top:5px;
}


.SubGaleria li:hover, 
.Seleccionat, 
#Artistic.SenseJavascript #ArtisticIndex,
#Comercial.SenseJavascript #ComercialIndex, 
#Bio.SenseJavascript .BioIndex, 
#Contacte.SenseJavascript .ContacteIndex, 
#Butlleti.SenseJavascript .ButlletiIndex, 
#FotoDelMes.SenseJavascript .FotoDelMesIndex, 
a:hover
{
	font-weight: bold;
}

.ButlletiIndex
{
	margin-bottom:20px;
}

h1 a:hover
{
	font-weight: normal;	
}

.Social
{
	position:absolute;
	bottom:55px;
	right:30px;
	opacity: 0.6;
	filter: alpha(opacity = 60);/*ie*/
}


body.SenseJavascript .ImatgeGranAnterior,
body.SenseJavascript .ImatgeGranSeguent
{
	display:none;
}

body.SenseJavascript #ImatgeGran
{
	overflow-x: auto;
}

body.SenseJavascript #MenuButlleti
{
	overflow-y: auto;
}

.Carregador { display:none; }
.Carregant .Carregador { display:block; }
.Carregador 
{ 
	position: absolute; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.7;
	filter: alpha(opacity = 70);/*ie*/
	background-image: url("/Imatges/Carregant.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

.TitolSubMenuSeleccionat
{
	font-weight: bold;
	font-size: 1.1em;
}


/* CORREU */

.TitolsCorreus
{
	position: absolute;
	left: 10px;
	top: 25px;
	width: 200px;
	background-color: lightgray;
	text-align: left;
	padding:10px;
}

.TitolsCorreus ul li
{
	list-style: none;
}

.TitolsCorreus .SubGaleria
{
	margin-top: 20px;
}


.Marc
{
	overflow-y: auto;
	
}