body { font-size:12px; color:#666666; background-image:url(/ip/img/cimir/bgcolor-body.gif); font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; line-height:14px}
h2 { font-size:18px; color:#0081AB; padding:2px 0 2px 10px; margin:0 0 10px 0; display:block; background-color:#EEEEEE}
h3 { font-size:14px; color:#666666; padding:2px 0 2px 10px; margin:0 0 10px 0; display:block; background-color:#EEEEEE}
h4 {font-size:14px; color:#0081AB; font-weight:bold}
h5 {font-size:14px; color:#666666; font-weight:normal}
#container {color:#666666; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; background-color:#FFF;}
#esquerra {margin-top:0px; margin-left:5px; width:187px;}
#dreta { width:189px; float:right; margin-right:5px; padding:0}
#cos { margin-top:5px;}
#contingut { padding:0 5px 0 5px; margin-right:199px; margin-left:196px}
#capCimir { width:974px }
#capEscut {
background-color:#0081AB;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
width:100%;
}
#capFlash { width:100%; margin:0px; padding:0px; height:95px}
#capFlash img {margin-bottom:0px;padding-bottom:0px;}
#capCerca { width:100%; background-color:#0081AB; height:22px; margin:0px;padding:0px;}
#cercaSimple {
width:186px;
height:22px;
float:right;
background-image:url(/ip/img/fonscercacimir.jpg);
}
#cercaSimple a {
font-size:10px;
font-weight:bold;
color:#FFFFFF;
margin-left:8px;
}
.inputBusqueda {
font-size:9px;
font-weight:normal;
color:#666666;
border: 1px solid #34a2c6;
height:12px;
width:110px;
}
a.menuLink { display:none}
ul a.menuLink { display:inline; color:#666666; text-decoration:none; }
ul a.menuLink:hover { color:#0081AB; text-decoration:none; background-color:#f7f5c5; }
ul.menuRoot {padding:10px; padding-bottom:20px; margin-bottom:5px}
ul.menuRoot li { list-style-image:url(/ip/img/detallefamcimir.jpg); margin-left:20px; }
ul.menuRoot li a { font-size:14px; font-weight:bold; line-height:22px; }
ul.menuRoot ul { display:none;}
ul.menuRoot ul li {list-style-type:none;list-style-image:url(); margin-left:0px;}
ul.menuRoot ul li a { font-size:12px; font-weight:normal; padding-left:15px;}
/*AGENDA*/
#capAgenda {
background-image:url(/ip/img/fondoagenda.gif);
height:28px;
width:571px;
}
#capAgendaiz {
width:100px;
height:28px;
float:left;
}
#capAgendader {
width:8px;
height:28px;
float:right;
}
#filaAgenda {margin-top:3px; margin-bottom:3px; width:571px; height:47px}
.diaAgenda, #diaAgenda2 {
width:48px;
height:42px;
background-image:url(/ip/img/detallagenda.gif); background-repeat:no-repeat;
text-align:center;
margin-right:3px;
font-size:18px;
font-weight:bold;
color:#999999;
padding-top:14px;
background-color:#dfdfdf
}
.textAgenda { margin-right:3px;}
.textAgenda { width:227px; background-color:#f2f2f2; padding:3px; font-size:10px; color:#666666; font-weight:bold;}
.fechaAgenda {color:#666; font-weight:normal;}
#peuAgenda { height:22px; width:571px;background-color:#f2f2f2;}
#peuAgendaEsq { width:100px; height:20px; float:left;}
#peuAgendaDre { width:8px; height:28px; float:right; }
/*ESCAPARATS DE LA HOME*/
#escaparatesHome {width:571px; margin-top:5px; padding:0}
#escaparat1 {
background-image:url(/ip/img/fonsescaparat2.gif);
background-repeat:no-repeat;
width:276px;
height:138px;
margin-top:3px;
padding: 4px;
float:left;
margin-right:3px;
position:relative;
}
#escaparat2 div {width:260px; margin-left:8px}
#escaparat2 a {color:#0087AC; text-decoration:none}
#escaparat2 a:hover {text-decoration:underline}
#escaparat2 {
background-image:url(/ip/img/fonsescaparat1.gif);
background-repeat:no-repeat;
width:276px;
height:138px;
margin-top:3px;
padding: 4px;
float:right;
}
#cosEscaparat2 { margin-top:5px; }
#cosEscaparat2 div {width:240px; margin-left:10px; font-size:12px; color:#666666; margin-top:25px}
#porperesExpo {width:275px; color:#FFFFFF; position:absolute; top:200px; left:0; padding:6px; height:20px; z-index:3}
#porperesExpo a { color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold}
#porperesExpo a:hover { text-decoration:underline}
#porperesExpo2 {width:275px; background-color:#0087ac; color:#FFFFFF; position:absolute; top:200px; left:0; padding:3px; height:20px; z-index:2}
#titcCursos {text-align:right; padding-right:10px; padding-top:5px}
#peuCursos { width:50px; position:absolute; top:122px; left:228px}
#peuCursos a {font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
#escaparat3, #escaparat5{
background-image:url(/ip/img/fondoescaparate3.jpg);
background-repeat:no-repeat;
width:285px;
height:120px;
float:left}
.fotoescaparat3 { padding-top:5px;}
#escaparat3 ul, #escaparat5 ul {float:left; padding-left:18px; margin-top:20px}
#escaparat3 li, #escaparat5 li {list-style-image:url(/ip/img/detalleflecha.jpg); margin-left:20px;}
#escaparat4 {
position:relative;
background-image:url(/ip/img/capescaparate4.jpg);
background-repeat:no-repeat;
width:281px;
height:230px;
float:right
}
#escaparat4 img { margin-top:2px}
#escaparat5 p {width:190px; color:#666666; margin-top:10px; float:left; padding-left:10px}
#escaparat5 .escaparat5_img { width:68px; float:left; }
#escaparat5 .escaparat5_img img { margin-top:10px; padding-left:5px; }
/*PEU CIMIR*/
.fonspeu {background-color:#FFF; height:90px;}
#rayaPie { background-image:url(/ip/img/rallapuntos.gif); background-repeat:repeat-x; height:8px; clear:both; width:100%}
#peuCimir {width:100%;}
#peuCimir p { float:left}
#peuCimir .peu_dreta {float:right}
/*BANNERS ESQUERRA*/
#bannersEsquerra img, #bannersDreta img, .banners li{ margin-bottom:5px}
/*SECCIONS*/
.cosseccio {color:#666666; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; margin-bottom:5px; margin-top:5px;}
p.seccio {margin:10px 20px 10px 0;}
.seccio { font-size:18px; color:#0081AB; font-weight:bold; padding:2px 0 2px 10px; margin:0 0 10px 0; display:block; background-color:#EEEEEE}
.secciocos { font-size:18px; color:#0081AB; padding:2px 0 2px 10px; margin:0 0 10px 0; display:block; background-color:#EEEEEE}
.links, .botoRepetir {font-size:12px; color:#0081AB; text-decoration:none}
.linksGris {font-size:12px; color:#666666; text-decoration:none}
.linksGris:hover {font-size:12px; color:#666666; text-decoration:underline}
.links:hover {font-size:10px; color:#666666; text-decoration:underline}
.linksBlancs {font-size:12px; color:#FFFFFF; text-decoration:none}
.linksBlancs:hover {font-size:12px; color:#a8def0; text-decoration:underline}
#elmasIglesias {float:left; width:300px}
#cosmasIglesias { background-color:#0081AB; margin-top:0; padding:5px; color:#FFFFFF; width:290px; min-height:210px}
#cosmasIglesias li { list-style-image:url(/ip/img/detalleazul.jpg); margin-left:25px;}
#btntornar { background-image:url(/ip/img/cimirtornar.jpg); background-repeat:no-repeat; color:#FFFFFF; width:96px; height:29px; padding-left:30px; padding-top:5px;}
/*BSTIA*/
.formulari, .formulariCopies, .desplegable, .formlliure{
color:#666666;
background-color: #eeeeee;
border: 1px solid #CCCCCC;
margin-top:3px;
font-size:10px;
height:17px
}
.formulariCopies {
width:250px;
}
.formulari {
width:180px;
}
.formulariTxtArea {
color:#666666;
background-color: #eeeeee;
width:400px;
border: 1px solid #CCCCCC;
margin-top:3px;
font-size:10px;
}
.botons {
color:#FFFFFF;
background-image:url(/ip/img/btnes.jpg);
background-repeat:no-repeat;
width:100px;
height:23px;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
text-align:center;
line-height:normal;
padding-top:7px
}
.botonsForm {
color:#FFFFFF;
background-image:url(/ip/img/btnes.jpg);
background-repeat:no-repeat;
width:100px;
height:23px;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
text-align:center;
line-height:normal;
padding-top:2px
}
/*AGENDA*/
/*AGENDA*/
ul { list-style:none}
p.titolDia {font-size:14px; font-weight:bold; color:#FFFFFF;line-height:35px; border-bottom: solid 1px #FFFFFF}
p.subtitolAgenda {font-size:12px; font-weight:bold; color:#999999;line-height:35px;}
ul.agenda li.titol_event { width:571px; background:url(/ip/img/fonsdiaagenda.jpg); background-repeat:no-repeat; background-color:#3b6888;}
span.numeroDia {font-size:14px; font-weight:bold; color:#FFFFFF; margin-right:20px; line-height:35px; display:block; float:left; width:36px; text-align:center; height:28px}
ul.categories li.categ { min-height:29px; padding-left:37px; border-bottom:solid 1px #FFFFFF; background-image:url(/ip/img/fonsagendaDia.jpg); background-repeat:repeat-y}
ul.categories li.categ4 {background-image:url(/ip/img/fonsagendaDiazoo.jpg);}
ul.categories li.categ5 {background-image:url(/ip/img/fonsagendaDia.jpg);}
ul.categories li.categ6 {background-image:url(/ip/img/fonsagendaDiaEstudi.jpg);}
ul.categories li.categ7 {background-image:url(/ip/img/fonsagendaDiaLlegint.jpg);}
ul.categories li.categ8 {background-image:url(/ip/img/fonsagendaDiaExpo.jpg);}
ul.categories li.categ9 {background-image:url(/ip/img/fonsagendaDiaprojec.jpg);}
.agendalink { color:#0087ac; text-decoration:none;}
.agendalink:hover { color:#999; text-decoration:underline}
p.titolCategoria { padding-left:30px; line-height:29px; color:#FFFFFF; font-size:14px; background-color:#9ac6d4;}
li.categ4 p.titolCategoria {
background-color:#c09f5c;
}
li.categ6 p.titolCategoria {
background-color:#af9ca7;
}
li.categ5 p.titolCategoria {
background-color:#9ac6d4;
}
li.categ7 p.titolCategoria {
background-color:#c87f7f;
}
li.categ9 p.titolCategoria {
background-color:#bad09e;
}
li.categ8 p.titolCategoria {
background-color:#b7b7b7;
}
ul.events { border-top:solid 1px #FFFFFF; }
ul.events li {line-height:35px; min-height:35px; border-left:solid 1px #FFFFFF; margin-left:25px; padding-left:10px; }
ul.events li + li { border-top:solid 1px #FFFFFF; }
li.categ ul.events { background-color:#d8eef1}
li.categ4 ul.events { background-color:#efe7d7}
li.categ6 ul.events li { background-color:#eadce4}
li.categ5 ul.events { background-color:#d8eef1}
li.categ7 ul.events { background-color:#f4d2d2}
li.categ9 ul.events li {background-color:#e8f0d6}
li.categ8 ul.events li {background-color:#e3e3e3}
ul.events { background-color:white; background-repeat:repeat-y; background-image:url(/ip/img/fonsagendaEvents.jpg);}
li.categ4 ul.events { background-image:url(/ip/img/fonsagendazootrop.jpg); }
li.categ6 ul.events { background-image:url(/ip/img/fonsagendaEstudiobert.jpg); }
li.categ5 ul.events { background-image:url(/ip/img/fonsagendaEvents.jpg); }
li.categ7 ul.events { background-image:url(/ip/img/fonsagendaLlegint.jpg); }
li.categ9 ul.events { background-image:url(/ip/img/fonsagendaProjeccions.jpg); }
li.categ8 ul.events { background-image:url(/ip/img/fonsagendaExposicions.jpg); }
ul.events div { padding:0; margin:0}
li.categ4 div.dataAgenda,
li.categ4 div.titolAgenda {color:#a18233;}
li.categ6 div.titolAgenda {color:#845073;}
li.categ5 div.dataAgenda
{color:#0081ab;}
li.categ7 div.dataAgenda,
li.categ7 div.titolAgenda
{color:#A95252;}
li.categ8 div.dataAgenda,
li.categ8 div.titolAgenda
{color:#666666;}
li.categ9 div.dataAgenda,
li.categ9 div.titolAgenda
{color:#698953;}
.fotoAgenda {float:left; padding-top:5px; padding-right:8px; height:44px;}
.dataAgenda {width:450px; height:15px; margin-top:5px;}
.titolAgenda {font-size:13px; font-weight:bold; width:450px; height:20px; padding-bottom:2px}
.descAgenda { color:#666666; line-height:14px;}
li.infoEvent {display:none; line-height:14px;}
ul.events li { line-height:14px; padding:5px}
#btnExpandir { width:470px; text-align:right; height:25px;}
li.categ p.fondoBtn { width:49px; height:30; background-image: url(/ip/img/flechaExpandir.jpg); background-repeat:no-repeat;}
li.categ4 p.fondoBtn { width:49px; height:30; background-image: url(/ip/img/flechaExpandirZoo.jpg); background-repeat:no-repeat;}
li.categ5 p.fondoBtn { width:49px; height:30; background-image: url(/ip/img/flechaExpandir.jpg); background-repeat:no-repeat;}
li.categ6 p.fondoBtn { width:49px; height:30; background-image: url(/ip/img/flechaExpandirEstudi.jpg); background-repeat:no-repeat;}
li.categ7 p.fondoBtn { width:49px; height:30; background-image: url(/ip/img/flechaExpandirLlegint.gif); background-repeat:no-repeat;}
li.categ9 p.fondoBtn { width:49px; height:30; background-image: url(/ip/img/flechaExpandirProjec.jpg); background-repeat:no-repeat;}
/*EXPOSICIONS VIRTUALS
*/
.divExposicions, .divTallersEscolars { width:545px; padding:10px; border:solid 1px #CCCCCC; margin-bottom:10px}
.divExposicionsImatge, .divTallersImatge { float:left; width:173px; margin-bottom:5px; margin-right:5px}
.divExposicionsDesc, .divTallersDesc {width:355px; width:400; margin-left:179px; min-height:125px}
/*TALLERS ESCOLARS*/
.divTallersImatge img {margin-bottom:8px;}
.divTallersImatge { color:#666666; background-color:#EEE; min-height:200px; margin-right:10px}
.detalle {margin-right:8px;}
#dadesTallers {width:160px}
/*Light Box*/
.overlay{
background-image: url(/ip/img/exposicions/overlay.png);
position: absolute;
background-color:#000000;
top: 0px;
left: 0px;
z-index: 90;
width: 100%;
height: 100%;
}
* html .overlay{
background-color: #333;
background-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src="/ip/img/exposicions/overlay.png", sizingMethod="scale");
}
.box{
width:769px;
height:488px;
background:#2d2d2d;
padding:10px;
border:2px solid #eee;
color:#FFFFFF;
}
.close{
position:absolute;
top:3px;
right:3px;
cursor:pointer;
}
/*Fi lightBox*/
/*Catleg*/
.divcataleg {min-height:90px; float:left; width:80px; }
.divtxtcataleg {float:left; width:450px; min-height:115px}
.publicacio { width:570px; }
.titol_categoria_link { width:555px; background-color:#0081AB; color:#FFFFFF; padding:2px 0px 2px 10px; font-size:18px; font-weight:bold; margin-top:10px; }
ul.llista_links li { padding:5px; }
ul.llista_links li a { text-decoration:none; color:#006699; margin-right:10px; font-size:14px; }
ul.llista_links li a:hover { color:#000000; }
#llista_videos li { margin-top:10px; position:relative; }
.item_video { width:345px; left:0px; }
.item_descripcio { width:100px; position:absolute; left:350px; top:0px; }
.item_descripcio p { font-size:11px; width:140px; }
.item_descripcio .item_titol { width:200px; font-size:12px; color:#0081AB; padding:5px 0px 5px 0px; }
.link_concurs { text-decoration:none; color:#0081AB; }
.link_concurs:hover { text-decoration:underline; }
/*home*/
#vimeoVideoHome{ margin-top:10px;}
.coshome p {color:#666666; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; margin-bottom:11px; margin-top:11px; margin-left:20px;}
.coshome { background-image:url(/ip/img/cimir/fons_expo.jpg)}
p.tithome {margin:10px 20px 10px 0;}
.tithome { font-size:18px; color:#0081AB; font-weight:bold; padding:2px 0 2px 10px; margin:0 0 10px 0; display:block; background-color:#EEEEEE}
.bannercos { float:right;}
.bannermargin { margin-bottom:6px;}
.cosvideo {color:#666666; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; margin-bottom:11px; margin-top:11px; margin-left:20px;}
.link_video { text-decoration:none; color:#0081AB; font-size:14px; }
.link_video:hover { text-decoration:underline; }