html,body {margin:0; padding:0; width:100% auto;}
body {margin:0; padding:0; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#666; background:#f3f3f3;text-align:justify;line-height:14px;}
img {border:none;}
li {list-style-type:none;}
a:link {color:#B50027; font-weight:bold; text-decoration:none;}
a:active {color:#B50027; font-weight:bold; text-decoration:none;}
a:visited {color:#B50027; font-weight:bold; text-decoration:none;}
a:hover {color:#FF8A09; font-weight:bold; text-decoration:none;}

h1 {font-family:Arial, Verdana, Geneva, Helvetica, sans-serif; font-size:16px; color:#B50027; font-weight:bold;}

#contenedor {position:relative; margin:0px auto; margin-top:10px; padding:0; background:#fff; width:860px; overflow:hidden; border:1px solid #555;}
#menuUp {position:absolute; top:45px; left:640px; width:200px; text-align:right; margin:0; padding:10px 15px; font-family:Arial, Verdana, Geneva, Helvetica, sans-serif; font-size:15px;z-index:150; background:url(../i/bg_menu.png)}
	#menuUp ul {margin:0; padding:0;}
	#menuUp li {margin:0; padding:0;}
	#menuUp a {text-decoration:none; color:#fff; display:block;border-bottom:4px solid transparent;}
	#menuUp a:hover {border-bottom:4px solid #b50027;}
#logo {z-index:100; position:absolute; top:9px; left:27px;}
#cabecera {position:relative;}
#barra {position:absolute; top:200px; left:-8px; z-index:200;}
.fondo {z-index:-50;}
#contenido {/*float:left;*/ clear:both;width:820px; margin-left:20px; padding-bottom:6px; *margin-top:15px;}
*html #contenido {margin-left:10px; margin-top:15px;}
    #contenido #caja1 {float:left; width:262px; background:url(../i/bg_gris.gif) left bottom no-repeat; margin-top:25px; margin-bottom:50px; margin-right:17px;}
    #contenido #caja1 ul {margin:0; padding:8px; background:url(../i/cab_gris.gif) left top no-repeat;}
    #contenido #caja1 li {margin:0; padding:0;}
    #contenido #caja1 li.titulo {background:url(../i/ico_fundacion.gif) top left no-repeat; height:52px; text-align:right; margin-right:12px; *padding-right:12px; margin-bottom:25px; font-family:Arial, Verdana, Geneva, Helvetica, sans-serif; padding-top:8px; font-weight:bold; font-size:15px; color:#666;}
    *html #contenido #caja1 li.titulo {padding-right:12px;}
    #contenido #caja1 li.texto {margin:0 10px 30px 10px; padding-left:10px; background:url(../i/flecha_gris.gif) 0 3px no-repeat;}
    #contenido #caja1 li.acceder {text-align:right; margin:0 10px 15px 10px;}
    #contenido #caja1 a {color:#666;}
    #contenido #caja1 a:hover {color:#C40000;}
    
    #contenido #caja2 {float:left; width:262px; background:url(../i/bg_marron.gif) left bottom no-repeat; margin-top:25px; margin-bottom:50px; margin-right:17px;}
    #contenido #caja2 ul {margin:0; padding:8px; background:url(../i/cab_marron.gif) left top no-repeat;}
    #contenido #caja2 li {margin:0; padding:0;}
    #contenido #caja2 li.titulo{background:url(../i/ico_patrimoni.gif) top left no-repeat; height:52px; text-align:right; margin-right:12px; *padding-right:12px; margin-bottom:25px; font-family:Arial, Verdana, Geneva, Helvetica, sans-serif; padding-top:8px; font-weight:bold; font-size:15px; color:#915233;}
    *html #contenido #caja2 li.titulo {padding-right:12px;}
    #contenido #caja2 li.texto {margin:0 10px 30px 10px; padding-left:10px; background:url(../i/flecha_marron.gif) 0 3px no-repeat;}
    #contenido #caja2 li.acceder {text-align:right; margin:0 10px 15px 10px;}
    #contenido #caja2 a {color:#915233;}
    #contenido #caja2 a:hover {color:#C40000;}
    
    #contenido #caja3 {float:left; width:262px; background:url(../i/bg_verde.gif) left bottom no-repeat; margin-top:25px; margin-bottom:50px;}
    #contenido #caja3 ul {margin:0; padding:8px; background:url(../i/cab_verde.gif) left top no-repeat;}
    #contenido #caja3 li {margin:0; padding:0;}
    #contenido #caja3 li.titulo {background:url(../i/ico_actividades.gif) top left no-repeat; height:52px; text-align:right; margin-right:12px; *padding-right:12px; margin-bottom:25px; font-family:Arial, Verdana, Geneva, Helvetica, sans-serif; padding-top:8px; font-weight:bold; font-size:15px; color:#969E32;}
    *html #contenido #caja3 li.titulo {padding-right:12px;}
    #contenido #caja3 li.texto {margin:0 10px 30px 10px; padding-left:10px; background:url(../i/flecha_verde.gif) 0 3px no-repeat;}
    #contenido #caja3 li.acceder {text-align:right; margin:0 10px 15px 10px;}
    #contenido #caja3 a {color:#969E32;}
    #contenido #caja3 a:hover {color:#C40000;}
    
#pie {clear:both; color:#999; text-align:center;}
#pie a  {color:#999;}
#pie a:hover {color:#666;}
#pie li {display:inline;}
#pie li a {text-align:right;}


.fundacio{text-align:justify;border-left:2px solid #ccc; border-right:2px solid #ccc;padding:20px;}
	div.fundacio {background:#dedede url(../i/bg_fun.png) no-repeat bottom right;min-height: 150px;margin-bottom:10px;padding-bottom:75px;}
.top_fundacio {background:url(../i/cabl_gris.gif) ;height:20px;margin-top:20px;}
.bottom_fundacio {background:url(../i/piel_gris.gif) no-repeat 0 -1px;height:20px;margin-top:-10px;}


.patrimoni{text-align:justify;border-left:2px solid #CC8B6B; border-right:2px solid #CC8B6B;padding:20px;}
	div.patrimoni {background:#dec7a2 url(../i/bg_pat.png) no-repeat bottom right;min-height: 150px;margin-bottom:10px;padding-bottom:75px;}
.top_patrimoni {background:url(../i/cabl_marron.gif) ;height:20px;margin-top:20px;}
.bottom_patrimoni {background:url(../i/piel_marron.gif) no-repeat 0 -1px;height:20px;margin-top:-10px;}


.activitats{text-align:justify;background-color:;border-left:2px solid #969e32; border-right:2px solid #969e32;padding:20px;}
	div.activitats {background:#d8dd94 url(../i/bg_act.png) no-repeat bottom right;min-height: 150px;margin-bottom:10px;padding-bottom:75px;}
.top_activitats {background:url(../i/cabl_verde.gif) ;height:20px;margin-top:20px;}
.bottom_activitats {background:url(../i/piel_verde.gif) no-repeat 0 -1px;height:20px;margin-top:-10px;}


p.separacio {margin:15px 0 45px 50px;}
span.mes {text-align:right;}



dt {font-size:14px;font-weight:bold;}

dd + dt {margin-top: 25px;}
dd {line-height: 16px;}



/*****************************/
.contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold;  font-size:131%;}
.contactform label.left {float:left; width:200px; margin:0 0 0 20px; padding:2px; font-size:100%;text-align:right;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.field {width:350px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;margin-bottom:5px;}
.contactform textarea {width:350px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contactform input.button {float:left; /*width:9.0em;*/ margin-left:225px !important /*Non-IE6*/; margin-left:228px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}




.contenido .contactform fieldset, .contenido .contactform fieldset, .contenido .contactform fieldset, .contenido .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contenido .contactform fieldset legend, .contenido .contactform fieldset legend, .contenido .contactform fieldset legend, .contenido .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold;  font-size:131%;}
.contenido .contactform label.left, .contenido .contactform label.left, .contenido .contactform label.left, .contenido .contactform label.left {float:left; width:100px; margin:0; padding:2px; font-size:100%;}
.contenido .contactform select.combo, .contenido .contactform select.combo, .contenido .contactform select.combo, .contenido .contactform select.combo {width:140px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contenido .contactform input.field, .contenido .contactform input.field, .contenido .contactform input.field, .contenido .contactform input.field {width:135px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contenido .contactform textarea, .contenido .contactform textarea, .contenido .contactform textarea, .contenido .contactform textarea {width:242px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}
.contenido .contactform input.button, .contenido .contactform input.button, .contenido .contactform input.button, .contenido .contactform input.button {float:left; width:9.0em; margin-left:130px !important /*Non-IE6*/; margin-left:133px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}
.contenido .contactform input.button:hover, .contenido .contactform input.button:hover, .contenido .contactform input.button:hover, .contenido .contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/**** Preloader ****************/
div#preloader{position:absolute; left:30%; top:290px; width:380px; height:120px;;z-index:1;}
/* ************************** */

#slideshow {position:relative; height:250px;}
	#slideshow IMG {position:absolute; top:0; left:0; z-index:8;}
	#slideshow IMG.active {z-index:10;}
	#slideshow IMG.last-active {z-index:9;}