/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
body {
	background-color: #B8E0F7;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	background:#0d532c url(../../img/web/fons.gif) no-repeat; */
	font-size: 11px; /*Font-size: 1.0em = 10px when browser default size is 16px*/
/*	color:#555555;*/
}
.hidden { display : none; }

table { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; /*Font-size: 1.0em = 10px when browser default size is 16px*/	
}

a { color:#CB0000; text-decoration:underline; }
a:hover { color:#CB0000; text-decoration:underline; }

input:focus, textarea:focus{
background-color: #EDF7FD;
}


.link_mas a { color:#CB0000; text-decoration:underline; background: url(../../img/web/fletxa_link.gif) bottom right no-repeat; padding-right:15px; }
.link_mas a:hover { color:#CB0000; text-decoration:underline; }



#interior { width:720px; min-height:320px; /*border:1px solid #000000;*/ margin:45px 0 0 125px; color:#666666; text-align:justify; }
#interior-events {
	width:510px;
	height: auto!important; /* para los browsers buenos */
	height: 330px; /* para IE5+ */
	min-height: 330px; /* para los browsers buenos */
	/*border:1px solid #000000;*/ margin:45px 0 0 125px; color:#000000; text-align:justify; }
#interior-events ul { padding:0; margin:0px; list-style:none; font-family:verdana,arial,sans-serif; font-size:11px; }
#interior-events ul li {	padding:0 0 5px; }
#interior-events ul a { color:#000000; font-weight:bold; text-decoration:none; }
#interior-events ul a:hover {color:#000000; font-weight:bold; text-decoration:underline; }



#interior h1 { font:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:19px; margin-bottom:15px; }
#interior .contenido { margin:20px; /*border:1px solid #000000;*/ }
#interior a { color:#004E92; font-weight:bold; text-decoration:none; }
#interior a:hover { color:#004E92; font-weight:bold; text-decoration:underline; }


#interior2 { 
	width:520px;
	height: auto!important; /* para los browsers buenos */
	height: 200px; /* para IE5+ */
	min-height: 200px; /* para los browsers buenos */
	/*border:1px solid #000000;*/ margin:45px 0 0 125px; color:#000000; text-align:justify; }
#interior2 ul { padding:0px; margin:15px 0 0 0; list-style:none; font-family:verdana,arial,sans-serif; font-size:11px; }
#interior2 ul li {	padding:0 0 20px 25px; background: url(../../img/web/fletxa.gif) top left no-repeat; }


/* FONS APARTATS */
.fondo { background: url(../../img/web/fondo.jpg) top right no-repeat; }
.fondo-somos { background: url(../../img/web/fondo.jpg) top right no-repeat; }
.fondo-historia { background: url(../../img/web/fondo_historia_es.gif) center right no-repeat; }
.fondo-funciona { background: url(../../img/web/fondo_funciona.gif) top right no-repeat; }
.fondo-socio { background: url(../../img/web/fondo_socio.gif) center right no-repeat; }
.fondo-colaborar { background: url(../../img/web/fondo.jpg) top right no-repeat; }
.fondo-enlaces { background: url(../../img/web/fondo.jpg) top right no-repeat; }
.fondo-enquesta { background: url(../../img/web/fondo.jpg) top right no-repeat; }
.fondo-contacto { background: url(../../img/web/fondo.jpg) top right no-repeat; }


/* FORMULARIS */
.button_enviar { border:0px; background: url(../../img/web/b_enviar.gif); width:63px; height:20px; }
input { border:1px solid #D4D0C8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:100%; }
.textarea { border:1px solid #D4D0C8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:100%; }
.radio { border:0px; width:15px; }


/*-----------*/
/* CAPALERA */
/*-----------*/

.header-left { background-image: url(../../img/web/header_left.gif); background-position: right top; background-color:#B8E0F7; }
.header-right { background-image: url(../../img/web/header_right.gif); background-position: left top; background-color:#B8E0F7; }

.main-left { background-image: url(../../img/web/main_left.gif); background-position: right top; background-color:#FFFFFF; }
.main-right { background-color:#FFFFFF; }
.main { background: url(../../img/web/main.gif) top left no-repeat; background-color:#FFFFFF; }

.footer { background-image: url(../../img/web/footer.gif); }
.footer-text-center { 
width:350px; 
color:#007DC6; 
float:left; 
margin:90px 0 0 80px;  
_margin:90px 0 0 20px;  
}
.footer-text-logo { 
float:left; 
margin:76px 0 0 30px;  
}
.footer-text-right { 
width:100px; 
color:#898989; 
float:left; 
margin:90px 0 0 80px; 
text-align:right; 
}
.footer-text-right a { color:#898989; font-weight:normal; text-decoration:none; }
.footer-text-right a:hover { color:#898989; font-weight:normal; text-decoration:underline; }
.footer-left { background-image: url(../../img/web/footer_left.gif); background-position: right top; background-color:#B8E0F7; }
.footer-right { background-image: url(../../img/web/footer_right.gif); background-position: left top; background-color:#B8E0F7; }



/* HOME */

/* NOTICIAS */
.dataNoticias { font-size:9px; font-family: Arial, Helvetica, sans-serif; }
.noticies-home { float:left; color:#666666; width:650px; /*border:1px solid #000000;*/ margin-top:57px; }
.noticies-home .titulo a { color:#004E92; font-weight:bold; text-decoration:none; }
.noticies-home .titulo a:hover { color:#004E92; font-weight:bold; text-decoration:underline; }

/* ACONTECIMIENTOS */
.acontecimientos-fondo { float:right; width:313px; /*border:1px solid #000000;*/ margin-top:20px; background-image: url(../../img/web/fondo_acontecimientos_es.jpg); background-position: left top no-repeat; } 

.acontecimientos-home { float:left; width:650px; height:150px; /*border:1px solid #000000;*/ margin-top:25px; }
.acontecimientos-home .link:a { color:#00000; font-weight:bold; text-decoration:none; }
.acontecimientos-home .link:a:hover { color:#00000; font-weight:bold; text-decoration:underline; }
.acontecimientos-home ul { padding:0; margin:0px; list-style:none; font-family:verdana,arial,sans-serif; font-size:11px; }
.acontecimientos-home ul li {	padding:0 0 5px; }
.acontecimientos-home ul a { color:#000000; font-weight:bold; text-decoration:none; }
.acontecimientos-home ul a:hover {color:#000000; font-weight:bold; text-decoration:underline; }


/* ACTIVIDADES */
.dataActividades { font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
.actividades-home { float:right; width:313px; /*border:1px solid #000000;*/ margin-top:20px; background-image: url(../../img/web/fondo_actividades_es.jpg); background-position: left top no-repeat; } 
.actividades-home-text { 
	margin:107px 0 0 40px; width:224px;
	height: auto!important; /* para los browsers buenos */
	height: 200px; /* para IE5+ */
	min-height: 200px; /* para los browsers buenos */
	padding-bottom:10px; /*border:1px solid #0000FF;*/  }
.actividades-home-text a { color:#000000; font-weight:normal; text-decoration:none; }
.actividades-home-text a:hover { color:#000000; font-weight:normal; text-decoration:underline; }
.actividades-home-text .data { color:#000000; font-weight:bold; }

.actividades-home-final { background-image: url(../../img/web/fondo_actividades_final.gif); background-position: left top no-repeat; }


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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
	
/********************************/
/*  MISSATGES FLASH             */
/********************************/
.message { width:300px;	height:auto; position:absolute;	left:50%; top:50%; margin-left:-150px; font-size:13px; border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#F5EAD9; text-align:center; }
.messageOK { width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000; background-color:#B2FEA0; text-align:center; }
.messageFALSE { width:300px; height:auto; position:absolute; left:50%; top:50%; margin-left:-150px; font-size:13px;	border: solid 1px #C2BCAE; padding:11px; color:#000000;	background-color:#FFB3B5; text-align:center; }


/********************************/
/*  MEN DE NEVAGACI           */
/********************************/

.sitemap {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #575754;
	}
/* Primer nivel */
.sitemap ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

.sitemap li { margin: 0 0 0px 0; }

.sitemap a
{
display: block;
padding:5px 10px 5px 20px; 
border-top: solid 1px #FFFFFF;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
font-size:15px;
background-color:#FF9B2E;
}

.sitemap a:hover
{
color: #808080;
/*background-color: #69C;*/
text-decoration: none;
}
.sitemap a.active
{
	color: #575754;
	/*background-color:red;*/
}


/* Segundo nivel */
.sitemap ul li { margin: 0 0 0px 0; }

.sitemap ul a
{
display: block;
padding:3px 10px 3px 20px; 
border-bottom: solid 1px #C8C8C8;
text-decoration:none;
color:#808080;
font-weight:bold;
font-size:11px;
background-color:#EFEFF1;
}

.sitemap ul a:hover
{
color: #000000;
background-color: #D7D7D7;
text-decoration: none;
}
.sitemap a.active
{
}
.sitemap ul a.active
{
}

/* Tercer nivel */

.sitemap ul li ul li { margin: 0 0 0px 0; }

.sitemap ul ul a
{
display: block;
padding:2px 10px 2px 40px;
vertical-align:middle;
border-bottom: solid 1px #C8C8C8;
text-decoration:none;
color:#808080;
font-weight:normal;
font-size:10px;
background-color:#EFEFF1;
background-position:left 1px;
}

.sitemap ul ul a:hover
{
color: #414B07;
text-decoration: none;
}
.sitemap ul ul a.active
{
}

/* ENQUESTA --------------------------------------------- */
.graph { 
	position: relative; /* IE is dumb */
	width: 160px; 
	border: 1px solid #B1D632; 
	padding: 2px; 
}
.graph .bar { 
	display: block;
	position: relative;
	background: #B1D632; 
	text-align: left; 
	color: #333; 
	height: 12px; 
}
.graph .bar span { position: absolute; left: 1em; }


/* UPLOAD IMATGES WEB ------------------------------------------------------------------------------------------- */
#images {
	width: 100%;
}

#images div {
	margin: 5px 10px 10px 0;
/*	width: 100px;
	height: 80px;*/
	border-style: solid;
	border-width: 2px;
	border-color: #DEDFDE;
	float: left;
	overflow: hidden;
}

#images div:hover {
	border-color: #FFB401;
}

#images img.load {
	margin-right: 20px;
	margin-bottom: 20px;
}


/* CENTRAR IMETGES EN DIV HORIZONTAL I VERTICAL -------------------------------------------------------------------- */
div#contenedor_foto {
width: 135px;
height: 115px;
display: table-cell;
vertical-align: middle;
text-align: center;
background-color:#EEEEEE;
}

div#contenedor_foto img {
margin-top: expression((115 - this.height)/2);
}