/* CSS tramits de bcn.es */ /* Hoja de estilos para colores de Ciudadano */ /* Tablas ------------------------------------------------------------------------------------------------------------------------ */ table thead th { background: #72661B;} /* ESQUINAS REDONDEADAS GENERALES ------------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------------ */ .esquinas .si { top: 0; left: 0; background: url(../imatges/esquinas_verde_si.gif) no-repeat;} .esquinas .sd { top: 0; right: 0; background: url(../imatges/esquinas_verde_sd.gif) no-repeat;} .esquinas .ii { bottom: 0; left: 0; background: url(../imatges/esquinas_verde_ii.gif) no-repeat;} .esquinas .id { bottom: 0; right: 0; background: url(../imatges/esquinas_verde_id.gif) no-repeat;} /* SELECTOR DE TRAMITES ------------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------------ */ /* Selector de tramites ------------------------------------------------------------------------------------------------------------------------ */ #menu_principal a { background: #454545 url(../imatges/selecttram_ciudadano_izq.gif) no-repeat left top;} #menu_principal a:hover { background-color: #770101;} #menu_principal a span { background: url(../imatges/selecttram_ciudadano_der.gif) no-repeat right top;} #menu_principal li#primero a { background: #454545 url(../imatges/selecttram_ciudadano_primero_izq.gif) no-repeat left top;} #menu_principal li#primero a:hover { background-color: #770101;} #menu_principal li#primero a span { background: url(../imatges/selecttram_ciudadano_der.gif) no-repeat right top;} /* Selector de certificado digital ------------------------------------------------------------------------------------------------------------------------ */ #menu_secundario a { background: #454545 url(../imatges/selecttram_ciudadano_izq.gif) no-repeat left top;} #menu_secundario a:hover { background-color: #770101;} #menu_secundario a span { background: transparent url(../imatges/selecttram_ciudadano_der.gif) no-repeat right top;} #menu_secundario li#primerosec a { background: #454545 url(../imatges/selecttram_ciudadano_primero_sec_izq.gif) no-repeat left top;} #menu_secundario li#primerosec a:hover { background-color: #770101;} #menu_secundario li#primerosec a span { background: transparent url(../imatges/selecttram_ciudadano_der.gif) no-repeat right top;} /* PREHOME ------------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------------ */ /* Personaje ------------------------------------------------------------------------------------------------------------------------ */ #personaje { background-color:#770101;} #personaje .si { top: 0; left: 0; background: url(../imatges/esquinas_personaje_ciudadano_si.gif) no-repeat; width:9px; height:7px;} #personaje .sd { top: 0; right: -4px; background: url(../imatges/esquinas_personaje_ciudadano_sd.gif) no-repeat; width: 9px; height: 5px;} #personaje .ii { bottom: 0; left: 0; background: url(../imatges/esquinas_personaje_ciudadano_ii.gif) no-repeat; width: 282px; height: 11px;} #personaje .id { bottom: 0; right: -4px; background: url(../imatges/esquinas_personaje_ciudadano_id.gif) no-repeat; width: 282px; height: 11px;} /* Titulo prehome tyn ------------------------------------------------------------------------------------------------------------------------ */ .home_tit_tyn { background:#770101;} #contingut .home_tit_tyn .si { top: 0; left: 0; background: url(../imatges/esquinas_tit_ciudadano_si.gif) no-repeat;} #contingut .home_tit_tyn .sd { top: 0; right: -1px; background: url(../imatges/esquinas_tit_ciudadano_sd.gif) no-repeat;} #contingut .home_tit_tyn .ii { bottom: -1px; left: 0; background: url(../imatges/esquinas_tit_ciudadano_ii.gif) no-repeat;} #contingut .home_tit_tyn .id { bottom: -1px; right: -1px; background: url(../imatges/esquinas_tit_ciudadano_id.gif) no-repeat;} /* Cercador de tramites ------------------------------------------------------------------------------------------------------------------------ */ #cercadortramites { background:#770101;} #cercadortramites .si { top: 0; left: 0; background: url(../imatges/esquinas_buscador_ciudadano_si.gif) no-repeat; width:9px; height:7px;} #cercadortramites .sd { top: 0; right: 0; background: url(../imatges/esquinas_buscador_ciudadano_sd.gif) no-repeat; width: 5px; height: 5px;} #cercadortramites .ii { bottom: 0; left: 0; background: url(../imatges/esquinas_buscador_ciudadano_ii.gif) no-repeat; width: 550px; height: 11px;} #cercadortramites .id { bottom: 0; right: -4px; background: url(../imatges/esquinas_buscador_ciudadano_id.gif) no-repeat; width: 550px; height: 11px;} #cercadortramites a, #cercadortramites input.boton { background: #FFF url(../imatges/boton_off_back.gif) left bottom repeat-x;} #cercadortramites a:active, #cercadortramites input.boton:focus { background: #FFF url(../imatges/boton_active_back.gif) left top repeat-x;} /* MI CARPETA ------------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------------ */ /* Titulo de tramite y Titulo de tramite grande ------------------------------------------------------------------------------------------------------------------------ */ #tit_tramite_car{ background:#770101;} #tit_tramite_car .si { top: 0; left: 0; background: url(../imatges/esquinas_ciudadano_si.gif) no-repeat; width:5px; height:5px;} #tit_tramite_car .sd { top: 0; right: 0; background: url(../imatges/esquinas_ciudadano_sd.gif) no-repeat; width: 5px; height: 5px;} #tit_tramite_car .ii { bottom: 0; left: 0; background: url(../imatges/esquinas_ciudadano_ii.gif) no-repeat; width: 5px; height: 5px;} #tit_tramite_car .id { bottom: 0; right: 0; background: url(../imatges/esquinas_ciudadano_id.gif) no-repeat; width: 5px; height: 5px;} /* PARTE DE CONTENIDOS ------------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------------ */ /* Titulo de tramite y Titulo de tramite grande ------------------------------------------------------------------------------------------------------------------------ */ #tit_tramite, #tit_tramite_gran { background:#72661B;} #tit_tramite .si, #tit_tramite_gran .si { top: 0; left: 0; background: url(../imatges/esquinas_verde_si.gif) no-repeat; width: 5px; height: 5px;} #tit_tramite .sd, #tit_tramite_gran .sd { top: 0; right: 0; background: url(../imatges/esquinas_verde_sd.gif) no-repeat; width: 5px; height: 5px;} #tit_tramite .ii, #tit_tramite_gran .ii { bottom: 0px; left: 0; background: url(../imatges/esquinas_verde_ii.gif) no-repeat; width: 5px; height: 5px;} #tit_tramite .id, #tit_tramite_gran .id { bottom: 0px; right: 0; background: url(../imatges/esquinas_verde_id.gif) no-repeat; width: 5px; height: 5px;} /* Canal ------------------------------------------------------------------------------------------------------------------------ */ #canal { background: #72661B url(../imatges/canal_verde_back.gif) left bottom repeat-x;} #canal .si { top: 0; left: 0; background: url(../imatges/esquinas_verde_si.gif) no-repeat; width: 5px; height: 5px;} #canal .sd { top: 0; right: 0; background: url(../imatges/esquinas_verde_sd.gif) no-repeat; width: 5px; height: 5px;} #canal .ii { bottom: 0px; left: 0; background: url(../imatges/esquinas_canal_verde_ii.gif) no-repeat; width: 35px; height: 15px;} #canal .id { bottom: 0px; right: 0; background: url(../imatges/esquinas_canal_verde_id.gif) no-repeat; width: 5px; height: 15px;} #canal h4.internet { background: transparent url(../imatges/ico_canal_verde_internet.gif) right center no-repeat;} #canal h4.presencial { background: transparent url(../imatges/ico_canal_verde_presencialmente.gif) right center no-repeat;} #canal h4.telefono { background: transparent url(../imatges/ico_canal_verde_telefono.gif) right center no-repeat;} /* Tablas de identificacion ------------------------------------------------------------------------------------------------------------------------ */ table.identificacion tbody th { background: #72661B;} /* DESTACADOS ------------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------------ */ /* Esquinas de dentro destacados ------------------------------------------------------------------------------------------------------------------------ */ #destacados div .si { top: 0; left: 0; background: url(../imatges/esquinas_destacados_verde_si.gif) no-repeat;} #destacados div .sd { top: 0; right: -1px; background: url(../imatges/esquinas_destacados_verde_sd.gif) no-repeat; width: 6px; height: 6px;} #destacados div .ii { bottom: -1px; left: 0; background: url(../imatges/esquinas_destacados_verde_ii.gif) no-repeat; width: 6px; height: 6px;} #destacados div .id { bottom: -1px; right: -1px; background: url(../imatges/esquinas_destacados_verde_id.gif) no-repeat; width: 6px; height: 6px;} /* Titulos de los destacados ------------------------------------------------------------------------------------------------------------------------ */ #destacados .tit_destacado { background:#72661B;} /* Banner ------------------------------------------------------------------------------------------------------------------------ */ #destacados .banner { background:#72661B url(../imatges/ico_admiracion_banner_verde.gif) right top no-repeat;} /* Otros canales ------------------------------------------------------------------------------------------------------------------------ */ #destacados .tit_altrescanals { background:#72661B;} /* Banner con imagen ------------------------------------------------------------------------------------------------------------------------ */ #destacados .bannerimg { background-color:#72661B;} #destacados .bannerimg .si { bottom: 0; left: 0; background: transparent url(../imatges/esquinas_doblada_verde_si.gif) no-repeat; width: 16px; height: 16px;} /* Mi Carpeta ------------------------------------------------------------------------------------------------------------------------ */ #destacados .carpeta { background:#72661B;} #destacados .carpeta .sd{ background: transparent url(../imatges/ico_carpeta_verde.gif) no-repeat;} /* PIE ------------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------------ */ /* Pie de la Parte Publica ------------------------------------------------------------------------------------------------------------------------ */ #pie_publica { background: transparent url(../imatges/pie_ciudadanos.gif) right bottom no-repeat;} /* POPUPS ------------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------------ */ /* Titulos del popup pequeno ------------------------------------------------------------------------------------------------------------------------ */ .tit_pop_peq { background:#72661B;} #contingut .tit_pop_peq .si { top: 0; left: 0; background: url(../imatges/esquinas_destacados_verde_si.gif) no-repeat;} #contingut .tit_pop_peq .sd { top: 0; right: -1px; background: url(../imatges/esquinas_destacados_verde_sd.gif) no-repeat; width: 6px; height: 6px;} #contingut .tit_pop_peq .ii { bottom: -1px; left: 0; background: url(../imatges/esquinas_destacados_verde_ii.gif) no-repeat; width: 6px; height: 6px;} #contingut .tit_pop_peq .id { bottom: -1px; right: -1px; background: url(../imatges/esquinas_destacados_verde_id.gif) no-repeat; width: 6px; height: 6px;} /* Titulos del popup mediano ------------------------------------------------------------------------------------------------------------------------ */ .tit_pop_med { background:#72661B;} #contingut .tit_pop_med .si { top: 0; left: 0; background: url(../imatges/esquinas_destacados_verde_si.gif) no-repeat;} #contingut .tit_pop_med .sd { top: 0; right: -1px; background: url(../imatges/esquinas_destacados_verde_sd.gif) no-repeat; width: 6px; height: 6px;} #contingut .tit_pop_med .ii { bottom: -1px; left: 0; background: url(../imatges/esquinas_destacados_verde_ii.gif) no-repeat; width: 6px; height: 6px;} #contingut .tit_pop_med .id { bottom: -1px; right: -1px; background: url(../imatges/esquinas_destacados_verde_id.gif) no-repeat; width: 6px; height: 6px;}