/* Estil creat per Artfecs disseny | www.artifecs. com */

#slider1 {
height:350px;
width:450px;
    position: relative; /* important */
	overflow: hidden; /* important */
	margin-left:auto;
	margin-right:auto;
}


#sliderContent, #slider1Content{
    width: 450px; /* important to be same as image width or wider */
	height:350px;
    position: absolute;
	top: 0;
	margin-left: 0;
	font-size:14px;

}

.sliderImage, .slider1Image, .slider2Image, {
    float: left;
    position: relative;
	display: none;
}


.slider1Image span {
    position: absolute;
	font-family: "Calibri", Trebuchet MS, Verdana, Arial, Sans-Serif;
    padding: 10px 10px;
    background-color: #000;
    color:#CCC;
    display: none;
	font-size:17px;
	width:380px;
	line-height:30px;
	height:30px;
}

.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong {
    font-size: 20px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 270px !important;
	height: 400px;

}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;
padding:0px;
margin:0px;}

/* ---------------------------------------------------- */
.gran_link{
font-size:15px;
line-height:25px;
font-weight:bold;
}
.titol{
font-family: "palatino linotype",palatino,serif;
font-size:24px;
color:#EFEFEF;
font-weight:bold;
letter-spacing:2px;
}
.enorme{
font-size:28px;


}
h1{
font-family: "palatino linotype",palatino,serif;
font-size:14px;
color:#EFEFEF;
font-weight:bold;
letter-spacing:4px;
margin-top:0px;
margin-bottom:30px;
margin-left:75px;
}
.gran{
font-size:17px;
}



.inici_home{
font-size:13px;
color:#A0A0A0;
font-family: "palatino linotype",palatino,serif;
letter-spacing:1px;
font-weight:bold;
text-decoration:none;
margin-top:20px;
}


#news input{
background-color:#333333;
border:1px solid #3F3F3F;
padding:2px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;



}

#news form{
margin-top:1px;


}
#ex{
font-size:11px;
line-height:16px;
color:#999999;
margin-bottom:8px;
border-bottom:1px solid #333333;
padding-bottom:8px;
}

#ex a{
text-decoration:none;
}

#ex a:hover{
color:#FFFFFF;

}



#contingut h3{
font-size:16px;
color:#A0A0A0;
font-family: "palatino linotype",palatino,serif;
letter-spacing:1px;
margin-bottom:-17px;
}
#quadre1{
height:35px;
width:379px;
background-color:#1A1A1A;
margin-top:-5px;
text-align:center;
padding-top:11px;
}
#quadre2{
height:35px;
width:379px;
background-color:#1A1A1A;
margin-top:-5px;
text-align:center;
padding-top:11px;
}

#contingut h2{
font-size:20px;
color:#FFFFFF;
font-family: "palatino linotype",palatino,serif;
letter-spacing:1px;
line-height:24px;
margin-bottom:7px;
font-weight:bold;
}


#ex h3 a:hover{
text-decoration:underline;
color:#DFDFDF;
}

.data{
font-size:12px;
color:#A0A0A0;
font-family: "palatino linotype",palatino,serif;
letter-spacing:0px;
}
.grana2{
font-size:30px;
}
.grana{
font-size:12px;
}
/* Estils Generals ------------------------------------ */

body{

margin:0px;

padding:0px;

font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;

background: url(/img/header_all.jpg) repeat-y; border: none;

background-color:#000000;

}
h2{
font-family: "palatino linotype",palatino,serif;
font-size:14px;
color:#FFFFFF;
letter-spacing:2px;
margin-bottom:3px;
font-weight:bold;
}


#contingut em{
	font-weight:lighter;
	
	
}
.gran{
font-size:16px;

}
.title{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
display:block;
border-bottom:1px solid #333333;
padding-bottom:4px;
}
.coses{
margin-top:5px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
display:block;
color:#999999;
}
#completa{
height:16px;
width:200px;
margin-top:8px;
margin-bottom:2px;
font-family:Tahoma;
font-size:11px;
}

input{
margin-top:2px;
font-family: "trebuchet MS",sans-serif;
margin-bottom:2px;
}
#news{
font-family: "trebuchet MS",sans-serif;
font-size:11px;
line-height:18px;
color:#FFFFFF;
margin-top:-20px;
}

/* Colors dels links ------------------------------------ */

a:link{

color:#CCCCCC;

text-decoration:none;

}

a:visited{

color:#CCCCCC;

text-decoration:none;

}

a:hover{

color:#FFFFFF;

text-decoration:underline

}

/* Tots els botons i els camps dels formularis aniran amb aquest disseny, també els formularis de contacte ------------------------------------ */

input.texto{

border: solid 1px #D4D4D4;

font-size: small;

background-color: white;

padding: 2px;

}



/* La id negre es el layer per a que no es vegi el fons total ------------------------------------ */

#negre{

height: 13px;

background-color:#000000;

}

/* la capçalera inicial amb el fons sense el logo ------------------------------------ */

#header{

width: 785px;

height:180px;

background: url(/img/header_back_cat.jpg) no-repeat top; border: none;

background-color:#000000;

}

#menu_mou{
position:absolute;
margin-top:-35px;


}

/*cada cop que insertis una imatge abm el class quadre, sortira enquadrat, ho tindries que fer amb tots els quadres ------------------------------------ */

img.quadre{

	border: solid 3px #333333;	

	margin: 0px;

	padding: 0px;
	

}

/* On anirà situat el logotip ------------------------------------ */

	#headerimg{

		padding-top:25px;

		margin-left:16px;

		}

/* El contingut total que va dividit amb 3 columnes ------------------------------------ */

#content{

width: 785px;

position: relative;

background: url(/img/header_subback.jpg) no-repeat; border: none;

height:200px;

}

	#menu{

	margin-left: 20px;

	margin-right: 607px;

	background-color:#080705;

	height:560px;
	
	
	

	}

			#nav {

			font-family: "palatino linotype",palatino,serif;

				margin: 0;

				padding: 0;

				list-style: none;

				display: block;
					

				}

			#nav li {

font-family: "palatino linotype",palatino,serif;

				margin: 0; 

				padding: 0;

   			list-style: none;

				height: 24px;
				
				
				color:#FFFFFF;
				font-size:13px;
				font-weight:bold;
				margin-bottom:1px;
				}

			/* Tots aquests apartats fan el menu  ------------------------------------ */

			#nav a {
			
			font-family: "palatino linotype",palatino,serif;
			
			text-transform:uppercase;
			
			font-size:11px;
			text-decoration:none;
			font-weight:bold;
			color:#666666;
			margin-left:4px;
			float: left;	
			}
			
			#nav a:hover {
			color:#FFFFFF;

}



			/* Blocs ------------------------------------ */

			/* La imatge de cada menu ------------------------------------ */
			
			/*

			#exposicio_actual a{

				width: 158px;

				background: url(/img/botons/exposicio.gif) top left no-repeat;

			}

			#exposicio_actual a:hover {

				background: url(/img/botons/exposicio_activo.gif) top left no-repeat;

			}

			#properes_exposicions a{

				width: 158px;

				background: url(/img/botons/properes.gif) top left no-repeat;

			}

			#properes_exposicions a:hover {

				background: url(/img/botons/properes_activo.gif) top left no-repeat;

			}

			#altres_activitats a{

				width: 158px;

				background: url(/img/botons/altres.gif) top left no-repeat;

			}

			#altres_activitats a:hover {

				background: url(/img/botons/altres_activo.gif) top left no-repeat;

			}

			#socis_fons a{

				width: 158px;

				background: url(/img/botons/socis.gif) top left no-repeat;

			}

			#socis_fons a:hover {

				background: url(/img/botons/socis_activo.gif) top left no-repeat;

			}

			#pintors a{

				width: 158px;

				background: url(/img/botons/pintors.gif) top left no-repeat;

			}

			#pintors a:hover {

				background: url(/img/botons/pintors_activo.gif) top left no-repeat;

			}

			#equip a{

				width: 158px;

				background: url(/img/botons/equip.gif) top left no-repeat;

			}

			#equip a:hover {

				background: url(/img/botons/equip_activo.gif) top left no-repeat;

			}

			#historia a{

				width: 158px;

				background: url(/img/botons/historia.gif) top left no-repeat;

			}

			#historia a:hover {

				background: url(/img/botons/historia_activo.gif) top left no-repeat;

			}

			#miquel_cabanas a{

				width: 158px;

				background: url(/img/botons/miquel_cabanas.gif) top left no-repeat;

			}

			#miquel_cabanas a:hover {

				background: url(/img/botons/miquel_cabanas_activo.gif) top left no-repeat;

			}

			#contacte a{

				width: 158px;

				background: url(/img/botons/contacte.gif) top left no-repeat;

			}

			#contacte a:hover {

				background: url(/img/botons/contacte_activo.gif) top left no-repeat;

			}

			#on_som a{

				width: 158px;

				background: url(/img/botons/on_som.gif) top left no-repeat;

			}

			#on_som a:hover {

				background: url(/img/botons/on_som_activo.gif) top left no-repeat;

			}

			#enlaces a{

				width: 158px;

				background: url(/img/botons/enlaces_cat.gif) top left no-repeat;

			}

			#enlaces a:hover {

				background: url(/img/botons/enlaces_activo_cat.gif) top left no-repeat;

			}
			
			*/

	#contingut{ 

	position: absolute; 

	right: 180px; 
	
	_right: 140px;
	
	

	width: 400px; 
	
	_width: 320px; 

	background-color: #000000; 

	top: -33px;
	
	}

		/* El contingut de tot

		/* Qualsevol bloc de text p ------------------------------------ */

		#contingut p{

		color: #AAAAAA;

		font-size: small;

		}

		/* Sota els quadres ------------------------------------ */

		#contingut span{

		color: #999999;

		font-size: small;

		}

		#footer{

			border-top: 1px solid #525252;

			margin-top: 40px;

			background-color: #000;

		}

		#footer p{  /* no funciona en paginas interiores*/

		font-size:x-small;
		
			line-height:21px;

		font-family:Verdana,Arial,Serif;

		color: #AAAAAA;

		text-align: center;

		}

		#footer p.footer_int{ /* la solucion que se ha tenido que hacer*/

		font-size:x-small;

		font-family:Verdana,Arial,Serif;

		color: #AAAAAA;

		text-align: center;

		}

		

	#news{ 

	position: absolute; 

	right: 5px; 

	top: 0px;

	width: 147px; 

	margin-top: 90px;

	}

		#news p{
			color: #D4D4D4;
			font-size: 11px;
			margin-top:-3px;
				

		}
		
			#news a:hover{
			color:#FFFFFF;
				

		}

		/* noticia 1 ------------------------------------ */

		#news p.noticies{
margin-top:-2px;
			color: #CCCCCC;
			border-bottom:1px solid #1E1E1E;	
			padding-bottom:3px;	
			

		}

		/* noticia 2 ------------------------------------ */

		#news p.noticies1{

			color: #CCCCCC;		

		}

	

		/* Quan hi han dos columnes passa aixó ------------------------------------ */

				#contingut_2 { 

     				position: absolute; 

     				right: 1px;

     				_right: 0px;

     				width: 580px; 

     				top: -32px;

     				background: url(/img/header_subback2.jpg) no-repeat top right; border: none;

     				background-color:#000000;

    		 }

				

				 #contingut_2b{ 

     				position: absolute; 

     				right: 1px; 

     				_right: 0px; 

     				width: 580px; 

     				top: -54px;

     				background: url(/img/header_subback2.jpg) no-repeat top right; border: none;

     				background-color:#000000;

    			}

				#contingut_2 p{

					color: #CCCCCC;

					font-size: medium;

				}

				#contingut2 p.titpintors{

					color: white;

					font-size: large;

					font-family: Verdana, Arial, Serif;

				}

	

				#contingut_2 td{

					color: #CCCCCC;

					font-size: medium;

					vertical-align: top;

					padding:2mm;

				}

				#sub_contingut2{

				margin-top:20px;

				width: 400px; 

				color: #CCCCCC;

				}

			

				#content_2{

width: 785px;

position: relative;



height:200px;

}

.Estilo1 {color: #FFFFFF}
.Estilo8 {color: #999999; font-size: 12px; }
.Estilo9 {color: #CCCCCC; font-size: 12px; }
.Estilo10 {
	color: #F0F0F0;
	font-weight: bold;
	font-family:Palatino, serif;
	font-size:15px;
	margin-left:6px;
	font-stretch:expanded;
	display:block;
	margin-bottom:-5px;
}
.Estilo11 {
	color: #F0F0F0;
}