/* Generics ----------------------------------------------*/ body{font-size:62.5%;background:#fff; font-family:verdana,arial,sans-serif; color:#333; padding:0; margin:30px; line-height:1.2;} a{color:#3399cc;text-decoration:none;} a:hover{text-decoration:underline;} h1,h2,h3,h4{color:#333;margin:0;padding:0;} img{border:0;} form,p,li{margin:0;padding:0;} input{font-family:verdana,arial,sans-serif;color:#333;} ul{margin:0;padding:0;list-style:none;} .clear{clear:both;} .vermB {color:#991629;font-weight:bold} /* Layout ----------------------------------------------*/ #contenidor{width:944px;margin:0 auto;background:#fff;} #capcalera{height:85px;margin:0 0 5px 0;background:url(../img/bg-cap.gif) 0 0 repeat-x;padding:7px 10px 0 10px;overflow:hidden;zoom:1} #logo {float:left;} #capdreta {float:right;width:455px} #capimpidiomes {text-align:right;overflow:hidden;zoom:1} #idiomes {float:right;background:#fff;color:#3399cc;padding:5px;} #capfrase {color:#707070;font:bold 1.4em georgia, arial;margin:15px 0 0 0;background:#fff;padding:5px} #capfrase span{display:inline; color:#991629;font:bold 1.2em helvetica, arial;} #subcapcalera {overflow:hidden;zoom:1;border-bottom:4px solid #e5e4df;margin-bottom:5px} #menu{float:left; width:610px;} #acces {float:right;width:330px;margin-bottom:10px} #cos{overflow:hidden;background:#e5e4df;padding:19px 22px 0 22px;} #peu{background:#e5e4df;margin:0 0 20px 0;overflow:hidden;padding:10px 0 10px 280px;} #menulateral {float:left;width:188px;background:#fff;padding:5px 0 0 3px;margin-bottom:18px} #contingut {float:right;width:681px;background:#fff;padding:17px 11px;margin-bottom:18px;position:relative} #cami {font:1.1em verdana,georgia,arial,sans-serif; color:#666;padding:0 0 6px 20px} #cami a{color:#666;} #esquerra {float:left;width:422px;font:1.1em verdana,arial,sans-serif; color:#333;} .esquerra {float:left;width:422px;font:1.1em verdana,arial,sans-serif; color:#333} #dreta {float:right;width:220px;} .dreta {float:right;width:220px;} #dreta img{border:1px solid #333;margin-bottom:19px;margin-top:0} .dreta img{border:1px solid #333;margin-bottom:19px;margin-top:10px} .bloc {width:592px;font:1.1em verdana,arial,sans-serif; color:#333;margin-bottom:20px} /* Menu ----------------------------------------------*/ #menu{font:1.4em georgia,arial,sans-serif; color:#999;} #menu ul{background:#fff;overflow:hidden;} #menu li{display:block;float:left;margin:0 0 1px; border-bottom:1px solid #fff;} #menu li a{margin:6px 11px 6px; color:#333;font-weight:bold} #menu li a:hover{color:#991629;text-decoration:none;} /* Menu Lateral ----------------------------------------------*/ #menulateral {font:1.1em verdana,georgia,arial,sans-serif;color:#333;padding:5px} #menulateral ul{background:#fff;overflow:hidden;padding-bottom:12px} #menulateral li{display:block; margin:7px 0 0 0;background:url(../img/bullet.gif) 0 5px no-repeat; padding:0 0 0 12px} #menulateral li a{display:block;color:#333;} #menulateral li a:hover{text-decoration:underline;} #menulateral li a.on{color:#3399CC} #menulateral li a.on:hover{color:#3399CC;text-decoration:none} #menulateral li ul {margin:0 0 5px 0;padding:0 0 5px 0;} #menulateral li ul li{display:block; margin:5px 0 0 0;background:url(../img/bullet1.gif) 0 5px no-repeat; padding:0 0 0 12px} /*items del menu actius segons id del body*/ #p-quisom #m-quisom a span,#p-quefem #m-quefem a span,#p-onsom #m-onsom a span,#p-elscentres #m-elscentres a span,#p-actualitat #m-actualitat a span{color:#991629;text-decoration:none} /* Acces ----------------------------------------------*/ #acces {font:1.1em verdana,arial,sans-serif;} #acces input {border:1px solid #999;width:88px} /* Contingut ----------------------------------------------*/ /*home*/ #p-home #cos ul{overflow:hidden;} #p-home #cos li{float:left;background:#fff;width:288px;margin:0 18px 20px 0;padding:18px 0 0 0} #p-home #cos li .titol {margin:0 9px;border-bottom:1px solid #e5e4df;font:1.6em georgia,arial,sans-serif; color:#666;padding-bottom:3px} #p-home #cos li .text {margin:0 9px;font:1.1em verdana,arial,sans-serif; color:#333;padding:12px 0 17px 0} #p-home #cos li a {margin:0 9px;font:bold 1.2em georgia,arial,sans-serif; color:#3399cc;background:url(../img/i-mesinfo.gif) 0 3px no-repeat;padding:0 0 0 13px} #p-home #cos li .foto {padding:12px 0 0 0} #p-home #cos .ult {margin-right:0;} /*qui som ***************************************/ #p-quisom #cos{overflow:hidden;background:#e5e4df;padding:19px 14px 0 16px;margin-bottom:10px} #introduccio {font:1.6em georgia,verdana,arial,sans-serif;color:#991629;margin-bottom:40px} .titolnsb {font:1.4em georgia,verdana,arial,sans-serif;color:#991629;padding-bottom:15px;} ul.guio1 {padding-bottom:12px} ul.guio1 li{display:block; margin:0 0 8px 0;background:url(../img/guio1.gif) 0 8px no-repeat; padding:0 0 0 18px} #titular {font:bold 1.6em helvetica,arial,verdana,arial,sans-serif;color:#666;margin-bottom:24px} /* filosofia */ ul.endrecada {padding-bottom:12px} ul.endrecada li.n1{display:block; margin:0 0 8px 0;background:url(../img/n1.gif) 0 4px no-repeat; padding:0 0 0 18px} ul.endrecada li.n2{display:block; margin:0 0 8px 0;background:url(../img/n2.gif) 0 4px no-repeat; padding:0 0 0 18px} ul.endrecada li.n3{display:block; margin:0 0 8px 0;background:url(../img/n3.gif) 0 4px no-repeat; padding:0 0 0 18px} ul.endrecada li.n4{display:block; margin:0 0 8px 0;background:url(../img/n4.gif) 0 4px no-repeat; padding:0 0 0 18px} ul.endrecada li.n5{display:block; margin:0 0 8px 0;background:url(../img/n5.gif) 0 4px no-repeat; padding:0 0 0 18px} ul.endrecada li.n6{display:block; margin:0 0 8px 0;background:url(../img/n6.gif) 0 4px no-repeat; padding:0 0 0 18px} ul.endrecada li.n7{display:block; margin:0 0 8px 0;background:url(../img/n7.gif) 0 4px no-repeat; padding:0 0 0 18px} #comportaments {font-size:1.1em;width:410px;display:none;position:absolute;top:155px;left:30px;border:1px solid #bdbdbd;padding:4px 4px 15px 8px;background:#fff} #tancar {width:400px;text-align:right} #titolfinestra {font:1.4em helvetica,arial,sans-serif;color:#333;background:url(../img/lin-horz.gif) 0 bottom repeat-x;padding:3px 5px 3px 0} #comportaments ul {overflow:hidden;margin-bottom:15px} #comportaments li {background:url(../img/li-fletxa.gif) 0 3px no-repeat;padding:0 0 0 15px;margin:10px 0 0 0} /* ambits */ ul.guio2 {padding-bottom:20px} ul.guio2 li{display:block; margin:0 0 20px 0;background:url(../img/guio1.gif) 0 8px no-repeat; padding:0 0 0 18px} ul.guio2 li.tit {color:#991629;font:1.1em verdana,arial,sans-serif;} ul.guio2 li.tit a{font-size:1.1em;} ul.guio2 li ul li{font-size:0.9em;color:#333;display:block; margin:5px 0 0 0;background:url(../img/bullet.gif) 0 5px no-repeat; padding:0 0 0 12px} #video {text-align:center;margin-bottom:30px} /* equip */ ul.equip {margin:10px 0;overflow:hidden;} ul.equip li {float:left;width:210px;margin-right:16px;line-height:1.4} li.ult {margin-right:0} ul.equip .tit {color:#991629;padding:0;margin:0 0 10px 0} /* instalacions */ ul.galeria {margin:10px 0;overflow:hidden;} ul.galeria li {float:left;margin:0 13px 10px 0;} ul.galeria li img{border:1px solid #333} ul.galeria li.ult {margin-right:0} #ampliacio {position:absolute;top:240px;left:100px;width:383px;border:1px solid #991628;border-top:0; background:#f1f1f1 url(../img/border-top.gif) 0 top repeat-x;text-align:center;display:none;padding-bottom:20px} #ampliacio #foto img{border:1px solid #333;margin:20px auto 15px auto} #ampliacio #tancar {float:Right;margin:5px} /*els centres ***************************************/ #p-elscentres #cos{overflow:hidden;background:#e5e4df;padding:19px 14px 0 16px;margin-bottom:10px} /*que fem ***************************************/ #p-quefem #cos{overflow:hidden;background:#e5e4df;padding:19px 14px 0 16px;margin-bottom:10px} #introduccio2 {font:1.4em georgia,verdana,arial,sans-serif;color:#991629;margin-bottom:40px} ul.guio2 li ul li.nb{font-size:0.9em;color:#333;display:block; margin:5px 0 0 0;background:none; padding:0 0 0 0} #comportaments2 {font-size:1.1em;width:410px;display:none;position:absolute;top:455px;left:30px;border:1px solid #bdbdbd;padding:4px 4px 15px 8px;background:#fff} #comportaments2 ul {overflow:hidden;margin-bottom:15px} #comportaments2 li {background:url(../img/li-fletxa.gif) 0 3px no-repeat;padding:0 0 0 15px;margin:10px 0 0 0} #estrategies {font-size:1em;width:410px;display:none;position:absolute;top:255px;left:30px;border:1px solid #bdbdbd;padding:4px 4px 15px 8px;background:#fff} #estrategies ul {overflow:hidden;margin-bottom:15px} #estrategies li {background:url(../img/li-fletxa.gif) 0 3px no-repeat;padding:0 0 0 15px;margin:10px 0 0 0} .tit_sub_ver {clear:both;font:1.3em helvetica,verdana,arial,sans-serif;color:#991629;border-bottom:1px solid #991629;;margin-bottom:30px} a.mesinfo {margin:0 9px 0 0;font:bold 1.1em georgia,arial,sans-serif; color:#3399cc;background:url(../img/i-mesinfo.gif) 0 3px no-repeat;padding:0 0 0 13px} a.mesinfo2 {margin:0 9px 0 0;font:bold 1em georgia,arial,sans-serif; color:#3399cc;background:url(../img/i-mesinfo.gif) 0 3px no-repeat;padding:0 0 0 13px} ul.bullet {line-height:1.5} ul.bullet li{font-size:1em;color:#333;display:block; margin:7px 0 0 0;background:url(../img/bullet.gif) 0 5px no-repeat; padding:0 0 0 12px;} ul.bullet2 {line-height:1.5} ul.bullet2 li{font-size:1em !important;color:#333;display:block; margin:7px 0 0 0;background:url(../img/bullet.gif) 0 5px no-repeat; padding:0 0 0 12px;} #cursos {font-size:1.1em;width:410px;display:none;position:absolute;top:50px;left:30px;border:1px solid #bdbdbd;padding:4px 4px 15px 8px;background:#fff} #cursos ul {overflow:hidden;margin-bottom:15px} #cursos li {background:url(../img/li-fletxa.gif) 0 3px no-repeat;padding:0 0 0 15px;margin:10px 0 0 0} #docencia {font-size:1.1em;width:410px;display:none;position:absolute;top:50px;left:30px;border:1px solid #bdbdbd;padding:4px 4px 15px 8px;background:#fff} #docencia ul {overflow:hidden;margin-bottom:15px} #docencia li {background:url(../img/li-fletxa.gif) 0 3px no-repeat;padding:0 0 0 15px;margin:10px 0 0 0} #talumnes {font-size:1.1em;width:410px;display:none;position:absolute;top:155px;left:30px;border:1px solid #bdbdbd;padding:4px 4px 15px 8px;background:#fff} #talumnes ul {overflow:hidden;margin-bottom:15px} #talumnes li {background:url(../img/li-fletxa.gif) 0 3px no-repeat;padding:0 0 0 15px;margin:10px 0 0 0} #tpares {font-size:1.1em;width:410px;display:none;position:absolute;top:155px;left:30px;border:1px solid #bdbdbd;padding:4px 4px 15px 8px;background:#fff} #tpares ul {overflow:hidden;margin-bottom:15px} #tpares li {background:url(../img/li-fletxa.gif) 0 3px no-repeat;padding:0 0 0 15px;margin:10px 0 0 0} #tmestres {font-size:1.1em;width:410px;display:none;position:absolute;top:155px;left:30px;border:1px solid #bdbdbd;padding:4px 4px 15px 8px;background:#fff} #tmestres ul {overflow:hidden;margin-bottom:15px} #tmestres li {background:url(../img/li-fletxa.gif) 0 3px no-repeat;padding:0 0 0 15px;margin:10px 0 0 0} /*on som ***************************************/ #p-onsom #cos{overflow:hidden;background:#e5e4df;padding:19px 14px 0 16px;margin-bottom:10px} #p-onsom #contingut {float:right;width:692px;background:#fff;padding:0 0 0 11px;margin-bottom:18px;position:relative} #p-onsom #dreta {float:right;width:216px;padding:0;margin:0;height:284px} #p-onsom #dreta img{padding:0;margin:0;border:0} #p-onsom #esquerra{padding:17px 0 0 0} #p-onsom #introduccio {font:1.4em verdana,arial;margin-bottom:10px} #p-onsom .tit{font:1.1em verdana, arial;color:#991629;margin-bottom:20px} #p-onsom .guio2 {margin-bottom:0} #p-onsom .guio2 li{margin-bottom:10px} #llegenda {float:right;width:140px;} #llegenda .tit{font:1.4em helvetica, arial;color:#991629;border-bottom:1px solid #991629;margin:150px 10px 20px 0} #llegenda ul{margin:10px 0} #llegenda ul li.bus{background:url(../img/i-bus.gif) 3px 0 no-repeat;padding:0 0 8px 25px} #llegenda ul li.metro{background:url(../img/i-metro.gif) 0 0 no-repeat;padding:0 0 8px 25px} #llegenda ul li.tren{background:url(../img/i-tren.gif) 3px 0 no-repeat;padding:0 0 8px 25px} #llegenda ul li.ferroc{background:url(../img/i-ferroc.gif) 3px 0 no-repeat;padding:0 0 8px 25px} #llegenda ul li.park{background:url(../img/i-parking.gif) 0 0 no-repeat;padding:4px 0 8px 25px} #p-onsom .tit2{font:1.1em verdana, arial;color:#991629;margin-bottom:20px;width:700px} #p-onsom ul.endrecada .text{float:left;width:400px;} #p-onsom ul.endrecada {margin:0;padding:0} #p-onsom ul.endrecada li{overflow:hidden;margin:7px 0;padding:2px 0 0 15px} #p-onsom .mesinfo{font-size:1.1em} #contingut2 {float:right;width:681px;background:#fff;padding:17px 11px;margin-bottom:18px;position:relative;font-size:1.1em} /* Actualitat ****************************************/ #p-actualitat #cos{overflow:hidden;background:#e5e4df;padding:19px 14px 0 16px;margin-bottom:10px} /* Peu ----------------------------------------------*/ #peu li{font:1em helvetica,arial,sans-serif; float:left; padding:0 5px 0 5px;margin:0;line-height:2;} #peu a{ color:#333;} #peu img{display:inline;vertical-align:middle;}