/* 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 TORRECAMPO */ /************************/ /***** Diseño dado por el .psd a 975px (950+12sombra-izqa+12sombra-dha) ********/ /*********** BODY *************************************/ html{ height:100%; background:#eeecd0; /*El color de fondo fuera de la página siempre poner en etiqueta */ } body { /* -El texto de contenido es Verdana, tamaño 11px (0.8em) #122706. -Background del body: #fffddf */ background:#fffddf; /*Texto*/ font-family:Verdana,Trebuchet MS,Arial,Times New Roman,sans-serif; font-size:0.9em; color:#122706; line-height: 1.3em; /*Diseñado a 974 (950+24 sombras). Aquí lo pongo pues hay color en html */ width:975px; /* ya tenemos para toda la pág. por defecto 11px, a partir de aquí recalcula teniendo en cuenta ya 11px. Para volver a 16px (por defecto) tendríamos que poner 1.45em pues siempre recalcula a partir de body hacia los elementos interiores. */ margin:0 auto; text-align:left; } /* hacks para que funcione correctamente el centrado de la web en IE5.5 */ @media tty { i{content:"\";/*" "*/}} body{text-align:center;} /*";} }/* */ /*** CONTENEDOR ***************************************************/ #contenedor{ background:#fffddf; margin:0 auto; /*centrar página */ overflow:hidden; width:975px; /*incluidas sombras izqa-dha.*/ text-align:left; } /********************** GENERALES ***************************************/ /* Párrafos */ #elcontenido p, #elcontenido ul li { /*Texto*/ font-family:Verdana,Trebuchet MS,Arial,Times New Roman,sans-serif; font-size:0.9em; color:#122706; line-height: 1.3em; /*Márgenes */ margin-bottom:5px; margin-left:0px; margin-right:1em; } /*********** ENLACES **************/ a { color:#3d6f66; text-decoration:none; outline:none; } a:focus, a:hover { color:#005695; outline:none; } /*********** H1...H6 ***********/ h1, h2, h3, h4, h5, h6 {font-family:Times New Roman,Georgia,Verdana,Arial,sans-serif; font- weight:normal;color:#6f3210;margin:0;clear:both;letter-spacing:1px;} h1 {font-size:2.5em;line-height:1;} h2 {font-size:2em;line-height:1em;text-decoration:underline;} h3 {font-size:1.45em;font-weight:normal;font-style:italic;line-height:1em;margin-bottom:0.5em;padding-left:0.3em;padding-bottom:4px;border-bottom:2px solid #bca88c;} h4 {font-size:1.3em;font-weight:normal;font-style:italic;line-height:1em;margin-bottom:0.5em;margin-top:1em;margin-left:0.4em;padding-bottom:4px; padding-left:0.3em;} /* h3 {font-size:1.5em;font-weight:normal;font-style:italic;line-height:1em;margin-bottom:0.5em;padding-left:0.3em;padding-bottom:4px;border-bottom:2px solid #bca88c;} h4 {font-size:1.17em;font-weight:normal;font-style:italic;line-height:1em;margin-bottom:0.5em;margin-top:1em;margin-left:0.4em;padding-bottom:4px; padding-left:0.3em;} */ h5 { font-size:1em; font-weight:normal; margin-bottom:0.5em; margin-top:0.5em; text-decoration:underline; } h6 {font-size:1em;font-weight:normal;margin-bottom:0.3em;margin-left:0px;text-decoration:underline;} /*DEFINICIONES DE TABLA USADO EN SUSCRIPCIONES */ dl { clear:both; margin:0px 0px 0px 0px; background:#ffffff; border: 1px solid #989e73; /*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; font-size:.85em; /* min-height:1.5em;*/ } dd { width: 50%; float: left; margin-top: 5px; background: #fff; padding: 2px 5px; font-size:.85em; /* min-height:1.5em;*/ } /*Iconos pdf en ordenanzas, edictos,...*/ #columnacentroancha a.pdf img,#columnacentro a.pdf img{ margin:0; padding:0; border:none; } /*Descargar Adobe Reader (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; } /*lineas separadoras, p.e. en obtener Acrobat Reader */ hr{ color:#1a3909; } /*------*/ /******** PÁRRAFOS *************/ p { margin-left: 1em; } /****************************CONTENEDOR ****************************/ /* #contenedor{ } */ /*****************************CABECERA ****************************/ #cabecera{ background: transparent url(/uploads/torrecampo/cabecera.jpg) no-repeat; width:975px; height:109px; overflow:hidden; } /********CABECERAS H1 -H2 *****************************/ #cabeceraizquierda { float:left; overflow:hidden; width:771px; height:76px; } #cabeceraderecha { float:right; width:107px; height:76px; overflow:hidden; margin-right:12px; } /*Hack IE6 (doble margen) */ *html #cabeceraderecha{ margin-right:2px; } #cabecera h1 { float:left; width:379px; height:53px; } #cabecera h1 a{ display:block; width:379px; height:53px; /*Desplazamos para que ocupe las letras -grafico- TorreCampo*/ margin-top:20px; margin-left:238px; /*Texto no debe verse*/ text-indent:-2000em; } #cabecera h2 { float:left; /*desaparezca del flujo */ text-indent:-2000em; } /************** MENU CONTACTO **********************/ ul#menucontacto{ list-style-type:none; float:right; width:90px; height:61px; margin-right:10px; margin-top:13px; overflow:hidden; } ul#menucontacto li { float:right; background:transparent none repeat scroll 0 0; text-align: right; /*Cuando se hace activo, ya no hay y muestra el texto del
  • luego el font-size,line-height del li debe ser igual al del */ font-family:Arial,Verdana,Helvetica,sans-serif; font-size:.85em; font-weight:bold; line-height:1.1em; margin-bottom:2px; } ul#menucontacto li.rss{ background: transparent url('/uploads/torrecampo/rss.png') no-repeat left 2px; text-align: right; width:45px; /*Para que quepa la imagen del rss */ float:right; } ul#menucontacto li.activo{ color:#d4ee83; } ul#menucontacto li a{ /*----------------------------------*/ /*Para que ocupe todo el li que es donde está la imágen del rss */ display:block; width:100%; /*El tipo de letra debe tener el mismo tamaño que el
  • , sino se pone aquí cogel el tamaño 100% puesto en reset*/ /* Color */ color:#fff; } ul#menucontacto li a:hover{ color:#d4ee83; } /****************MENU PRINCIPAL***********************************/ #contenidomenuprincipal{ float:left; width:850px; height:26px; overflow:hidden; padding-left:120px; } ul#menuprincipal{ float:left; padding:0; width:654px; height:26px; overflow:hidden; } ul#menuprincipal li{ width:218px; height:26px; float:left; } #menuprincipal li a{ text-indent:-2000em; height:100%; display:block; } #menuprincipal li.ayuntamiento a { width:123px; height:26px; background: transparent url('/uploads/torrecampo/mp-ayuntamiento.jpg') no-repeat left top; } #menuprincipal li.la-ciudad a { width:123px; height:26px; margin-left:23px; /*situamos el */ background: transparent url('/uploads/torrecampo/mp-ciudad.jpg') no-repeat left top; } #menuprincipal li.tramites a { width:123px; height:26px; margin-left:23px; /*situamos el */ background: transparent url('/uploads/torrecampo/mp-tramites.jpg') no-repeat left top; } /* Hover: Muestro la segunda imagen, como cada imagen es de 43, la segunda será -30. Recordemos que tenemos las tres en un sólo .jpg que es de anchura * 129 (43*3). En la primera, tenemos el normal, la siguientes es -hover- y la última -activo- */ #menuprincipal li a:hover { background-position: left -26px; } /*Para todas si está activo muestro la 3ª imagen (más baja) del .jpg */ #menuprincipal li.activo a { background-position: bottom right; } /****** BUSCADOR **************************/ #contenidomenuprincipal form{ float:right; margin-right:10px; /*como el menu contacto para alinearlo con él */ width:150px; height:26px; } /*Hack IE6 (doble margen) */ *html #contenidomenuprincipal form { margin-right:5px; } /*Texto: Buscar */ #contenidomenuprincipal form label{ font-family:Arial,Trebuchet MS,times New Roman,Verdana; font-weight:bold; font-size:0.9em; color:#fefefe; 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/torrecampo/busca-cuadro.jpg') 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/torrecampo/busca-lupa.jpg') no-repeat; float:left; width:19px; height:18px; border:none; text-indent:-2000em; /*IE6 IE7 no funciona el text-indent se ve el texto*/ font-size:0; color:#867d46; /* 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; } /*****************************************************************/ /*Sombras desde contenedor a pie: contiene migas, menusecundario,contenido, pie */ /*****************************************************************/ #contenido-sombra-derecha{ float:left; overflow:hidden; width:977px; /*sombra derecha body*/ background:#fffddf url('/uploads/torrecampo/body-sombra-derecha.gif') repeat-y right top; } #contenido-sombra-izquierda{ float:left; overflow:hidden; width:963px; /*ajustar para que no se superponga al padre y siga viéndose la sombra dha. */ /*sombra izquierda body*/ background:#fffddf url('/uploads/torrecampo/body-sombra-izquierda.gif') repeat-y left top; } /**************** MIGAS *****************************/ #migas{ float:left; overflow:hidden; width:904px; height:25px; background:#fffddf; clear:both; margin-top:12px; margin-bottom:12px; margin-left:47px; } #migas #contenidomigas{ heigth:25px; width:904px letter-spacing:1px; /*Texto: Lo cogerá el de las migas*/ font-family: Georgia,Times New Roman,Arial,serif; font-size:1em; line-height:1.5em; font-weight:normal; color:#000; text-align:left; } #migas a { /*Texto */ font-family: Georgia,Times New Roman,Arial,serif; font-size:1em; line-height:1.5em; font-weight:normal; color:#000; text-align:left; } #migas a:hover { text-decoration: underline; color:#5f3230; } #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:918px; /*Separar el contenido del pie en paginas con plantilla */ margin-bottom:3em; margin-left:30px; } /************* MENU SECUNDARIO ************************/ #columnaizquierda{ width:214px; /*Anchura total + 2 pixels de borde */ background-color: #fffef5; margin-left:0px; float:left; overflow:hidden; /*Borde*/ border:1px solid #989e73; } /*Cabecera del menú secundario, esta vez si hay una fuente ponible y no img */ #columnaizquierda h3.menusecundario-titulo { /*Texto*/ font-family: Times New Roman,Georgia,Arial,serif; font-size:1.2em; line-height:1em; /*Centramos el texto verticalmente */ font-weight:normal; color:#fefefe; text-align:left; /*Anulamos CSS

    generales */ margin:0; padding: 0 0 0 10px; border-bottom:none; /*fondo del h3 es un degradado */ width:214px; height:18px; background: transparent url('/uploads/torrecampo/ms-cabecera-fondo.jpg') no-repeat left top; } ul#menusecundario{ width:214px; float:left; padding-top:0.8em; padding-bottom:0.8em; overflow:hidden; } ul#menusecundario li{ width:214px; float:left; overflow:hidden; margin-bottom:4px; } ul#menusecundario li a{ float:left; /*Texto*/ font-family: Times New Roman,Georgia,Arial,serif; font-size:1.1em; font-weight:normal; font-style: normal; line-height:1.5em; /*Centramos el texto verticalmente */ color:#672f0f; text-align:left; /*Quiero anchura de 214 pero como he puesto padding de 20 width sera 214-20=194 */ width:194px; /* Total 214 al sumarle el padding */ /*letter-spacing:1px;*/ padding-left:20px; /*El li.gif*/ background: transparent url(/uploads/torrecampo/li.gif) no-repeat 6px 7px; } #cuerpo #columnaizquierda ul#menusecundario li a:hover{ /* background: #e9edf9; Otro efecto hover */ background: transparent url(/uploads/torrecampo/ms-a-hover.jpg) no-repeat left 2px; } ul#menusecundario li a.activo{ font-style:italic; /*color:#B58C85; El del hover, que también se aplicará en cascada a: li li a.activo */ } /*Elementos 3º nivel: Ayto->Docs->Edictos y Bandos,... */ ul#menusecundario li li { margin-top:2px; margin-bottom:0px; } ul#menusecundario li li a{ font-size:0.9em; padding-left:30px; font-weight:normal; margin-top:0; width:170px; background :none; } #cuerpo #columnaizquierda ul#menusecundario li li a:hover { background :none; font-style:none; color:#f58f42; } #cuerpo #columnaizquierda ul#menusecundario li li a.activo { background :none; font-style:italic; } /******** COLUMNA CENTRO ANCHA ************************/ #columnacentroancha{ width:688px; float:right; overflow:hidden; } /***********EL CONTENIDO ******************************/ #elcontenido{ width:680px; overflow:hidden; } /************** PIE *****************************/ #pie { width:950px; height:50px; background:#a9a9a9; /*margen izqdo.*/ margin:10px 0 0 13px; clear:both; float:left; /*Sombra inferior*/ padding-bottom:11px; /*Le hacemos hueco*/ background: #a9a9a9 url('/uploads/torrecampo/body-sombra-baja.gif') repeat-x left bottom; } /*hack IE6 */ *html #pie{ margin-left:6px; width:951px; } #pie #contenidopie{ width:949px; height:51px; color:#fff; text-align:left; padding-top:0; overflow:hidden; } #pie p{ margin:0; float:left; text-align:left; color:#fff; margin-left:9px; } /*hack IE6 dobla el margen puesto en #pie p */ *html #pie p{ margin-left:4px; } #pie #datospie{ margin-left:0px; margin-right:0px; margin-top:8px; width:531px; float:left; } #pie #datospie p{ font-family:Arial,Helvetica,Verdana,sans-serif; font-size:.9em; line-height:1.2em; color: #fff; width:100%; } #pie a{ color:#6f3210; } #pie a:hover { color:#ad5d27; } /******* 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/torrecampo/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/torrecampo/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/torrecampo/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/torrecampo/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/torrecampo/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 #989e73; /*CAMBIAR*/ /*color background*/ background:#fffeef; /*CAMBIAR*/ } form label{ clear:both; display:block; width:20%; float:left; font-weight:normal; } form textarea{ width:60%; overflow:hidden; font-size:1.6em } form input, form select, form textarea{ /*borde campos a rellenar: textbox, text areas */ /*border:1px solid #989e73; CAMBIAR*/ } 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:#7d8c4b; /*CAMBIAR*/ text-align:center; color:#fff; } 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 #833D14; padding:2%; background:#eeeacd; } .mensajeaviso p{ color:#425227; } /***************** 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; } /************************** 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; margin-left:5px; padding-left:1em; width:auto; } /*Cabeceras del mapa */ #elcontenido div.div_mapa ul.tablaContenido li a { /*Lleva la fuente del body */ line-height:1.8em; /*CAMBIAR*/ font-weight:bold; margin-bottom:5px; /*color fondo encabezados menú en el mapa-web */ background:#7d8c4b repeat-x scroll left bottom; /*CAMBIAR COLOR*/ /*borde de los encabezados */ border:1px solid #989e73; /*CAMBIAR*/ padding:6px 10px 3px 5px; width:92%; display: block; margin-bottom: 5px; /*color enlaces del mapa, es decir todo el texto. Normalmente el del h3 */ 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; color:#672f0f; /*CAMBIAR: Normalmente = color Cabeceras Mapa */ } #elcontenido div.div_mapa ul.tablaContenido li ul li a:hover { color:#f58f42; } #elcontenido div.div_mapa ul.tablaContenido li ul li { padding-top: 0px; padding-left:1.2em; /*Separamos li.gif del texto del enlace */ background:transparent url(uploads/torrecampo/li.gif) no-repeat scroll 0 6px; /*CAMBIAR 5px*/ } #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; } #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/torrecampo/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/torrecampo/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%; } #elcontenido #columnaizquierdainterior ul{ overflow:hidden; } /*Elemento
  • al listar noticias por categorías o todas */ #columnaizquierdainterior ul li{ background:none; 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 { margin-left:0em; width:96%; /*Colores borde y fondo: CAMBIAR*/ border:1px solid #989e73; background: #7d8c4b; /* #b49b97; */ clear:both; /*texto CAMBIAR (si se desea)*/ font-size:0.85em; color:#fff; margin-top:1px; margin-bottom:1em; padding-right:0.5em; text-align:right; height:auto !important; /* Para todos los navegadores */ height/**/:/**/13px; /* Para IE 6 */ } /*Texto ver todas> ----------------------- Categ1 ->elemento Categ2 .. ******************/ /*#elcontenido #columnaderechainterior */ #elcontenido #columnaderechainterior ,#columnaderechainterior{ /*Color de fondo: CAMBIAR */ background:#fffef5; border:none; margin: 0 0 1em 0.5em; float:left; width:28%; padding: 0 0 5px 5px; border:1px solid #989e73; /*CAMBIAR color */ } /* Cabecera en menú derecha. Contiene p.e. en galerias: Galeria >ver todas< . Idem para resto */ #elcontenido #columnaderechainterior h3, #columnaderechainterior h3{ padding-left:5px; padding-top:2px; text-decoration:none; /*Color fondo cabecerita,..CAMBIAR , quitar ,.... */ background:#7d8c4b; /*Blanco->#FFF */ /*borde inferior CAMBIAR */ border-bottom:1px solid #989e73; /*Color Texto CAMBIAR */ color:#fff; line-height:1.2em; width:95%; height:1.2em; /*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.2em; font-weight:bold; margin-bottom:0.5em; margin-top:0.5em; overflow:hidden; } /*El >ver todas< */ #columnaderechainterior h3 a.vertodo { float:right; margin-right:5px; font-weight: normal; letter-spacing: 0px; font-size:0.9em; text-align: right; /*CAMBIAR*/ color:#fff; text-decoration:underline; } /*hack IE6-7 */ *:first-child+html #columnaderechainterior h3 a.vertodo{ margin-top:-14px; } *html #columnaderechainterior h3 a.vertodo{ margin-top:-14px; } /*Hover sobre ver-todo */ #columnaderechainterior h3 a.vertodo:focus, #columnaderechainterior h3 a.vertodo:hover{ /*CAMBIAR*/ color:#fee27c; } #columnaderechainterior #menuterciario li{ padding-left:0.5em; /*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:0.9em; } /*Categorías listadas en el menu derecha (categorias de noticias, eventos,..) */ #columnaderechainterior #menuterciario a{ /*CAMBIAR*/ color:#672f0f; font-size:1em; font-style: italic; } /*Hover sobre las categorías,.. */ #columnaderechainterior #menuterciario a:hover { /*CAMBIAR*/ color:#b58c85; } #columnaderechainterior #menuterciario a.activo { color:#b58c85; } /*********** PAGINACIÓN. Se pagina (poner en pestaña opciones: Enlaces,Agenda y Noticias. ***********/ #elcontenido ul.paginacion{ clear:both; /*CAMBIAR */ background: #e7f0d0; /* #61763f ; #61763f */ width:100%; height:100%; overflow:hidden; margin:10px auto; text-align:center; padding:1px 0px 1px 0px; border-top:1px solid #7d8c4b; border-bottom:1px solid #7d8c4b; } #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{ color:#672f0f; } ul.paginacion li a:hover{ color:#b58c85; } div#volver { margin:0 auto; color:#000; font-size:0.8em; text-align:right; overflow:hidden; } /************* GALERIA DE IMAGENES ************************/ #galeriainterior{ width:100%; padding-top:5px; } /*Galeria interior ul */ #galeriainterior ul{ padding-left:10px; 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:137px; /*Para que cuando el

  • que es la img+texto inferior descriptivo, tenga el texto de más de una línea, cada
  • de una misma fila debe ocupara la misma altura sino habrá problemas y no se alínearán igual si mezclamos
  • con una sóla línea de texto abajo que con dos */ height:145px; /*Altura para como máximo 2 líneas de descripción de la img */ /*Márgenes*/ margin:0 0.4em 0.4em 0; } /*HACK IE6*/ *html #galeriainterior ul li.thumb { margin:0 0.2em 0.4em 0; } /* Texto bajo imágenes */ #galeriainterior ul p{ width:122px; /* igual al li: 132-18(margen)-2(borde)=122 para que se centre en él */ margin-left:6px; /*texto centrado para imagen galería */ text-align:center; font-size:0.9em; /*CAMBIAR */ } #galeriainterior .thumb a { display:block; /*Centramos el dentro del li/* margin:0 auto; heigth:75px; /* 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:9px; overflow:hidden; float:left; height: 126px; /*Para que no coja estilos de #elcontenido ul li en contenido.css */ margin-left:0; background-image:none; /*quitamos el li.gif */ } /*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:90px; max-width:120px !important; /* Para todos los navegadores */ width:auto; /* Para todos los navegadores */ text-align:center; border:1px solid #2f0000 !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 > 90? "90":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 de la noticia, es un que lleva a él */ #columnaizquierdainterior ul.listadointerior a{ padding-left:14px; text-decoration:none; /*Color enlace noticia,evento,... Poner el del h3*/ color:#261512; /*CAMBIAR*/ } #columnaizquierdainterior ul.listadointerior a:hover{ /*Color enlace noticia,evento,...Poner el del h3:over (o menusecund:hover)*/ color:#af5d52; /*CAMBIAR */ } /* imagen de la noticia */ #columnaizquierdainterior ul.listadointerior li img{ float:left; border:1px solid #B1B1B1; max-width:28% !important; /* Para todos los navegadores */ width:auto; /* Para todos los navegadores */ margin-left:1em; 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; } /*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; } /*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. */ #columnaizquierdainterior ul.listacalendario a{ padding-left:14px; text-decoration:none; /*CAMBIAR. Poner el del h3,menu-sec.*/ color:#261512; } #columnaizquierdainterior ul.listacalendario a:hover{ /*CAMBIAR. hover del h3*/ color:#af5d52; } #tablaagenda table{ width:98%; margin-bottom:1.5em; margin-top:0px; /*Color borde separador calendario - Categorías ver todas. CAMBIAR*/ border-bottom: 1px solid #ada4a3; /*Fuente*/ font-size:80%; } #tablaagenda table tr{ background:none; } #tablaagenda table caption { /*CAMBIAR color tabla calendario <> */ background:#d7bc97; text-align:center; border: 1px solid #c6d4fe; } #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:#61763f; /*CAMBIAR Color fondo del título: lun mar mie jue...*/ text-align:center; font-weight:normal; } #tablaagenda table td{ padding: 0 0 5px; text-align:center; border: none; } #tablaagenda table td.calendar-today{ background:#e0e0e0; } #tablaagenda table td a{ color:#bb7421; 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:0px auto; /*centramos la tabla*/ margin-top:15px; /*Color de cada fila */ background:#fbf8f5; /*CAMBIAR*/ /*color borde limites superior e inferior tabla */ border-top:2px solid #989e73; /*CAMBIAR línea-separador*/ border-bottom:2px solid #989e73; /*CAMBIAR línea-separador*/ /*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:#7d8c4b; /*CAMBIAR*/ /*color borde inferior cabecera tabla que junto a los bordes sup-inf de la tabla la delimitan*/ border-bottom:2px solid #989e73; /*CAMBIAR línea-separador*/ /* 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:#e7f0d0 none repeat scroll 0 0; /*CAMBIAR color Sub-cabecera */ border-bottom:1px solid #989e73; /*CAMBIAR, he puesto mº color cabecera-tabla */ font-size:1.1em; 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 { margin-right:0px; /*Anulamos estilo #elcontenido p en Generales */ } /*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 #d5d3ba; 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' */ /* 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. */ /*Imágenes*/ img, p img { border:1px solid #b1b1b1; background-color:#fff; padding: 4px 7px; margin-left:1em; margin-right:1em; margin-bottom:5px; } #sinborde { padding:0; margin:0 3px 0 0; } #elcontenido ul li{ width:95%; margin-left:5px; padding-left:1.2em; /*font-size:0.9em; Puesto en -> <#elcontenido p> en comun.css */ background:transparent url(/uploads/torrecampo/li.gif) no-repeat scroll left 4px; } #elcontenido h4 { font-size:1.3em; margin-left:.8em;} #elcontenido h5 { font-size:1.2m;margin-left:1em;} #elcontenido h6 {font-size:1.1em;margin-left:1.2em;} /* End of 'contenido' */