/* ------ Atributos Urbanos ---------------------------- */ /* ------ Desarrollado por Arqyestudio.com ------------- */ /* ------ 2006 ----------------------------------------- */ * {margin:0;padding:0} body {font: 12px "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;color:#555;background: #73807a url(../images/background.gif) 50% 0 repeat-y;text-align:center} #wrapper {width:750px;margin:0 auto;text-align:left} /* ----------- Header -------------- */ #header {height:134px;border-bottom:1px solid #666;position:relative} /* Header Backgrounds */ #glosario #header {background: url(../images/header_glosario_en.png) no-repeat} #header {background: url(../images/header_en.png) no-repeat} #areas-de-estudio #header {background: url(../images/header_study_areas.png) no-repeat} #actividades #header {background: url(../images/header_actividades_en.png) no-repeat} #inicio #header {background: url(../images/header_inicio.gif) no-repeat} /* Main Menu */ #header ul {font-size:12px;padding-top:107px} #header ul li, #footer ul li {display:inline} #header ul li a, #footer ul li a {padding:0 8px 0 8px;text-decoration:none;float:left;color:#333;text-align:center;text-transform:uppercase;display:block;font-size:11px;font-weight:normal;height:27px;line-height:27px;letter-spacing:0.1em} #header ul li a:hover, #header ul li a.active, #footer ul li a:hover, #footer ul li a.active, #content .col2 ul li.pdf a:hover, #grupo_almeria ul li a:hover {color: #fff;background-color:#5f94ab} #header ul#secondarynav {position:absolute;padding:0;top:0;right:154px} #header ul#languagenav {position:absolute;padding:0;top:0;right:14px} #header ul#secondarynav li a, #header ul#languagenav li a {color:#dedede;text-transform:lowercase;letter-spacing:0;font-weight:bold;border-top:3px solid #EEE000;height:20px;line-height:20px} #header ul#secondarynav li a:hover, #header ul#secondarynav li a.active {border-top:3px solid #5f94ab;background:none;color:#fff} #header ul#languagenav li a:hover {color:#fff} #header .search {position:absolute;top:111px;left:565px} #header .search input.searchfield, #footer .search input.searchfield {border:1px solid #ccc;font-weight:bold;color:#666;width:110px} #header .search input.searchbutton {vertical-align:middle;margin-top:-3px;margin-left:3px;height:19px;width:52px} /* ----------- Content -------------- */ #content {width:750px;overflow:auto;padding-bottom:10px;text-align:justify;background-color:#fff} #home #content {padding-top:20px} /* Simple Content (search results, etc...) */ #content ol {padding:0 30px 15px 40px} #content ol dl {line-height:140%;display:inline} #content ol dl dt {padding-bottom:5px;display:inline} .searchresults {background-color:#EBDF00} /* Paragraphs */ #content p, #content .col1 dl {padding:0 0 12px 20px} #content .col2 p {color:#899890;padding:0 0 10px 0} #content .col2 ul {text-align:left;color:#899890} #content .col2 ul.bibliography li {background-image:none;padding:0 0 5px 0} #content .summary p {padding:15px 0 15px 20px} #areas-de-estudio #content p {line-height:1.6em;padding-right:20px} .tools p {float:left;padding-left:20px} #content p.note {font-size:90%;font-weight:bold;margin:0 70px 20px 25px} #content p.note img {float:left;margin-right:10px} /* Summary */ #content .summary {overflow:auto;margin-bottom:20px;border-top:1px solid #ddd;border-bottom:1px solid #ccc;background:#ededed url(../images/summary.gif) bottom left repeat-x} #content .summary p {line-height:1.6em;float:left;width:415px;color:#555} #content .summary img {float:right;margin:20px 20px 20px 0} #content .summary p.emphasis {text-transform:uppercase;width:700px;text-align:center;color:#888;letter-spacing:0.1em} /* Columns */ #content ul {list-style:none} .col1 {float:left;width:435px;line-height:1.6em} #content .col1 img, #areas-de-estudio #content img, img.float {margin-right:10px;float:left} #inicio .col1 img {margin-left:20px} #content .col1 ul {margin:0 0 15px 20px} #content .col1 ul li, #content .col1 dd, #content dl.formatted dd {padding-left:15px;background:url(../images/list.png) 0 4px no-repeat} #content .col1 .subcol {float:left;width:195px} .col2 {margin-left:470px;width:260px;line-height:1.4em} #glosario .col2 ul li span, #areas-de-estudio .col2 ul li span {display:block;padding-bottom:5px;color:#899890} #glosario .sep {border-right:1px solid #ccc} #inicio .col2 p {line-height:1.5em;padding-bottom:8px;color:#666} #inicio .col2 p span {font-weight:bold;display:block;color:#899890} .col2 dl {margin-top:15px;line-height:150%} dt {font-weight:bold} #contacto dl dt {text-align:left} #contacto #content .col2 dl {margin:0 0 10px 0} /* Tools and Nav */ .tools {font-weight:bold;color:#5f94ab;font-size:11px;overflow:auto;margin:15px 0 8px 0;position:relative;width:730px} #glosario .tools {margin:0 0 20px 0} .tools p.crumb a {padding-right:15px;background:url(../images/arrow.gif) 98% 3px no-repeat} .crumb select {width:220px;border:1px solid #ccc;font-size:11px;color:#5f94ab;font-weight:bold} .tools a.imprimir {padding-left:20px;background:url(../images/print.gif) 0 -2px no-repeat;position:absolute;top:0;right:0} #height {padding-left:610px;background:url(../images/customize.gif) 610px 0 no-repeat;background-color:#fff} #height a {display:block;text-indent:-5000em;width:125px;height:18px} .abcd {width:595px;height:46px;margin:15px auto;text-align:center;background:url(../images/abcd_en.gif);line-height:46px} .abcd a, .abcd select {margin-top:13px} .abcd a.current {color:#666} .abcd a {padding:1px;margin:0} .abcd a:hover {background-color:#666;color:white} .abcd form {display:inline} .abcd select {width:130px;border:1px solid #ccc;font-size:11px;color:#555;margin-left:13px} .abcd select#keywordMenu {background-color:#F7F4EB} .abcd select#authorsMenu {background-color:#DFE9E7} p#backTop {padding:0 0 30px 20px;font-size:11px;background-color:#fff} p#backTop a {background:url(../images/backTop.gif) no-repeat;padding:0 0 2px 18px;height:22px} #stylesheet {background-color:#808080;color:white} #stylesheet #screen-switcher {overflow:hidden;height:65px;background-color:#808080} #stylesheet #screen-switcher form {margin:10px auto;width:302px} #stylesheet #screen-switcher fieldset {padding:10px;width:300px;background-color:#999;border:1px solid #666} #stylesheet #screen-switcher fieldset select {margin-left:20px;width:190px} /* Headings */ h1 {font-size:20px;color:#666;text-transform:uppercase;letter-spacing:0.1em;margin:0 0 15px 20px;font-weight:normal} h1 span {display:block;font-size:12px;text-transform:none;letter-spacing:0} h2 {text-indent:-5000em;display:block;width:150px;height:14px;margin:15px 0 12px 0;font-size:13px} #inicio h2 {margin:0 0 10px 0} h2#enlaces {background:url(../images/h2_links.gif) no-repeat} h2#autores {background:url(../images/h2_authors.gif) no-repeat;margin-top:0} h2#bibliografia {background:url(../images/h2_bibliography.gif) no-repeat} h2#noticias {background:url(../images/h2_noticias.gif) no-repeat;margin-top:10px} h2#proyecto {background:url(../images/h2_proyecto.gif) no-repeat} h2#conferencias {background:url(../images/h2_conferencias_en.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#mesas {background:url(../images/h2_mesas_en.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#proyecciones {background:url(../images/h2_proyecciones.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#costa {background:url(../images/h2_costa.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#sevilla {background:url(../images/h2_sevilla.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#estrecho {background:url(../images/h2_estrecho_en.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#cadiz {background:url(../images/h2_cadiz_en.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#almeria {background:url(../images/h2_almeria.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#web {background:url(../images/h2_web_en.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#caac {background:url(../images/h2_caac_en.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#direccion {background:url(../images/h2_direccion_en.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#coordinacion {background:url(../images/h2_coordinacion_en.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#documentacion {background:url(../images/h2_documentacion_en.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#contact_ok {background:url(../images/h2_contact_ok.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#contact_error {background:url(../images/h2_contactoerror.gif) no-repeat;width:600px;height:30px;margin:0 0 3px 20px} h2#participantes {background:url(../images/participantes.gif) no-repeat;width:200px;height:32px;margin:0 0 4px 0} h2#aportaciones {background:url(../images/aportaciones.gif) no-repeat;width:200px;height:32px;margin:0 0 12px 0} h2#showings {background:url(../images/h2_showings.gif) no-repeat;width:200px;height:32px;margin:0 0 3px 20px} h2#exhibition {background:url(../images/h2_exhibition.gif) no-repeat;width:200px;height:32px;margin:0 0 3px 20px} h3 {font-size:14px;color:#555;text-transform:uppercase;margin:0 0 5px 20px;font-weight:normal;background: url(../images/h2.gif) -20px -7px no-repeat;height:22px} #equipo h3 {margin:7px 0 6px 20px} #areas-de-estudio .col2 h3 {margin:0 0 10px 0;background-image:none} #grupo_almeria {width:750px;height:450px;margin-bottom:20px;position:relative} #grupo_almeria2 {width:750px;height:350px;position:relative;border-bottom:3px solid #EBDF00} #grupo_almeria3 {width:750px;height:350px;position:relative;border-bottom:1px solid #444} #grupo_almeria ul {position:absolute;right:110px;top:80px;line-height:235%} #grupo_almeria2 ul {position:absolute;right:110px;top:30px;line-height:235%} #grupo_almeria3 ul {position:absolute;right:140px;top:15px;line-height:180%} #grupo_almeria ul li a, #grupo_almeria2 ul li a {padding:3px;color:#333;background-color:#EBDF00} #grupo_almeria ul li#mar_plastico, #grupo_almeria2 ul li#mar_plastico, #grupo_almeria3 ul li#mar_plastico {padding-left:25px} #grupo_almeria ul li#agrociudad, #grupo_almeria2 ul li#agrociudad, #grupo_almeria3 ul li#agrociudad {padding-left:70px} #grupo_almeria ul li#paisaje_invernadero, #grupo_almeria2 ul li#paisaje_invernadero, #grupo_almeria3 ul li#paisaje_invernadero {padding-left:15px} #grupo_almeria ul li#villa_miseria, #grupo_almeria2 ul li#villa_miseria{padding-left:100px} #grupo_almeria3 ul li#villa_miseria {padding-left:60px} /* Links */ a {text-decoration:none;font-weight:bold;color:#5f94ab;outline:none} a:hover {color:#555} .link a, .col2 ul li {padding-left:15px;background:url(../images/arrow.gif) 0 4px no-repeat} span.link {display:block} p.admin {margin-top:50px} p.admin a {text-align:center;padding:5px;display:block;background-color:#5f94ab;font-size:11px;margin:0 auto;width:150px;color:white} p.admin a:hover {background-color:#888} #content .col2 ul li.pdf {padding:3px 0 3px 20px;background:url(../images/pdf.gif) 0 4px no-repeat;border-bottom:1px solid #E4E4E4} #content .col2 ul li.pdf a {display:block;padding:2px} #content .col2 ul.documentos {border-top:1px solid #E4E4E4} /* Flash */ #words {background:#0a0a0a} #slideshow {padding-left:20px} /* Misc */ .noticias p span {display:block;color:#6fb9cc;font-weight:bold} img, table, fieldset {border:none} .clear {clear:both;height:30px} sup {font-size:70%;line-height:0} .footnote {margin:20px 0 20px 0;font-size:90%;line-height:130%} img .floatright {margin-right:10px;float:right} #content img#poster {display:block;float:none;width:600px;margin-bottom:20px;margin-left:auto;margin-right:auto;text-align:center} #content img#poster2 {display:block;float:none;width:396px;margin-bottom:20px;margin-left:auto;margin-right:auto;text-align:center} /* Tables */ body#grupos td {vertical-align:top;border-right:1px solid #ccc;padding:3px;line-height:140%;text-align:left} body#grupos td.simple {border:none} body#grupos th {padding-bottom:10px;text-align:center} table dt {color:#899890;padding-bottom:3px;font-weight:normal;font-size:14px} table dd {padding-left:12px;background:url(../images/list.png) 0 4px no-repeat} table {border-collapse:collapse;margin:0 20px 20px 20px;text-align:left} table td {width:33%;border:1px solid #ccc;padding:5px;vertical-align:top} #content dl.formatted, #content dl.actividades {padding:10px 60px 15px 50px;margin-top:0;margin-bottom:15px;background:url(../images/dl_background.png) 30px bottom no-repeat} #content dl.formatted dt {font-weight:bold;padding-bottom:7px;color:#899890} #content dl.actividades dt {padding-left:22px;background:url(../images/calendar.gif) 0 -1px no-repeat;color:#E9A039;font-weight:bold;padding-bottom:7px;} #content dl.formatted dd, #content dl.actividades dd {line-height:150%;padding-bottom:7px} #content dl.formatted dd span, #content dl.actividades dd ul {font-size:90%;display:block;border-top:1px solid #ccc} #content dl.actividades dd ul li ul {border-top:none;padding-bottom:5px} #content dl.actividades dd strong {color:#899890} #content dl.actividades dd ul li {padding-left:15px;background:url(../images/list.png) 0 4px no-repeat} #content .boxwrapper {background:url(../images/dl_background.png) 30px top no-repeat;height:15px} /* Form */ form {} label {display:block;padding-bottom:2px} label.obligatorio {background:url(/images/obligatorio.gif) 0 50% no-repeat;padding-left:15px} form#form input, textarea, label {font: 11px "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;font-weight:bold;padding:2px} form#form input {width:180px;border:1px solid #999;background-color:#F7F4EB;margin-bottom:10px} form#form div {float:left;width:45%;padding-left:15px} textarea {display:block;width:390px;border:1px solid #999;background-color:#F7F4EB} form#form input#button {width:80px;height:20px;border:none;margin:10px 0 30px 0;background-color:white;padding:0} /* ----------- Footer -------------- */ #footer {background:#0a0a0a url(../images/footer_en.gif) no-repeat;height:90px;position:relative;border-top:1px solid #666} #footer ul {font-size:12px} #footer #imagemap {position:absolute;top:70px;left:400px} #footer #imagemap a {width:68px;height:16px;display:block;text-indent:-5000em} #footer #imagemap a:hover {border:1px solid #666} /* ----------- Lightbox -------------- */ #lightbox {position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0} #lightbox a img { border:none} #outerImageContainer {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto} #imageContainer {padding:10px} #loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0} #hoverNav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index:10} #imageContainer>#hoverNav {left: 0} #hoverNav a {outline:none} #prevLink, #nextLink {width: 49%;height: 100%;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block} #prevLink {left: 0; float: left} #nextLink { right: 0; float: right} #prevLink:hover, #prevLink:visited:hover {background: url(../images/prevlabel.gif) left 15% no-repeat} #nextLink:hover, #nextLink:visited:hover {background: url(../images/nextlabel.gif) right 15% no-repeat} #imageDataContainer {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em} #imageData{padding:0 10px} #imageData #imageDetails {width: 70%; float: left; text-align: left} #imageData #caption {font-weight: bold} #imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em} #imageData #bottomNavClose {width: 75px; float: right; padding-bottom: 0.7em} #overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6} .clearfix:after {content: ".";display: block; height: 0; clear: both;visibility: hidden} * html>body .clearfix {display: inline-block;width: 100%} * html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }