/*Wrap - contenedor web --------------------------------------------------------------------------- */ #wrap { width:1000px; text-align:left; margin:auto; } /*Menu Izquierdo --------------------------------------------------------------------------- */ #left-side { width:170px; float:left; } a#logo-acapps { display:block; width:180px; height:174px; background:url(../img/logo-accapps.gif) no-repeat center; text-indent:-9999px; position:absolute; top:35px;} /*Idiomes --------------------------------------------------------------------------- */ #idiomas li { float:left;} a#cat { display:block; width:87px; height:29px; background:url(../img/cat.jpg) no-repeat center; text-indent:-9999px;} a#cast { display:block; width:80px; height:29px; background:url(../img/cast.jpg) no-repeat center; text-indent:-9999px;} /*Menu --------------------------------------------------------------------------- */ #menu { margin-top:210px; position:relative;padding-left:7px; clear:both; } #menu li { padding:0.1em 0;} #menu ul ul { padding:5px 0 5px 10px;} #menu a:link, #menu a:visited { font-size:12px; font-weight:bold; color:#0C1855; } #menu a:hover { text-decoration:none; color: #000000; background:#E5E5E5; display:block;} /*Butlleti --------------------------------------------------------------------------- */ #butlleti { clear:both; padding-left:7px; border-top:#cccccc 1px solid; margin:1em 0;} #butlleti p { padding:0.3em 0;} .titol-butlleti { font-size:24px; font-weight:bold; color:#000066;} #butlleti label { font-size:14px; font-weight:bold; color:#000066; padding-bottom:8px; display:block;} #butlleti input { background:url(../img/fons-butlleti.gif) no-repeat; border:0; width:160px;} #boto-butlleti input { width:100px; background: url(../img/fons-input-butlleti.jpg) repeat-x; color:#FFFFFF;} /*Calendari --------------------------------------------------------------------------- */ #calendari { padding:20px 0;} /*Contactar amb Accapps --------------------------------------------------------------------------- */ #contacte-accapps .titol { font-size:18px; font-weight:bold; color:#000066;} #contacte-accapps .contacte-blocks { padding-left:65px; margin:1em 0; border-bottom:#CCCCCC 1px dashed;} #contacte-accapps .contacte-blocks .titol { font-size:11px; font-weight:normal; color:#000000;} #contacte-accapps .contacte-blocks .descripcio { font-weight:bold;} #contacte-accapps .contacte-blocks .mes-informacio { text-align:right; padding:0.5em 0;} #contacte-accapps .contacte-blocks .mes-informacio a { color:#999999; font-size:11px;} .sms { background:url(../img/sms.jpg) no-repeat;} .skype { background:url(../img/skype.jpg) no-repeat;} .msn { background:url(../img/msn.jpg) no-repeat;} .telefon { background:url(../img/telefon.jpg) no-repeat;} .twitter { background:url(../img/icon_twitter_acapps.gif) no-repeat;} .facebook { background:url(../img/icon_facebook_acapps.gif) no-repeat;} #contacte-accapps a:link, #contacte-accapps a:visited { color:#000000; } #contacte-accapps a:hover { text-decoration:none;color: #000000;} /*Contenido --------------------------------------------------------------------------- */ #contenedor { width:810px; float:right; } #contenido {font-family:Trebuchet MS,Arial,Helvetica,sans-serif; } #contenido p { font-size:14px; color:#4C4C4C;} #contenido h3 { font-size:18px; color:#0C2470; border-bottom:#0C2470 1px solid; margin-bottom:12px;} .descarrega { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:1em 0;} #login { position:absolute;} #login label { padding-right:0.5em;} #login .login-a { width:222px;float:left; display:block; margin-left:280px;} * html #login .login-a { margin-left:130px;} #login .login-b { width:232px;float:left; display:block;} #login .login-c { width:50px;float:left; display:block;} #paginador { clear:both; margin:1em;} #paginador li { float:left; padding-right:10px;} #paginador a { font-size:16px; font-weight:bold;} .llistats { margin:1em;} .llistats li {background:url(../img/icon-li.gif) no-repeat;} .llistats li, .llistats dd { font-size:14px; color:#4C4C4C; padding:0.2em 0; padding-left:2em; } .llistats dt { font-size:14px; color:#4C4C4C; font-weight:bold; background:url(../img/icon-dt.gif) no-repeat; padding-left:2em;} .foto-dreta { width:225px; float:right; padding:0.5em 0 0.5em 0.5em;} .blocks { margin:1em;} .blocks li {background:url(../img/icon-li.gif) no-repeat;} .blocks li, .blocks dd { font-size:14px; color:#4C4C4C; padding:0.2em 0; padding-left:2em; } .blocks dt { font-size:14px; color:#4C4C4C; font-weight:bold; background:url(../img/icon-dt.gif) no-repeat; padding-left:2em;} /*Menu permanente --------------------------------------------------------------------------- */ #menu-permanente-top { display:block; height:44px; } #cajas-menu-permanente { width:535px; float:left; background:url(../img/fons-menu-permanent.jpg) repeat-x; height:30px;} #cajas-menu-permanente li { float:left; margin-left:29px;} #cajas-menu-permanente a:link, #cajas-menu-permanente a:visited { color:#FFFFFF; display:block;text-decoration:none; padding:0.5em; } #cajas-menu-permanente a:hover { color: #000000;background:#FFFFFF;} #buscador-menu-permanente { width:264px; float:right; padding:0.3em 0 0 0.5em; height:30px;} #buscador-menu-permanente p { width:24px; float:left;} #buscador-menu-permanente label { display:none;} #buscador-menu-permanente input { background:url(../img/fons-butlleti.gif) no-repeat; border:0; width:220px;} #buscador-menu-permanente #lupa { width:30px; float:right;} #buscador-menu-permanente #lupa input { display:block; background:url(../img/fons-lupa.gif) no-repeat; height:30px; width:30px;} #banners-permanents { clear:both; margin-bottom:10px; } #banners-permanents li { float:left;} /*INDEX --------------------------------------------------------------------------- */ .home #columna-esquerra { width:390px; float:left; } .home #columna-dreta { width:390px; float:right; } #contenido .caixa-actualitat-home, #contenido .caixa-ofertes-home { margin-bottom:1em;} #contenido .caixa-actualitat-home h3, #contenido .caixa-ofertes-home h3 { font-size:13px; border-bottom:none; font-weight:bold; margin-bottom:0;} #contenido .caixa-actualitat-home p, #contenido .caixa-ofertes-home p { font-size:11px; } #contenido .caixa-actualitat-home img, #contenido .caixa-ofertes-home img { float:right; padding:0.5em 0 0.5em 0.5em; } .home #columna-tres { clear:both;} .home #columna-tres h3 { border-bottom:none;} #serveis-home li { float:left;} .home #video-resumen .video { width:555px; float:left;} .home #video-resumen .revista { width:225px; float:right;} .home .ver-mas-home { position:absolute; text-align:right; } .home #columna-tres .ver-mas-home { width:555px;} .home #columna-esquerra .ver-mas-home, .home #columna-dreta .ver-mas-home { width:390px; padding-top:30px;} .home .ver-mas-home a:link, .home .ver-mas-home a:visited { font-weight:bold; text-decoration:none; } .home .ver-mas-home a:hover {color: #000000;} /*Ficha Activitats --------------------------------------------------------------------------- */ .activitats #columna-esquerra { width:225px; float:left; padding-top:7px;} .activitats #columna-esquerra li { padding-bottom:12px; text-align:center;} .activitats #columna-dreta { width:570px; float:right;} /*Ficha Activitats noticies --------------------------------------------------------------------------- */ .noticies-activitats #columna-esquerra { width:570px; float:left; padding-top:7px;} .noticies-activitats .pdf { clear:both; margin:1em 0;} .noticies-activitats .pdf li { float:left; padding:12px 20px 0 50px; background:url(../img/pdf-icon.gif) no-repeat; height:44px;} .noticies-activitats .pdf a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;} .noticies-activitats #columna-dreta { width:225px; float:right;} .noticies-activitats .previews-notis li { float:left; padding:0.4em;} .noticies-activitats .foto-gran { margin:2.2em 0 1em 0;} .noticies-activitats .video { clear:both; padding-top:12px;} /*Ficha Ofertes Laborals --------------------------------------------------------------------------- */ .ofertes-lista #columna-esquerra h3 { border-bottom:none;} .ofertes-lista #paginador { margin-top:2em;} .ofertes-lista .opinions dt { font-size:18px; color:#0C2470;} /*Videoteca --------------------------------------------------------------------------- */ .videoteca #columna-esquerra img { float:left; margin:5px 10px 10px 0;} .videoteca h4, .foro-ficha h4 { clear:both; font-size:16px; font-weight:bold;} .videoteca .comentari-video, .foro-ficha .comentari-video { padding-bottom:12px;} .videoteca .comentari-video p, .foro-ficha .comentari-video p, .foro-llistat .comentari-video p{ text-align:right;} .videoteca .comentari-video-esq p, .foro-ficha .comentari-video-esq p, .foro-llistat .comentari-video-esq p{ text-align:left;} .videoteca .comentari-video textarea, .foro-llistat .comentari-video textarea { width:810px;} .videoteca .comentari-video-esq textarea, .foro-llistat .comentari-video-esq textarea { width:810px;} .videoteca .opinions ul, .foro-ficha .opinions dl, .foro-llistat .opinions dl, .ofertes-lista .opinions dl { padding:1em;} .videoteca .opinions li, .foro-ficha .opinions dd, .foro-llistat .opinions dd, .ofertes-lista .opinions dd { padding:0.5em 0; border-bottom:#CCCCCC 1px dashed;} /*Videoteca Lista --------------------------------------------------------------------------- */ .videoteca-lista #columna-esquerra h3 { border-bottom:none;} .videoteca-lista ul { padding:1em;} /*foro - ficha --------------------------------------------------------------------------- */ .foro-ficha .comentari-video { width:455px; padding-top:12px;} .foro-ficha .comentari-video textarea { width:450px;} .foro-ficha .opinions dt, .foro-llistat .opinions dt { font-size:16px; font-weight:bold;} /*legislacio --------------------------------------------------------------------------- */ #contenido .caixa-legislacio { margin:1em; border-bottom:#CCCCCC 1px dashed; padding-bottom:0.3em;} #contenido .caixa-legislacio h3 { border-bottom:none;} #contenido .caixa-legislacio img { float:left; padding:0 10px 10px 0;} #contenido .caixa-legislacio .mes-informacio { text-align:right;} /*Entitats --------------------------------------------------------------------------- */ .entitats .caixa-legislacio { width:47%; float:left;} /*Enlaces --------------------------------------------------------------------------- */ #contenido .caixa-link { width:21%; float:left; margin:1em; text-align:center;} #contenido .caixa-link h4 { padding-bottom:1em;} /*PAGINAS ESTATICAS------------------------------------------------------------------------------------------------------------*/ /*Com Col·laborar --------------------------------------------------------------------------- */ .com-colaborar #columna-esquerra img { float:right; padding:0.5em 0 0.5em 0.5em;} .com-colaborar #columna-esquerra h4, .sordesa h4, .info-corporativa h4, .serveis h4 { font-weight:bold;} #formulari-colabora { margin:2em;} #formulari-colabora label { display:block; width:100px; float:left; text-align:right; padding-right:0.5em;} #colabora-checks { margin:2em 0 2em 9em;} #colabora-missatge textarea { width:500px;} .boto-forms { font-size:1.5em;} .com-colaborar #boto-colabora { margin-left:110px; margin-top:20px;} #contenido .gracias { text-align:center; margin:3em 0; } #contenido .gracias p { font-size:25px; font-weight:bold;} /*La Sordesa --------------------------------------------------------------------------- */ .sordesa .video { margin:2em; text-align:center;} .sordesa h4 { clear:both;} #menu-sordesa { clear:both; font-size:12px; display:block; margin-bottom:1em; background:url(../img/fons-menu-permanent.jpg) repeat-x; height:32px;} #menu-sordesa li { float:left; padding-left:12px;} #menu-sordesa a:link, #menu-sordesa a:visited { color:#FFFFFF; display:block;text-decoration:none; padding:0.5em; } #menu-sordesa a:hover { color: #000000;background:#FFFFFF; border-bottom:#000066 2px solid;} /*Info corporativa --------------------------------------------------------------------------- */ .info-corporativa dt { background:none;} .info-corporativa dd { margin-bottom:1em;} .info-corporativa h5, .serveis h5 { font-weight:bold; padding:0.5em 0;} .info-corporativa .llistats img { float:left; padding:3px 10px 10px 0;} /*.info-corporativa .blocks dt { position:absolute; width:105px; text-align:left; padding-top:5px;} .info-corporativa .blocks dd { margin-left:110px;} .organitzem .llistats dd {padding:0.2em 0 0.2em 6em;}*/ /*Serveis --------------------------------------------------------------------------- */ .serveis #logos .llistats li { height:65px; background:none;} .serveis #logos .llistats img { float:left; padding:3px 10px 10px 0;} .serveis #logos .llistats p { padding-top:15px;} /*Preguntes freqüents --------------------------------------------------------------------------- */ .faq #respostes { margin:23em 0 44em 0; } .faq #respostes dt { border-top:#CCCCCC 1px solid;} .faq .tornar-ancla {margin:3em 0;} .faq .llistats dt { font-size:18px; padding:0.5em 0; background:none;} /*Pie --------------------------------------------------------------------------- */ #peu { clear:both; margin:2em 0; padding:0.5em 0; text-align:right; border-top:#CCCCCC 1px solid;} .caixa-quisom {display:inline-block;} /*HACK PARA LAS CAJAS---------------http://www.positioniseverything.net/easyclearing.html--------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .caixa-legislacio:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .caixa-legislacio {display: inline-block;} /* Hides from IE-mac \*/ * html .caixa-legislacio {height: 1%;} .caixa-legislacio {display: block;} /* End hide from IE-mac */