@charset "UTF-8"; /* CSS Document */ /* DIVs layout and BG Color ---------------------------------------------------- */ /* Also fonts and colours of definite static items ----------------------------- */ body { background-color: #d8ffbf; margin-bottom: 10px; } #wholepage { margin: 0 auto 5px auto; width: 820px; background-color: #fff; } #header { height: 109px; position: relative; background: url(graphics/aceia-logo230x81.gif) no-repeat 14px 14px; background-color: #d8ffbf; } #loginbox { background: url(graphics/login-left.png) no-repeat 0 bottom; background-color: #693; width: 290px; position: absolute; top: 0; right: 0; } #login-square { width: 7px; height: 7px; background: url(graphics/login-right.png) no-repeat; position: absolute; bottom: 0; right: 0; } #login-usuario, #login-password { width: 80px; height: 22px; line-height: 22px; padding-left: 20px; margin: 6px 0 6px 10px; color: #d8ffbf; float: left; display: block; } #login-usuario { background: url(graphics/login-usuario.gif) no-repeat left center; } #login-password { background: url(graphics/login-password.gif) no-repeat left center; } #login-boxes { margin-left: 9px; } .boxes { width: 100px; height: 18px; line-height: 18px; background-color: #fff; border: 1px solid #ddd; margin-right: 4px; -webkit-border-radius: 3px; -moz-radius: 3px; } /* when logged in */ #login-cerrarSesion a { width: 90px; height: 22px; line-height: 22px; padding-right: 20px; margin: 7px 10px 2px 0; color: #d8ffbf; float: right; background: url(graphics/login-cerrarSesion.gif) no-repeat right center; text-align: right; color: #d8ffbf; font-size: 0.9em; } #login-cerrarSesion a:hover { color: #004a21; } #login-misdatos a, #login-paneldecontrol a { width: 250px; height: 22px; line-height: 22px; padding-left: 20px; padding-top: 4px; margin: 4px 0 6px 10px; color: #d8ffbf; float: left; display: block; font-size: 0.9em; font-weight: bold; border-top: 1px solid #85ad5c; } #login-misdatos a { background: url(graphics/login-misdatos.gif) no-repeat left 7px; } #login-paneldecontrol a { background: url(graphics/login-paneldecontrol.gif) no-repeat left 7px; } #login-misdatos a:hover, #login-paneldecontrol a:hover { color: #004a21; } #below-header { height: 29px; border-bottom: 4px solid #693; background: url(graphics/corner-top-left.png) no-repeat left top; background-color: #004a21; line-height: 29px; position: relative; } #below-header span { width: 8px; height: 8px; background: url(graphics/corner-top-right.png) no-repeat; position: absolute; top: 0; right: 0; } #below-header #address, #below-header #telephone { margin-left: 10px; padding-left: 20px; width: auto; float: left; color: #d8ffbf; } #below-header #address { background: url(graphics/below-header-address.png) no-repeat 0 7px; } #below-header #telephone { background: url(graphics/below-header-telephone.png) no-repeat 0 7px; } #page { background-color: #fff; padding: 9px; } /* #navbar { height: 520px; width: 180px; float: left; background-color: #d8ffbf; overflow: hidden; } */ #navbar { width: 180px; float: left; background-color: #d8ffbf; overflow: hidden; } #navbar li { height: 40px; } #navbar li a { display: block; height: 0px; padding-top: 40px; overflow: hidden; } #navbar li#pagina-principal a { background: url(graphics/menu.png) no-repeat 0 0; } #navbar li#pagina-principal a:hover { background: url(graphics/menu.png) no-repeat -180px 0; } #navbar li#que-es-aceia a { background: url(graphics/menu.png) no-repeat 0 -40px; } #navbar li#que-es-aceia a:hover { background: url(graphics/menu.png) no-repeat -180px -40px; } #navbar li#hazte-socio a { background: url(graphics/menu.png) no-repeat 0 -80px; } #navbar li#hazte-socio a:hover { background: url(graphics/menu.png) no-repeat -180px -80px; } #navbar li#centros-asociados a { background: url(graphics/menu.png) no-repeat 0 -120px; } #navbar li#centros-asociados a:hover { background: url(graphics/menu.png) no-repeat -180px -120px; } #navbar li#codigo-de-conducta a { background: url(graphics/menu.png) no-repeat 0 -160px; } #navbar li#codigo-de-conducta a:hover { background: url(graphics/menu.png) no-repeat -180px -160px; } #navbar li#legislacion a { background: url(graphics/menu.png) no-repeat 0 -200px; } #navbar li#legislacion a:hover { background: url(graphics/menu.png) no-repeat -180px -200px; } #navbar li#noticias a { background: url(graphics/menu.png) no-repeat 0 -240px; } #navbar li#noticias a:hover { background: url(graphics/menu.png) no-repeat -180px -240px; } #navbar li#eventos a { background: url(graphics/menu.png) no-repeat 0 -280px; } #navbar li#eventos a:hover { background: url(graphics/menu.png) no-repeat -180px -280px; } #navbar li#enlaces a { background: url(graphics/menu.png) no-repeat 0 -320px; } #navbar li#enlaces a:hover { background: url(graphics/menu.png) no-repeat -180px -320px; } #navbar li#contacto a { background: url(graphics/menu.png) no-repeat 0 -360px; } #navbar li#contacto a:hover { background: url(graphics/menu.png) no-repeat -180px -360px; } #navbar li#conference2008 a { background: url(graphics/menu.png) no-repeat 0 -400px; } #navbar li#conference2008 a:hover { background: url(graphics/menu.png) no-repeat -180px -400px; } #navbar li#guest-speaker-scheme a { background: url(graphics/menu.png) no-repeat 0 -440px; } #navbar li#guest-speaker-scheme a:hover { background: url(graphics/menu.png) no-repeat -180px -440px; } #navbar li#conference2010 a { background: url(graphics/menu.png) no-repeat 0 -480px; } #navbar li#conference2010 a:hover { background: url(graphics/menu.png) no-repeat -180px -480px; } #navbar li#legislacion-socios a { background: url(graphics/menu.png) no-repeat -360px 0; } #navbar li#legislacion-socios a:hover { background: url(graphics/menu.png) no-repeat -540px 0; } #navbar li#juntas-y-asambleas a { background: url(graphics/menu.png) no-repeat -360px -40px; } #navbar li#juntas-y-asambleas a:hover { background: url(graphics/menu.png) no-repeat -540px -40px; } #navbar li#noticias-socios a { background: url(graphics/menu.png) no-repeat -360px -80px; } #navbar li#noticias-socios a:hover { background: url(graphics/menu.png) no-repeat -540px -80px; } #content { width: 595px; float: right; padding: 10px; } #footer { height: 29px; border-top: 4px solid #693; background: url(graphics/corner-bottom-left.png) no-repeat left bottom; background-color: #004a21; line-height: 29px; position: relative; text-align: center; color: #D8FFBF; cursor: default; } #footer span { width: 8px; height: 8px; background: url(graphics/corner-bottom-right.png) no-repeat; position: absolute; bottom: 0; right: 0; } /* Fonts and Colours ------------------------------------------------- */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.3em; color: #333; } small { font-size: 0.9em; color: #7d7d7d; } #content { text-align: justify; } #content a { color: #690; padding-bottom: 1px; } #content a:hover { color: #690; border-bottom: 1px dotted #690; } #content h2 { color: #751414; font-size: 3em; letter-spacing: -3px; font-weight: bold; margin-bottom: 30px; text-align: left; position: relative; display: block } #content h3 { color: #751414; font-size: 2em; letter-spacing: -1.5px; font-weight: bold; margin: 40px 0 20px 0; text-align: left; line-height: 0.8em; } #content h4 { color: #222222; font-size: 1.6em; letter-spacing: -1px; font-weight: bold; margin: 20px 0; text-align: left; } /* Start custom button CSS here (button CSS by Douglas Bowman http://stopdesign.com/eg/buttons/3.0/code.html ------------------------------------------------------------------------- */ .btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:100%/1.2 "Helvetica Neue Light", Arial,Sans-serif; text-decoration:none; color:#333; } * html button.btn { padding-bottom:1px; } /* Immediately below is a temporary hack to serve the following margin values only to Gecko browsers Gecko browsers add an extra 3px of left/right padding to button elements which can't be overriden. Thus, we use -3px of left/right margin to overcome this. */ html:not([lang*=""]) button.btn { margin:0 -3px; } .btn span { background:#ddd url(graphics/bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa; } * html .btn span { padding-top:0; } .btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; } /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */ button.pill-l span { border-right-width:0; } button.pill-l span span { border-right:1px solid #bbb; } button.pill-c span { border-right-style:none; border-left-color:#fff; } button.pill-c span span { border-right:1px solid #bbb; } button.pill-r span { border-left-color:#fff; } /* only needed if implementing separate hover/focus/active state for buttons */ .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer; /* important for any clickable/pressable element */ border-color:#9cf !important; color:#000; } .btn:active span { background-position:0 -400px; outline:none; } .btn:focus, .btn:active { outline:none; /* doesn't seem to be respected for