/*///////////////////////////////////////////////////////////////////////////////////////// © AXON GRAFICS . Todos los derechos reservados. Prohibida la utilización, difusión o redistribución de este código sin previa autorización. http://www.axongrafics.com © AXON GRAFICS /////////////////////////////////////////////////////////////////////////////////////////*/ body {font-family:Arial, sans-serif; margin:0; padding:0; color:#585858;} a:link , a:visited{color:#002b6c;} a:hover , a:active{color: #fa8800;} img{border:none;} .left{float:left;} .right{float:right;} form, h1, h2, h3, h4, p, img, ul, li, ol{margin:0; padding:0;} h1{font-size:1.5em;} ul{float:left;} /***************************************************************************************** ESTRUCTURA *****************************************************************************************/ #content{width:981px; float:left; border-bottom:15px solid #002b6c; padding:0 0 70px 0;} #content0{background:url("../img/bg-bg-rebedor.jpg") 700px 200px no-repeat; width:981px; float:left; border-bottom:15px solid #002b6c; padding:0 0 70px 0;} #content1{background:url("../img/bg-bg-crida.jpg") 550px 250px no-repeat; width:981px; float:left; border-bottom:15px solid #002b6c; padding:0 0 70px 0;} #content2{background:url("../img/bg-bg-menjador.jpg") 610px 230px no-repeat; width:981px; float:left; border-bottom:15px solid #002b6c; padding:0 0 70px 0;} #content3{background:url("../img/bg-bg-dormitori.jpg") 550px 550px no-repeat; width:981px; float:left; border-bottom:15px solid #002b6c; padding:0 0 70px 0;} #content4{background:url("../img/bg-bg-bany.jpg") 690px 280px no-repeat; width:981px; float:left; border-bottom:15px solid #002b6c; padding:0 0 70px 0;} #content5{background:url("../img/bg-bg-rebost.jpg") 430px 290px no-repeat; width:981px; float:left; border-bottom:15px solid #002b6c; padding:0 0 70px 0;} #content6{background:url("../img/bg-bg-cuina.jpg") 520px 300px no-repeat; width:981px; float:left; border-bottom:15px solid #002b6c; padding:0 0 70px 0;} #top{width:981px; height:152px; background:url("../img/logo-casa-gran-lleida.png") no-repeat;} #left{width:243px; float:left; margin:35px 46px 0 0;} .bannerLeftMini{color:#636363; width:243px; height:115px; float:left; margin:0 0 3px 0; background:url("../img/bg-bannerLeft.png") no-repeat bottom; display:block;} .bannerLeft{color:#636363; width:243px; height:145px; float:left; margin:0 0 3px 0; background:url("../img/bg-bannerLeft.png") no-repeat bottom; display:block;} .bannerLeftTitol01{width:224px; height:16px; float:left; background:url("../img/bg-bannerLeftTitol01.gif") no-repeat; text-indent:-10000px; margin:19px 0 0 15px; display:inline; font-size:.9em;} .bannerLeftFoto01{width:63px; height:75px; float:left; background:url("../img/foto-artur.png") no-repeat; text-indent:-10000px; margin:7px 0 0 12px; display:inline;} .bannerLeftText01{width:152px; float:left; margin:8px 0 0 8px; font-size:.7em; display:inline; line-height:1.2em;} .bannerLeftTitol02{width:224px; height:16px; float:left; background:url("../img/bg-bannerLeftTitol02.gif") no-repeat; text-indent:-10000px; margin:19px 0 0 19px; display:inline; font-size:.9em;} .bannerLeftFoto02{width:43px; height:75px; float:left; background:url("../img/logo-casa-gran-mini.png") no-repeat; text-indent:-10000px; margin:7px 0 0 15px; display:inline;} .bannerLeftText02{width:172px; float:left; margin:7px 0 0 7px; font-size:.7em; display:inline; line-height:1.1em;} .bannerLeftTitol03{width:224px; height:16px; float:left; background:url("../img/bg-bannerLeftTitol03.gif") no-repeat; text-indent:-10000px; margin:19px 0 0 19px; display:inline; font-size:.9em;} .bannerLeftText03{width:220px; float:left; margin:7px 0 0 19px; font-size:.7em; display:inline; line-height:1.2em;} .bannerLeft a{color:#002b6c; background:url("../img/ico-arrow.gif") no-repeat 0 5px; padding:0 0 0 10px; margin:9px 0 0 0; text-decoration:none; display:block;} .bannerLeft a:hover{color:#fa8800;} .bannerLeftMini a{color:#002b6c; background:url("../img/ico-arrow.gif") no-repeat 0 5px; padding:0 0 0 10px; margin:9px 0 0 0; text-decoration:none; display:block;} .bannerLeftMini a:hover{color:#fa8800;} #dades{width:213px; height:130px; margin:30px 0 20px 0; color:#FFF; font-size:.75em; background:url("../img/bg-dades.png"); float:left; padding:10px 10px 0 20px; line-height:1.25em;} #dades a{color:#fa8800; background:url(../img/ico-arrow.gif) no-repeat 0 6px; padding:0 0 0 10px; display:inline;} #dades a:hover{color:#FFF;} #seccions{width:670px; height:; float:left; margin:0;} #seccionsTitols{height:200px; float:left;} #seccionsTitol{height:80px; float:left; margin:0; float:left; border-right:1px solid #92a6c5;} #seccionsSubtitol{height:80px; float:left; margin:0 0 20px 0;} .imatgeSeccionsTitol{padding:55px 15px 0 0;} .imatgeSeccionsSubtitol{padding:21px 0 20px 0;} .imatgeSeccionsTitol2{padding:40px 15px 0 0;} .imatgeSeccionsSubtitol2{padding:25px 0 20px 0;} #seccionsTexte{width:550px; margin:0 0 20px 20px; float:left;} #seccionsTexte p{width:550px; color:#585858; font-size:.9em; margin:0 0 12px 0; line-height:1.3em; float:left;} #seccionsTexte h2{width:; color:#002b6c; font-size:1.1em; margin:15px 0 10px 0; font-weight:normal; float:left;} #navExtra{width:500px; height:30px; float:left; margin:10px 0 0 0; padding:12px 0 0 80px; background:url("../img/liniaH.png") 70px 0 no-repeat;} /***************************************************************************************** MENU *****************************************************************************************/ #menu{float:right;} #menu ul{list-style-type:none; width:707px; height:65px; } #menu ul li{float:left; text-indent:-10000px;} #b01{width:84px; height:65px; background:url("../img/menu01.png"); display:block; outline:none;} #b01:hover{background:url("../img/menu01.png") 0 -65px;} #b01.current{background:url("../img/menu01.png") 0 -65px;} #b02{width:114px; height:65px; background:url("../img/menu02.png"); display:block; outline:none;} #b02:hover{background:url("../img/menu02.png") 0 -65px;} #b02.current{background:url("../img/menu02.png") 0 -65px;} #b03{width:104px; height:65px; background:url("../img/menu03.png"); display:block; outline:none;} #b03:hover{background:url("../img/menu03.png") 0 -65px;} #b03.current{background:url("../img/menu03.png") 0 -65px;} #b04{width:98px; height:65px; background:url("../img/menu04.png"); display:block; outline:none;} #b04:hover{background:url("../img/menu04.png") 0 -65px;} #b04.current{background:url("../img/menu04.png") 0 -65px;} #b05{width:95px; height:65px; background:url("../img/menu05.png"); display:block; outline:none;} #b05:hover{background:url("../img/menu05.png") 0 -65px;} #b05.current{background:url("../img/menu05.png") 0 -65px;} #b06{width:97px; height:65px; background:url("../img/menu06.png"); display:block; outline:none;} #b06:hover{background:url("../img/menu06.png") 0 -65px;} #b06.current{background:url("../img/menu06.png") 0 -65px;} #b07{width:92px; height:65px; background:url("../img/menu07.png"); display:block; outline:none;} #b07:hover{background:url("../img/menu07.png") 0 -65px;} #b07.current{background:url("../img/menu07.png") 0 -65px;} /***************************************************************************************** CLASSES - SPAN's *****************************************************************************************/ .mesGran{font-size:1.5em;} .bloc{ width:261px; height:91px; float:left; margin:20px 14px 0 0; position:relative; z-index:10; font-size:.8em; text-decoration:none; color:#002b6c; background:url("../img/bg-bloc.gif") no-repeat; } .bloc:hover{background:url("../img/bg-bloc2.gif") no-repeat; color:#FFF; cursor:pointer;} .blocFotoBase{ background:url("../img/bg-bloc-fotobase.png") no-repeat; width:78px; height:91px; float:left;} .blocFoto{width:68px; height:81px; float:left; margin:5px; position:relative; z-index:2;} .blocDades{width:175px; height:57px; float:left; margin:10px 0 0 7px;} .blocDades em{font-size:.95em; margin:1px 0 0 0; display:block; height:40px;} .blocOpinions{width:150px; float:left; margin:5px 0 0 15px; font-weight:bold; font-size:.8em;} .articulista{ width:276px; height:91px; float:left; margin:20px 14px 0 0; display:block; font-size:.8em; text-decoration:none; color:#002b6c; background:url("../img/bg-articulista.png") no-repeat; } .articulista:hover{background:url("../img/bg-articulista.png") no-repeat 0 -91px; color:#FFF;} .articulistaFoto{width:68px; height:81px; float:left; margin:5px;} .articulistaDades{width:190px; float:left; margin:10px 0 0 7px;} .articulistaDades em{font-size:.95em; margin:1px 0 0 0; display:block; height:40px;} .articulistaOpinions{width:170px; float:left; margin:5px 0 0 15px; font-weight:bold; font-size:.8em;} .activitat{ width:500px; height:91px; float:left; margin:20px 14px 0 0; font-size:.9em; text-decoration:none; color:#002b6c; background:url("../img/bg-activitats.png") no-repeat; } .activitat:hover{background:url("../img/bg-activitats2.png") no-repeat; color:#FFF;} .activitatFoto{width:107px; height:81px; float:left; margin:5px;} .activitatDades{width:350px; float:left; margin:10px 0 0 7px;} .activitatDades em{font-size:.9em; margin:3px 0 0 0; display:inline-block;} .activitatOpinions{width:170px; float:left; margin:5px 0 0 15px; font-weight:bold; font-size:.8em;} .activitat2{ width:500px; float:left; margin:20px 14px 0 0; font-size:1em; text-decoration:none; color:#002b6c; } .activitatFoto2{float:left; margin:8px 18px 12px 5px;} .activitatDades2{width:550px; float:left; margin:10px 0 0 7px;} .activitatText{font-size:.8em; margin:10px 0 0 0; display:block; background:url("../img/bg-activitat.png") no-repeat 0 3px; line-height:1.4em; color:#666;} .activitatOpinions2{width:170px; float:left; margin:5px 0 0 15px; font-weight:bold; font-size:.8em;} .articulista-fitxa{ width:550px; height:91px; float:left; margin:20px 14px 0 0; display:block; font-size:1.1em; text-decoration:none; color:#002b6c; background:url("../img/bg-articulista.png") no-repeat; } .articulistaDadesFitxa{width:450px; float:left; margin:10px 0 0 7px;} .articulistaDadesFitxa em{font-size:.8em; margin:1px 0 0 0; display:block; height:39px;} .articulistaOpinionsFitxa{width:400px; float:left; margin:0 0 0 15px; font-weight:bold; font-size:.7em;} .recomanaH21{width:237px; height:36px; text-indent:-10000px; float:left; display:block; background:url("../img/ilu-h1-recomana-web.png") no-repeat;} .recomanaH22{width:237px; height:36px; text-indent:-10000px; float:left; display:block; background:url("../img/ilu-h1-recomana-llibres.png") no-repeat;} .recomanaH23{width:237px; height:36px; text-indent:-10000px; float:left; display:block; background:url("../img/ilu-h1-recomana-revistes.png") no-repeat;} .recomanaH24{width:237px; height:36px; text-indent:-10000px; float:left; display:block; background:url("../img/ilu-h1-recomana-xarxes.png") no-repeat;} .recomanaH25{width:237px; height:36px; text-indent:-10000px; float:left; display:block; background:url("../img/ilu-h1-recomana-videos.png") no-repeat;} .organitzacioH21{width:147px; height:36px; text-indent:-10000px; float:left; display:block; background:url("../img/ilu-h1-restructura-sectors.png") no-repeat;} .organitzacioH22{width:147px; height:36px; text-indent:-10000px; float:left; display:block; background:url("../img/ilu-h1-restructura-territori.png") no-repeat;} .pCurt{width:390px !important; display:inline;} /***************************************************************************************** BOTONS ID *****************************************************************************************/ #pujar{width:55px; height:14px; background:url("../img/btn-pujar.png"); text-indent:-10000px; display:block; outline:none; font-size:.7em;} #pujar:hover{background:url("../img/btn-pujar.png") 0 -14px;} /***************************************************************************************** LLISTATS, MENU, ETC *****************************************************************************************/ .ULarticles{margin:30px 0 20px 0; list-style-type:none;} .ULarticles li a{height:17px; display:block; padding:0 0 0 48px; margin:0 0 6px 0; background:url("../img/ico-pdf.png") no-repeat 0 3px; text-decoration:none; font-size:.9em;} .ULarticles li a:hover{background:url("../img/ico-pdf.png") no-repeat 0 -20px; margin:0 0 6px 3px;} .ULrecomana{margin:7px 0 20px 0; list-style-type:none; width:547px;} .ULrecomana li a{display:inline-block; padding:0 0 0 20px; margin:0 0 6px 2px; background:url("../img/ico-link.png") no-repeat 0 2px; text-decoration:none; font-size:.9em;} .ULrecomana li a:hover{background:url("../img/ico-link.png") no-repeat 0 -21px; margin:0 0 6px 5px; } .ULestructura{width:547px; font-size:.8em; margin:0 0 10px 0; list-style:url(../img/ico-ul.png);} .ULestructura li{margin:0 0 4px 22px;} .ULllibres{width:547px; font-size:.8em; margin:0 0 10px 0; list-style:url(../img/ico-ul.png);} .ULllibres li{margin:0 0 11px 22px;} .ULllibres li strong{color:#333;} .ULcrida{width:547px; font-size:.85em; margin:10px 0 10px 0; list-style:url(../img/ico-ul.png);} .ULcrida li{margin:0 0 11px 22px;} #apDiv1 { position:absolute; left:700px; top:385px; width:200px; height:72px; z-index:1; } #nav{margin:30px 0 0 0; float:left; width:500px; height:17px; display:inline-block;} #inici{width:21px; height:15px; float:left; text-indent:-10000px; font-size:.7em; background:url("../img/ico-navegacio.png") no-repeat -34px 0; outline:none; margin:0 5px 0 0; display:inline;} #inici:hover{ background:url("../img/ico-navegacio.png") no-repeat -34px -26px; } #anterior{width:17px; height:15px; float:left; text-indent:-10000px; font-size:.7em; background:url("../img/ico-navegacio.png") no-repeat -17px 0; outline:none; margin:0 5px 0 0; display:inline;} #anterior:hover{background:url("../img/ico-navegacio.png") no-repeat -17px -26px;} #seguent{width:17px; height:15px; float:left; text-indent:-10000px; font-size:.7em; background:url("../img/ico-navegacio.png") no-repeat; outline:none; margin:0 5px 0 5px; display:inline;} #seguent:hover{background:url("../img/ico-navegacio.png") no-repeat 0 -26px;} #final{width:21px; height:15px; float:left; text-indent:-10000px; font-size:.7em; background:url("../img/ico-navegacio.png") no-repeat -55px 0; outline:none; display:inline;} #final:hover{background:url("../img/ico-navegacio.png") no-repeat -55px -26px;} .texteNav{float:left; display:inline; float:left; margin:0 5px; font-size:.8em; font-style:italic;} /***************************************************************************************** FORMULARIS *****************************************************************************************/ #divForm{margin:60px 0 60px 0;} .endOfSection { clear:both; height:0; line-height:0; font-size:0; padding:0; margin:0; border:0; } /**** Form Layout ****/ form {margin:0; padding:0; display:inline;} input, textarea, select { font:1em; color:#666; border:2px solid #999; padding:2px; margin:0 0 10px 0; width:300px; background:#FFF url("../img/bg-forms.png") repeat-x; } input:focus, textarea:focus, select:focus { font:1em; border:2px solid #000; color:#000; padding:2px; } input:hover, textarea:hover, select:hover { font:1em; border: 2px solid #006fa8; color: #000; padding:2px; } label {cursor:pointer; font-size:;} .errormsg { display:block; color:#002b6c; background:#fa8800 url("../img/ico-stop.gif") no-repeat 10px center; padding:12px 10px 10px 60px; margin:0 0 10px 0; border:4px solid #002b6c; } #send{ cursor:pointer; text-indent:-10000px; width:166px; height:36px; padding:0 0 3px 0; border:none; background:url("../img/btn-enviar.png");} #send2{ cursor:pointer; text-indent:-10000px; width:188px; height:36px; padding:0 0 3px 0; margin:15px 0 0 0; border:none; background:url("../img/btn-enviar2.png");} .formTx{color:#333;} .formTx2{color:#333; font-size:.85em; font-weight:bold;} .resposta{color:#002b6c;} /***************************************************************************************** TAULES *****************************************************************************************/ /*///////////////////////////////////////////////////////////////////////////////////////// © AXON GRAFICS . Todos los derechos reservados. Prohibida la utilización, difusión o redistribución de este código sin previa autorización. http://www.axongrafics.com © AXON GRAFICS /////////////////////////////////////////////////////////////////////////////////////////*/