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 }

.printMaleta { display: none }

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 }

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 }


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

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

body#marc {	text-align: center;	margin: 0 }

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

div#menutop { display: none }

.layoutTable {  }

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#capcalera {	width: 758px; margin-left: 10px; }
html>body div#capcalera {	margin-left: 10px }

div#capcalera1 { display: none; }

div#capcalera p { display: none }

div#capcaleraPrint { display: none; }

div#ariadna { display: none }

div#peu1 { width: 189px; height: 39px; float: left; margin: 0 0 0 10px;	border-top: 1px solid white; background: #EF4720; 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: #EF4720 }
html>body div#peu2 { height: 16px }

.reset { clear: both; margin: 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 }


/***** 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 13px; 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: left; margin: 0 15px 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 }


/***** 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 }


/***** 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 0 1px; font: 0.70em Verdana, Arial, Helvetica, Sans-serif; text-align: justify; margin: 0 0 10px 10px; padding-left: 20px }


.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; url(img/bullet.png) no-repeat 8px 7px }
.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 }