/* Start of CMSMS style sheet 'reset' */ /* http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */ /* Reset de propiedades por defecto de los navegadores. Esta hoja de estilos se aplicará a todas las plantillas. */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1em; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* End of 'reset' */ /* Start of CMSMS style sheet 'comun' */ /*************************/ /* COMÚN IZNAJAR */ /************************/ /***** Diseño dado por el .psd a 935px ********/ /*********** BODY *************************************/ html{ height:100%; background:#fff; /*El color de fondo fuera de la página siempre poner en etiqueta */ /*aquí sería bajo el pie */ } body { /* -El texto de contenido es Georgia, tamaño 12px (0.75em) #000. -Background del body: #fff. */ /*Texto*/ font-family:Arial,sans-serif,Verdana,Trebuchet MS,Times New Roman; font-size:68.75%; /* Se suele poner en %. Sabiendo que 100% son 16px, 11px son x. 11px=68.75% (12px=75%) Ese 75%, también podemos poner .75em */ /*aunque firebug muestre el font-size: 100% del reset, ese 100% es respecto al valor dado aquí */ color:#000; font-weight:normal; line-height: 1.3em; /*Bk, márgenes, ... */ /*Puesto en background:??? */ margin:0; text-align:left; } /* hacks para que funcione correctamente el centrado de la web en IE5.5 */ @media tty { i{content:"\";/*" "*/}} body{text-align:center;} /*";} }/* */ /*********** ENLACES **************/ a { color:#402501; /*texto verde color:#0b5420;*/ text-decoration:none; outline:none; } a:focus, a:hover { /* color:#2c3e2a; */ color:#b58c85; /*hover: subrayado text-decoration:underline; outline:none; */ } /*********** H1...H6 ***********/ h1, h2, h3, h4, h5, h6 {font-family:Verdana,Arial,sans-serif,Trebuchet MS,Times New Roman; font-weight:normal;color:#390000;margin:0;clear:both;} h1 {font-size:3em;line-height:1;} h2 {font-size:2.5em;line-height:1em;text-decoration:underline;} h3 { font-size:1.6em;font-weight:normal;font-style:italic;line-height:1.4em;margin-bottom:0.5em; /* letter-spacing:2px; */ } h4 {font-size:1.3em;font-weight:normal;font-style:normal;line-height:1.1em;margin-bottom:0.5em;margin-top:1em;margin-left:0.4em;padding-bottom:4px; } h5 { font-size:1em; font-weight:bold; margin-bottom:0.5em; margin-top:0.2em; text-decoration:underline; } h6 {font-size:1em;font-weight:normal;margin-bottom:0.3em;margin-left:0px;} /*********** ICONOS PDF DE ORDENANZAS, EDICTOS, ...************/ #columnacentroancha a.pdf img,#columnacentro a.pdf img{ margin:0; padding:0; border:none; } /********** ICONO DESCARGAR ADOBE PDF (en el pie) ************/ a#piePdf{ display:block; margin:0 auto; background: transparent url('/uploads/images/enlaces/get_adobe_reader.png') no-repeat; text-indent:-1000em; width:158px; height:39px; } /*Color lineas separadoras, p.e. en obtener Acrobat Reader */ hr { width:95%; color:#b29f9e; } /****************************CONTENEDOR ****************************/ #contenedor{ /*Diseñado a 935*/ width:935px; margin:0 auto; /*centrar página */ overflow:hidden; text-align:left; } /*********CABECERA-TOP, con Menú Contacto y Buscador **********************/ #cabecera { width:935px; height:107px; overflow:hidden; } /****** CABECERA-IZQUIERDA ********/ #cabeceraizquierda { float:left; overflow:hidden; width:415px; height:107px; background: transparent url('/uploads/iznajar/cabecera-izquierda.jpg') no-repeat left top; } /***** H1 -H2 *******/ #cabeceraizquierda h1 { float:left; width:242px; height:67px; /*Desplazamos para que ocupe las letras -grafico- Iznájar*/ margin-left:108px; margin-top:22px; } /*HACEK IE6*/ *html #cabeceraizquierda h1 { margin-left:54px; } #cabeceraizquierda h1 a { display:block; width:242px; height:67px; /*Texto no debe verse*/ text-indent:-2000em; } #cabeceraizquierda h2 { float:left; /*desaparezca del flujo */ text-indent:-2000em; } /****** CABECERA-DERECHA ********/ #cabeceraderecha { float:left; overflow:hidden; width:520px; height:107px; background: transparent url('/uploads/iznajar/cabecera-derecha.jpg') no-repeat left top; } /************** MENU CONTACTO **********************/ ul#menucontacto{ float:right; overflow:hidden; height: 15px; list-style-type:none; text-align:left; /*Necesario para IE6 IE7, sino no sabe el width y no sale en línea el Menu contacto */ width:258px; } ul#menucontacto li { background:transparent none repeat scroll 0 0; border-left:1px solid #000; float: left; padding-right:5px; padding-left:5px; text-align: left; /*Letra idem body*/ text-align:center; font-weight:bold; font-size:0.95em; line-height:1.2em; color: #000; } ul#menucontacto li.rss{ background: transparent url('/uploads/iznajar/rss.gif') no-repeat right 1px; text-align: left; width:38px; /*Para que quepa la imagen del rss y no se monte con las letras RSS */ } ul#menucontacto li.primero{ border:none; } ul#menucontacto li a{ border:none; /*Letra =body*/ /*El size no se pone pues se duplica al hacer .85*.85 del
  • * */ color:#000;/*ponemos color para que no coja el del general*/ } ul#menucontacto li a:hover{ text-decoration:underline; } ul#menucontacto li.activo{ text-decoration:underline; } /****************MENU PRINCIPAL***********************************/ #contenidomenuprincipal { float:left; width:935px; height:33px; overflow:hidden; /*cubrir sus hijos float */ background:#fff url('/uploads/iznajar/mp-bk.gif') no-repeat left top; } ul#menuprincipal{ float:left; padding:0; width:690px; height:28px; overflow:hidden; } ul#menuprincipal li{ height:28px; padding:0; margin:0; float:left; } ul#menuprincipal li.ayuntamiento { width:158px; margin:0 116px 0 24px; } /*Hack IE6*/ * html ul#menuprincipal li.ayuntamiento { margin:0 116px 0 12px; } ul#menuprincipal li.tramites { width:119px; margin-right:128px; } ul#menuprincipal li.turismo { width:124px; } #menuprincipal li a{ text-indent:-2000em; display:block; } ul#menuprincipal li a{ width:100%; height:100%; } ul#menuprincipal li.ayuntamiento a { background: transparent url('/uploads/iznajar/mp-ayuntamiento.gif') no-repeat left top; } ul#menuprincipal li.tramites a { background: transparent url('/uploads/iznajar/mp-tramites.gif') no-repeat left top; } ul#menuprincipal li.turismo a { background: transparent url('/uploads/iznajar/mp-turismo.gif') no-repeat left top; } /* Hover: Muestro la segunda imagen, como cada imagen es de 30, la segunda será -30. Recordemos que tenemos las tres en un sólo .jpg que es de anchura * 90. En la primera, tenemos el normal, la siguientes es -hover- y la última -activo- */ ul#menuprincipal li a:hover { background-position: left -28px; } /*Para todas si está activo muestro la 3ª imagen (más baja) del .jpg */ ul#menuprincipal li.activo a { background-position: bottom right; } /****** BUSCADOR **************************/ #contenidomenuprincipal form{ float:right; margin-top:2px; margin-right:14px; /*como el menu contacto para alinearlo con él */ width:152px; height:21px; } /*Hack IE6*/ *html #contenidomenuprincipal form{ margin-right:7px; } /*Texto: Buscar */ #contenidomenuprincipal form label{ /*Texto = Body*/ font-size:1em; color:#fff; width:auto; float:left; line-height:1em; /*no funciona margin-top, se hace con line-height */ /*Márgenes */ margin-left:5px; margin-right:5px; margin-top:8px; } /*Cuadro de búsqueda (también sería la lupa, que después se sobreescribe más abajo*/ #contenidomenuprincipal form input { background: transparent url('/uploads/iznajar/busca-cuadro.gif') no-repeat; float:left; width:68px; height:19px; font-family:Arial,Trebuchet MS,times New Roman,Verdana; font-size:0.9em; border:none; margin-top:3px; } /*Lupa para buscar */ #contenidomenuprincipal form input.boton{ background: transparent url('/uploads/iznajar/busca-lupa.gif') no-repeat; float:left; width:17px; height:19px; border:none; text-indent:-2000em; /*IE6 IE7 no funciona el text-indent se ve el texto*/ font-size:0em; color:#6d1917; /* mismo color fondo buscador pues con el size se ve una raya '-'*/ cursor:pointer; margin-left:7px; margin-top:3px; } #contenidomenuprincipal form input.boton:hover{ background-position:bottom right; } /**************** MIGAS *****************************/ #migas{ float:left; overflow:hidden; width:904px; height:20px; clear:both; margin-top:8px; margin-bottom:6px; margin-left:20px; } /*Hack IE6 */ *html #migas{ margin-left:10px; margin-bottom:0px; } #migas #contenidomigas{ heigth:20px; width:904px letter-spacing:1px; /*Texto: Lo cogerá el de las migas*/ font-family:Trebuchet MS,Arial,sans-serif,Verdana,Times New Roman; font-size:1em; line-height:1.5em; font-weight:normal; color:#000; text-align:left; } #migas a { /*Texto */ font-family:Trebuchet MS,Arial,sans-serif,Verdana,Times New Roman; font-size:1em; line-height:1.5em; font-weight:normal; color:#000; text-align:left; } #migas a:hover { text-decoration: underline; } #migas a.inicio{ text-decoration:underline; } #migas span.lastitem{ /*font-style:italic;*/ } /*************************************************************************/ /* C U E R P O */ /* Contiene la columnaizquierda (menusecundario) y la columnacentroancha */ /* con el contenido */ /*************************************************************************/ #cuerpo{ float:left; overflow:hidden; width:935px; /*Como la cabecera */ } /************* MENU SECUNDARIO ************************/ #columnaizquierda{ width:170px; margin-left:0px; float:left; overflow:hidden; /*borde inferior*/ padding-bottom:8px; background: transparent url(/uploads/iznajar/ms-down.gif) no-repeat left bottom; /*separamos el contenido*/ margin-right:3em; } /*Cabecera del menú secundario, esta vez si hay una fuente ponible y no img */ #columnaizquierda h3 { /*Texto*/ font-family:Trebuchet MS,Arial,sans-serif,Verdana,Times New Roman; font-size:1.4em; line-height:2em; /*Centramos el texto verticalmente */ font-weight:bold; color:#691816; text-align:left; /*fondo del h3 es un degradado */ width:155px; /*+15 padding=170*/ height:28px; /*alto imagen*/ /*Anulamos CSS

    generales */ margin:0; padding:0; padding-left:15px; /*borde inferior*/ background: transparent url(/uploads/iznajar/ms-top.gif) no-repeat left bottom; } ul#menusecundario{ float:left; overflow:hidden; /*sin background al no llevar sombra es un simple borde*/ border-left:2px solid #85a98f; border-right:2px solid #85a98f; /*background: transparent url(/uploads/iznajar/ms-ul.gif) repeat-y left top;*/ width:166px; /*+borde=170*/ padding:0.8em 0 0 0; } ul#menusecundario li{ width:166px; float:left; overflow:hidden; margin-bottom:8px; background: transparent url(/uploads/iznajar/li.gif) no-repeat 12px 6px; } /*El se transforma en cuando está activo. Tendrá todas sus propiedades */ ul#menusecundario li a,ul#menusecundario li span{ float:left; /*Texto*/ font-family:Trebuchet MS,Arial,sans-serif,Verdana,Times New Roman; font-size:1em; line-height:1.7em; /*Centramos el texto verticalmente */ font-weight:normal; color:#000; text-align:left; width:135px; /* Total 166 al sumarle el padding */ padding:0 6px 0 25px; } ul#menusecundario li a:hover{ background: transparent url(/uploads/iznajar/ms-hover.gif) no-repeat left top; } /*El se transforma en cuando está activo. Tendrá todas sus propiedades */ ul#menusecundario li a.activo,ul#menusecundario li span.activo{ font-style:italic; } /*Elementos 3º nivel: Ayto->Docs->Edictos y Bandos,... */ ul#menusecundario li li { /*Separamos elementos 3er nivel del padre (top) y de sus hermanos */ margin-top:4px; margin-bottom:3px; /*El li.gif. Sólo lo tienen los del 2º nivel*/ background: none; /* Nota: Este
  • sigue ocupando los 166 del
  • padre en el que se encuentra pues el padding se pone en el y no en el
  • */ } /*El se transforma en cuando está activo. Tendrá todas sus propiedades */ ul#menusecundario li li a, ul#menusecundario li li span{ font-size:0.9em; line-height:1.25em; padding-left:30px; font-weight:normal; margin-top:0; width:133px; /*+30 son los 166 del
  • padre*/ background :none; } ul#menusecundario li li a:hover { /*Idem hover 2º nivel */ background: none; font-style:italic; } #cuerpo #columnaizquierda ul#menusecundario li li a.activo { /*Idem activo 2º nivel */ } /******** COLUMNA CENTRO ANCHA ************************/ #columnacentroancha{ float:left; overflow:hidden; width:710px; } /***********EL CONTENIDO ******************************/ #elcontenido{ float:left; overflow:hidden; width:695px; /*+padd =710 */ padding: 0 15px 0 0; } /************** PIE *****************************/ #pie{ width:935px; height:54px; background: transparent url(/uploads/iznajar/pie-bk.gif) no-repeat left top; margin:20px 0 0 0; clear:both; float:left; } #pie #contenidopie{ width:925px; /*+pad=935*/ height:54px; padding-left:10px; color:#000; text-align:left; overflow:hidden; } #pie p{ margin:0; float:left; text-align:left; color:#fff; margin-left:10px; } /*Hack IE6*/ * html #pie #datospie p{ margin-left:5px; } /*hack IE6 dobla el margen de la primera img a la izqa y la siguiente después del texto */ *html #pie p#disenaeprinsa,*html p#validxhtml10 { margin-left:5px; } #pie #datospie{ margin-left:0px; margin-right:0px; margin-top:12px; width:490px; float:left; } #pie #datospie p{ font-family:Arial,sans-serif,Verdana,Trebuchet MS,Times New Roman; font-size:.9em; line-height:1.2em; color: #fff; width:100%; } #pie a{ color:#ffdd55; } /******* Para que funcione en IE 6-7 pues resulta que sus hijos los si tienen el width pero como sus padres -accesibilidad y validxthm10 no lo tenían puesto, IE6-7 los hacía más grandes (como la ventana padre de estos). **********************/ #pie p#accesibilidad,#pie p#validxhtml10{ width:88px; } #pie p#disenaeprinsa a,#pie p#creadoconportal a,#pie p#accesibilidad a, #pie p#validxhtml10 a,#pie p#juntaandalucia a{ height:31px; text-indent: -1000em; margin-top:10px; float: left; } #pie p#disenaeprinsa a{ background:transparent url('/uploads/iznajar/disenaeprinsa.gif') no-repeat top; width:78px; margin-right:0px; } #pie p#disenaeprinsa a:hover{ background-position:bottom; } #pie p#creadoconportal a{ background:transparent url('/uploads/iznajar/creadoconportal.gif') no-repeat top; width:62px; margin-right:0px; } #pie p#creadoconportal a:hover{ background-position:bottom; } #pie p#juntaandalucia a{ background:transparent url(uploads/iznajar/jandalucia.gif) no-repeat top; float:left; width:48px; margin-right:0px; } #pie p#juntaandalucia a:hover{ background-position:bottom; } #pie p#accesibilidad a{ background:transparent url('/uploads/iznajar/accesibilidadAA.gif') no-repeat top; width:88px; float:right; margin-right:0px; } #pie p#accesibilidad a:hover{ background-position:bottom; } #pie p#validxhtml10 a{ background:transparent url('/uploads/iznajar/xhtml.gif') no-repeat top; width:88px; float:right; margin-right:0px; } #pie p#validxhtml10 a:hover{ background-position:bottom; } /**************** FORMULARIOS **************************/ form{ width:95%; overflow:hidden; margin:0 auto; } form fieldset{ padding:2%; /*borde del formulario */ border:1px solid #85a98f; /*CAMBIAR*/ /*color background*/ background:#fff; /*CAMBIAR*/ } form label{ clear:both; display:block; width:20%; float:left; font-weight:normal; } form textarea{ width:60%; overflow:hidden; font-size:1.6em } /*Check-box, cuadros de texto */ form input, form select, form textarea{ /*borde campos a rellenar: textbox, text areas */ /*border:1px solid #6b3528;*/ /*CAMBIAR*/ /*al quitar el borde ya no aparece en IE6-7 en los checkbox */ } form input, form select{ font-size:1.1em; } form span{ clear:both; display:block; } form p{ clear:both; padding:0px; margin:3px 0px 8px 0px; height:100%; overflow:hidden; } p.botones{ padding:2px 0px 2px 0px; /*fondo color donde se coloca p.e. en Contacto el botón Enviar */ background:#6d1917;/* #2c3e2a;#1b5353 ;*//*#cfdecf;*/ /*CAMBIAR*/ border:1px solid #000; text-align:center; /*Color texto botones */ color:#fff; /*fff; EVALUAR */ } p.botones input, p.botones a{ width:auto; background:#fff !important; color:#000; text-align:center; cursor:pointer; font-size:1em; } p.botones a{ padding:2px 0px 2px 0px; } .aviso{ /*color aviso de campos que deben rellenarse en formulario */ color:#5a0000; } .mensajeaviso{ border:1px solid #007688; padding:2%; background:#e1d4b3; margin-bottom:10px; /*separamos los cuadros de texto al mostrar el mensaje*/ } .mensajeaviso p{ color:#5a0000; } /***************** FORMULARIO SUSCRIPCION *********************/ div.capasuscripcion dl.suscripcion dd { width: 85% !important; background:none; } div.capasuscripcion dl.suscripcion dd label{ width:80%; } div.capasuscripcion dl.suscripcion dt { margin-top: 0px; clear: left; width: 6% !important; } div.capasuscripcion dl.suscripcion dd { margin-left: 0px !important; margin-top: 4px; margin-bottom: 4px; } /*DEFINICIONES DE TABLA USADO EN SUSCRIPCIONES */ dl { clear:both; margin:0px 0px 0px 0px; /* Cuadro que envuelve los checkbox. Los
    engloban los
    */ background:transparent; border: 1px solid #85a98f; /*CAMBIAR*/ overflow: hidden; padding: 5px 0; height:auto; width:95%; margin:0 auto; margin-bottom:5px; } dt { clear: both; width: 34%; float: left; margin-top: 4px; text-align: right; padding: 2px 5px; /*2px 5px*/ min-height:1.5em; } dd { width: 50%; float: left; margin-top: 5px; background: #fff; padding: 2px 5px; min-height:1.5em; } /************************** MAPA WEB *************************/ div.div_mapa { width:33%; float:left; } #elcontenido div.div_mapa ul.tablaContenido{ margin-left:0px; margin-right:0px; } #elcontenido div.div_mapa ul.tablaContenido li { background : none; /*Eliminamos estilos posibles puesto en #elcontenido ul li */ width:auto; margin-left:0px; } /*Elementos 1er nivel. Cabeceras del mapa */ #elcontenido div.div_mapa ul.tablaContenido li a { /*tamaño*/ width:92%; display: block; /*Lleva la fuente del body */ line-height:1.4em; /*CAMBIAR para centrar el texto en el recuadro*/ font-weight:bold; /*color fondo encabezados menú en el mapa-web */ background-color:#724745; /*CAMBIAR COLOR*/ /*borde de los encabezados */ border:1px solid #000; /*CAMBIAR*/ /*Controla la altura de los encabezados.*/ padding:6px 10px 3px 5px; margin-bottom: 5px; /*color enlaces del mapa, es decir todo el texto. Normalmente el del h3 */ font-size:1.3em; color:#fff; /*CAMBIAR/* } #elcontenido div.div_mapa ul.tablaContenido li ul { /*acercamos la barra de elemento hijo a su padre.*/ margin-top:0px; } #elcontenido div.div_mapa ul.tablaContenido li ul li a { background:none; padding-left:0px; font-weight:normal; margin-bottom:0px; padding:0px; width:90%; border:none; font-size:1em; color:#0b5420; } #elcontenido div.div_mapa ul.tablaContenido li ul li a:hover { /*cogemos el italic del general color:#d93637; */ text-decoration:underline; } /*Elementos 2º nivel. Inmediatamente bajo los principales que están en cabecera*/ #elcontenido div.div_mapa ul.tablaContenido li ul li { padding-top: 0px; padding-left:1em; /*Separamos li.gif del texto del enlace */ /* background:transparent url(uploads/iznajar/li.gif) no-repeat scroll 0 3px;*/ } /*Elementos 3er nivel*/ #elcontenido div.div_mapa ul.tablaContenido li ul li a ul li, #elcontenido div.div_mapa ul.tablaContenido li ul li ul li { border:0 solid white; padding-left:20px; padding-top:0; background-image:none; } #elcontenido div.div_mapa ul.tablaContenido li ul li a ul li, #elcontenido div.div_mapa ul.tablaContenido li ul li ul li { background:transparent url(uploads/iznajar/borde-li-mapa.gif) no-repeat scroll 0 0; margin:0; } #elcontenido div.div_mapa ul.tablaContenido li ul li a ul li.last, #elcontenido div.div_mapa ul.tablaContenido li ul li ul li.last { background:transparent url(uploads/iznajar/borde-li-mapa-last.gif) no-repeat scroll 0 0; } #elcontenido div.div_mapa ul.tablaContenido li ul li ul li a ul li, #elcontenido div.div_mapa ul.tablaContenido li ul li ul li ul li{ padding-top: 0px; } /****COMUNES GALERIAS, ENLACES,NOTICIAS, CALENDARIO **********/ /*********** PARA GALERIAS DE IMÁGENES *************/ #elcontenido ul li.thumb{ margin-left:0; padding-left:0; } /*********** COLUMNAIZQUIERDAINTERIOR: Contiene las distintas imgs, noticias, categorías,..... ************/ /*****************************************/ #elcontenido #columnaizquierdainterior { float:left; margin-right:8px; width:65.8% ; /* padding-left:5px;*/ overflow:hidden; /*height:100%;->da problemas en Ie6 si ponemos height para simular min-height y se corta el contenido. Pasó al ver varias noticias. Quitarlo o poner auto Además si no se usa el min-height tampoco hace falta ponerlo*/ } #elcontenido #columnaizquierdainterior ul{ /*float:left;*/ overflow:hidden; width:auto; } /*Elemento
  • al listar noticias por categorías o todas */ #columnaizquierdainterior ul li{ background:none !important; padding-left:0; } /********* Anulamos css de img dentro plantilla [contenido.css] ***********/ #elcontenido #columnaizquierdainterior img { border:none; padding:0; margin-left:none; /*Imágenes en en
  • de los listados de noticias por categorias o todas las noticias */ } /* IMAGENES EN EL DETALLE DE UNA NOTICIA ESTÁN DENTRO DE UN

    Al estar dentro de #columnaizquierdainterior hay un menú a la derecha, por tanto la imagen no debe llegar a él. Sin embargo su height da igual pues hacia abajo no hay límite. */ #elcontenido #columnaizquierdainterior p img { max-width:440px; } /*Hack IE6 */ * html #elcontenido #columnaizquierdainterior p img { width: expression(this.width > 440? "440px":this.width); } /********** [Más información] -> recuadro abajo donde te pone la {fecha de las noticia} en Noticias o {volver a galerías de imágenes} en Galerias *********/ #columnaizquierdainterior .masinformacion { width:100%; /*95%;*/ /*Colores borde y fondo: CAMBIAR*/ /* Modelo caja ----------- border:1px solid #8f341f; background: #d7d7d7; */ /*Modelo entre líneas sup-inf */ border-top:1px solid #000; border-bottom:1px solid #000; clear:both; /*texto CAMBIAR (si se desea)*/ font-size:0.9em; color:#000; margin: 1px 0 1em 0; padding-right:0.4em; /*text-align:right;*/ /*Así controlamos la altura del

    más información para que el texto quede dentro del recuadro dibujado con el propio

    */ line-height:1.7em; } /*Texto ver todas> ----------------------- Categ1 ->elemento Categ2 .. ******************/ #elcontenido #columnaderechainterior ,#columnaderechainterior{ /*Color de fondo: CAMBIAR */ /*Cuadro relleno con borde */ /* background:#c6cedb;*/ /*#d7d7d7; */ /* border:1px dotted #8f341f;*/ /*Adornamos con un borde sup y otr inf*/ /* border-top:1px solid #8f341f;*/ padding-bottom:3px; /*separamos el borde inferior*/ border-bottom: 1px solid #8d7170; margin: 1em 0 1em 0em; float:right; width:28%; /*padding: 0 0 5px 2px; */ /*sin borde dejamos la sombra baja*/ /* border:1px solid #989e73;* /*CAMBIAR color */ } /*Hack IE6-7*/ *:first-child+html #elcontenido #columnaderechainterior, *:first-child+html #elcontenido #columnaderechainterior { padding-bottom:0; } * html #elcontenido #columnaderechainterior , * html #elcontenido #columnaderechainterior { padding-bottom:0; } /* Cabecera en menú derecha. Contiene p.e. en galerias: Galeria >ver todas< . Idem para resto */ #elcontenido #columnaderechainterior h3, #columnaderechainterior h3 { padding:1px 0 0 5px; margin:0; text-decoration:none; /*SIN COLOR FONDO, DEJAMOS SOMBRA ALTA */ /*Color fondo cabecerita,..CAMBIAR , quitar ,.... */ /*background:#f1ebef;*/ /*CAMBIAR*/ background:none; padding-bottom:2px; /*bajamos la línea */ /* border-left: 3px doubled #8f341f;*/ border-right: 1px solid #8d7170; /*borde inferior en la cabecera del menu-dha. CAMBIAR */ border-bottom:2px solid #b29f9e; /*Color Texto CAMBIAR */ /*cogemos h3 general color:#000; */ width:97%; height:1.3em; /*se puso h3 por error TAW y este h3 lo ponemos como h5 pues la letra debe ser pequeña Son los [Categorias >ver todas<] */ font-size:1em; line-height:1.5em;/*TOCAR PARA ALTO H3 */ font-weight:bold; font-style:normal; margin-bottom:0.5em; margin-top:0em; overflow:hidden; } /*El >ver todas< */ #columnaderechainterior h3 a.vertodo { float:right; margin-right:5px; font-weight: normal; letter-spacing: 0px; font-size:1em; line-height:1.85em; text-align: right; /*separamos el vertodo del título principal*/ /* border-left:1px solid #8f341f; barra-vertical entre categoria | ver todo*/ /*CAMBIAR*/ /*cogemos general color:#390000; */ /* text-decoration:underline; */ } /*hack IE6-7 */ *:first-child+html #columnaderechainterior h3 a.vertodo{ margin-top:-17px; /*TOCAR SI NO CUADRA EL VER-TODAS EN IE7*/ } *html #columnaderechainterior h3 a.vertodo{ margin-top:-15px; /*TOCAR SI NO CUADRA EL VER-TODAS EN IE6*/ line-height:1.5em; } /*Hover sobre ver-todo */ #columnaderechainterior h3 a.vertodo:focus, #columnaderechainterior h3 a.vertodo:hover{ /*CAMBIAR*/ font-style:italic; text-decoration:none; } /*Padding para los li*/ #columnaderechainterior #menuterciario { float:left; overflow:hidden; width:100%; padding-left:0px; padding-bottom:3px; border-right:1px solid #8d7170; } #columnaderechainterior #menuterciario li{ padding-left:5px; /*Sobreescribimos el del #elcontenido ul li */ background:none; /*Eliminamos li.gif puesto en #elcontenido ul li */ /*Tamaño fuente de las distintas categorías listadas como li */ font-size:1em; } /*Categorías listadas en el menu derecha (categorias de noticias, eventos,..) */ #columnaderechainterior #menuterciario a { /*CAMBIAR*/ /*cogemos general color:#8f341f; */ /*Tamaño fuente de las distintas categorías listadas como li */ font-size:1em; line-height:1.8em } /*Hover sobre las categorías,.. */ #columnaderechainterior #menuterciario a:hover { /*CAMBIAR*/ text-decoration:underline; } #columnaderechainterior #menuterciario a.activo { text-decoration:underline; } /*********** PAGINACIÓN. Se pagina (poner en pestaña opciones: Enlaces,Agenda y Noticias. ***********/ #elcontenido ul.paginacion{ clear:both; /*CAMBIAR */ /*background: #f1ebef;*/ /* CAMBIAR */ width:100%; /*height:100%; problemas IE6 al poner height en contenido para simular min-height. Ponía la paginación a un height= height del contenido.Ad+ no hace falta en ningún caso.*/ overflow:hidden; margin:10px auto; text-align:center; padding:1px 0px 1px 0px; border-top:1px solid #b29f9e; border-bottom:1px solid #b29f9e; } #elcontenido ul.paginacion li{ background:none; display:inline; padding-left:18px !important; /* Para todos los navegadores */ padding-left:16px; /* Para IE 5.5 */ padding-left/**/:/**/18px; /* Para IE 6 */ } ul.paginacion li a{ /*cogemos general color:#007688; */ } ul.paginacion li a:hover{ font-weight:bold; text-decoration:none; } div#volver { margin:0 auto; color:#000; font-size:0.9em; /*CAMBIAR */ text-align:right; overflow:hidden; width:92%; } /************* GALERIA DE IMAGENES ************************/ /*preparado para de 650px, columnaizquierdainterior 420px (donde van los álbums) */ /*Lo normal son 670px, 440px*/ #galeriainterior{ width:100%; padding-top:5px; } /*Galeria interior ul */ #galeriainterior ul{ /* padding-left:10px;*/ padding:0px; overflow:hidden; } /* Lista que contiene las imágenes */ #galeriainterior ul li.thumb{ background-image:none; /* Las imágenes no pasarán de esta anchura en en li para que quepan por li las que queramos*/ width:140px; /*137px; */ /*Ojo: Si establecemos height da problemas en IE6, pone más altura. Habría que indicar otro height para IE7 */ /*height:145px;*/ /*145 Altura para como máximo 2 líneas de descripción de la img */ /*Márgenes*/ /* margin:0 0.4em 0.4em 0; para 700px*/ margin:0 0px 0.4em 0; /*la separación horizontal la marca el width del

  • */ } /*HACK IE6*/ /* No necesario *html #galeriainterior ul li.thumb { margin:0 0em 0.2em 0; } */ /* Texto bajo imágenes */ #galeriainterior ul p{ width:128px; /*Cambiar para centrar el texto en el álbum*/ margin-left:6px; /*texto centrado para imagen galería */ text-align:center; font-size:0.9em; /*CAMBIAR */ } /* dentro de li*/ #galeriainterior .thumb a { display:block; /*colores por defecto que pone port@l (gris) border-color:#EEEEEE #CCCCCC #CCCCCC #EEEEEE;*/ border-color:#724745 #47100e #47100e #724745; background-color:transparent; /*Centramos el dentro del li*/ margin:0 auto; heigth:75px; /*por defecto .thum a tiene width=100px */ /* para que centre el texto del enlace bajo la img de la galería */ text-align:center; } /* {.thumb a} por defecto cogen borde y un ancho de 100px. */ .thumb img{ /*para que no se salga por abajo si es muy alta ni horizontalmente */ max-width:100px; max-height:70px; /*Tendrán su hack en IE6 */ /* para que centre la imagen dentro del enlace */ display:block; margin:none; /*eliminamos cualquier posible margen */ margin:0 auto; /*Anulamos estilos de la plantilla -> img{} para que no se apliquen a Galerias */ border:none; padding: 0; } /*hack IE6: no debe pasar la altura/anchura máxima permitida */ * html .thumb img{ width: expression(this.width > 100 ? "100px":this.width); height: expression(this.height> 70? "70px":this.height); } /* #.thumb img { margin-left:0; } */ /*************** ENLACES *******************/ #enlacesinterior ul { clear:none; float:left; background:none; } #elcontenido #columnaizquierdainterior ul li.thumbenlace{ margin-bottom:1em; padding-top:0.8em; padding-left: 0px; width:138px; margin-right:5px; overflow:hidden; float:left; height: 90px; /*Para que no coja estilos de #elcontenido ul li en contenido.css */ margin-left:0; background-image:none; } /*Sirve tanto para a.enlaceenlace como para a.imagenenlace */ #elcontenido #columnaizquierdainterior li.thumbenlace a{ display:block; padding:0px !important; margin:0px !important; text-align:center; width:95%; font-weight:bold; } .thumbenlace a.imagenenlace{ /* height: 126px; */ width:138px; overflow:hidden; margin-bottom:10px } .thumbenlace a.enlaceenlace{ text-align:center; line-height:1.1em; color:#402501; font-size:0.9em; } .thumbenlace a.enlaceenlace:hover{ color:#b58c85; } .thumbenlace a.imagenenlace img{ max-height:60px; max-width:120px !important; /* Para todos los navegadores */ width:auto; /* Para todos los navegadores */ text-align:center; border:1px solid #85a98f !important; margin-left:0; } /*Hack IE6 pues no reconoce el max-width */ *html .thumbenlace a.imagenenlace img{ width: expression(this.width > 120? "120":this.width); } *html .thumbenlace a.imagenenlace img{ height: expression(this.height > 60? "60":this.height); } /**************** NOTICIAS **************************************/ /***************** Todo el cuerpo de noticias que puede crecer *****************/ #listadonoticiasinterior { margin: 0px; border: none; width:100%; height:auto; } /*Cada noticia es un
  • */ #elcontenido ul.listadointerior li { clear:both; width:100%; border:none; background-image:none; /*Para que no queden estilos de contenido.css #elcontenido ul li */ padding-left:0; } /***TÍTULO Y SU HOVER de NOTICIAS Y EVENTOS ***************/ #columnaizquierdainterior ul.listadointerior h4, #columnaizquierdainterior ul.listacalendario h4 { border-bottom:2px solid #724745; } /* Título de la noticia, es un que lleva a él */ #columnaizquierdainterior ul.listadointerior a,#columnaizquierdainterior ul.listacalendario a{ /* padding-left:14px; Sangría izqda. título noticia */ /*cogemos general color:#007688; */ text-decoration:none; /*Color enlace noticia,evento,... Poner el del h3*/ /*cogemos del a general color:#1e008e; */ /*CAMBIAR*/ } #columnaizquierdainterior ul.listadointerior a:hover,#columnaizquierdainterior ul.listacalendario a:hover{ /*Color enlace noticia,evento,...Poner el del h3:over (o menusecund:hover)*/ /*cogemos del a general color:#990000;*/ /*CAMBIAR */ font-weight:bold; } /********************************************************/ /* imagen de la noticia */ #columnaizquierdainterior ul.listadointerior li img{ float:left; border:1px solid #1e008e; max-width:28% !important; /* Para todos los navegadores */ width:auto; /* Para todos los navegadores */ margin-left:.4em; margin-right:5px; /*para separar el resumen que está a su derecha */ margin-bottom:10px; /*separa el más-información */ padding:15px 7px; } /*Hack IE6 pues no reconoce el max-width */ *html #columnaizquierdainterior ul.listadointerior li img{ width: expression(this.width > 105? "28%":this.width); } /*Div que contene el resumen de la noticia*/ ul.listadointerior li div{ margin-bottom:1em; width:95%; /*igual que paginación*/ } /*resumen de la noticia */ ul.listadointerior li div p{ margin:0; padding-right:0.2em; } .centrado { text-align:center; } /************* CALENDARIO **************/ #elcontenido ul.listacalendario li{ background-image:none; /*Para que no quede el estilo de contenido.css #elcontenido ul li*/ padding-left:0; } /*Div que contene el resumen del evento*/ ul.listacalendario li div{ margin-bottom:1em; width:95%; /*igual que paginación*/ } /*Las img. llevan la clase flotaizquierda */ .listacalendario .flotaizquierda{ float:left; max-width:28% !important; /* Para todos los navegadores */ width:auto; /* Para todos los navegadores */ margin-right:5px; /*para separar el resumen que está a su derecha */ margin-bottom:10px; /*separa el más-información */ } /*Título del enlace. Es un que lleva a él. */ /* Definidos comúnmente con noticias #columnaizquierdainterior ul.listacalendario a,#columnaizquierdainterior ul.listacalendario a:hover */ #tablaagenda table{ width:98%; margin-bottom:1.5em; margin-top:0px; /*Color borde separador calendario - Categorías ver todas. CAMBIAR*/ border-bottom: 1px solid #8f341f; /*Fuente*/ font-size:85%; /*No separe bordes en IE*/ border-collapse:collapse; } #tablaagenda table tr{ background:none; } /* cuadro que tiene: << Mes >> */ #tablaagenda .calendar-month { font-size:1.1em; } /*Texto << (ir a mes anterior) */ #tablaagenda span.calendar-prev { float:left; color:#00996a; width:16px; height:16px; } /*Contiene: Febrero 2010 ..... es decir el mes y año */ #tablaagenda span.texto { float:left; color:#00996a; width:80%; height:16px; text-align:center; } /*Texto >> (ir a mes siguiente)*/ #tablaagenda span.calendar-next { float:right; color:#00996a; width:16px; height:16px; } #tablaagenda table caption { /*CAMBIAR color tabla calendario <> */ background:#724745; text-align:center; /*border-top: 1px solid #646100;*//*border*/ } #tablaagenda table caption *{ color:white; margin:0 auto; } /*Texto: Lun Mar Mie Jue Sab Dom que es subcabecera */ #tablaagenda table th{ padding:0; /*color de texto y fondo: CAMBIAR */ color:#fff; background:#8d7170; /*CAMBIAR Color fondo del título: lun mar mie jue...*/ text-align:center; font-weight:normal; } /*dias sin eventos: en negro*/ #tablaagenda table td{ padding: 0 0 5px; text-align:center; border: none; color:#000; } /*hoy*/ #tablaagenda table td.calendar-today{ background-color:#e7d9d8; } /*días con eventos*/ #tablaagenda table td a{ /*Dejamos del general color:#1e008e; */ color:#724745; line-height:1.8em; } /*Over sobre días calendario con eventos */ #tablaagenda table td a:hover{ color:#d93637; text-decoration:underline; } #tablaagenda table .calendar .texto { padding-top:3px; width:128px; } /*********** FIN GALERIAS, ENLACES, NOTICIAS, CALENDARIO **************************/ /**********************TABLAS ************************/ table{ margin-bottom:1.4em; width:95%; margin:6px auto 7px; /*centramos la tabla*/ /*Color de cada fila */ background:#fafafa; /*#f6f6f6;*/ /*CAMBIAR*/ /*color borde limites superior e inferior tabla border-top:2px solid #47100e; /*CAMBIAR línea-separador*/ border-bottom:2px solid #47100e; /*CAMBIAR línea-separador*/ border:1px solid #47100e; border-collapse:separate; border-spacing:0; } table.mitadancho{ width:60%; } table thead tr *{ color:#fff; } table thead td, table thead th{ font-size:1.2em; /*color cabecera tabla background */ background:#724745; /*CAMBIAR*/ /*color borde inferior cabecera tabla que junto a los bordes sup-inf de la tabla la delimitan*/ border-bottom:2px solid #47100e; /*CAMBIAR línea-separador*/ /*border-left:1px solid #cfdecf;*/ /*separador columnas */ /* text-align:center; que el usu alinee como quiera, pues al poner esto siempre centra (lo cual puede confundirlo) y además puede que no quiera el centrado. */ } /*SUBCABECERAS Dentro de tbody->tr->th, subcabecera dentro del body */ table tbody tr th { background:#8d7170 none repeat scroll 0 0; /*CAMBIAR color Sub-cabecera */ border-bottom:2px solid #47100e; /*CAMBIAR, he puesto mº color cabecera-tabla */ font-size:0.9em; color:#fff; /*CAMBIAR color texto dentro del background */ font-weight:bold; text-align:center; } table tbody tr td{ border-bottom:2px solid #fff; border-left:2px solid #fff; padding-left:0.5em; padding-right:0.5em; } table, td, th { vertical-align:middle; } /* SubCabeceras definidas dentro del body con */ table th a.asc{ padding-right:15px; } table th a.desc{ padding-right:15px; } table td.importe{ text-align:right; white-space:nowrap; font-size:0.9em; } table td.descripcion{ font-size:0.9em; } table td.fecha{ font-size:0.9em; } table td.sinsalto{ white-space:nowrap; } /*texto dentro de la tabla*/ #elcontenido table tbody p { /*Anulamos estilo #elcontenido p en Generales */ margin-right:2px; margin-left:0px; } /*Imágenes dentro tabla*/ table img{ margin:0.2em; border:none; float:none; } /*** GUIA DE TRAMITES **/ /*************************************/ /*Solución problema telemático label-input */ .radio_tramites span{ width:90%; display:block; font-weight:bold; } .radio_tramites label{ width:45%; margin-left:15px; font-style:italic; } .radio_tramites input{ float:left; } /*************************************/ /*Sello de tiempo */ .sello a { background:transparent url(http://www.dipucordoba.es/inc/eadmin/contratacion/img/sello.gif) no-repeat scroll right top; float:none; line-height:25px; padding-right:25px; padding-top:6px; text-decoration:none; } /* Ya no lo uso lo he puiesto como en las tablas normales con en vez de */ background:#ebe5df none repeat scroll 0 0; border-bottom:1px solid #770606; font-size:1.1em; font-weight:bold; } /****************** GOOGLE MAP ***************************/ #map{ margin:0 auto; width:481px; height:323px; clear:both; border:1px solid #8f341f; position:relative; margin-left: 2em auto; margin-bottom:1.2em; } #map img{ border:none; margin-left:0; padding:0; } /* End of 'comun' */ /* Start of CMSMS style sheet 'contenido' */ /********************** CONTENIDO-IZNÁJAR ------------------------ Esta plantilla no se aplica en PORTADA. Estos estilos no se deben aplicar a columnaizquierdainterior ni columnaderechainterior Sólo a las pags. de contenido (ni por supuesto a portada). Siempre estos estilos serán anulados donde no se desee. ******************************/ /****** PARRAFOS **************/ #elcontenido p { /*Márgenes */ margin:0 0.5em 0.35em 0; } p.clearboth { clear:both;} /****** LI **********************/ #elcontenido ul li{ /*Hacemos espacio para li.gif */ padding-left:14px; /*CAMBIAR posición para cuadrar según el tamaño del li.gif */ background:transparent url(/uploads/iznajar/li.gif) no-repeat left 5px; line-height:1.5em; /*si no no muestra el li.gif en IE6-7 pero sólo en el primer elemento
  • */ overflow:hidden; } /*
  • que tiene un icono de pdf al final. Hemos de bajar el li.gif respecto al
  • sin imagen.*/ #elcontenido ul li.lipdf { background:transparent url(/uploads/iznajar/li.gif) no-repeat left 19px; } /*******si quisieramos márgenes *********** ul, ol {margin:0 1.5em 1.5em;} ********/ /****** REDEFINICIONES HN *******************/ /*************** En Iznájar, ya no necesitan poner el título de la página en h3 pues lo hago yo automáticamente en elcontenido ****************/ #elcontenido h3 { border-bottom:2px solid #b29f9e; } #elcontenido h4 {padding-bottom:2px;} #elcontenido h5 {margin-left:.5em;} #elcontenido h6 {margin-left:1em;} /********** IMÁGENES ***********************/ img, p img { margin-left:3px; margin-right:3px; /*Marco*/ border:1px solid #b1b1b1; padding: 4px 5px; /* Márgenes margin-left:1em; margin-right:1em; margin-bottom:.5em; */ } #sinborde { padding:0; margin:0 3px 0 0; } /* End of 'contenido' */