a { color: #EE0000; text-decoration: none }
a:hover,a:active { color: #FF6600; text-decoration: none }

a.neg{ color:#FFFFFF; text-decoration:none }
a.neg:hover,a.neg:active { color:#FFCC33; text-decoration:underline }



p.docs { background: url(http://www.ajuntament.gi/shared/img/icn_fitxer.png) no-repeat; font: 0.8em Arial, Helvetica, sans-serif; margin: 5px 10px 6px 40px; padding: 1px 0 1px 22px; color: #666 }
p.docs a { font-weight: bold }
p.docsTxt { font: 0.75em Arial, Helvetica, Sans-serif; color: black; margin: 0px 30px 10px 62px; text-align: justify }


table.blog { background: #F8EFD7; border-top: 1px solid white; padding-bottom: 20px }
table.blog td { vertical-align: top }
table.blog p.titolet { font: 1.4em Arial Black, Helvetica Black, Sans-serif; text-align: right;	color: #B8303C;	margin: 12px 0 0 0; line-height: 1.2em }
p.comentari { font: 0.8em Helvetica, Arial, Sans-serif; text-align: justify;	color: #3E3C36; margin: 0px 24px 5px 24px; }
p.resposta { font: 0.7em Verdana, Helvetica, Arial, Sans-serif; text-align: justify;	font-style: italic; color: #B8303C;	margin: 15px 24px 0 24px; }
table.blog div.botonets { text-align: center; margin-left: 24px; margin-top: 10px; border: 2px dotted gray; background-color: white; font: bold 0.70em Arial, Helvetica, Sans-serif; text-transform: uppercase; padding: 4px 10px 4px 10px }

div.blog { border-top: 2px dashed #B8303C; margin: 0 24px 0 24px }
div.blog p.comentari { margin: 10px 0 0 0 }
div.blog p.resposta { margin: 10px 0 15px 0 }


img.clicable { border: 2px solid white }
img.clicable:hover { border: 2px solid #B8303C }



/****** NOTICIES *****************************************************************************************/
.notdiv {
	border-bottom: 2px dotted #CFCEC7;
	padding: 10px 0 10px 0;
	margin: 0 20px 0 24px;
}

.notlisttit {
	font: bold 0.80em Arial, Helvetica, Sans-serif;
	margin: 0 0 3px 0;
}

.notlistintro {
	font: 0.70em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	color: black;
	margin: 0 0 3px 0;
}

.notlistdata {
	font: bold 0.7em Arial, Helvetica, Sans-serif;
	color: #8B7A73;
	margin: 0 0 3px 0;
}


.nottitol {
	font: 1.3em Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0px;
	padding-left: 15px;
	background-image: url(/img/bul_not2.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}

.notintro{
	font: 1em Arial, Helvetica, sans-serif;
	margin: 5px 0px 0 15px;
	text-align: left;
}
.notcos{
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 0px 15px;
	text-align: justify;
	border-top: 2px dotted #CCCCCC;
	padding-top: 9px;
	padding-bottom: 15px;
}



/****** HEADINGS *****************************************************************************************/
h1 { font: bold 1.2em Arial, Helvetica, Sans-serif; color: #B8303C; margin: 20px 20px 10px 25px }

h2 {
	font: bold 0.9em Arial, Helvetica, Sans-serif;
	color: black;
	margin: 20px 20px 5px 24px;
}

h3 {
	font: bold 0.7em Arial, Helvetica, Sans-serif;
	color: black;
	text-transform: uppercase;
	margin: 0 20px 5px 24px;
}


.list {
	background-image: url(img/img_li.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	list-style: none;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	margin: 0 20px 5px 40px;
	padding: 0 0 0 20px;
}

.list2 {
	background-image: url(img/img_li.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	list-style: none;
	font: 0.8em Arial, Helvetica, Sans-serif;
	margin: 0 15px 3px 20px;
	padding: 0 0 0 20px;
}

label {
	font: bold 0.70em Arial, Helvetica, sans-serif;
	color: #D44A2A;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

.nota {
	font: 0.65em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 20px 10px 25px;
	text-align: justify;
	color: #666666;
}
html>body .nota {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	margin-top: 10px;
}

/****** TEXT *********************************************************************************************/
.mapa {
	font: 0.70em Verdana, Arial, Helvetica, Sans-serif;
}

div#contingut ul.ulMapa {
	list-style-type: square;
	margin: 0 0 0 10px;
	padding: 0 0 0 7px;
	text-indent: 0;
	color: #AAAAAA;
}

div#contingut ul.ulMapa li {
	margin-top: 2px;
}

div#contingut table.mapa {
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}

div#contingut table.mapa tr {
	vertical-align: top;
}

div#contingut table.mapa td {
	padding: 5px 5px 5px 7px;
	border-bottom: 1px solid gray;
}


.ocult {
	display: none;
	font-size: 0;
}

.camp {
	font: 0.70em Verdana, Arial, Helvetica, Sans-serif;
}

div.ininoticia {
	/* border-bottom: 2px dotted #E6E3DD; */
	margin: 0 20px 13px 25px;
	width: 99%;
}
html>body div.ininoticia {
	/* Correcció pels navegadors que no tenen els bugs de l'IE */
	width: 94%;
}


.epoca {
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	color: #663333;
	margin: -5px 24px 10px 24px;
	letter-spacing: 0.05em;
	word-spacing: 0.1em;
}

.txt {
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	color: black;
	margin: 0px 24px 10px 24px;
}


.txtsala {
	font: 0.75em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	line-height: 1.7em;
	color: black;
	margin: 20px 24px 10px 24px;
}

.peufoto {
	font: 0.7em Arial, Helvetica, Sans-serif;
	color: #663333;
	text-align: justify;
	margin: 5px 15px 0 0;
}

.foto {
	float: right;
	width: 303px;
	margin: 0 0 20px 20px;
}

.inforeltit{
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	background-color: #AE2827;
	text-transform: uppercase;
	color: white;
	margin: 0px 0 10px 0;
	padding: 5px 10px 5px 10px;
}

.inforeltxt {
	font: 0.8em Arial, Helvetica, Sans-serif;
	color: #AE2827;
	margin: 5px 10px 5px 10px;
	text-indent: -12px;
	padding-left: 12px;
}

/****** AGENDA ***************************************************************************************/
div#actReserva {
	border: 2px dotted #CFCEC7;
	background-image: url(img/bg_actreserva.gif);
	margin: 0 25px 0 40px;
	padding: 0 0 10px 0;
}

.agdata2 {
	font: bold 0.7em Verdana, Arial, Helvetica, Sans-serif;
	margin: 0 0 5px 0;
}

/****** llistat ***********/

.boxagenda {
	background-image: url(img/bg_act.gif);
	width: 276px;
	margin: 0 0 12px 24px;
}

.agboxtit {
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	margin: 0 0 0 0;
	padding: 3px 10px 3px 10px;
	color: white;
	text-transform: uppercase;
	background-image: url(img/bg_acttit.gif);
	letter-spacing: 0.05em;
}

.boxag2 {
	border-top: 2px dotted #CFCEC7;
	margin: 5px 20px 0px 25px;
}

.agcat {
	font: bold 0.7em Arial, Helvetica, Sans-serif;
	color: #8B7A73;
	text-transform: uppercase;
	margin: 0;
	padding-top: 8px;
}

.agtit {
	font: bold 0.80em Arial, Helvetica, Sans-serif;
	margin: 1px 0 3px 0;
}

.agintro {
	font: 0.70em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	color: black;
	margin: 0 0 3px 0;
}

.agdata {
	font: 0.70em Verdana, Arial, Helvetica, Sans-serif;
	margin: 0 0 8px 0;
	color: black;
}

div#contL {
	float: left;
	width: 408px;
}

div#contR {
	float: left;
	width: 200px;
}
/*------ calendari --------*/
.calmes {
	font: bold 0.75em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	padding: 2px 0px 2px 0px;
	background-color: #CBB2A8;
}
.caldia {
	font: bold 0.6em Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
}
.calnum {
	font: 0.7em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333333;
	border-top: 1px solid #CBB2A8;
	border-left: 1px solid #CBB2A8;
	padding: 2px 4px 2px 4px;
}

/****** EXPOSICIONS ***********************************************************************************/
.boxexpo {
	background-image: url(img/bg_act.gif);
	width: 276px;
	margin: 0 0 20px 11px;
	float: left;
}

.expoboxtit {
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	margin: 0 0 0 0;
	padding: 3px 10px 3px 10px;
	color: white;
	text-transform: uppercase;
	background-image: url(img/bg_expotit.gif);
	letter-spacing: 0.05em;
}

.boxexpo2 {
	border-bottom: 2px dotted #CFCEC7;
	margin: 5px 25px 0px 25px;
}

.expodata {
	font: bold 0.7em Arial, Helvetica, Sans-serif;
	color: #8B7A73;
	text-transform: uppercase;
	margin: 0;
	padding-top: 5px;
}

.expotit {
	font: bold 0.80em Arial, Helvetica, Sans-serif;
	margin: 1px 0 7px 0;
}

.expointro {
	font: 0.70em Verdana, Arial, Helvetica, Sans-serif;
	text-align: justify;
	margin: 0;
}


/****** ESTRUCTURA ***************************************************************************************/
body#marc {
	text-align: center;
	margin: 0;
	background-color: #948D81;
	background-image: url(img/bg_pag.gif);
	background-attachment: fixed;
}

div#principal {
	width: 778px;
	margin: 0 auto;
	background-color: white;
	text-align: left;
}

div#columnes {
	float: left;
	width: 778px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

div#menu {
	width: 170px;
	background-color: white;
	float: left;
}

div#contingut {
	width: 608px;
	float: left;
}

div#peupagina {
	width: 778px;
	background-color: white;
	text-align: left;
	border-top: 1px solid white;
	clear: both;
	margin: 0 auto;
}

div#ariadna { font: 0.75em Arial, Helvetica, Sans-serif; color: white; text-transform: normal; clear: both; background-image: url(img/bg_ariadna.gif); padding: 3px 9px 4px 10px; border-bottom: 1px solid white; }


div#inforelbox {
	clear: both;
	background-color: #FAF2DF;
	border: 1px dotted #AE2827;
	margin: 10px 24px 20px 24px;
	padding: 0 0 5px 0;
}

div#boxesquerre {
	float: left;
	width: 65%;
	margin: 0;
}

div#boxdret {
	float: left;
	width: 35%;
	margin: 0;
	border-left: 2px dotted #948D81;
}

.reset {
	clear: both;
	margin: 0;
}



/***** NAV **********************************************************************************************/

/*--- HMTL ------------------*/
ul.menubox {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menubox li.menu1 {
	width: 160px;
	letter-spacing: 0.00em;
	word-spacing: 0.05em;
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	background-color: #EFD4D4;
	background-image: url(img/bg_nav.gif);
	padding: 4px 0 4px 10px;
	border: none;
	margin: 0;
}

ul.menubox ul.menubox2 {
	list-style: none;
	text-transform: none;
	margin: 4px 0 0 0;
	padding: 4px 0 0 0;
	border-top: 1px dotted #C06261;
}
ul.menubox .menu2 {
	font: bold 1em Arial, Helvetica, Sans-serif;
	letter-spacing: 0;
	 /* line-height: 1em; */
	background: url(img/bg_menu2.gif) no-repeat 0 2px;
	padding: 0 5px 0 10px;
	margin: 5px 0 5px 0;
}

ul.menubox .menubox3 {
	list-style: none;
	text-transform: none;
	margin: 4px 0 0 0;
	padding: 4px 0 0 0;
	border-top: 1px dotted #C06261;
}
ul.menubox .menu3 {
	font: 1em Arial, Helvetica, Sans-serif;
	 /* line-height: 1em; */
	background: url(img/bg_menu3.gif) no-repeat 0 6px;
	padding: 0 0 0 10px;
	margin: 3px 0 3px 0;
}

/*--- XHMTL ------------------*/
ul.menuboxXHTML {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menuboxXHTML li.menu1 {
	width: 170px;
	letter-spacing: 0.00em;
	word-spacing: 0.05em;
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	background-color: #EFD4D4;
	background-image: url(img/bg_nav.gif);
	padding: 4px 0 4px 10px;
	border: none;
	margin: 0;
}

ul.menuboxXHTML ul.menubox2 {
	list-style: none;
	text-transform: none;
	margin: 4px 0 0 0;
	padding: 4px 0 0 0;
	border-top: 1px dotted #C06261;
}
ul.menuboxXHTML .menu2 {
	font: bold 1em Arial, Helvetica, Sans-serif;
	letter-spacing: 0;
	 /* line-height: 1em; */
	background: url(img/bg_menu2.gif) no-repeat 0 2px;
	padding: 0 5px 0 10px;
	margin: 5px 0 5px 0;
}

ul.menuboxXHTML .menubox3 {
	list-style: none;
	text-transform: none;
	margin: 4px 0 0 0;
	padding: 4px 0 0 0;
	border-top: 1px dotted #C06261;
}
ul.menuboxXHTML .menu3 {
	font: 1em Arial, Helvetica, Sans-serif;
	 /* line-height: 1em; */
	background: url(img/bg_menu3.gif) no-repeat 0 6px;
	padding: 0 0 0 10px;
	margin: 3px 0 3px 0;
}





.lang {
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	background-image: url(img/bg_lang.gif);
	margin: 0;
	padding: 3px 9px 3px 9px;
	border-top: 1px solid #AE2827;
	border-left: 1px solid #AE2827;
}
.lang0 {
	font: bold 0.75em Arial, Helvetica, Sans-serif;
	background-image: url(img/bg_lang0.gif);
	margin: 0;
	padding: 4px 9px 3px 12px;
}






/***** PEU **********************************************************************************************/
.datamodificacio {
	font: 0.55em Verdana, Arial, Helvetica, Sans-serif;
	margin: 0 10px 0 0;
	color: #888888;
}

.peu {
	font: 0.70em Verdana, Arial, Helvetica, sans-serif;
	color: #F6DBD4;
	background-color: #D44A2A;
	padding: 10px 10px 10px 10px;
	margin: 0px 0 0 0;
}





div.expofrandiv { clear: both; border-bottom: 1px dotted #AE2827; margin: 0 25px 0 25px }
div.expofrandiv h2 { margin-top: 10px; margin-left: 0; margin-right: 0 }
div.expofrandiv p.txt { margin-left: 207px; margin-right: 0 }
div.expofrandiv img { width: 191px; height: 132px; float: left; margin: 3px 0 0 0 }
div.expofrandiv div { clear: both; margin-top: -15px }

div.expofranCredits { background: #FAF2DF; font: 0.75em Helvetica, Arial, Sans-serif; margin: 20px 25px 20px 25px; padding: 15px; text-align: justify; border: 1px dotted #AE2827 }