/** * La Guerra Civil v1.0 2009 * * 000.XXX.J23 * version 0.1, 24 abril 2009 * * autor runroom (phil) * copyright 2009 by runroom * * color #fdf4e1; beige fondo contenido * color #8b0204; rojo enlaces, border-bottoms * */ /* Undo browser defaults (see http://tantek.com/log/2004/09.html#d06t2354) -----------------------------------------------------------------------------*/ :link,:visited { text-decoration: none; } h1,h2,h3,h4,h5,h6,pre,code,p,li,td { font-size: 1em; } ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; } a img,:link img,:visited img,:hover img { border: none; } :focus { outline: none } /* Elementos HTML -----------------------------------------------------------------------------*/ body { font: 100.01%/1em "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; color: #333; text-align: center; background: #333 url("css_imgs/fondo_body.gif") 50% 0 no-repeat; } h1 { width: 967px; height: 158px; background: url("css_imgs/logotipo.gif") 0 0 no-repeat; } h1 a { display: block; width: 967px; height: 158px; } h1 span { position: absolute; left: -9999px; } h3 { padding-top: 20px; margin-bottom: -15px; } h4 { margin: 25px 0 -5px 0; padding-left: 20px; font-size: 0.88em; background: url("css_imgs/ico_activitat.gif") 0 0 no-repeat; } p { padding: 13px 0; font-size: 0.88em; line-height: 1.4em; } a:link { color: #8b0204; } a:visited { color: #8b0204; } a:hover { text-decoration: underline; color: #8b0204; } a:active { color: #000; } strong { display: block; padding-top: 3px; } /* MENU -----------------------------------------------------------------------------*/ ul#menu { list-style: none; width: 967px; height: 40px; background: url("css_imgs/menu.gif") 0 -56px no-repeat; } ul#menu li { display: block; float: left; } ul#menu li a span { position: absolute; left: -9999px; } ul#menu li a { display: block; height: 40px; } #m01 a { width: 222px; background: url("css_imgs/menu.gif") 0 6px no-repeat; } #m02 a { width: 122px; background: url("css_imgs/menu.gif") -222px 6px no-repeat; } #m03 a { width: 200px; background: url("css_imgs/menu.gif") -344px 6px no-repeat; } #m04 a { width: 171px; background: url("css_imgs/menu.gif") -544px 6px no-repeat; } #i01 a { margin-left: 97px; width: 43px; background: url("css_imgs/menu.gif") -812px 6px no-repeat; } #i02 a { width: 41px; background: url("css_imgs/menu.gif") -855px 6px no-repeat; } ul#menu li a:hover, ul#menu li.seleccionado a { background: none; } /* GENERAL -----------------------------------------------------------------------------*/ #contenedor { width: 967px; margin: 0 auto; text-align: left; } #cabecera { width: 967px; height: 158px; background: url("css_imgs/fondo_cabecera.jpg") 0 0 no-repeat; } #contenido { clear: both; margin-top: 40px; padding-right: 80px; min-height: 650px; background: #fdf4e1; } #lateral { float: left; padding: 65px 50px 0 80px; width: 195px; min-height: 300px; } #lateral p { font-size: 0.69em; line-height: 1.1em; } #principal { margin-left: 325px; padding: 31px 0 40px 0; } #footer { position: relative; width: 967px; height: 162px; margin: 6px 0 20px 0; background: url("css_imgs/footer.gif") 0 0 no-repeat; } ul#footermenu { list-style: none; width: 967px; height: 40px; } ul#footermenu li { position: relative; top: 22px; display: block; float: left; } ul#footermenu li a { display: block; height: 20px; } ul#footermenu li a:hover { background: url("css_imgs/underline.gif") 0 9px repeat-x; } #f01 { margin-left: 79px; width: 105px; } #f02 { margin-left: 19px; width: 81px; } #f03 { margin-left: 18px; width: 143px; } #f04 { margin-left: 18px; width: 112px; } #f05 { margin-left: 18px; width: 75px; } #f06 { margin-left: 18px; width: 58px; } ul#footermenu li a span { position: absolute; left: -9999px; } #RrLink { position: absolute; width: 85px; height: 20px; bottom: 25px; right: 70px; } #RrLink a { display: block; width: 78px; height: 30px; } #RrLink a span { position: absolute; left: -9999px; } /* TEXTOS IMG -----------------------------------------------------------------------------*/ #lostextos h2, #lostextos h3, #lostextos h4, #lostextos p, #lostextos ul, #lostextos table { position: absolute; left: -9999px; } /* HOME -----------------------------------------------------------------------------*/ .home #lateral { background: url("css_imgs/pau.gif") 80px 22px no-repeat; } .home #lateral p { padding: 8px 0 8px 20px; background: url("css_imgs/commentbubble.gif") 0 10px no-repeat; border-top: 1px solid #e9c4c0; border-bottom: 1px solid #8b0204; } .home #lateral p.first { border-top: none; } #sidemenu { list-style: none; padding-top: 88px; background: url("css_imgs/home_sidemenu.gif") 0 10px no-repeat; } .home #sidemenu li a { display: block; height: 22px; } #deixa a:hover { background: url("css_imgs/home_sidemenu.gif") -218px -78px no-repeat; } #veure a:hover { background: url("css_imgs/home_sidemenu.gif") -218px -100px no-repeat; } #sidemenu li a span { position: absolute; left: -9999px; } .elgif { text-align: center; padding-top: 20px; } /* SUBMENUS -----------------------------------------------------------------------------*/ #submenu { list-style: none; width: 222px; background: url("css_imgs/submenus.gif") 0 -5px no-repeat; } #submenu li a { display: block; height: 40px; } #submenu li a span { position: absolute; left: -9999px; } /* LA GUERRA CIVIL -----------------------------------------------------------------------------*/ .laguerra #lateral { padding-top: 29px; padding-left: 61px; } #s01 a:hover, #s01.seleccionado a { background: url("css_imgs/submenus.gif") -380px -5px no-repeat; } #s02 a:hover, #s02.seleccionado a { background: url("css_imgs/submenus.gif") -380px -45px no-repeat; } #s03 a:hover, #s03.seleccionado a { background: url("css_imgs/submenus.gif") -380px -85px no-repeat; } #s04 a:hover, #s04.seleccionado a { background: url("css_imgs/submenus.gif") -380px -125px no-repeat; } #s05 a:hover, #s05.seleccionado a { background: url("css_imgs/submenus.gif") -380px -165px no-repeat; } /* ACTIVITATS -----------------------------------------------------------------------------*/ .activitats #lateral { padding-top: 31px; padding-left: 61px; } .activitats #submenu { background: url("css_imgs/submenus.gif") 0 -205px no-repeat; } .activitats h2 span { position: absolute; left: -9999px; } #s06 a:hover, #s06.seleccionado a { background: url("css_imgs/submenus.gif") -380px -205px no-repeat; } #s07 a:hover, #s07.seleccionado a { background: url("css_imgs/submenus.gif") -380px -245px no-repeat; } #s08 a:hover, #s08.seleccionado a { background: url("css_imgs/submenus.gif") -380px -285px no-repeat; } .descarregar { padding-top: 0; border-bottom: 1px solid #8b0204; } .descarregar a { display: block; height: 20px; background: url("css_imgs/descarrega.gif") 0 -40px no-repeat; } .descarregar a:hover { background: url("css_imgs/descarrega.gif") 0 0 no-repeat; } .descarregar a span { position: absolute; left: -9999px; } /* GUERRES AL MON -----------------------------------------------------------------------------*/ .guerresalmon #contenido { padding-right: 0; text-align: center; } .guerresalmon #contenido p { width: 809px; margin: -10px auto 0 auto; text-align: left; font-size: 12px; } .guerresalmon #contenido p strong { display: inline; } .guerresalmon #contenido img { margin: 20px 0 10px 0; } #mapa_flash { width: 809px; margin: 10px auto; } /* MISSATGES -----------------------------------------------------------------------------*/ .missatges #lateral { background: url("css_imgs/pau_deixa.gif") 80px 22px no-repeat; } .ladeco { text-align: center; padding: 40px 0 20px 0; } .missatges #principal { position: relative; background: url("css_imgs/paloma.gif") 0 80px no-repeat; } .missatges #principal h2 { margin-bottom: 15px; height: 32px; background: url("css_imgs/missatges_de_pau.gif") 0 0 no-repeat; border-bottom: 1px solid #8b0204; } .missatges #principal h2 span { position: absolute; left: -9999px; } .missatges #principal p { padding: 13px 0; text-indent: 20px; background: url("css_imgs/commentbubble.gif") 0 17px no-repeat; border-bottom: 1px solid #8b0204; } .missatges #principal p strong { text-indent: 0; } .missatges #principal p.paginador { text-indent: 0; font: bold 1em Georgia, "Times New Roman", Times, serif; background: none; border-bottom: none; } .missatges #principal p.paginador.top { position: absolute; top: 30px; right: 0; } .missatges #principal p.paginador a { font-weight: normal; font-size: 0.81em; } /* .missatges #principal p.paginador a span { position: absolute; left: -9999px; } .ant { position: absolute; top: 3px; left: 0; width: 56px; height: 17px; background: url("css_imgs/ant_seg.gif") 0 0 no-repeat; } .ant:hover { background: url("css_imgs/ant_seg.gif") 0 -31px no-repeat; } .seg { position: absolute; top: 3px; right: 0; width: 53px; height: 17px; background: url("css_imgs/ant_seg.gif") -100px 0 no-repeat; } .seg:hover { background: url("css_imgs/ant_seg.gif") -100px -31px no-repeat; } */ /* FORMULARIOS -----------------------------------------------------------------------------*/ form p { padding: 10px 0 0 0; } fieldset { border: 0; } label { font-weight: bold; } label.acepto { font: normal normal 1em/1em Arial, Verdana, sans-serif; } input { margin: 7px 0 8px 0; } textarea { width: 100%; margin: 7px 0 0 0; } .inp_styled { width: 100%; } /* forzar retorno al flujo normal con
-----------------------------------------------------------------------------*/ .clear { clear: both; height: 1px; } .oculto { display: none; color: #8b0204; }