a { color:#3E518A; text-decoration:none }
a:hover,a:active, a:focus { color:#000000; text-decoration:underline; }
/*
a { color:#3E518A; text-decoration:none }
a:hover,a:active, a:focus { color:#000000; text-decoration:underline; }

a { color:#990000; text-decoration:none }
a:hover,a:active, a:focus { color:#000000; text-decoration:underline; }
*/

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

div.divFotosAnimades ul { margin: 0; padding: 0 }

div.subtabs { background: url(img/bg_subtabs.png) no-repeat bottom; margin-bottom: 20px }
div.subtabs ul { list-style: none; margin: 0; padding: 0; float: right; font: bold 0.9em Helvetica Condensed, Arial Narrow, Sans-serif; color: white; margin-bottom: -1px }
div.subtabs ul li { float: left; border-top: 1px solid #900; padding: 6px 0 7px 0 }
div.subtabs ul li.actual { background: white; padding: 6px 0 7px 0 }
div.subtabs ul li a:link, div.subtabs ul li a:visited { color: white; padding: 6px 15px 7px 15px; }
div.subtabs ul li.actual a:link, div.subtabs ul li.actual a:visited { color: #900; padding: 6px 15px 7px 15px; }
div.subtabs ul li a:hover { background: #EF4720; padding: 6px 15px 7px 15px; }


div.promocioSentits { clear: both }
div.promocioSentits p { font: 0.75em Arial, Helvetica, Sans-serif; margin: 0; text-align: justify }
div.promocioSentits h2 span { font-family: Arial, Helvetica, Sans-serif; letter-spacing: 0.1em }
div.promocioSentits ul { font: 0.75em Arial, Helvetica, Sans-serif; margin-top: 10px; list-style: square }
div.promocioSentits ul a { font-weight: bold }
div.promocioSentits img { width: 226px; height: 129px; float: right; margin: -10px 0px 15px 15px }

.printMaleta { display: none }
.maletaBoto { width: 140px; height: 31px; padding: 9px 0 0 40px; font: 0.70em Arial, Helvetica, Sans-serif; text-transform: uppercase; margin: 10px 0 10px 14px; letter-spacing: 0.00em }

div.contacteAddress { width: 154px; padding: 21px 0 0 0 }
div.contacteAddress p { text-align: right; margin: 0 0px 5px 0; font: 0.75em Arial, Helvetica, Sans-serif }


table#areaTitol { margin-left: 10px; border-bottom: 1px solid #990000; }
table#areaTitol td { vertical-align: bottom }
table#areaTitol p { margin: -4px 0 0px 0; font: bold 0.70em Arial, Helvetica, Sans-serif; color: #990000 }
div#maleta { background: url(img/visita_bg.gif) no-repeat; height: 45px }
div#maleta div { text-align: center; font: bold 0.70em Arial, Helvetica }

table.contingutMaleta { font: 0.75em Arial, Helvetica, Sans-serif; width: 558px }
table.contingutMaleta td { padding: 3px 5px 4px 10px; border-bottom: 1px solid #CCCCCC }
table.contingutMaleta tr.fila td { font: 0.8em Arial, Helvetica, Sans-serif; text-transform: uppercase; background: #EEEEEE; border-top: 1px solid #CCCCCC; padding: 4px 5px 4px 10px; color: #444444 }
table.contingutMaleta h2 { font: bold 1.2em Arial, Helvetica, Sans-serif; margin: 17px 0 1px -10px; color: #990000; border-bottom: none }



table.menuVideos { font: bold 0.75em Arial, Helvetica, Sans-serif; line-height: 1em; width: 154px }
table.menuVideos td { background: url(img/tv_separador.gif) no-repeat bottom right; height: 49px; padding-right: 5px }
table.menuVideos td.col1 { background: url(img/tv_separador.gif) no-repeat bottom left; padding-right: 6px; width: 48px }
table.menuVideos img { width: 48px; height: 48px; border: none }



/***** FORMULARI *****************************************************/
form.contacte {	margin-top: 0; margin-bottom: 0; width: 550px }

form.contacte label {
	font: bold 0.85em Arial Narrow, Helvetica bold, Sans-serif;
	color: #976E69;
}

form.contacte table tr td {	text-align: left; padding: 5px 0 0 0; vertical-align: top; }

form.contacte .checkbox { margin: 0 0 0 15px; }

form.contacte span { font: 0.70em Verdana, Arial, Helvetica, Sans-serif; margin: 0 0 0 5px; }

form.contacte .camp1 {
	border: 1px solid #976E69;
	width: 385px;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	padding: 3px 5px 0 5px;
	height: 22px;
}

form.contacte .camp2 {
	border: 1px solid #976E69;
	width: 117px;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	padding: 3px 5px 0 5px;
	height: 22px;
}

form.contacte .camp3 {
	border: 1px solid #976E69;
	width: 250px;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	padding: 3px 5px 0 5px;
	height: 22px;
}

form.contacte .camp4 {
	border: 1px solid #976E69;
	width: 519px;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	padding: 3px 5px 0 5px;
	height: 22px;
}

form.contacte .camp5 {
	border: 1px solid #976E69;
	width: 519px;
	font: 0.7em Verdana, Arial, Helvetica, Sans-serif;
	padding: 3px 5px 3px 5px;
}

.fbotox {	font: bold 0.9em Arial Narrow, Helvetica Condensed, Sans-serif;	margin: 0 5px 0 5px; }

.fboto { letter-spacing: 0.05em; font: 0.9em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 0 5px 0 5px; }
.fbotov { letter-spacing: 0.05em; color: #C00; font: 0.9em Arial Narrow, Helvetica Condensed, Sans-serif; margin: 0 5px 0 5px; }

.lopd { font: 0.65em Arial, Helvetica, sans-serif; margin: 10px 0 10px 0; text-align: justify; color: #666666; line-height: 0.95em; }



/***** ESTRUCTURA *******************************************************************************************/

body#marcInici { text-align: center; margin: 0; background: url(img/bg_pag2b.png) center; }

body#marc {	text-align: center;	margin: 0; background: url(img/bg_pag.gif) }

div#pagina { /* background: url(img/bg_pag_ombra.png) center top no-repeat; height: 100%; */ }

div#menutop { display: block; border-top: 1px solid white; margin: 0 10px 0 10px; }

.layoutTable { background: url(img/bg_pag_ombra.gif); }

div#principal {	width: 758px;	margin: 0 auto;	height: 100%;	padding-left: 1px; }

div#contL {	width: 178px;	margin-left: 10px;	float: left; display: inline; }

div#contR { width: 580px;	float: left; display: inline; }

div.subcontL { width: 321px; float: left; display: inline; margin: 0 20px 0 0 }
div#agendaTotal { font: bold 0.80em Arial Narrow, Helvetica Condensed, Sans-serif; text-align: right; margin: 5px 0 0 0; text-transform: uppercase }


div.subcontR { width: 218px; float: left; display: inline; }

div#capcalera1 { display: inline; width: 758px; margin-left: 10px; font-family: Arial Narrow, Helvetica Condensed, Sans-serif;  }
html>body div#capcalera1 { margin-left: 10px }
div#capcalera1 p.idiomes { font-size: 0.9em; text-align: left; color: #969084; margin: 0; padding: 0 0 0 10px }
html>body div#capcalera1 p.idiomes { margin: 0 0 0 10px }
div#capcalera1 table { font-size: 0.9em; width: 758px; height: 28px }
div#capcalera1 p.meteocat { color: #666666; margin: 0 5px 0 0; text-align: right }
html>body div#capcalera1 p.meteocat { margin: 0 0 0 0 }
div#capcalera1 img { border: none; margin: 0 5px 0 5px }

div#capcalera2 {	width: 758px; margin-left: 10px; border-top: 3px solid #990000 }
html>body div#capcalera2 {	margin-left: 10px }

div#capcaleraPrint { display: none; }

div#ariadna { clear: both; margin: 5px 0 0 10px; padding: 0 0 0 178px; font: 0.65em Verdana, Arial, Helvetica, Sans-serif; color: #807B71 }

div#peu1 { width: 189px; height: 39px; float: left; margin: 0 0 0 10px;	border-top: 1px solid white; background: #00829B; display: inline }
html>body div#peu1 { margin: 0 0 0 10px }

div#peu2 { width: 569px; height: 40px; float: left; font: 0.65em Verdana, Arial, Helvetica, Sans-serif; color: white; padding-top: 23px; border-top: 1px solid white; background: #00829B }
html>body div#peu2 { height: 16px }

.reset { clear: both; margin: 0; height: 0; line-height: 0; font-size: 0 }

.box { border: 1px solid #990000; margin: 0 20px 20px 0; background: url(img/compres_girona.gif) no-repeat; background-color: #F9F5F5; padding: 10px 15px 10px 117px }

div#gimuseus { margin-top: 35.5em; background: #383435; color: #BBBBBB; width: 154px; padding: 0 3px 15px 28px; font: 0.85em Arial Narrow, Helvetica Condensed, Sans-serif; line-height: 1em }
html>body div#gimuseus { width: 123px; margin-top: 35.3em }


.listEstabliments { float: left; width: 342px; border-right: 1px solid #990000; border-bottom: 1px solid #990000 }
html>body .listEstabliments { float: left; width: 341px; border-right: 1px solid #990000 }

.fitxaEstabliments { padding: 10px; width: 238px }
html>body .fitxaEstabliments { width: 218px }

/***** ENCAPÇALAMENTS **********************************************************************************/
h1 { font: bold 1.5em Arial Narrow, Helvetica Condensed, sans-serif; margin: 12px 10px 0px 10px; color: #990000; padding-left: 178px; border-bottom: 1px solid #990000 }
h2 { clear: both; font: bold 1.25em Arial Narrow, Helvetica Condensed, sans-serif; margin: 12px 0 10px 0px; color: #333333; border-bottom: 1px solid #666666 }
h3 { clear: both; font: bold 1em Arial Narrow, Helvetica Condensed, sans-serif; margin: 12px 0 10px 0px; color: #333333; border-bottom: 1px solid #666666 }


table.passaport { font: 0.75em Arial, Helvetica, Sans-serif }
table.passaport h3 { font-size: 120%; font-weight: bold; color: #900; border-bottom: 1px dotted #900; margin-bottom: 5px }

/***** LLISTES *****************************************************************************************/
ul.submenu { margin: 0 24px 7px 0; padding: 0;font: 0.7em Verdana, Arial Narrow, Helvetica, Sans-serif; color: #888888; line-height: 1em; list-style-type: none }
ul.submenu li { padding: 3px 0 5px 10px; border-bottom: 1px solid #BFBDB8; }
ul.llista { font: 0.7em Verdana, Arial, Helvetica, Sans-serif; list-style-type: square; margin: 0 35px 0 25px }
html>body ul.llista { margin: 15px 35px 0 25px; padding: 0 }
ul.llista li { margin: 0 0 2px 0 }
html>body ul.llista li { margin: 0 0 8px 0 }
ul.monumentsList { margin: 3px; padding: 0; width: 154px; font: bold 0.85em Arial Narrow, Helvetica Condensed, Sans-serif; line-height: 1.2em; list-style-type: none }
ul.monumentsList li { clear: both; margin-bottom: 1px; padding: 8px 0 0 42px; border-bottom: 1px solid #CCCCCC; height: 38px }
html>body ul.monumentsList li { height: 29px }
ul.monumentsList img { float: left; border: none; margin: -8px 0 0 -44px; vertical-align: middle; width: 36px; height: 36px }

ul.llista2 { margin: 0 35px 0 90px }
html>body ul.llista2 { margin: 0 0 15px 50px }
ul.llista2 li { clear: both; list-style: none; background: url(img/bullet2.gif) no-repeat 0px 4px; font: 0.85em Arial, Helvetica, sans-serif;	padding: 0 0 0 20px; margin: 0 0 3px 0; text-align: left; }
html>body ul.llista2 li { background-position: 0 0; margin-bottom: 6px; background: url(img/bullet2.gif) no-repeat 0px 2px; }

/***** TAULES ******************************************************************************************/
table.museus {  }
table.museus td { width: 186px; vertical-align: top }
table.museus p.musTit { font: bold 0.95em Arial Narrow, Helvetica Condensed, sans-serif; line-height: 1.1em; margin: 6px 15px 3px 0 }
table.museus p { font: 0.70em Verdana, Arial, Helvetica, Sans-serif; text-align: justify; margin: 0 35px 15px 0 }
table.taulaGuia { font: 0.70em Verdana, Arial, Helvetica, Sans-serif; color: #999999; text-align: left; margin-bottom: 10px }
table.taulaGuia td { padding-bottom: 10px; text-align: justify; vertical-align: top; line-height: 1.4em; padding-right: 20px }
table.taulaGuia td.taulaGuiaCat { font-weight: bold; margin: 5px 15px 2px 0; color: #990000 }

table.taulaMeteo { border: 1px solid #990000; border-right: none; margin: 20px 0 0 0 }
table.taulaMeteo td { border-right: 1px solid #990000 }
table.taulaMeteo p.dataMeteo { font: bold 0.75em Arial, Helvetica, Sans-serif; text-align: center; color: white; background: #990000; margin: 1px 1px 15px 1px; padding: 3px 5px 3px 5px }
table.taulaMeteo p.txtMeteo { font: 0.70em Verdana, Arial, Helvetica, Sans-serif; text-align: center; margin: 5px 5px 20px 5px}
table.taulaMeteo p.tempMeteo { font: 1em Arial, Helvetica, Sans-serif; text-align: center; margin: 0 5px 10px 5px}

/***** FITXA *******************************************************************************************/
.fitxaClasse { font: bold 0.85em Arial Narrow, Helvetica Condensed, sans-serif; padding: 2px 10px 4px 10px; text-transform: uppercase; margin: 0; background: #990000; color: white }
.fitxaNomEst { font: bold 1em Arial Narrow, Helvetica Condensed, sans-serif; color: #990000; margin: 0 -10px 10px 0; padding-bottom: 2px; border-bottom: 1px dashed #990000 }
.fitxaNomEst2 { font: bold 1em Arial Narrow, Helvetica Condensed, sans-serif; color: #990000; margin: 0 -10px 5px 0; padding-bottom: 2px; border-bottom: 1px dashed #990000 }


/***** INICI *******************************************************************************************/

.iniBoto { width: 66px; padding: 75px 7px 0 7px; vertical-align: bottom; border-left: 1px solid white; float: right; }
html>body .iniBoto {	width: 52px; }


/***** TEXT *******************************************************************************************/
.intro { font: 0.85em Arial, Helvetica, Sans-serif; text-align: justify; line-height: 1.25em; margin: 15px 21px 20px 0; width: 321px; float: left }
div.intro p { margin-bottom: 10px; margin-top: 0 }
div.intro p.intro2 { font: 1em Arial, Helvetica, Sans-serif; text-align: justify; line-height: 1.25em; margin: 15px 21px 20px 0; width: 321px; float: left }

.titolet { font: bold 0.85em Arial, Helvetica, sans-serif; margin: 0 0 5px 0 }
.txt { font: 0.70em Verdana, Arial, Helvetica, Sans-serif; text-align: justify; margin: 0 0 10px 0 }
.llistat { font: 0.70em Verdana, Arial, Helvetica, Sans-serif; color: #555555; margin: 0 0 0 0; padding: 8px 10px 8px 20px; background: url(img/bullet.png) no-repeat 7px 10px; background-color: #FAF9F7 }
.monTit { font: bold 0.80em Arial, Helvetica, sans-serif; margin: 5px 30px 2px 0 }
.monTxt { font: 0.70em Verdana, Arial, Helvetica, Sans-serif; text-align: justify; margin: 0 30px 10px 0 }
.plan { background: url(img/bullet2.gif) no-repeat 0px 1px; font: 0.70em Verdana, Arial, Helvetica, Sans-serif; text-align: justify; margin: 0 0 10px 10px; padding-left: 20px }

.llegendes { font: 0.85em Arial, Helvetica, Sans-serif; text-align: justify; line-height: 1.25em; margin: 15px 0 20px 0; padding-right: 258px; float: left }


.guiaTit { font: bold 0.80em Arial, Helvetica, sans-serif; color: #990000; clear: both; margin: 20px 30px 10px 0; border-bottom: 1px dashed #999999; padding: 0 0 3px 0 }
.guiaTxt { font: 0.70em Verdana, Arial, Helvetica, Sans-serif; text-align: justify; margin: 0 30px 15px 0 }
.peufoto { font: 0.75em Arial, Helvetica, sans-serif; margin: 0 24px 10px 0; text-align: right }
.peufoto2 { font: 0.70em Arial, Helvetica, sans-serif; margin: 5px 10px 10px 0; color: #666666 }
html>body .peufoto2 { margin: 5px 10px 10px 0; color: #666666; width: 228px }

/***** AGENDA BOX **************************************************************************************/
.agDiv { background-color: #FAF9F7; padding: 0 2px 8px 2px }
.agTit { font: bold 0.8em Arial, Helvetica, Sans-serif; margin: 2px 0 0 0; padding: 7px 10px 0px 17px; background: url(img/bullet.png) no-repeat 6px 10px }
.agData { font: 0.75em Arial, Helvetica, Sans-serif; color: #555555; margin: 0; padding: 0 10px 0 17px }
.agBox { display: none; border-top: 1px dashed #888888; border-bottom: 1px dashed #888888; padding: 5px 2px 8px 2px; margin: 5px 10px 0 17px }
.agResum { font: 0.7em Verdana, Arial, Helvetica, Sans-serif; text-align: justify; margin: 0; padding: 0 5px 5px 5px }
.agURL { font: 0.7em Verdana, Arial, Helvetica, Sans-serif; text-align: justify; margin: 0; padding: 0 5px 0 5px }

/***** +INFO BOX ***************************************************************************************/
div.infoItem { border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB; padding: 0 0 0 0 }
div.infoItem p { font: 0.7em Verdana, Arial, Helvetica, Sans-serif; background-color: #F4F2EF; color: gray; text-align: left; margin: 2px 2px 0 2px; padding: 7px 10px 9px 35px; clear: both }
div.infoItem a { font-weight: normal }

/***** FORMS *******************************************************************************************/
.fbotocerca { font: bold 0.9em Arial Narrow, Helvetica Condensed, Sans-serif; width: 24px; height: 24px; vertical-align: bottom}
div#contL form { margin: 0 0 15px 10px }
div#contL form label { font: bold 0.9em Arial Narrow, Helvetica Condensed, Sans-serif; color: #666666 }


.imgMuseus { float: left; margin: 0 15px 0 0 }
html>body .imgMuseus { margin: 0 15px 10px 0 }