/* ------------------------------------------ */ /* | CSS Portal provincial DIBA | */ /* |----------------------------------------| */ /* | Name: Fulla estils elements comuns | */ /* ------------------------------------------ */ /* ==========| MAQUETA |========== */ #rap { position:relative; width:760px; height:90%; margin:0 auto; padding:0; text-align:left;} /* ==========| HEADER |========== */ #header { float:left; width: 760px; height: 38px; background-color: #999967; font-size: 10px; color: #FFFFFF; border-bottom: 1px solid #FFFFFF;} /* ==========| LOGO |========== */ #logo { float:left; padding: 0 0 0 15px;} /* ==========| EINES |========== */ #header-eines { float: right; width: 485px; padding: 17px 15px 0 0; text-align:right;} /* ==========| MENU CAP�ALERA |========== */ #header-menu { float: left; width: 760px; background-color: #CACACA; border-bottom: 5px solid #FFFFFF;} #header-menu #menu { float: left; padding: 2px 2px 0 0; text-align:right; border-bottom: 1px solid #93935F;} #header-menu #menu ul { float: right; margin: 0; padding: 0; display : inline;} #header-menu #menu ul li { float: right; width: 80px; height: 16px; margin: 0; padding: 2px 0 0 0; background-image: url(/imgfiles/nav/pestanya.gif); background-repeat: no-repeat; text-align: center; list-style-type: none;} /* ==========| ESQUERRA I PAGINA |========== */ #izda-page { float: left; width: 760px; margin: 0; padding: 0; background-image:url(/imgfiles/1/fons_zona.gif); background-repeat:repeat-y;} /* ==========| ESQUERRA |========== */ #izda-page #izda { float: left; width: 150px; margin: 0; padding: 0;} /* ==========| MENU LATERAL |========== */ #izda-page #izda #menu-lateral { float: right; width: 140px; margin: 0; padding: 5px 0 0 0;} #izda-page #izda #menu-lateral ul { float: right; width: 140px; margin: 0; padding: 0;} #izda-page #izda #menu-lateral ul li { margin:0; padding: 5px 5px 0 15px; background-image:url(/imgfiles/nav/fletxa_menu.gif); background-repeat:no-repeat; list-style-type: none;} #izda-page #izda #menu-lateral ul li.tres{ margin:0; padding: 5px 0 7px 15px; border-bottom: 4px solid #DEDEDE;} #izda-page #izda #adresa { float: left; width: 150px; margin: 0; padding: 0 0 50px 0;} #izda-page #izda #adresa ul { float: right; width: 140px; margin: 0; padding: 30px 0 0 0;} #izda-page #izda #adresa ul li { margin:0; padding: 0 0 0 5px; list-style-type: none;} #izda-page #izda #logo-ministeri { margin: 0; padding: 0 2px 0 2px;} /* ==========| PAGINA |========== */ #izda-page #page { float: left; width: 609px; margin: 0; padding: 0;} #izda-page #page-fons-2col-destacats { float: left; width: 609px; margin: 0; padding: 0; background-image:url(/imgfiles/1/fons_page_destacats.gif); background-repeat:repeat-y;} #izda-page #page-fons-destacats { float: left; width: 609px; margin: 0; padding: 0; background-image:url(/imgfiles/1/fons_page.gif); background-repeat:repeat-y;} #izda-page #home { float: left; width: 609px; margin: 0; padding: 0; background-image:url(/imgfiles/1/fons_home_destacats.gif); background-repeat:repeat-y;} #izda-page #page-fons-2col-destacats-logat { float: left; width: 609px; height: 662px; margin: 0; padding: 0; background-image:url(/imgfiles/1/fons_page_destacats.gif); background-repeat:repeat-y;} #izda-page #page-fons-destacats-logat { float: left; width: 609px; height: 662px; margin: 0; padding: 0; background-image:url(/imgfiles/1/fons_page.gif); background-repeat:repeat-y;} #izda-page #home-logat { float: left; width: 609px; margin: 0; height: 662px; padding: 0; background-image:url(/imgfiles/1/fons_home_destacats.gif); background-repeat:repeat-y;} #izda-page #home-destacats { float: left; width: 460px; margin: 0; padding: 0;} #izda-page #home-destacats #izda-home-2columnas { float: left; width: 282px; margin: 0; padding: 0;} #izda-page #home-destacats #izda-home-2columnas #up-izda { float: right; width: 280px; margin: 0; padding: 0; background-color: #FFFFFF; border-bottom: 2px solid #F4F4F4;} #izda-page #home-destacats #izda-home-2columnas #up-izda #mapa { float: left; margin: 0; padding: 0 0 10px 10px;} .mapa-municipis { float: left; width: 250px; height: 260px; margin: 0; padding: 0; background-image:url(/imgfiles/1/Mapa_municipis.gif); background-repeat: no-repeat;} #izda-page #home-destacats #izda-home-2columnas #down-izda { float: left; margin: 0; padding: 0 0 0 2px; border-top: 3px solid #FFFFFF;} #izda-page #home-destacats #izda-home-2columnas #down-izda #actualitat { float: left; width: 282px; margin: 0; padding: 0;} #izda-page #home-destacats #izda-home-2columnas #down-izda #actualitat #lista-col1 { float: left; margin: 0; padding: 0 10px 0 10px;} #izda-page #home-destacats #izda-home-2columnas #down-izda #actualitat #lista-col1 ul { float: left; margin: 0; padding: 10px 0 20px 0;} #izda-page #home-destacats #izda-home-2columnas #down-izda #actualitat #lista-col1 ul li { margin:0; padding: 0 0 15px 0; list-style-type: none;} #izda-page #home-destacats #dcha-home-2columnas { float: right; width: 176px; margin: 0; padding: 0; background-color: #FFFFFF;} #izda-page #home-destacats #dcha-home-2columnas #up-dcha { float: left; margin: 0; padding: 0 3px 3px 3px;} #izda-page #home-destacats #dcha-home-2columnas #up-dcha #testimonial { float: left; width: 170px; height: 20px; margin: 0; padding: 0; background-color: #E2E2D8; border-bottom: solid 1px #FFFFFF;} #izda-page #home-destacats #dcha-home-2columnas #up-dcha #testimonial .titolapartat { float: left; margin: 0; padding: 3px 10px 3px 10px;} #izda-page #home-destacats #dcha-home-2columnas #up-dcha #entitat { float: left; width: 170px; height: 20px; margin: 0; padding: 0; background-color: #E2E2D8; border-bottom: solid 1px #FFFFFF;} #izda-page #home-destacats #dcha-home-2columnas #up-dcha #entitat .titolapartat { float: left; margin: 0; padding: 3px 10px 3px 10px;} #izda-page #home-destacats #dcha-home-2columnas #up-dcha .up-imatge { float: left; width: 170px; height: 89px; margin: 0; padding: 0; background-image:url(/imgfiles/1/linia_sota_imatges.gif); background-repeat:no-repeat; background-position:bottom;} #izda-page #home-destacats #dcha-home-2columnas #up-dcha .up-titol { float: left; margin: 0; padding: 3px 10px 3px 10px;} #izda-page #home-destacats #dcha-home-2columnas #up-dcha .up-text { float: left; margin: 0; padding: 3px 10px 10px 10px; text-align: left;} #izda-page #home-destacats #dcha-home-2columnas #down-dcha { float: left; margin: 0; padding: 5px 3px 0 3px;} #izda-page #home-destacats #dcha-home-2columnas #down-dcha #agenda { float: left; width: 170px; margin: 0; padding: 0; background-color: #F4F4F4;} #izda-page #home-destacats #dcha-home-2columnas #down-dcha #agenda #lista-col2 { float: left; margin: 0; padding: 0 10px 0 10px;} #izda-page #home-destacats #dcha-home-2columnas #down-dcha #agenda #lista-col2 ul { float: left; margin: 0; padding: 10px 0 20px 0;} #izda-page #home-destacats #dcha-home-2columnas #down-dcha #agenda #lista-col2 ul li { margin:0; padding: 0 0 15px 0; list-style-type: none;} #izda-page #page-destacats { float: left; width: 609px; margin: 0; padding: 0;} #izda-page #page-2cols-destacats { float: left; width: 460px; margin: 0; padding: 0;} #izda-page #page-2cols-destacats #fil { float: left; width: 458px; margin: 0; padding: 0; background-color: #FFFFFF;} #izda-page #page-2cols-destacats #fil ul { float: left; margin: 0; padding: 2px 10px 3px 10px; display: inline;} #izda-page #page-2cols-destacats #fil ul li { float: left; margin:0; padding: 5px 0 5px 0; list-style-type: none;} #fil-edicio { float: left; width: 445px; margin: 0; padding: 0;} #fil-edicio ul { float: left; margin: 0; padding: 2px 10px 3px 0; display: inline;} #fil-edicio ul li { float: left; margin:0; padding: 0 0 5px 0; list-style-type: none;} #izda-page #page-2cols-destacats #izda-titulo-2columnas { float: left; width: 280px; margin: 0; padding: 0 0 4px 0;} #izda-page #page-2cols-destacats #izda-titulo-2columnas #titulo { float: left; margin: 0; padding: 0 0 0 10px;} #izda-page #page-2cols-destacats #izda-page-2columnas { float: left; width: 270px; margin: 0; padding: 5px 0 20px 0;} #izda-page #page-2cols-destacats #izda-page-2columnas #lista-col1 { float: left; margin: 0; padding: 0 10px 0 10px;} #izda-page #page-2cols-destacats #izda-page-2columnas #lista-col1 ul { float: left; margin: 0; padding: 10px 0 20px 0; border-top: solid 3px #CACACA;} #izda-page #page-2cols-destacats #izda-page-2columnas #lista-col1 ul li { margin:0; padding: 0 0 15px 0; list-style-type: none;} #izda-page #page-2cols-destacats #dcha-titulo-destacats { float: left; width: 177px; margin: 0; padding: 4px 0 4px 0;} #izda-page #page-2cols-destacats #dcha-page-destacats { float: left; width: 177px; margin: 0; padding: 5px 0 20px 0;} #izda-page #page-2cols-destacats #dcha-page-destacats #lista-col2 { float: left; width: 177px; margin: 0; padding: 0; border-top: solid 3px #CACACA;} #izda-page #page-2cols-destacats #dcha-page-destacats #lista-col2 ul { float: left; width: 162px; margin: 0; padding: 10px 0 20px 0;} #izda-page #page-2cols-destacats #dcha-page-destacats #lista-col2 ul li { margin:0; padding: 0 0 15px 0; list-style-type: none;} #izda-page #page-2cols-destacats #izda-titulo-1col-cercador { float: left; margin: 0; padding: 0 3px 4px 10px; background-color: #FFFFFF;} #izda-page #page-2cols-destacats #izda-titulo-1col-cercador #linia { float: left; width: 447px; margin: 0; padding: 0; border-bottom: solid 3px #CACACA;} #izda-page #page-2cols-destacats #izda-titulo-1col-cercador #linia #titulo { float: left; margin: 0; padding: 0 0 4px 0;} #izda-page #page-2cols-destacats #izda-titulo-1col-cercador #linia #tornar { float: right; margin: 0; padding: 3px 0 0 0;} #izda-page #page-2cols-destacats #izda-titulo-1col-cercador #presentacio { float: left; margin: 0; padding: 10px 0 20px 0;} #izda-page #page-2cols-destacats #izda-page-1col-cercador { float: left; width: 287px; margin: 0; padding: 0 0 20px 0;} #izda-page #page-2cols-destacats #agenda { float: left; width: 287px; margin: 0; padding: 0 0 20px 0;} #izda-page #page-2cols-destacats #agenda #lista-col2 { float: left; margin: 0; padding: 0 10px 0 10px;} #izda-page #page-2cols-destacats #agenda #lista-col2 ul { float: left; margin: 0; padding: 10px 0 20px 0;} #izda-page #page-2cols-destacats #agenda #lista-col2 ul li { margin:0; padding: 0 0 15px 0; list-style-type: none;} #izda-page #page-2cols-destacats #izda-page-1col-cercador #lista ul { float: left; margin: 0; padding: 10px 10px 0 10px;} #izda-page #page-2cols-destacats #izda-page-1col-cercador #lista ul li { margin:0; padding: 5px 5px 0 15px; background-image:url(/imgfiles/nav/fletxa_menu.gif); background-repeat:no-repeat; list-style-type: none;} #izda-page #page-2cols-destacats #izda-page-1col-cercador #lista ul li.negrita { margin:0; padding: 5px 5px 0 15px; background-image:url(/imgfiles/nav/fletxa_menu.gif); background-repeat:no-repeat; list-style-type: none; font-weight:bold;} #izda-page #page-2cols-destacats #izda-page-1col-cercador #presentacion { float: left; margin: 0; padding: 10px 10px 30px 10px;} #izda-page #page-2cols-destacats #izda-page-1col-cercador #lista1 { float: left; width: 140px; margin: 0; padding: 0;} #izda-page #page-2cols-destacats #izda-page-1col-cercador #lista1 .items { float: left; margin: 0; padding: 0 10px 30px 10px;} #izda-page #page-2cols-destacats #izda-page-1col-cercador #lista2 { float: left; width: 140px; margin: 0; padding: 0;} #izda-page #page-2cols-destacats #izda-page-1col-cercador #lista2 .items { float: left; margin: 0; padding: 0 10px 30px 0;} #izda-page #page-2cols-destacats #izda-page-1col-cercador #lista-col1 { float: left; width: 270px; margin: 0; padding: 0;} #izda-page #page-2cols-destacats #izda-page-1col-cercador #lista-col1 ul { float: left; margin: 0; padding: 7px 0 20px 0;} #izda-page #page-2cols-destacats #izda-page-1col-cercador #lista-col1 ul li { margin:0; padding: 0 10px 15px 10px; list-style-type: none;} #izda-page #page-2cols-destacats #dcha-cercador-destacats { float: left; width: 170px; margin: 0; padding: 5px 0 0 0; background-color: #F0F0F0;} #izda-page #page-2cols-destacats #dcha-cercador-destacats2 { float: left; width: 170px; margin: 0; padding: 5px 0 0 0; background-color: #ECECE3;} #izda-page #page-2cols-destacats #dcha-cercador-destacats2[id]{ width: 150px;} #izda-page #page-2cols-destacats #dcha-cercador-destacats3 { float: left; width: 170px; margin: 0; padding: 5px 0 0 0; background-color: #F0F0F0;} #izda-page #page-2cols-destacats #dcha-cercador-destacats4 { float: left; width: 170px; margin: 0; padding: 5px 0 0 0; background-color: #F0F0F0;} #izda-page #page-2cols-destacats #dcha-apartado-destacats { float: left; width: 170px; margin: 0; padding: 5px 0 0 0; background-color: #FFFFFF;} #izda-page #page-2cols-destacats #dcha-apartado-destacats #up-dcha .up-imatge { float: left; width: 170px; height: 89px; margin: 0; padding: 0; background-image:url(/imgfiles/1/linia_sota_imatges.gif); background-repeat:no-repeat; background-position:bottom;} #izda-page #page-2cols-destacats #dcha-apartado-destacats #up-dcha .up-titol { float: left; margin: 0; padding: 3px 10px 3px 10px;} #izda-page #page-2cols-destacats #dcha-apartado-destacats #up-dcha .up-text { float: left; margin: 0; padding: 3px 10px 10px 10px; text-align: left;} #izda-page #page-2cols-destacats #dcha-apartado-destacats #agenda2 #lista-col3 { float: left; margin: 0; padding: 0 10px 0 10px;} #izda-page #page-2cols-destacats #dcha-apartado-destacats #agenda2 #lista-col3 ul { float: left; margin: 0; padding: 10px 0 20px 0;} #izda-page #page-2cols-destacats #dcha-apartado-destacats #agenda2 #lista-col3 ul li { margin:0; padding: 0 0 15px 0; list-style-type: none;} #izda-page #page-2cols-destacats #izda-page-1col-blanc { float: left; width: 457px; margin: 0; padding: 0;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #image-titulo{ float: left; width: 454px; margin: 0; padding: 0;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #image-detalle { float: left; margin: 0; padding: 7px 0 10px 10px;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #image-detalle #image { float: left; width: 170px; height: 89px; margin: 0; padding: 0; background-image:url(/imgfiles/1/linia_sota_imatges.gif); background-repeat:no-repeat; background-position:bottom;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #titulo-detalle { float: left; margin: 0; padding: 7px 10px 10px 10px;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #texto-detalle { float: left; margin: 0; padding: 0 10px 10px 10px;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #titulo-apartado { float: left; width: 454px; margin: 0; padding: 0;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #titulo-apartado #titapartado { float: left; margin: 0; padding: 5px 3px 2px 3px;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #titulo-apartado #titapartado #titulo-apt { float: left; width: 454px; margin: 0; padding: 0; background-color: #F0F0F0;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #titulo-apartado #titapartado #titulo-apt .titulo { float: left; margin: 0; padding: 2px 10px 2px 8px;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #titulo-apartado #apartado { float: left; margin: 0; padding: 0 3px 0 3px;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #titulo-apartado #apartado #apt { float: left; width: 454px; margin: 0; padding: 0; background-color: #F4F4F4;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #titulo-apartado #apartado #apt .contenido { float: left; margin: 0; padding: 10px 20px 10px 20px;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #apartado-form { float: left; margin: 0; padding: 0 3px 0 3px;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #apartado-form #apt-form { float: left; width: 454px; margin: 0; padding: 0; background-color: #F4F4F4; border-top: solid 2px #FFFFFF;} #izda-page #page-2cols-destacats #izda-page-1col-blanc #apartado-form #apt-form .contenido-form { float: left; margin: 0; padding: 10px 20px 10px 20px;} #izda-page #destacats { float: right; width: 149px; margin: 0; padding: 0;} #izda-page #destacats .item{ float: left; width: 149px; margin: 0; padding: 0; border-bottom: solid 2px #FFFFFF; background-color: #E5E5E0;} #izda-page #destacats .item-recursos{ float: left; width: 149px; margin: 0; padding: 0;} .destacat{ float: left; margin: 0; padding: 5px 10px 0 10px;} /* ========| TAULA DE 1 COLUMNA |========== */ .unacoltabla-madre{ float: left; width: 270px; padding: 0;} .unacoltabla-madre440{ float: left; width: 440px; padding: 0;} .unacoltabla{ float: left; padding: 10px 0 20px 10px;} .unacoltabla2{ float: left; padding: 15px 0 0 10px;} .unacoltabla .head{ float:left; margin:0; padding: 0;} .unacoltabla .head .tit{ float:left; padding:0 5px 2px 5px;} .unacoltabla ul.caja{ float:left; margin:0; padding:2px 5px 3px 5px;} .unacoltabla li.item{ float:left; width:260px; padding:0; list-style-type:none;} /* ========| TAULA DE 2 COLUMNES O 1 COLUMNA PIJAMA |========== */ .doscoltabla-madre{ float: left; width: 270px; padding: 0;} .doscoltabla{ float: left; padding: 0 0 20px 10px;} .doscoltabla .head{ float:left; margin:0; padding: 0;} .doscoltabla .head .tit-cat{ float:left; padding:5px 5px 3px 5px;} .doscoltabla .head .tit{ float:left; padding:5px 5px 3px 5px;} .doscoltabla ul.caja{ float:left; margin:0; padding:3px 5px 3px 5px; list-style-type:none; background-color: #F4F3F1;} .doscoltabla ul.caja2{ float:left; margin:0; padding:3px 5px 3px 5px; list-style-type:none;} .doscoltabla ul.caja3{ float:left; margin:0; padding:3px 0 3px 0; list-style-type:none;} .doscoltabla li.item{ float:left; width:240px; padding:0;} .doscoltabla li.item1{ float:left; width:190px; padding:0;} .doscoltabla li.item2{ float:left; width:50px; padding:0; text-align:right;} /* ========| TAULA DE 2 COLUMNES TOTA LA PAGINA |========== */ .doscoltabla-madre440{ float: left; width: 445px; padding: 0;} .doscoltabla440{ float: left; padding: 0 0 20px 0;} .doscoltabla440 .head{ float:left; margin:0; padding: 0;} .doscoltabla440 .head .tit-cat{ float:left; padding:5px 0 3px 0;} .doscoltabla440 .head .tit{ float:left; padding:20px 0 3px 0;} .doscoltabla440 ul.caja2{ float:left; margin:0; padding:3px 0 3px 0; list-style-type:none;} .doscoltabla440 li.item{ float:left; width:445px; padding:0;} .doscoltabla440 li.item1{ float:left; width:305px; padding:0 0 20px 0;} .doscoltabla440 li.item2{ float:left; width:140px; padding:0; text-align:right;} /* ==========| PEU |========== */ #peu { float: left; vertical-align: bottom; width: 760px; height: 75px; padding: 2px 0 0 0; background-color: #FFFFFF; text-align:center;} #peu #credits { float: left; vertical-align: bottom; width: 760px; padding: 10px 0 20px 0; border-top: 1px solid #DEDEDE; text-align:center;} .pad10 { padding:10px;}