/* * Fichero: public.css ,v1.0px 17/10/2005 Francisco Javier Lopez * * Hoja de estilos para presentación de los elementos principales comunes a * toda la Web. Se establecen tamaños, fuentes, colores y otros atributos * en general. * * Media screen * Navegadores IE5.5+, IE6, IE7, Opera 9 * CSS 2 * Fichero public.css * Version v1.0 * Autores Francisco Javier Lopez * Comentarios */ /* ESTILOS GENERALES */ body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #6B695D; font-size: 11px; font-style: normal; text-align: center; background: #E2E2D3 url(/img/fondo.gif) top left repeat-x; } html, body { } td, th { font-family: Arial, Helvetica, sans-serif; color: #6B695D; font-size: 11px; } hr { display: none; } /* ESTILOS CAJAS GLOBALES. GRID GLOBAL */ #web-pre { } #web { margin: 8px auto 0px auto; width: 670px; text-align: left; } #pcab { clear: both; } #cab { clear: both; } #scab { } #ctd { clear: both; padding: 0px 0px 15px 0px; } #lat { display: none; } #dts { display: none; } #ppie { clear: both; height: 30px; background: transparent url(/img/en/pieinterior.jpg) top left no-repeat; } #ppie-int { clear: both; height: 30px; background: transparent url(/img/en/pieinterior.jpg) top left no-repeat; } #pie { clear: both; padding: 8px 0px 15px 0px; } /* ESTILOS PARA LA WEB */ #web-blo { } #web-min { } #web-con { } * html #web-min { } * html #web-con { } /*\*/ * html #web-min, * html #web-con, * html #web-blo { } /**/ /* ESTILOS PARA LA PREHOME DE LA WEB */ #web-pre .XX { } #web-pre .XX-padd { } #web-pre h1.XX { } #web-pre h2.XX { } #web-pre h3.XX { } #web-pre h4.XX { } #web-pre h5.XX { } /* ESTILOS PARA LA PRECABECERA */ #pcab .c1 { float: left; } #pcab .c2 { float: right; width: 350px; text-align: right; } #pcab h1 { display: block; margin: 0px; padding: 0px; width: 283px; height: 79px; font-size:11px; } #pcab h1 a { display: block; width: 283px; height: 79px; text-decoration: none; background: transparent url(/img/en/logo.gif) bottom left no-repeat; } #pcab h1 a span { display: none; } #pcab h2 { display: none; } #pcab .tlf { float: right; display: block; width: 209px; height: 36px; background: transparent url(/img/en/tlfno.gif) top left no-repeat; } #pcab .tlf span { display: none; } #pcab .tlf-txt { clear: both; font-weight: bold; color: #007331; } #pcab .nav { margin: 4px 0px 0px 0px; } /* ESTILOS PARA LA CABECERA DE LA WEB */ #cab h2 { display: none; } /* ESTILOS PARA LA SUBCABECERA */ #scab .XX { } #scab .XX-padd { } #scab h1.XX { } #scab h2.XX { } #scab h3.XX { } #scab h4.XX { } #scab h5.XX { } #scab .nav { } /* ESTILOS PARA EL PREPIE */ #ppie div { display: none; } #ppie-int div { display: none; } /* ESTILOS PARA EL PIE DE LA PAGINA */ #pie span { color: #201f15; } /* ESTILOS PARA EL MENU LATERAL */ #lat .XX { } #lat .XX-padd { } #lat h1.XX { } #lat h2.XX { } #lat h3.XX { } #lat h4.XX { } #lat h5.XX { } /* ESTILOS PARA EL CONTENIDO Y DATOS */ #ctd-padd { margin: 9px 0px 0px 0px; } #ctd h2.scc-home1 { margin: 0px; padding: 0px 0px 8px 0px; font-size: 14px; color: #D8D7C9; } #ctd h2.scc-home2 { margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 14px; /*#6B695D;*/ background: transparent url(/img/fondo_scc_home2.gif) bottom left repeat-x; } #ctd h2.scc-home3 { margin: 0px; padding: 0px 0px 8px 0px; font-size: 12px; color: #A64019; } #ctd div.scc { margin: 0px 0px 8px 0px; background: #6B695D url(/img/fondo_scc2.jpg) top left no-repeat; } #ctd h2.scc { margin: 0px; padding: 5px 5px 5px 15px; font-size: 14px; color: #F0EFE6; background: url(/img/fondo_scc.jpg) top right no-repeat; } #ctd h2.scc a { font-size: 14px; color: #F0EFE6; text-decoration: none; } #ctd h2.scc a:hover { font-size: 14px; color: #FFFF99; text-decoration: none; } #ctd h3.scc { margin: 0px; padding: 0px; font-size: 16px; color: #007331; } #ctd h4.scc { margin: 0px; padding: 0px; font-size: 13px; color: #9F0000; } #ctd h4.scc2 { margin: 0px 0px 8px 0px; padding: 0px 0px 4px 0px; font-size: 13px; color: #000000; border-bottom: 1px solid #CBCAC0; } #dts .XX { } #dts .XX-padd { } #dts h1.XX { } #dts h2.XX { } #dts h3.XX { } #dts h4.XX { } #dts h5.XX { } /* ESTILOS PARA MENUS DE NAVEGACION */ /* Menu de 1º Nivel, 2º Nivel y 3º Nivel anidados. Con el estilo ".act" estamos definiendo la opcion de menu actual */ .men { } .men ul { } .men ul li { } .men ul li a { } .men ul li a:hover { } .men ul li.act { } .men ul li.act a { } .men ul li.act a:hover { } .men ul ul { } .men ul ul li { } .men ul ul li a { } .men ul ul li a:hover { } .men ul ul li.act { } .men ul ul li.act a { } .men ul ul li.act a:hover { } .men ul ul ul { } .men ul ul ul li { } .men ul ul ul li a { } .men ul ul ul li a:hover { } .men ul ul ul li.act { } .men ul ul ul li.act a { } .men ul ul ul li.act a:hover { } /* Menu de 1º Nivel. Con el estilo ".act" estamos definiendo la opcion de menu actual */ .men-1n { } .men-1n ul { margin: 0px; padding: 0px; width: 670px; height: 33px; background: #007331; } .men-1n ul li { list-style-type: none; float: left; } .men-1n ul li a { display: block; text-decoration: none; } .men-1n ul li a span { display: none; color:white;} .men-1n ul li.op1 a { width: 73px; height: 33px; background: transparent url(/img/en/menu1.gif) 0px 0px no-repeat; } .men-1n ul li.op1 a:hover { background: transparent url(/img/en/menu1.gif) 0px -33px no-repeat; } .men-1n ul li.op1-act a { width: 73px; height: 33px; background: transparent url(/img/en/menu1.gif) 0px -33px no-repeat; } .men-1n ul li.op2 a { width: 66px; height: 33px; background: transparent url(/img/en/menu1.gif) -73px 0px no-repeat; } .men-1n ul li.op2 a:hover { background: transparent url(/img/en/menu1.gif) -73px -33px no-repeat; } .men-1n ul li.op2-act a { width: 66px; height: 33px; background: transparent url(/img/en/menu1.gif) -73px -33px no-repeat; } .men-1n ul li.op3 a { width: 66px; height: 33px; background: transparent url(/img/en/menu1.gif) -139px 0px no-repeat; } .men-1n ul li.op3 a:hover { background: transparent url(/img/en/menu1.gif) -139px -33px no-repeat; } .men-1n ul li.op3-act a { width: 66px; height: 33px; background: transparent url(/img/en/menu1.gif) -139px -33px no-repeat; } .men-1n ul li.op4 a { width: 74px; height: 33px; background: transparent url(/img/en/menu1.gif) -205px 0px no-repeat; } .men-1n ul li.op4 a:hover { background: transparent url(/img/en/menu1.gif) -205px -33px no-repeat; } .men-1n ul li.op4-act a { width: 74px; height: 33px; background: transparent url(/img/en/menu1.gif) -205px -33px no-repeat; } .men-1n ul li.op5 a { width: 60px; height: 33px; background: transparent url(/img/en/menu1.gif) -279px 0px no-repeat; } .men-1n ul li.op5 a:hover { background: transparent url(/img/en/menu1.gif) -279px -33px no-repeat; } .men-1n ul li.op5-act a { width: 60px; height: 33px; background: transparent url(/img/en/menu1.gif) -279px -33px no-repeat; } .men-1n ul li.op6 a { width: 67px; height: 33px; background: transparent url(/img/en/menu1.gif) -339px 0px no-repeat; } .men-1n ul li.op6 a:hover { background: transparent url(/img/en/menu1.gif) -339px -33px no-repeat; } .men-1n ul li.op6-act a { width: 67px; height: 33px; background: transparent url(/img/en/menu1.gif) -339px -33px no-repeat; } .men-1n ul li.op7 a { width: 66px; height: 33px; background: transparent url(/img/en/menu1.gif) -406px 0px no-repeat; } .men-1n ul li.op7 a:hover { background: transparent url(/img/en/menu1.gif) -406px -33px no-repeat; } .men-1n ul li.op7-act a { width: 66px; height: 33px; background: transparent url(/img/en/menu1.gif) -406px -33px no-repeat; } .men-1n ul li.op8 { float: right; } .men-1n ul li.op8 a { width: 74px; height: 33px; background: transparent url(/img/en/menu2.gif) -0px 0px no-repeat; } .men-1n ul li.op8 a:hover { background: transparent url(/img/en/menu2.gif) 0px -33px no-repeat; } .men-1n ul li.op8-act a { width: 74px; height: 33px; background: transparent url(/img/en/menu2.gif) 0px -33px no-repeat; } /* Menu de 2º Nivel. Con el estilo ".act" estamos definiendo la opcion de menu actual */ .men-2n { } .men-2n ul { } .men-2n ul li { } .men-2n ul li a { } .men-2n ul li a:hover { } .men-2n ul li.act { } .men-2n ul li.act a { } .men-2n ul li.act a:hover { } /* Menu de 3º Nivel. Con el estilo ".act" estamos definiendo la opcion de menu actual */ .men-3n { } .men-3n ul { } .men-3n ul li { } .men-3n ul li a { } .men-3n ul li a:hover { } .men-3n ul li.act { } .men-3n ul li.act a { } .men-3n ul li.act a:hover { } /* ESTILOS PARA LOS LISTADOS */ /* Listados para documentos pdf */ .lst-pdf ul { margin: 0px; padding: 0px 0px 0px 10px; } /* Listados para enlaces */ .lst-url { } .lst-url ul { margin: 0px; padding: 0px 0px 0px 10px; } .lst-url li { list-style-type: none; padding: 3px 0px 3px 25px; background: transparent url(/img/bullet_url.png) 2px 4px no-repeat; } .lst-url li.fichero { list-style-type: none; padding: 3px 0px 3px 25px; background: transparent url(/img/bullet_file.gif) 0px 3px no-repeat; } .lst-pdf li, .lst-url li.fichero-pdf { list-style-type: none; padding: 3px 0px 3px 25px; background: transparent url(/img/bullet_pdf.gif) 0px 1px no-repeat; } .lst-url dl { } .lst-url dt { } .lst-url dd { } /* Listados para catalogo Activa */ .lst-proAct ul { margin: 8px 0px 0px 0px; padding: 0px; width: 95%; } .lst-proAct li { list-style-type: none; border-top: 1px solid #CBCAC0; } .lst-proAct li a { display: block; padding: 8px 0px 8px 70px; text-decoration: none; } .lst-proAct li a:hover { } .lst-proAct li.op1 a { background: transparent url(/pub/img/seccion/a1.jpg) top left no-repeat; } .lst-proAct li.op1 a:hover { background: #FFFFFF url(/pub/img/seccion/a1o.jpg) top left no-repeat; } .lst-proAct li.op2 a { background: transparent url(/pub/img/seccion/a2.jpg) top left no-repeat; } .lst-proAct li.op2 a:hover { background: #FFFFFF url(/pub/img/seccion/a2o.jpg) top left no-repeat; } .lst-proAct li.op3 a { background: transparent url(/pub/img/seccion/a3.jpg) top left no-repeat; } .lst-proAct li.op3 a:hover { background: #FFFFFF url(/pub/img/seccion/a3o.jpg) top left no-repeat; } .lst-proAct li.op4 a { background: transparent url(/pub/img/seccion/a4.jpg) top left no-repeat; } .lst-proAct li.op4 a:hover { background: #FFFFFF url(/pub/img/seccion/a4o.jpg) top left no-repeat; } .lst-proAct li.op5 a { background: transparent url(/pub/img/seccion/a5.jpg) top left no-repeat; } .lst-proAct li.op5 a:hover { background: #FFFFFF url(/pub/img/seccion/a5o.jpg) top left no-repeat; } .lst-proAct li.op6 a { background: transparent url(/pub/img/seccion/a6.jpg) top left no-repeat; } .lst-proAct li.op6 a:hover { background: #FFFFFF url(/pub/img/seccion/a6o.jpg) top left no-repeat; } .lst-proAct li.op7 a { background: transparent url(/pub/img/seccion/a7.jpg) top left no-repeat; } .lst-proAct li.op7 a:hover { background: #FFFFFF url(/pub/img/seccion/a7o.jpg) top left no-repeat; } .lst-proAct li.op8 a { background: transparent url(/pub/img/seccion/a8.jpg) top left no-repeat; } .lst-proAct li.op8 a:hover { background: #FFFFFF url(/pub/img/seccion/a8o.jpg) top left no-repeat; } .lst-proAct li.op9 a { background: transparent url(/pub/img/seccion/a9.jpg) top left no-repeat; } .lst-proAct li.op9 a:hover { background: #FFFFFF url(/pub/img/seccion/a9o.jpg) top left no-repeat; } .lst-proAct li.op10 a { background: transparent url(/pub/img/seccion/a10.jpg) top left no-repeat; } .lst-proAct li.op10 a:hover { background: #FFFFFF url(/pub/img/seccion/a10o.jpg) top left no-repeat; } .lst-proAct li.op11 a { background: transparent url(/pub/img/seccion/a11.jpg) top left no-repeat; } .lst-proAct li.op11 a:hover { background: #FFFFFF url(/pub/img/seccion/a11o.jpg) top left no-repeat; } .lst-proAct li.op12 a { background: transparent url(/pub/img/seccion/a12.jpg) top left no-repeat; } .lst-proAct li.op12 a:hover { background: #FFFFFF url(/pub/img/seccion/a12o.jpg) top left no-repeat; } .lst-proAct li.op13 a { background: transparent url(/pub/img/seccion/a13.jpg) top left no-repeat; } .lst-proAct li.op13 a:hover { background: #FFFFFF url(/pub/img/seccion/a13o.jpg) top left no-repeat; } /* Listados para catalogo Activa */ .lst-proPas ul { margin: 8px 0px 0px 0px; padding: 0px; width: 95%; } .lst-proPas li { list-style-type: none; border-top: 1px solid #CBCAC0; } .lst-proPas li a { display: block; padding: 8px 0px 8px 70px; text-decoration: none; } .lst-proPas li a:hover { } .lst-proPas li.op1 a { background: transparent url(/pub/img/seccion/p1.jpg) top left no-repeat; } .lst-proPas li.op1 a:hover { background: #FFFFFF url(/pub/img/seccion/p1o.jpg) top left no-repeat; } .lst-proPas li.op1-1 a { background: transparent url(/pub/img/seccion/p1_1.jpg) top left no-repeat; } .lst-proPas li.op1-1 a:hover { background: #FFFFFF url(/pub/img/seccion/p1_1o.jpg) top left no-repeat; } .lst-proPas li.op1-2 a { background: transparent url(/pub/img/seccion/p1_2.jpg) top left no-repeat; } .lst-proPas li.op1-2 a:hover { background: #FFFFFF url(/pub/img/seccion/p1_2o.jpg) top left no-repeat; } .lst-proPas li.op1-3 a { background: transparent url(/pub/img/seccion/p1_3.jpg) top left no-repeat; } .lst-proPas li.op1-3 a:hover { background: #FFFFFF url(/pub/img/seccion/p1_3o.jpg) top left no-repeat; } .lst-proPas li.op2 a { background: transparent url(/pub/img/seccion/p2.jpg) top left no-repeat; } .lst-proPas li.op2 a:hover { background: #FFFFFF url(/pub/img/seccion/p2o.jpg) top left no-repeat; } .lst-proPas li.op2-1 a { background: transparent url(/pub/img/seccion/p2_1.jpg) top left no-repeat; } .lst-proPas li.op2-1 a:hover { background: #FFFFFF url(/pub/img/seccion/p2_1o.jpg) top left no-repeat; } .lst-proPas li.op2-2 a { background: transparent url(/pub/img/seccion/p2_2.jpg) top left no-repeat; } .lst-proPas li.op2-2 a:hover { background: #FFFFFF url(/pub/img/seccion/p2_2o.jpg) top left no-repeat; } .lst-proPas li.op2-3 a { background: transparent url(/pub/img/seccion/p2_3.jpg) top left no-repeat; } .lst-proPas li.op2-3 a:hover { background: #FFFFFF url(/pub/img/seccion/p2_3o.jpg) top left no-repeat; } .lst-proPas li.op2-4 a { background: transparent url(/pub/img/seccion/p2_4.jpg) top left no-repeat; } .lst-proPas li.op2-4 a:hover { background: #FFFFFF url(/pub/img/seccion/p2_4o.jpg) top left no-repeat; } .lst-proPas li.op3 a { background: transparent url(/pub/img/seccion/p3.jpg) top left no-repeat; } .lst-proPas li.op3 a:hover { background: #FFFFFF url(/pub/img/seccion/p3o.jpg) top left no-repeat; } .lst-proPas li.op4 a { background: transparent url(/pub/img/seccion/p4.jpg) top left no-repeat; } .lst-proPas li.op4 a:hover { background: #FFFFFF url(/pub/img/seccion/p4o.jpg) top left no-repeat; } .lst-proPas li.op5 a { background: transparent url(/pub/img/seccion/p5.jpg) top left no-repeat; } .lst-proPas li.op5 a:hover { background: #FFFFFF url(/pub/img/seccion/p5o.jpg) top left no-repeat; } .lst-proPas li.op6 a { background: transparent url(/pub/img/seccion/p6.jpg) top left no-repeat; } .lst-proPas li.op6 a:hover { background: #FFFFFF url(/pub/img/seccion/p6o.jpg) top left no-repeat; } /* Listados para documentos */ .lst-doc ul { } .lst-doc li { } .lst-doc dl { } .lst-doc dt { } .lst-doc dd { } /* Listados para categorias */ .lst-cat { } .lst-cat ul { } .lst-cat li { } .lst-cat dl { } .lst-cat dt { } .lst-cat dd { } /* Listados para datos de resultados */ .lst-dts { } .lst-dts dl { } .lst-dts dt { } .lst-dts dd { } /* Listados para explicaciones */ .lst-exp { } .lst-exp ul { } .lst-exp li { } .lst-exp dl { } .lst-exp dt { } .lst-exp dd { } /* Listados para notas */ .lst-not { } .lst-not ul { } .lst-not li { } .lst-not dl { } .lst-not dt { } .lst-not dd { } /* Listados para opciones */ .lst-op { } .lst-op ul { } .lst-op li { } .lst-op dl { } .lst-op dt { } .lst-op dd { } /* Listados para subopciones */ .lst-sop { } .lst-sop ul { } .lst-sop li { } .lst-sop dl { } .lst-sop dt { } .lst-sop dd { } /* Listado favoritos */ .lst-fav { } .lst-fav ul { } .lst-fav li { } .lst-fav dl { } .lst-fav dt { } .lst-fav dd { } /* Listado de Tags */ .lst-tags ol { } .lst-tags li { } .lst-tags li span { } .lst-tags a { } .lst-tags a:hover { } .lst-tags .tm1 { font-size:10px; } .lst-tags .tm2 { font-size: 13px; } .lst-tags .tm3 { font-size: 16px; } .lst-tags .tm4 { font-size: 19px; } .lst-tags .tm5 { font-size: 21px; } /* Listado acciones */ .lst-acc { } .lst-acc ul { } .lst-acc li { } /* TABLA DE DATOS */ /* Tabla de datos normal */ table.tbl-dts { } table.tbl-dts caption { } .tbl-dts th { } .tbl-dts td { } .tbl-dts td.par { } /* Tabla para el calendario normal */ table.tbl-cal { } table.tbl-cal caption { } table.tbl-cal caption a { } table.tbl-cal caption a:hover { } .tbl-cal thead { } .tbl-cal thead th { } .tbl-cal thead th a.mes-ant { } .tbl-cal thead th a.mes-ant:hover { } .tbl-cal thead th a.mes-sig { } .tbl-cal thead th a.mes-sig:hover { } .tbl-cal tbody th { } .tbl-cal tbody th a { } .tbl-cal tbody th a:hover { } .tbl-cal td { } .tbl-cal td a { } .tbl-cal td a:hover { } .tbl-cal td.hoy { } .tbl-cal td.hoy a { } .tbl-cal td.hoy a:hover { } .tbl-cal td.previo { } .tbl-cal td.previo a { } .tbl-cal td.proximo { } .tbl-cal td.proximo a { } .tbl-cal td.ant { } .tbl-cal td.ant a { } .tbl-cal td.ant a:hover { } .tbl-cal td.fsm { } .tbl-cal td.fsm a { } .tbl-cal td.fsm a:hover { } /* Tabla para el calendario citas */ table.tbl-cit { } table.tbl-cit caption { } table.tbl-cit caption a { } table.tbl-cit caption a:hover { } .tbl-cit tr th { } .tbl-cit tr th a { } .tbl-cit tr th a:hover { } .tbl-cit td { } .tbl-cit td.hoy { } .tbl-cit td.hoy a { } .tbl-cit td.hoy a:hover { } .tbl-cit td.lib { } .tbl-cit td.lib a { } .tbl-cit td.lib a:hover { } .tbl-cit td.nlib { } /* Tabla de datos normal, especial o personlizada: Formato 1 */ table.tbl-f1 { } table.tbl-f1 caption { } .tbl-f1 th { } .tbl-f1 td { } /* ESTILOS PARA CAJA CON FORMATOS */ /* Caja Claim */ .caj-claim { } .caj-claim-img div { } /* Caja con esquinas redondeadas */ .caj-rddo { } .caj-rddo-t { background: #F9F8EE url(/img/fondo_rddo1.gif) top left repeat-x; } .caj-rddo-b { background: transparent url(/img/fondo_rddo1.gif) bottom left repeat-x; } .caj-rddo-i { background: transparent url(/img/fondo_rddo1.gif) top left repeat-y; } .caj-rddo-d { background: transparent url(/img/fondo_rddo1.gif) top right repeat-y; } .caj-rddo-e1 { background: transparent url(/img/fondo_rddo2.gif) top left no-repeat; } .caj-rddo-e2 { background: transparent url(/img/fondo_rddo3.gif) top right no-repeat; } .caj-rddo-e3 { background: transparent url(/img/fondo_rddo4.gif) bottom left no-repeat; } .caj-rddo-e4 { background: transparent url(/img/fondo_rddo5.gif) bottom right no-repeat; } .caj-rddo-padd { padding: 10px; } /* Caja con esquinas redondeadas para interior */ .caj-rddo2 { } .caj-rddo2-t { background: #F6F5EB url(/img/fondo_rddo1.gif) top left repeat-x; } .caj-rddo2-b { background: transparent url(/img/fondo_rddo1.gif) bottom left repeat-x; } .caj-rddo2-i { background: transparent url(/img/fondo_rddo1.gif) top left repeat-y; } .caj-rddo2-d { background: transparent url(/img/fondo_rddo1.gif) top right repeat-y; } .caj-rddo2-e1 { background: transparent url(/img/fondo_rddo2.gif) top left no-repeat; } .caj-rddo2-e2 { background: transparent url(/img/fondo_rddo3.gif) top right no-repeat; } .caj-rddo2-e3 { background: transparent url(/img/fondo_rddo4.gif) bottom left no-repeat; } .caj-rddo2-e4 { background: transparent url(/img/fondo_rddo5.gif) bottom right no-repeat; } .caj-rddo2-padd { padding: 15px; } /* Caja con esquinas redondeadas para interior */ .caj-rddo3 { } .caj-rddo3-t { background: #FFFFFF url(/img/fondo_rddo1.gif) top left repeat-x; } .caj-rddo3-b { background: transparent url(/img/fondo_rddo1.gif) bottom left repeat-x; } .caj-rddo3-i { background: transparent url(/img/fondo_rddo1.gif) top left repeat-y; } .caj-rddo3-d { background: transparent url(/img/fondo_rddo1.gif) top right repeat-y; } .caj-rddo3-e1 { background: transparent url(/img/fondo_2rddo2.gif) top left no-repeat; } .caj-rddo3-e2 { background: transparent url(/img/fondo_2rddo3.gif) top right no-repeat; } .caj-rddo3-e3 { background: transparent url(/img/fondo_2rddo4.gif) bottom left no-repeat; } .caj-rddo3-e4 { background: transparent url(/img/fondo_2rddo5.gif) bottom right no-repeat; } .caj-rddo3-padd { padding: 15px; font-size: 12px; } /* Caja de Ayuda */ .caj-ayu { } .caj-ayu-padd { } /* Caja de error */ .caj-err { } .caj-err-padd { } .caj-err strong { } /* Caja de alertas y/o avisos */ .caj-ale { } .caj-ale-padd { } .caj-ale strong { } /* Caja de 'No hay datos en listado */ .caj-ndts { } .caj-ndts-padd { } .caj-ndts strong { } /* Caja para contenidos anexos */ .caj-anx { } .caj-anx-padd { } /* Caja para contenidos notas */ .caj-not { } .caj-not-padd { } /* Caja resultados */ .caj-res { } .caj-res-padd { } /* Caja para la autentificacion */ .caj-aut { } .caj-aut-padd { } /* Caja para contenido destacado */ .caj-des { } .caj-des-padd { } .caj-des-scc { } /* Caja Tooltip */ #caj-ttip { } #caj-ttip-img { } /* Caja para personalizable: formato 1 */ .caj-f1 { margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #CBCAC0; } .caj-f1-padd { } /* Caja para personalizable: formato 2 */ .caj-f2 { margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #CBCAC0; } /* ESTILOS PARA LAS PESTAÑAS */ .pesf1 { } .pesf1 ul { } .pesf1 ul li { } .pesf1 ul li a { } .pesf1 ul li a:hover { } .pesf1 ul li.act { } .pesf1 ul li.act a { } .pesf1 ul li.act a:hover { } .pesf1 ul li.inact a { } .pesf1 ul li.inact a:hover { } .pesf1-cpo { } .pesf1-padd { } /* ESTILOS PARA EL POPUP */ #pop { } #pop-padd { } /* ESTILOS PARA COLUMNAS GENERALES */ /* 2 Columnas 50%-50& */ .col2f1 { } .col2f1-c1 { float: left; width: 49%; } .col2f1-c2 { float: right; width: 49%; } /* 2 Columnas 50%-50& */ .col2f2 { } .col2f2-c1 { float: left; width: 49%; } .col2f2-c2 { float: right; width: 50%; } /* 2 Columnas 70%-30% */ .col2f2i { } .col2f2i-c1 { float: left; width: 69%; } .col2f2i-c2 { float: right; width: 29%; } /* 2 Columnas 30%-70% */ .col2f2d { } .col2f2d-c1 { float: left; width: 29%; } .col2f2d-c2 { float: right; width: 69%; } /* 2 Columnas 60%-40% */ .col2f3i { } .col2f3i-c1 { float: left; width: 59%; } .col2f3i-c2 { float: right; width: 39%; } /* 2 Columnas 40%-60% */ .col2f3d { } .col2f3d-c1 { float: left; width: 39%; } .col2f3d-c2 { float: right; width: 59%; } /* 2 Columnas 20%-80% */ .col2f4d { } .col2f4d-c1 { float: left; width: 19%; } .col2f4d-c2 { float: right; width: 79%; } /* 2 Columnas 80%-20% */ .col2f4i { } .col2f4i-c1 { float: left; width: 79%; } .col2f4i-c2 { float: right; width: 19%; } /* 3 Columnas 33%-33%-33% */ .col3f1 { } .col3f1-c1 { float:left; margin:0% 1.99% 0% 0%; width:32%; } .col3f1-c2 { float:left; margin:0% 0% 0% 0%; width:32%; } .col3f1-c3 { float:right; width:32%; } /* 3 Columnas 33%-33%-33% */ .col3f2 { } .col3f2-c1 { float: left; width: 6%; padding: 0% 1% 0% 0%; } .col3f2-c2 { float: left; width: 84%; } .col3f2-c3 { float: right; width: 6%; padding: 0% 0% 0% 1%; } /* 3 Columnas 20%-60%-20% */ .col3f3 { } .col3f3-c1 { float: left; margin:0% 1% 0% 0%; width: 20%; } .col3f3-c2 { float: left; width: 58%; } .col3f3-c3 { float: right; width: 20%; } /* 3 Columnas grid 1 33%-66% */ .col3f1g1 { } .col3f1g1-c1 { float:left; width:32%; } .col3f1g1-c2 { float:right; width:66%; } /* 3 Columnas grid 2 66%-33% */ .col3f1g2 { } .col3f1g2-c1 { float:left; width:66%; } .col3f1g2-c2 { float:right; width:32%; } /* 4 Columnas 25%-25%-25%-25% */ .col4f1 { } .col4f1-c1 { float:left; margin:0% 1.333% 0% 0%; width:24%; } .col4f1-c2 { float:left; margin:0% 1.333% 0% 0%; width:24%; } .col4f1-c3 { float:left; margin:0% 0% 0% 0%; width:24%; } .col4f1-c4 { float:right; margin:0% 0% 0% 0%; width:24%; } /* 4 Columnas grid 1 25%-50%-25% */ .col4f1g1 { } .col4f1g1-c1 { float:left; margin:0% 1.5% 0% 0%; width:24%; } .col4f1g1-c2 { float:left; margin:0% 0% 0% 0%; width:49%; } .col4f1g1-c3 { float:right; margin:0% 0% 0% 0%; width:24%; } /* 4 Columnas grid 2 25%-25%-50% */ .col4f1g2 { } .col4f1g2-c1 { float:left; margin:0% 1.5% 0% 0%; width:24%; } .col4f1g2-c2 { float:left; margin:0% 0% 0% 0%; width:24%; } .col4f1g2-c3 { float:right; margin:0% 0% 0% 0%; width:49%; } /* 4 Columnas grid 3 50%-25%-25% */ .col4f1g3 { } .col4f1g3-c1 { float:left; margin:0% 1.5% 0% 0%; width:49%; } .col4f1g3-c2 { float:left; margin:0% 0% 0% 0%; width:24%; } .col4f1g3-c3 { float:right; margin:0% 0% 0% 0%; width:24%; } /* 5 Columnas 20%-20%-20%-20%-20% */ .col5f1 { } .col5f1-c1 { float:left; margin:0% 1.2% 0% 0%; width:19%; } .col5f1-c2 { float:left; margin:0% 1.2% 0% 0%; width: 19%; } .col5f1-c3 { float:left; margin:0% 1.2% 0% 0%; width: 19%; } .col5f1-c4 { float:left; margin:0% 0% 0% 0%; width:19%; } .col5f1-c5 { float:right; margin:0% 0% 0% 0%; width:19%; } /* 6 Columnas 16%-16%-16%-16%-16%-16% */ .col6f1 { width: 100%; } .col6f1-c1 { float:left; margin:0% 2% 0% 0%; width:15%; } .col6f1-c2 { float:left; margin:0% 2% 0% 0%; width: 15%; } .col6f1-c3 { float:left; margin:0% 2% 0% 0%; width: 15%; } .col6f1-c4 { float:left; margin:0% 2% 0% 0%; width:15%; } .col6f1-c5 { float:left; margin:0% 0% 0% 0%; width:15%; } .col6f1-c6 { float:right; margin:0% 0% 0% 0%; width:15%; } /* ESTILOS PARA COLUMNAS PERSONALIZADAS */ .col2p1 { height: 139px; background: #CBCABB url(/img/fondo_home.gif) bottom left repeat-x; } .col2p1-c1 { float: left; width: 420px; } .col2p1-c2 { float: right; width: 240px; } .col2p1-c1-padd , .col2p1-c2-padd { padding: 10px; } .col2p2 { } .col2p2-padd { margin: 10px 0px 0px 0px; } .col2p2-c1 { float: left; width: 420px; } .col2p2-c2 { float: right; width: 240px; } .col2p2-c1-padd , .col2p2-c2-padd { padding: 10px; } /* FONDOS ESPECIALES */ .fdo-f1 { height: 139px; background: transparent url(/img/fondo_home3.jpg) bottom left no-repeat; } .fdo-f2 { height: 139px; background: transparent url(/img/fondo_home2.gif) bottom right no-repeat; } .fdo-f3 { background: transparent url(/img/1x1rosa.gif) 49% 0px repeat-y; } .fdo-f4 { background: #F9F8EE; } .fdo-f5 { background: transparent url(/img/1x1separador.gif) 49% 0px repeat-y; } .fdo-f6 { background: transparent url(/img/640x1separador3.gif) 0px 0px repeat-y; } .fdo-f7 { background: transparent url(/img/1x1separador.gif) top bottom repeat-x; } /* ESTILOS PARA BREADCRUMS */ .bdc { } .bdc-padd { } .bdc strong { } .bdc a { } .bdc a:hover { } /* ESTILO PARA LA PAGINACION */ .pag { } .pag a { } .pag a.ini { } .pag a.ini:hover { } .pag .ini-inact { } .pag a.ant { } .pag a.ant:hover { } .pag .ant-inact { } .pag a.fin { } .pag a.fin:hover { } .pag .fin-inact { } .pag a.sig { } .pag a.sig:hover { } .pag .sig-inact { } .pag .ley { } .pag .ley strong { } .pag .res { } .pag a.act { } .pag a.act strong { } /* ESTILOS PARA LA NAVEGACION COMPLEMENTARIA */ /* Barra de opciones navegacion superior */ .nav-top { } .nav-top-padd { } /* Barra de opciones navegacion inferior */ .nav-btt { } .nav-btt-padd { } /* ESTILOS PARA CUALQUIER FORMULARIO */ /* Formulario Buscador */ .form-bus { } .form-bus fieldset { } .form-bus legend { } .form-bus strong { } .form-bus .lbl { } .form-bus .lbl-f1 { } .form-bus .cps { } .form-bus .rad { } .form-bus .btn { } /* Formulario general */ .form { margin: 0px; padding: 0px; } .form fieldset { border: 0px solid #FFFFFF; } .form fieldset legend { } .form fieldset .lbl { display: block; padding: 0px 0px 4px 0px; } .form fieldset .cps { margin: 0px 0px 8px 0px; font-size: 11px; color: #6B695D; background: #FFFFF5; } .form fieldset .cps-err { } .form fieldset .rad { } .form fieldset .chx { } .form fieldset .tex { margin: 0px 0px 8px 0px; font-family: Arial, Helvetica, sans-serif; color: #6B695D; font-size: 11px; background: #FFFFF5; } .form .btn { margin: 0px 0px 8px 0px; font-size: 11px; color: #6B695D; font-weight: bold; background: #F0F0F0 url(/img/fondo_btn.gif) top left repeat-x; border-left: 1px solid #CCCBBD; border-top: 1px solid #CCCBBD; border-bottom: 1px solid #A3A194; border-right: 1px solid #A3A194; } .form .dist-btn { margin: 10px auto 0px auto; text-align: center; } .form .obl { color: #FF0000; } .form .avi { margin: 10px 0px 8px 0px; padding: 5px 0px 0px 0px; font-size: 10px; color: #000000; border-top: 1px solid #CBCAC0; } .form .ayu { } /* Formulario de filtros de busqueda, opcion de filtrado. Se anida con el estilo "form" */ .form-fil { } /* Formulario de autentificacion de entrada a la web se anida con el estilo "form" */ .form-aut { } /* Formulario de XXX para cajas ventanas se anida con el estilo "form" */ .form-XXX { } /* ESTILOS PARA TEXTO */ .txt { font-size: 11px; } /* Estilo para el texto en general */ .txt-pq { } /* Estilo para el texto en general tamaño pequeño */ .txt-md { } /* Estilo para el texto en general tamaño mediano*/ .txt-gd { } /* Estilo para el texto en general tamaño grande */ .txt-f1 { } /* Estilo para el texto con otro formato, si hay algun mas se nombra correlativamente: f2, f3,... */ .ent { color: #000000; } /* Estilo para la entradilla */ .ent-f1 { } /* Esilo para la entradilla con otro formato, si hay algun mas se nombra correlativamente: f2, f3,... */ .des { color: #000000; } /* Estilo para destacado */ .des-f1 { } /* Esilo para destacado con otro formato, si hay algun mas se nombra correlativamente: f2, f3,... */ .esp { } /* Estilos especiales de color, indicar donde se usa y porque */ .esp-f1 { } /* Estilos especiales de color, indicar donde se usa y porque, si hay algun mas se nombra correlativamente: f2, f3,... */ .fec { font-size: 10px; color: #000000; } /* Estilo para campo de fecha */ .fec-ini { } /* Estilo para campo de fecha de inicio */ .fec-fin { } /* Estilo para campo de fecha de final o ultima fecha */ .fec-crt { } /* Estilo para campo de fecha critica */ .fec-crt { } /* Estilo para campo de fecha Actual */ .fec-home { color: #FFFF99; } .tit { font-size: 12px; color: #9F0000; } /* Estilo para el titulo */ .tit-f1 { } /* Estilo para el titulo, indicar donde se usa y porque, si hay algun mas se nombra correlativamente: f2, f3,... */ .tit-home { color: #FFFFFF; } .ant { color: #002E00; font-weight: bold; text-transform: uppercase; } /* Estilo para antetitulos */ .sub { font-size: 14px; color: #007331; } /* Estilo para la subcabecera */ .sub strong { font-weight: normal; } .dscp { color: #A64019; font-weight: bold; } /* Estilo para utilizar cuando descripcion */ .res { } /* Estilo para la resaltados para destacaar textos sobre el resto ya sea en color o en negrita */ .not { } /* Estilo para notas */ .ane { } /* Estilos para anexos */ .ok { } /* Estilo para Ok en resultados */ .nok { } /* Estilo para resultados no Ok en resultados */ .pvp { } /* Estilo para precio */ .pvp-des { } /* Estilo para destacado */ .pvp-ant { } /* Estilo para precio anterior */ .ndts { } /* Estilo que indica que no hay resultados en listados. Se utiliza cuando no hay decoracion, si no se utilizara los definidos en las cajas */ .err { } /* Estilo que indica que hay un error */ .may { text-transform: uppercase; } /* Estilo de texto mayusculas */ .min { text-transform: lowercase; } /* Estilo de texto minusculas */ .cap { text-transform: capitalize; } /* Estilo de texto capitalize */ /* ESTILOS PARA EL CUERPO */ .cpo { } .cpo strong { } .cpo ul { } .cpo li { } .cpo ul { } .cpo li { } .cpo p { } /* ESTILOS PARA IMAGENES */ img { border: 0px solid #FFFFFF; } a img { border: 0px solid #FFFFFF; } a:hover img { } .img-sm { } .img-cm { border: 1px solid #CBCAC0; } a.img-cm { } a.img-cm:hover { } .img-dch { float: right; } .img-dch-padd { } .img-izq { float: left; } .img-izq-padd { } .img-dch .pie, .img-izq .pie { } /* ESTILOS PARA ENLACES */ a { color: #007331; } a:hover { color: #004A09; } a.enl { color: #007331; } /* Estilo para enlace */ a.enl:hover { color: #004A09; } a.enl-home { color: #EFD168; text-decoration: none; font-weight: bold; } a.enl-mweb { padding: 0px 0px 0px 13px; background: transparent url(/img/bullet_flecha.gif) 0px 3px no-repeat; } a.enl-cont { padding: 0px 0px 0px 13px; background: transparent url(/img/bullet_email.gif) 0px 3px no-repeat; } a.enl-tit { } /* Estilo para enlace en titulo */ a.enl-tit:hover { } a.enl-pq { } /* Enlaces pequeños */ a.enl-pq:hover { } a.enl-des { padding: 0px 0px 0px 17px; background: transparent url(/img/bullet_destacado.gif) 0px 0px no-repeat; } /* Enlaces destacados */ a.enl-des:hover { } a.enl-des2 { display: block; padding: 0px 0px 3px 17px; background: transparent url(/img/bullet_destacado.gif) 0px 0px no-repeat; } /* Enlaces destacados */ a.enl-des2:hover { } a.enl-mas { } /* Enlaces mas informacion */ a.enl-mas:hover { } a.enl-mas-pq { } /* Enlaces mas informacion */ a.enl-mas-pq:hover { } a.enl-com { } /* Enlaces comentarios */ a.enl-com:hover { } a.enl-fot { } /* Enlaces foto */ a.enl-fot:hover { } a.enl-vid { } /* Enlaces video */ a.enl-vid:hover { } a.enl-aud { } /* Enlaces video */ a.enl-aud:hover { } a.enl-swf { } /* Enlaces flash */ a.enl-swf:hover { } a.enl-pdf { } /* Enlaces pdf */ a.enl-pdf:hover { } a.enl-amp { } /* Enlaces ampliar foto */ a.enl-amp:hover { } a.enl-doc { } /* Enlaces para documentos */ a.enl-doc:hover { } a.enl-imp { } /* Enlaces para impresion */ a.enl-imp:hover { } a.enl-top { } /* Enlaces subir */ a.enl-top:hover { } a.enl-vol { } /* Enlaces volver */ a.enl-vol:hover { } a.enl-ant { } /* Enlaces para anterior */ a.enl-ant:hover { } a.enl-sig { } /* Enlaces siguiente */ a.enl-sig:hover { } a.enl-hoy { } /* Enlaces hoy */ a.enl-hoy:hover { } a.enl-ema { padding: 0px 0px 0px 17px; background: transparent url(/img/bullet_mail.gif) 0px 2px no-repeat; } /* Enlaces email */ a.enl-ema:hover { } a.enl-gua { } /* Enlaces guardar */ a.enl-gua:hover { } a.enl-res { } /* Enlaces restuarar */ a.enl-res:hover { } a.enl-sal { } /* Enlaces salir */ a.enl-sal:hover { } a.enl-ale { } /* Enlaces alerta */ a.enl-ale:hover { } a.enl-eli { } /* Enlaces eliminar */ a.enl-eli:hover { } a.enl-ayu { } /* Enlaces ayuda */ a.enl-ayu:hover { } a.enl-edi { } /* Enlaces editar */ a.enl-edi:hover { } a.enl-nedi { } /* Enlaces no editar */ a.enl-nedi:hover { } a.enl-vis { } /* Enlaces previsualizar */ a.enl-vis:hover { } a.enl-rdo { } /* Enlaces resaltado */ a.enl-des:hover { } a.enl-ndes { } /* Enlaces no resaltado */ a.enl-ndes:hover { } a.enl-min { } /* Enlace minimizar */ a.enl-min:hover { } a.enl-max { } /* Enlaces maximizar */ a.enl-max:hover { } /* ESTILOS PARA LA LINEAS */ .lin-f1 { } /* ESTILOS PARA FLOTAR Y ALINEAR */ .flo-izq { float: left; } .flo-dch { float: right; } .ali-izq { text-align: left; } .ali-dch { text-align: right; } .ali-cen { text-align: center; } .ali-top { vertical-align: top; } .ali-btt { vertical-align: bottom; } .ali-med { vertical-align: middle; } /* ESTILOS PARA ESPACIOS PADDINGS Y MARGINS */ .padd { } .padd-top { padding: 10px 0px 0px 0px; } .padd-btt { padding: 0px 0px 10px 0px; } .padd-izq { padding: 0px 10px 10px 0px; } .padd-dch { padding: 0px 0px 10px 0px; } .padd-top2 { padding: 5px 0px 0px 0px; } .padd-btt2 { padding: 0px 0px 5px 0px; } .marg { } .marg-top { padding: 10px 0px 0px 0px; } .marg-btt { padding: 0px 0px 10px 0px; } .marg-izq { padding: 0px 10px 10px 0px; } .marg-dch { padding: 0px 0px 10px 10px; } .marg-top-btt { margin: 5px 0px 5px 0px; } /* ESTILOS PARA LAS ANCHURAS EMPLEADAS EN MAQUETACION */ .an1 { width: 75%; } .an2 { width: 98%; } .an3 { width: 25px; } /* ESTILOS PARA LAS ALTURAS EMPLEADAS EN MAQUETACION */ .al1 { height: 95px; } .al2 { } .al3 { } .translucido { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; } .caj-rddo3-padd-administracion { font-size:10px; padding:5px; } .span-destacada {} .span-destacada strong {font-weight:bold;font-size:11px} .span-no-publicada strong {color:red;font-weight:bold;font-size:11px} .no-image {background: #daeaea;width:100%;text-align:center;padding:25px 0 25px 0;} .caja-acciones {text-align:center;width:160px;float:right;background:#FFEECC;border:1px solid #6B695D;padding:1px 5px;margin-top:5px;margin-left:5px;font-weight:bold} .caja-acciones-relacionados {background:#FFEECC;border:1px solid #6B695D;padding:1px 5px;margin-left:5px;font-weight:bold; display:inline} .caja-acciones a {white-space:nowrap} .caja-mensaje {width:90%;border:1px solid #6B695D;padding:10px;margin:25px;font-weight:bold} .resultado-ok {background-color:#FFFFDD;color:#336600;} .resultado-error {background-color:#FFDDDD;color:#770000;} .caja-mensaje .warn {font-weight:normal;color:#6B695D;padding:3px 0 0 10px;} .administracion .lbl {font-weight:bold;color:black;} /* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/ .brr { clear: both; } .sn-bor { border: 0px solid #FFFFFF; } .ocu { display: none; } .con:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .con {display:inline-block;} @media all { .con { display:block; }} * html .con { height: 1%; display:block;}