/*unificar estils*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}


/* CSS Document */

.dreta{
float:right;}

.esquerra{
float:left;}

h1,h2,h3,h4{font-size:1em;margin:0!important;padding:0!important;clear:none;font-weight:normal;}
h1{font-weight:normal;}

/* BLOCS PRINCIPALS */
/* configuració esquerra ample, dreta estret*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*general*/

a:hover{
color:#66CC00;
text-decoration:none;}

.blanc_link{
color:#FFFFFF;
text-decoration:none;}

.negre_link{
color:#000000;
text-decoration:none;}

p {/*font-family:Georgia, "Times New Roman", Times, serif;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 1.5em;}

/*columnes*/

.col_a{
float:left;
width: 42%;
margin-right: 1%;}

.col_b{
	float:right;
	width: 45%;}
	
	/*columnes*/

.col_1{
	float:left;
	width:150px;
	margin-right: 1%;}

.col_2{
float:left;}

/**/

div#fotoportada {
margin: 0px;
width:100%;
height:250px;
background-image:url(img/portada_3.jpg);
background-repeat: no-repeat;
background-position: top;}

div#fotoamor {
margin: 0px;
width:100%;
height:250px;
background-image:url(img/portada_amor.gif);
background-repeat: no-repeat;
background-position: top;}

div#capçalera {
	width:93%;
	height:25px;
	position:absolute;
	top:25px; 
	background-color:#FFFFFF;
	border: 2px solid #000;
	border-color:#000000;
	font-family:"Arial Narrow", Arial;
	font-weight:bold;
	}
	
div#capçalera a:visited{
	color:#000000;
	text-decoration:none;
	}
div#capçalera a:hover{
	color:#66CC00;
	}
	
div#capçalera .negre{
	float:left;
	width:485px;
	height:25px;
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
	text-align: center;
	font-family:"Arial Narrow", Arial;
	}
	
div#capçalera .negre a:visited{
	color:#FFFFFF;
	text-decoration:none;
	}
div#capçalera .negre a:hover{
	color:#66CC00;
	}

div#capçalera .blanc a{
	color:#000000;
	text-decoration:none;
	}
	
div#capçalera .blanc a:visited{
	color:#000000;
	text-decoration:none;
	}
	
div#capçalera .blanc a:hover{
	color:#66CC00;
	text-decoration:none;
	}
	
div#capçalera .negre a{
	color:#ffffff;
	text-decoration:none;
	}
	
.menu-sobre-logo { /*enric 20090218*/
	color:000000;text-decoration:none;font-family: Arial Narrow,Arial;font-weight:bold;
}

#inline-menu {
        padding: 5px;
		font-size: 13px;
        }

#inline-menu p {
        display: inline;
        }

#inline-menu ul, #inline-menu li {
        display: inline;
        margin: 5px;
       padding: 0;
        }

#logo{
	position: absolute;
	top:10px; left:610px;
	width:370px;
	height:165px;
	background-image:url(img/logo.png)!important;
	background-repeat: no-repeat;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/logo.png");
	z-index:1;}
	
#logo_amor{
	position: absolute;
	top:10px; left:610px;
	width:370px;
	height:165px;
	background-image:url(img/piruleta.png)!important;
	background-repeat: no-repeat;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/piruleta.png");
	z-index:1;}
	
#logo2{
	width:300px;
	height:300px;
	position: absolute;
	top:10px; left:870px;
	background-image:url(img/logo4.png)!important;
	background-repeat: no-repeat;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/logo4.png");
	z-index:1;}

#ariadna{
	position:absolute;
	top: 60px; left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;}
#ariadna .a{
text-decoration:none;
color:#333333;}


div#bloc_esquerra_gran{
	float:left;
	margin-top:80px;
	margin-left:10px;
	width:510px;
}

div#bloc_esquerra_gran_nomapa{
	float:left;
	margin-top:100px;
	margin-left:10px;
	width:510px;
	background-color:#FFFFFF;
}

#mapa_fons{
	border: 1px solid #999999;
	background-color:#FFFFFF;}

div#bloc_dreta_petit{
	float:right;
	width: 45%;
	margin-top:120px;
	margin-left:10px;
}
#marge_mapa{
width:100%;}

#mapa{
margin:5px;}

.quadre_histories{
width:97%;
padding:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height: 1.5em;}

/* TEXTOS */

.subtitol{
margin-left:10px!important;
margin-bottom:10px!important;
margin-top:12px!important;
font-family:"Arial Narrow", Arial;
font-size:12px;}

.destacat{
clear:right;
font-family:"Arial Black", Arial;
font-size:18px;
color:#999999;
margin-bottom:15px!important;}

.destacat2{
clear:right;
font-family:"Arial Black", Arial;
font-size:18px;
color:#999999;}


.antetitol{
font-family:"Arial Narrow", Arial;
font-size:11px;
color:#666666;
margin-top:15px!important;}

.titol{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
margin-bottom:10px!important;}

.mesinfo{
font-family:"Arial Narrow", Arial;
font-size:14px;
font-weight:500;
color:#999999;
text-decoration:none;
background-image: url(img/llegir.gif);
background-repeat: no-repeat;
background-position: left;}

.mesinfo .a{
color:#999999;
text-decoration:none;}

.veurecoment{
font-family:"Arial Narrow", Arial;
font-size:14px;
font-weight:500;
color:#999999;
text-decoration:none;
padding-left:20px!important;
background-image: url(img/comentar.gif);
background-repeat: no-repeat;
background-position: left;}

.fotografia{
margin-top:15px!important;
float:left;
margin-right:15px!important;}

/*logos RSS Podcasting*/

.bloc_cercador{
width:100%;
padding-top:70px;
}

.rss{
padding:3px;
background-color:#FFFFFF;
border-color:#000000;
border:solid 2px;
font-family:"Arial Narrow", Arial;
text-decoration:none;
color:#000000;
font-size:11px;
margin:5px!important;}

#rss a:hover{
background-color:#66CC66;
color:#000000;
}

#rss ul li a.{
text-decoration:none;
color:#000000;}

#rss ul{
margin-left:-5px;
list-style: none;
        }
		
#rss ul li{
   display: inline;
   margin: 5px;
   padding: 0;
        }

/*formulari cercador*/

#cercador {
	float:right;
	margin-right:5px;
	color: #000000;
	text-decoration: none;
	font-family:"Arial Narrow", Arial;
	}
	

#cercador .input {
height:16px;
width:90px;
padding:3px;
background-color:#FFFFFF;
border-color:#000000;
border:solid 2px;}

#cercador .fieldset { border: 0px; /*height:0px;*/ display:inline;}
#cercador .nodisplay {display: none;}
#cercador .boton {
	border: 2px solid #000000;
	background-color: #ffffff;
	font-family:"Arial Narrow", Arial;
	font-size: 11px;
	color: #000000;
}

#cercador .plus{
	margin-left:5px;
	font-family:"Arial Narrow", Arial;
	font-size: 11px;
	color: #000000;
}

.plus a{ color:#000; text-decoration: none;}

/* video*/

.video {
azimuth:left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;

}

.noticia {
	padding: 15px;
	background-image: url(img/raya.gif);
	background-repeat: repeat;
	background-position: top;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}


.historiesdestacades {
	padding: 15px;
	/*border:#999999 solid 1px;*/
	border: 3px dashed #CCCCCC;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.clear{clear:both;}

ul#noticia {margin-left:10px; margin-right:10px; padding-left:0px;}

.noticia {font-family: Georgia, Times New Roman, Times, serif; color: #585854; text-decoration: none;}
.noticies a:hover {color: #585854; text-decoration: none;}

ul#noticies li {
	font-family: Georgia, Times New Roman, Times, serif;
	color: #585854;
	font-size: 12px;
	font-style: normal;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #663366;
	line-height: 25px;
	}
	
ul#noticies li a{
	color: #585854;
	text-decoration:none;
	}
	
ul#noticies li a:hover{
	color:#66CC00;
	text-decoration:none;
	}
	
/*FILTRE*/

.recuadrefiltre form{
background-image:url(img/logo_2.jpg);
background-position:right;
background-repeat:no-repeat;
	padding: 10px;
	border:#999999 solid 5px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.recuadrecerca form{
background-image:url(img/logo_2.jpg);
background-position:right;
background-repeat:no-repeat;
	padding: 10px;
	border:#999999 solid 5px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

#filtre p{
	margin-top:10px;
	color: #000000;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1em;
	}
	
#filtre .input {
height:16px;
width:90px;
padding:3px;
background-color:#FFFFFF;
border-color:#000000;
border:solid 2px;}

#filtre .fieldset { border: 0px; /*height:0px;*/ display:inline;}
#filtre .nodisplay {display: none;}
#filtre .boton {
	border: 2px solid #000000;
	background-color: #ffffff;
	font-family:"Arial Narrow", Arial;
	font-size: 11px;
	color: #000000;
}

/*RSS*/

.recuadrerss {
background-image:url(img/logo_rss.gif);
background-position:right;
background-repeat:no-repeat;
	padding: 10px;
	border:#999999 solid 5px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

.llista_rss ul li{
font-family: Georgia, Times New Roman, Times, serif;
	color: #585854;
	font-size: 12px;
	font-style: normal;
	list-style-type: none;
	line-height: 25px;}

.llista_rss ul li{
padding-left:25px;
background-image: url(img/rss.png);
background-repeat: no-repeat;
background-position: left;}

.llista_sharethis ul li{
font-family: Georgia, Times New Roman, Times, serif;
	color: #585854;
	font-size: 12px;
	font-style: normal;
	list-style-type: none;
	line-height: 25px;
	text-decoration:none;}
	
	.llista_sharethis ul li a:link{
	color: #585854;
	text-decoration:none;}

/*comentaris*/

#comentar form{
	padding: 15px;
	background-image: url(img/raya.gif);
	background-repeat: repeat;
	background-position: top;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	color: #666666;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1em;
}

#comentar .input {
height:16px;
width:200px;
background-color:#FFFFFF;
border-color:#CCCCCC;
border:solid 1px;
margin-bottom:5px;
margin-top:2px;}

#comentar .input_2 {
width:90%;
background-color:#FFFFFF;
border-color:#CCCCCC;
border:solid 1px;
margin-bottom:5px;
margin-top:2px;}

#comentar .fieldset { border: 0px; /*height:0px;*/ display:inline;}
#comentar .nodisplay {display: none;}
#comentar .boton {
	border: 2px solid #000000;
	background-color: #ffffff;
	font-family:"Arial Narrow", Arial;
	font-size: 11px;
	color: #000000;
}

/*comentaris*/

.firma{
text-align:right;
border-bottom:#663366 solid thin;
margin-left:10px;
margin-top:15px;
font-family:"Arial Narrow", Arial;
font-size:12px;}

.lectures{
float:right;
text-align:right;
font-family:"Arial Narrow", Arial;
font-size:12px;}

.lectures img{
v}

/*posicionament mapa*/

.flecha_dreta{
position:relative;
top:-185px;
right:-475px;
z-index:1;}

.flecha_esquerra{
position:relative;
top:-185px;
left:-5px;
z-index:1;}

.flecha_down{
position:relative;
top:-17px;
left:235px;
z-index:1;}

.flecha_up{
position:relative;
top:-381px;
left:200px;
z-index:1;}

.mapa{
position:inherit;}

#peu{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	font-size: 10px; 
	clear: both;
	margin: 10px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.peu{ font-size: 10px; color:#000;}
a.peu{ color:#000; font-size: 10px; text-decoration: none;}

/*ARXIU*/

ul#arxiu {margin-left:10px; margin-right:10px; padding-left:0px;}

.arxiu {font-family: Georgia, Times New Roman, Times, serif; color: #585854; text-decoration: none;}
.arxiu a:hover {color: #585854; text-decoration: none;}

ul#llista li {
	margin-left:20px;
	font-family: Georgia, Times New Roman, Times, serif;
	color: #585854;
	font-size: 12px;
	font-style: normal;
	list-style-type: none;
	line-height: 25px;
	border-bottom: #a5a7aa solid 1px
	}
	
ul#llista li a{
	color: #585854;
	text-decoration:none;
	}
	
ul#llista li a:hover{
	color:#66CC00;
	text-decoration:none;
	}
	
/*arxiu foto*/

#llista_fotos p {
        display: inline;
        }

#llista_fotos li img{
vertical-align:sub; }
		
#llista_fotos li{
display:inline; 
   float:left; 
   width:96px; 
   height:96px;
   background-color:#f5f7f9; 
   padding:5px; 
   margin:10px; 
   text-align: center; 
   border: #a5a7aa solid 1px; 
}

.img_arxiu{
height:96px;
border:0px;}

/*icones arxiu*/

.icona_audio{
background-image:url(img/icono_audio.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:20px;}

.icona_foto{
background-image:url(img/icono_foto.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:20px;}

/*Escriure historia*/

.escriure{background-color:#669966;
border:#666666, 1px, solid;
padding:15px;
font-family:Arial, Helvetica, sans-serif;} 

/*foto histories*/

.quadre_histories img {margin-bottom:15px;}

/*llistes*/

.llista_normal {display:list-item!important;
list-style-type:square!important;
margin-left:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;}

/*cita*/

.cita {font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#336666;
font-style:italic;
font-weight:bold;
margin:10px;}