/* ............................................................................................................................. */ /* ......................................... ELEMENTOS DE LA PAGINA WEB ....................................... */ /* ............................................................................................................................. */ * { margin:0px; padding:0px; } body { background:#666666; color:#666666; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:75%; padding-top:20px; padding-bottom:20px; } img { border:0px; } kbd { line-height:2em; font-size:.8em; font-weight:normal; font-family:"Lucida console", Courier, monospace, sans-serif; border-top:.15em solid #ccc; border-right:.25em solid #aaa; border-bottom:.3em solid #888; border-left:.2em solid #bbb; padding:.05em .2em; color:#000; background:#eee; vertical-align:text-bottom; } abbr, acronym, span.abbr { border-bottom:1px dashed #666666; cursor:help; } address { font-style:normal; text-align:left; width:95%; font-size:95%; padding-top:0px; padding-bottom:5px; } sup { font-size:80%; font-weight:normal; font-family:Helvetica, "Lucida console", Arial, sans-serif; } .emailaddress { width:10%; padding:0px; margin:0px; } .small { font-size:90%; color:#B2B2B2; width:99%; clear:both; padding-top:7px; } .small2 { font-size:80%; color:#003366; width:99%; clear:both; } .lopd { position:relative; font-size:90%; clear:both; } .margin { margin-left:15px; font-weight:bold; } /* ..... Tables ..... */ table { width:95%; margin-bottom:20px; /*border-spacing:0px;*/ } caption { text-align:left; padding:10px 0px 10px 0px; font-weight:bold; font-size:125%; } th { text-align:left; vertical-align:top; font-weight:bold; color:#25007F; padding:4px 6px; border-bottom:1px dashed #25007F; } td { text-align:left; vertical-align:top; padding:4px 6px; border-bottom:1px dashed #25007F; } /* ..... Listas ..... */ ol, ul { width:100%; } li { list-style-position:outside; list-style-type:none; } /* ..... Cabeceras ..... */ h1 { color:#25007F; font-size:230%; font-family: ERAS MEDIUM ITC, Tahoma, Verdana, Arial, sans-serif; /*margin-top:6%; margin-left:6%;*/ margin: 0 auto; width:90%; } .title1 { font-size:75%; padding-left:1%; } .title2 { padding-left:9%; } h2 { color:#FF5C00; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:145%; font-weight:bold; text-align:left; padding: 0px 0px 10px 15px; width:96%; margin: 12px 0px 0px 0px; background:transparent url("../images/bulletH1.gif") no-repeat left top; clear:both; } .h2home { margin: 0px; } .h2peque { position:relative; float:left; width:51%; padding: 0px 0px 2px 15px; margin: 12px 0px 10px 0px; } .h2christmas { position:relative; float:right; width:40%; margin: 12px 0px 0px 0px; text-align:right; font-weight:bold; font-size:95%; color:#339900; background:transparent url("../images/bell2.gif") no-repeat right top; padding-right:30px; padding-bottom:5px; } h3 { color:#25007F; font-size:120%; font-weight:bold; text-align:left; padding:0px; margin:15px 0px 5px 0px; width:90%; /*background:transparent url("../images/bulletH3c.gif") no-repeat left bottom;*/ clear:both; } .h3short { background:transparent url("../images/bulletH3c.gif") no-repeat left bottom; } .h3small { margin:0px; } .h3smalltop { margin-top:0px; } .h3smallbottom { margin-bottom:0px; } .h3worldwide { margin:0px; color:#003366; font-size:115%; font-weight:bold; } .h3smallletter { color:#003366; font-size:129%; font-weight:bold; } h4 { color:#000000; font-size:130%; font-weight:bold; text-align:left; padding:0px 0px 0px 25px; margin:12px 0px 8px 0px; width:90%; clear:both; } .h4small { margin:0px; } .h4smalltop { margin-top:0px; } .h4smallbottom { margin-bottom:0px; } h5 { color:#000000; font-size:100%; font-weight:bold; text-align:left; padding:0px; margin:12px 0px 8px 0px; width:99%; border-bottom:1px dashed #999999; clear:both; } h6 { color:#000000; font-size:100%; font-weight:bold; text-align:left; padding:0px; margin:12px 0px 8px 0px; width:99%; /*border-bottom:1px dashed #999999;*/ clear:both; } .woborder { border:0px; } .sinvineta { background:none; padding-left:0px; } .sinvinetanormal { background:none; padding-left:0px; font-size:125%; color:#5A595A; margin-bottom:0px; margin-top:20px; } .oculto { position:absolute; left:-999px; width:990px; font-size:0%; } .spacer { clear:both; } .flotaizda { float:left; margin-right:5px; } .flotadcha { float:right; clear:right; margin-left:5px; } .picturefooterR { float:right; clear:right; width:24%; margin:0px 10px 0px 0px; padding:0px; font-size:75%; color:#828282; text-align:center; } .picturefooterL { float:left; clear:left; width:24%; margin:0px 17px 0px 0px; padding:0px; font-size:75%; color:#828282; text-align:center; } .important { color:#EF4D29; font-weight:bold; } /* ..... Forms ..... */ /* form { } #search form .keyword { border:solid 1px #000000; background-color:#FFFFFF; color:#5A595A; font-size:95%; font-weight:normal; padding:1px; margin-left:10px; margin-right:0px; } #search form input { border-bottom:solid 1px #000000; border-right:solid 1px #000000; border-left:solid 1px #E8E8E8; border-top:solid 1px #E8E8E8; background-color:#666666; color:#FFFFFF; font-weight:bold; font-size:95%; margin-left:10px; padding:0px 1px 0px 1px; } #webcontent form label { } #webcontent fieldset { width:90%; margin:0px 0px 15px 0px; padding:10px 10px 10px 20px; border-color:#E5E5E5; border-width:1px; border-style:solid; clear:both; } #webcontent legend { font-family:Tahoma, Verdana, Arial, sans-serif; font-weight:bold; font-size:95%; color:#FF9933; margin:5px 0px 11px 0px; padding:0px 5px; } #webcontent form dl { width:98%; font-size:95%; } #webcontent form dt { float:left; width:25%; margin:0px; padding:0px 0px 0px 10px; } #webcontent form dd { margin:0px; padding:0px 1% 6px 0px; } #webcontent textarea, input, select { border:solid 1px #E2DEEE; background-color:#F8F7FB; font-size:90%; vertical-align:middle; margin-left:0%; padding:2px; margin-right:0px; } #webcontent textarea { font-size:95%; font-family: Arial, Tahoma, Verdana, sans-serif; } #webcontent select { font-size:95%; } */ #webcontent form p{ font-size:90%; } .boton { border-bottom:solid 1px #666666; border-right:solid 1px #666666; border-left:solid 1px #E8E8E8; border-top:solid 1px #E8E8E8; background-color:#FF5C00; color:#FFFFFF; font-weight:bold; font-size:90%; padding:2px; } .required { color:#FF5C00; font-size:105%; padding-left: 2px; } .requiredtext{ font-size:95%; color:#FF5C00; margin-left:29%; width:50%; background:transparent url("../images/errorIcon2.gif") no-repeat left top; padding-left:23px; } .requiredbox { width:99%; clear:both; } div.requiredbox dl { width:98%; } div.requiredbox dt { float:left; width:3%; margin:0px 0px 3px 0px; padding:3px 0px 0px 1px; } div.requiredbox dd { margin:0px 0px 3px 0px; padding:3px 1% 6px 0px; } .okmessage { font-size:105%; font-weight:bold; color:#047527; background:transparent url("../images/correctIcon.gif") no-repeat left top; padding-left:20px; } .thankmessage2 { font-size:105%; font-weight:bold; color:#047527; } .errormessage { font-size:105%; font-weight:bold; color:#CE3408; background:transparent url("../images/incorrectIcon.gif") no-repeat left top; padding-left:20px; } .thanksmessage { padding-left:20px; } .alert { background:transparent url("../images/atencion.gif") no-repeat left top; padding-left:10px; margin-bottom:6px; margin-left:3px; } .alertsmall { background:transparent url("../images/atencion.gif") no-repeat left top; padding-left:10px; margin-bottom:6px; } .footer { margin-bottom:15px; } /* -------------------------- CAJA EXTERNAS ------------------------------- */ #webcontent fieldset { width:90%; margin:0px 0px 15px 0px; padding:10px 10px 10px 20px; border-color:#E5E5E5; border-width:1px; border-style:solid; clear:both; } #webcontent legend { font-family:Tahoma, Verdana, Arial, sans-serif; font-weight:bold; font-size:95%; color:#FF5C00; margin:5px 0px 11px 0px; padding:0px 5px; } /* -------------------------- ESPECIFICACIONES LISTAS ------------------------------- */ #webcontent form dl{ width:98%; font-size:95%;} /* -------------------------- CAJAS GENERAL INFORMATION (DL IZDA & DCHA & FOOT) ------------------------------- */ #webcontent form dl.dlizda { position:relative; float:left; width:50%; padding-bottom:0px; margin-bottom:0px; /*clear:both;*/ } #webcontent form dl.dldcha { position:relative; float:right; width:50%; padding-bottom:0px; margin-bottom:0px; /*clear:both;*/ } #webcontent form dl.dlfoot { position:relative; float:left; width:99%; padding-bottom:0px; margin-bottom:0px; /*clear:both;*/ } /* DL.IZDA */ #webcontent dl.dlizda dt { position:relative; float:left; width:34%; margin:0px; padding:0px; vertical-align:middle; clear:left; } #webcontent dl.dlizda dd { position:relative; float:left; width:63%; margin:0px; padding:0px 0px 6px 0px; } /* DL.DCHA */ #webcontent dl.dldcha dt { position:relative; float:left; width:34%; margin:0px; padding:0px; vertical-align:middle; clear:left; } #webcontent dl.dldcha dd { position:relative; float:left; width:63%; margin:0px; padding:0px 0px 6px 0px; } /* DL.FOOT */ #webcontent dl.dlfoot dt { position:relative; float:left; width:22%; margin:0px; padding:0px; vertical-align:middle; } #webcontent dl.dlfoot dd { position:relative; float:left; width:20%; margin:0px; padding:0px 0px 6px 0px; } /* -------------------------- CAJAS CONSULTA ------------------------------- */ /* 1-2 */ #webcontent form dl.consulta { width:100%; /*font-size:95%;*/ } #webcontent dl.consulta dt { position:relative; float:left; width:16%; margin:0px; padding:0px; vertical-align:middle; clear:left; } #webcontent dl.consulta dd { position:relative; float:left; width:45%; margin:0px; padding:0px 0px 6px 0px; } /* ----------------------------------------------- */ #webcontent textarea, input, select { border:solid 1px #E2DEEE; background-color:#F8F7FB; font-size:90%; vertical-align:middle; margin-left:0%; padding:2px; margin-right:0px; } #webcontent textarea { font-size:95%; font-family: Arial, Tahoma, Verdana, sans-serif; } #webcontent select { font-size:95%; } #webcontent dl.cardright select.selmonth { width:36%; } #webcontent dl.cardright select.selyear { width:46%; } /* .......................................................................................................................................... */ /* ............................ POSICIONAMIENTO DE CAPAS - BLOQUES PRINCIPALES ............................... */ /* .......................................................................................................................................... */ #container { position:relative; margin: 0 auto; width:870px; /*border:1px solid #000000;*/ } #header { position:relative; float:left; width:100%; background:#FFFFFF url("../images/headerESIPC.jpg") no-repeat center bottom; height:165px; text-align:left; border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; } .headerimg { width:91%; margin-bottom:0px; padding-bottom:0px; } #headerError { position:relative; float:left; width:100%; } #auxiliarmenu { position:relative; float:right; width:88%; text-align:right; padding:10px 6%; margin-bottom:15px; } #bodyweb { position:relative; float:left; width:100%; padding:0px; margin:0px; background:#FFFFFF; border-left:1px solid #000000; border-right:1px solid #000000; } #bodywebAlone { position:relative; float:left; width:100%; border-top:1px solid #7C7C7B; border-bottom:1px solid #7C7C7B; } /* ..... Zona menu ..... */ #menu { position:relative; float:left; width:100%; background:transparent url("../images/fondoMenu.jpg") no-repeat center top; padding-top:15px; padding-bottom:20px; text-align:center; } /* ..... Zona central ..... */ #webcontent { position:relative; float:left; width:93%; min-height:300px; padding-top:0px; padding-bottom:10px; padding-right:25px; padding-left:35px; margin-top:0px;} #webcontentAlone { position:relative; float:left; width:95%; padding-bottom:7px; padding-left:20px; } #webcontentAloneDown { position:relative; float:left; width:95%; padding-bottom:7px; padding-left:20px; padding-top:40px; } #webcontentAloneError { position:relative; float:left; width:95%; padding-bottom:7px; padding-left:20px; padding-top:40px; height:420px; text-align:center; background:transparent url("../images/bg/backGeneral.gif") no-repeat top right; } #message { position:relative; float:right; width:80%; text-align:left; /*border:1px solid #FF0000; */ } #message p { margin-top:30px; font-size:140%; padding-bottom:1px; } .subray { border-bottom:1px dashed #CC0000; } .errorname { font-size:140%; color:#273C81; font-weight:bold; } .h2error { position:relative; float:left; font-size:180%; background:transparent url("../images/bulletH2.gif") no-repeat left; margin-top:10px; margin-bottom:25px; } #breadcrumbs { position:relative; float:left; width:98%; text-align:left; padding:8px 0px 3px 0px; margin-bottom:12px; clear:both; background:transparent url("../images/lineH2.gif") repeat-x bottom left; } #pagleft { position:relative; float:left; width:99%; text-align:right; margin:0px; padding-bottom:30px; clear:both; margin-right:10px; } #buttonform { position:relative; float:left; width:99%; text-align:center; padding:20px 0px 5px 0px; margin-bottom:15px;clear:both; } #webmapglobal { position:relative; float:left; width:80%; min-height:250px; padding-left:120px; /*background:transparent url("../images/bg/backGr.gif") no-repeat top left;*/ } #webmapleft { position:relative; float:left; width:32%; min-height:250px; padding-left:15px; padding-right:25px; } #webmapright { position:relative; float:right; width:45%; min-height:250px; padding-left:15px; padding-right:25px; } /* ..... Zona dcha ..... */ #sidebarnews { position:relative; float:right; width:22%; min-height:365px; background:#D9E3F4 url("../images/lineV.gif") no-repeat left; } #headernews { position:relative; float:right; width:100%; background:#3E4C79 url("../images/newsTopCorner.gif") no-repeat top left; margin-bottom:10px; } #footernews { position:relative; float:right; width:97%; padding:18px 1% 15px 1%; background:#D9E3F4 url("../images/pliegueNews.gif") no-repeat bottom right; } #footernewsshort { position:relative; float:right; width:97%; padding:0px 1% 0px 1%; background:#D9E3F4 url("../images/pliegueNews.gif") no-repeat bottom right; } /* ..... Pie ..... */ #footer { position:relative; float:left; width:100%; text-align:center; font-size:95%; padding-top:30px; padding-bottom:10px; background:#FFFFFF; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;} #footerdown { position:relative; float:left; width:100%; text-align:center; font-size:95%; } /* ................................................................................................ */ /* .................................... MENÚ AUXILIAR .................................... */ /* ................................................................................................ */ #auxiliarmenu a { color:#25007F; } #auxiliarmenu ul { } #auxiliarmenu ul li { display:inline; margin: 0px 0px 0px 3px; padding:0px 7px 0px 0px; width:90%; } #auxiliarmenu ul li a:hover, #auxiliarmenu ul li a:focus { text-decoration:underline; } .vinetamenu { background:transparent url("../images/blSeparator.gif") no-repeat right; padding-right:14px; } #auxiliarmenu ul li a.idioma { color:#FF5C00; } #auxiliarmenu ul li a.idioma:hover, #auxiliarmenu ul li a.idioma:focus { text-decoration:underline; color:#FF5C00; } .vinetamenui { background:transparent url("../images/bulliNoticias.gif") no-repeat right; padding-right:35px; margin-right:15px; } /* ................................................................................................ */ /* .................................. MENÚ PRINCIPAL .................................... */ /* ................................................................................................ */ #menu p { margin:12px 5px 2px 10px; padding-left:25px; padding-top:10px; background:transparent url("../images/backMenu4.gif") no-repeat left bottom; color:#FFFFFF; font-weight:bold; } /* ..... Menu nivel1 ..... */ #menu ol li{ display:inline; margin:0px 10px 0px 10px; padding:0px; } #menu ol li a { font-size:95%; color:#25007F; font-weight:bold; background:url("../images/bullet1.gif") no-repeat left; padding-left:15px; } #menu ol li a:hover, #menu ol li a:focus { color:#FF5C00; text-decoration:none; background:url("../images/bullet2.gif") no-repeat left; } #menu ol li a.selected { color:#FF5C00; text-decoration:none; background:url("../images/bullet2.gif") no-repeat left; } /* ..... Menu nivel2 ..... */ #menu ol li ol li { margin:2px 5px 2px 8px; padding:0px 1px 0px 12px; background:url("../images/bulletMenuLevel2.gif") no-repeat left top; border:0px; } #menu ol li ol li a { font-size:85%; color:#FFFFFF; } /* ..... Menu nivel3 ..... */ #menu ol li ol li ol li { margin:1px 0px 2px 0px; padding:0px 0px 0px 5px; background:none; border-left:4px solid #ED6B34; } /*#menu ol li ol li ol li:hover { border-left:4px solid #B64210; }*/ #menu ol li ol li ol li a { font-size:85%; color:#FFFFFF; font-weight:normal; } #menu ol li ol li ol li a:hover, #menu ol li ol li ol li a:focus { color:#782A08; text-decoration:none; } #tecnaliainfo a { color:#FFFFFF; font-style:normal; } #tecnaliainfo p { color:#FFFFFF; font-style:italic; } #menu abbr, #menu acronym, #menu span.abbr { border-bottom:1px dashed #FFFFFF; cursor:help; } /* ................................................................................................ */ /* ..................................... BREADCRUMBS .................................... */ /* ................................................................................................ */ #breadcrumbs ol { } #breadcrumbs ol li { display:inline; width:90%; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:85%; font-weight:bold; } #breadcrumbs ol li a { font-weight:normal; color:#5A595A; } .vineta { background:transparent url("../images/bulletMoreabout.gif") no-repeat left; padding:0px 3px 0px 10px; } .firstelem { padding-left:0px; padding-right:3px; } /* ................................................................................................ */ /* ....................................... WEBCONTENT .................................... */ /* ................................................................................................ */ #webcontent p { margin-top:10px; } #webcontentAlone p { margin-top:10px; } .firstletterh3 { font-size:155%; color:#000000; font-weight:bold; } .firstletterwhite { font-size:155%; color:#FFFFFF; font-weight:bold; } .firstlettersquare { font-size:155%; font-weight:bold; background:#CCCCCC; color:#FFFFFF; padding:0px 4px; } .normalsize { font-size:100%; } /*...Homepage....*/ .doubleitemhome { position:relative; float:left; width:100%; min-height:100px; padding:6px 0px 3px 0px; clear:both; } .singleleftitem { position:relative; float:left; width:49%; min-height:100px; padding-right:5px; } .singlerightitem { position:relative; float:right; width:50%; min-height:100px; padding:0px; } /* .singleleftitem2 { position:relative; float:left; width:49%; min-height:100px; padding-right:5px; } .singlerightitem2 { position:relative; float:right; width:50%; min-height:100px; padding:0px; text-align:center; } */ .singleleftitem2 { position:relative; float:left; width:55%; min-height:100px; padding-right:5px; } .singlerightitem2 { position:relative; float:right; width:44%; min-height:100px; padding:0px; text-align:center; } .homestyle { font-size:95%; } .separador { position:relative; float:left; width:100%; border-bottom:1px dotted #999999; background:url("../images/horDotlineCorner.gif") no-repeat; padding:8px 3%; } div.hr { width:100%; height:15px; background:url("../images/horDotlineCorner.gif") no-repeat scroll right; } div.hr hr { display: none; } div.hr2 { width:100%; height:15px; background:url("../images/separator.gif") no-repeat scroll left; } div.hr2 hr { display: none; } div.hr3 { width:100%; height:15px; background:url("../images/blueSeparator.gif") no-repeat scroll left; } div.hr3 hr { display: none; } div.hr4 { width:100%; height:8px; background:url("../images/line.gif") repeat-x scroll left; } div.hr4 hr { display: none; } /* ..... Pag: Notice Board + Work ..... */ .item { float:left; width:98%; /*padding-top:10px; padding-bottom:25px;*/ padding-top:10px; padding-bottom:0px; } .itemdate { font-family: Tahoma, Verdana, Arial, sans-serif; font-size:85%; color:#FF5C00; } .itembody { position:relative; float:left; width:97%; margin:0px; padding-top:0px; } .itemtitle { font-size:115%; font-weight:bold; background:#F1F5FB /*url("../images/bulletNotice.gif") no-repeat left*/; padding:3px 2px 3px 20px; margin-bottom:10px; margin-top:5px; width:96%; } .global { position:relative; float:left; width:98%; margin:15px 0px 30px 0px; clear:both; } div.global ol li { list-style-type:decimal; margin-left:40px; margin-top:5px; color:#5A595A; } div.global ol li ul li { color:#5A595A; font-weight:normal; list-style-type:none; padding-bottom:1px; } .global-short { } div.global-short ol li { list-style-type:decimal; margin-left:40px; color:#5A595A; font-size:95%; } div.global-short ol li ul li { color:#5A595A; font-weight:normal; list-style-type:none; padding-bottom:1px; } /* ..... Pag: Listas globales ..... */ #webcontent ul li { margin-left:5px; padding-left:10px; margin-top:15px; margin-bottom:5px; background:transparent url("../images/li-n1.gif") no-repeat left top; } #webcontent ul li ul li { margin-left:5px; padding-left:10px; margin-top:5px; background:transparent url("../images/li-n2.gif") no-repeat left top; } #webcontent ul li ul li ul li { margin-top:2px; background:transparent url("../images/li-n3.gif") no-repeat left top; } /* Para listas con firstletter */ #webcontent ul li.liletter { background:transparent url("../images/li-n1letter.gif") no-repeat left top; } /* Para los mapas de localizacion */ #webcontentAlone ul { /*width:54%; float:left; clear:right; border:1px solid #CCCCCC; margin-bottom:10px;*/ } #webcontentAlone ul li { margin-left:15px; padding-left:10px; margin-top:5px; background:transparent url("../images/li-n1.gif") no-repeat left top; } /* Para las paginas de descarga */ #webcontentAloneDown ul { /*width:54%; float:left; clear:right; border:1px solid #CCCCCC; margin-bottom:10px;*/ } #webcontentAloneDown ul li { margin-left:15px; padding-left:10px; margin-top:5px; background:transparent url("../images/li-n1.gif") no-repeat left top; } #webcontent div.item dt { position:relative; float:left; font-weight:bold; width:100%; margin:4px 0px 3px 0px; padding:0px; } #webcontent div.item dd { position:relative; float:left; background:transparent url("../images/li-n1.gif") no-repeat top left; width:95%; margin:3px 0px 3px 15px; padding:0px 0px 1px 10px; } #webcontent div.item dd ul li { background:transparent url("../images/li-n2.gif") no-repeat left top; width:94%; margin:5px 0px 4px 15px; padding:0px 0px 1px 10px; } /* ..... domCollapse styles ..... */ .trigger { width:97%; font-size:95%; font-weight:bold; color:#25007F; font-family: Tahoma, Verdana, Arial, sans-serif; padding:3px 2px 3px 15px; margin-top:3px; margin-bottom:5px; background:#F8F7FB url("../images/bulletNotice.gif") no-repeat left; } .triggerhover { cursor:pointer; padding:3px 2px 3px 15px; background:#E2DEEE url("../images/bulletNotice-.gif") no-repeat left; } .triggerexpanded { width:97%; font-size:95%; font-weight:bold; color:#25007F; font-family: Tahoma, Verdana, Arial, sans-serif; padding:3px 2px 3px 15px; margin-top:3px; margin-bottom:0px; background:#F8F7FB url("../images/bulletNotice-.gif") no-repeat left; } .elementnormal { position:static; left:0; margin-bottom:15px; margin-top:0px; padding-bottom:1px; } .elementcollapsed { position:absolute; left:-999em; top:0; height:1px; } #domcollapseall ul { margin:0; margin-top:12px; padding:0; position:relative; float:left; width:70%; margin-left:50px; } #domcollapseall ul li { display:inline; padding-right:1em; background:none; } #domcollapseall ul li a { background:transparent url("../images/bulliNoticias.gif") no-repeat left; padding-left:15px; } /* Página de listado de los proyectos R&D */ .listproject { font-size:95%; } .decimallistproject { position:relative; float:left; width:99%; margin-bottom:11px; font-size:90%; clear:both; } div.decimallistproject ol li { list-style-type:decimal; margin-left:40px; margin-top:5px; } div.decimallistproject ol li ul li { list-style-type:none; } /* ..... Listas de definición varias: ESI, Tecnalia, ESI Worldwide, ..... Término arriba y la definicion debajo. */ .deflist { position:relative; float:left; width:94%; padding-left:14px; margin-bottom:8px; margin-top:0px; } div.deflist dl { width:100%; } div.deflist dt { position:relative; float:left; width:100%; font-weight:bold; padding-left:10px; padding-bottom:1px; background:transparent url("../images/li-n1.gif") no-repeat left top; } div.deflist dd { margin:0px 0px 5px 10px; padding-bottom:1px; } /* Para lista de definicion con firstletterH3 */ div.deflist dt.dtletter { background:transparent url("../images/li-n1letter.gif") no-repeat left top; } .ddvineta { position:relative; float:left; width:97%; padding-left:10px; background:transparent url("../images/li-n2.gif") no-repeat left top; } .ddvineta2 { position:relative; float:left; width:97%; padding-left:10px; background:transparent url("../images/li-n2.gif") no-repeat left top; } /* deflist 2*/ .deflist2 { width:95%; padding-left:14px; margin-bottom:8px; margin-top:12px; } div.deflist2 dl { width:100%; } div.deflist2 dt { position:relative; float:left; width:100%; padding-left:10px; background:transparent url("../images/li-n1.gif") no-repeat left top; } div.deflist2 dd { width:100%; margin:0px 0px 5px 10px; } /* deflist 3: En ESI@net, RTD List. Termino y Definición en la misma linea */ .deflist3 { width:95%; padding-left:14px; margin-bottom:8px; margin-top:12px; } div.deflist3 dl { width:100%; margin-top:5px; margin-bottom:5px; } div.deflist3 dt { position:relative; float:left; font-weight:bold; padding-left:10px; padding-right:4px; background:transparent url("../images/li-n1.gif") no-repeat left top; /*clear:both;*/ } .special { padding-bottom:1px; } div.deflist3 dd { /*position:relative; float:left;*/ margin:0px 0px 5px 10px; } dd.service p { padding-top:5px; } .orangeitem { color:#FF5C00; font-weight:bold; } /* Para RTP List en Short Description */ .deflistproject { width:95%; padding-left:14px; margin-top:8px; } div.deflistproject dl { width:100%; font-size:95%; } div.deflistproject dt { position:relative; float:left; width:99%; font-weight:bold; padding-left:10px; padding-bottom:1px; background:transparent url("../images/li-n1.gif") no-repeat left top; } div.deflistproject dd { margin:0px 0px 3px 10px; padding-bottom:1px; } .company { position:relative; float:left; width:93%; margin:2px 0px 17px 13px; padding:0px 0px 0px 0px; border:1px solid #FFFFFF; } /* ..... Listas numeradas: Membership, News ..... */ .decimalList { position:relative; float:left; width:99%; margin-bottom:11px; clear:both; } div.decimalList ol li { list-style-type:decimal; margin-left:40px; margin-top:5px; font-weight:bold; color:#EF4D29; } div.decimalList ol li ul li { color:#5A595A; font-weight:normal; list-style-type:none; padding-bottom:1px; } .normal { color:#5A595A; font-weight:normal; } /* ..... Bloques para Corporate y Sponsoring Patrons ..... */ .patronsdouble { position:relative; float:left; width:99%; margin:8px 0px 8px 0px; padding:0px; } .patronsleft { position:relative; float:left; width:49%; } .patronsright { position:relative; float:right; width:49%; } .patronsinfo { position:relative; float:left; width:50%; font-size:85%; } /* ..... Bloques para ESI@net: by type y by tech ..... */ .esineticonstype { position:relative; float:left; width:98%; margin:8px 0px 12px 0px; padding:0px; } .esineticonstech { position:relative; float:left; width:98%; margin-bottom:12px; padding:0px; } .esinetglobal { position:relative; float:left; width:98%; font-size:85%; margin:10px 0px 25px 0px; } .esinetinfoleft { position:relative; float:left; width:52%; } .esinetinforight { position:relative; float:right; width:46%; } #webcontent div.esinetglobal ul li { background:none; margin:0px; padding:0px 0px 0px 20px; } #webcontent div.esineticonstech ul li { background:none; margin:0px; padding:0px; display:inline; } #webcontent div.esineticonstype ul li { padding:0px; margin:0px; height:86px; color:#464A92; line-height:10px; font-weight:bold; font-size:75%; text-align:center; } .learn { padding:0px 0px 0px 20px; } .type1 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/improvementProgrammes.gif") no-repeat left top; color:#464A92; line-height:10px; font-weight:bold; font-size:75%; text-align:center; height:86px; /*border:1px solid #CCCFF0;*/ } .type2 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/internetBasedPS.gif") no-repeat left top; color:#464A92; line-height:10px; font-weight:bold; font-size:75%; text-align:center; height:86px; } .type3 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/assessmentSvs.gif") no-repeat left top; color:#464A92; line-height:10px; font-weight:bold; font-size:75%; text-align:center; height:86px; } .type4 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/startUpSvs.gif") no-repeat left top; color:#464A92; line-height:10px; font-weight:bold; font-size:75%; text-align:center; height:86px; } .type5 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/trainingCourses.gif") no-repeat left top; color:#464A92; line-height:10px; font-weight:bold; font-size:75%; text-align:center; height:86px; } .type6 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/tutorials.gif") no-repeat left top; color:#464A92; line-height:10px; font-weight:bold; font-size:75%; text-align:center; height:86px; } /*-----------------------------------------------*/ .esineticonstype ul li#type1 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/improvementProgrammes.gif") no-repeat left top; } .esineticonstype ul li#type2 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/internetBasedPS.gif") no-repeat left top; } .esineticonstype ul li#type3 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/assessmentSvs.gif") no-repeat left top; } .esineticonstype ul li#type4 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/startUpSvs.gif") no-repeat left top; } .esineticonstype ul li#type5 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/trainingCourses.gif") no-repeat left top; } .esineticonstype ul li#type6 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/tutorials.gif") no-repeat left top; } /*-----------------------------------------------*/ .blueParagraph { padding-left:15px; background:transparent url("../images/blueParagraph.gif") no-repeat left top; } .blueParagraphStrong { padding:6px 8px 6px 22px; margin-right:10px; background:transparent url("../images/blueParagraph.gif") repeat-y left top; color:#3769B4; border:1px dashed #7FA3D8; border-left:1px solid #7FA3D8; clear:both; } .blueBox { padding:6px 8px 8px 22px; margin-right:10px; margin-bottom:30px; margin-top:5px; color:#3769B4; background:transparent url("../images/blueParagraph.gif") repeat-y left top; border:1px dashed #7FA3D8; border-left:1px solid #7FA3D8; clear:both; } div.blueBox ul li { margin-left:15px; padding-left:10px; margin-top:5px; background:transparent url("../images/li-n1.gif") no-repeat left top; } .destacable { font-style:italic; color:#000000; font-weight:bold; } .combi { font-weight:bold; font-style:italic; } .orangeParagraph2 { border-right:7px solid #FBF1E7; padding-right:13px; text-align:right; margin-right:15px; } .orangeParagraph { border-left:7px solid #FBF1E7; padding-left:13px; } .short { width:56%; } .pdf { background:transparent url("../images/pdfIcon.gif") no-repeat right top; padding-right:18px; } .word { background:transparent url("../images/wordIcon.gif") no-repeat right top; padding-right:18px; } .ppt { background:transparent url("../images/pptIcon.gif") no-repeat right top; padding-right:18px; } .zip { background:transparent url("../images/zipIcon.gif") no-repeat right top; padding-right:18px; } /* ..... Bloque para cada ESICenter ..... */ .esicenter { position:relative; float:left; width:98%; background:transparent url("../images/bg/backEarth.gif") no-repeat right top; clear:both; text-align:left; } /* ..... Webmap ..... */ .webmapBlock { color:#FF9933; font-weight:bold; background:transparent url("../images/webmapHeader.gif") no-repeat left; padding-left:25px; } /* ..... Nivel 1 ..... */ #webmapglobal ol li { margin-left:5px; padding-left:12px; margin-top:/*5*/6px; background:transparent url("../images/li-n1.gif") no-repeat left top; } /* ..... Nivel 2 ..... */ #webmapglobal ol li ol li { margin-left:12px; padding-left:0px; margin-top:/*2*/5px; /*margin-bottom:2px;*/ background:none; } #webmapglobal ol li ol li a { border-top:1px solid #C9DAF1; border-bottom:1px solid #C9DAF1; font-weight:normal; padding-left:3px; padding-bottom:1px;} #webmapglobal ol li ol li a:hover { background:#F1F5FB; text-decoration: none; } /* ..... Nivel 3 ..... */ #webmapglobal ol li ol li ol li { margin-top:3px; padding-left:9px; background:transparent url("../images/webmapLevel3.gif") no-repeat left top; } #webmapglobal ol li ol li ol li a { font-size:85%; color:/*#DB7819 naranja claro*/#FF9933; border:0px; } #webmapglobal ol li ol li ol li a:hover { background:#FBF1E7; } /* ....... Notice Board, .......*/ #pagright ul li { display:inline; background:none; margin:0px; padding:0px; } #pagleft ul li { display:inline; background:none; margin:0px; padding:0px; } .position { position:relative; padding-bottom:2px; /*margin-right:70px; margin-left:25px;*/ background:transparent url("../images/linep.gif") no-repeat bottom; margin-left:45px; margin-right:50px; } .next { font-size:85%; background:transparent url("../images/next.gif") no-repeat right; padding:0px 15px 0px 18px; color:#25007F; } .last { font-size:85%; background:transparent url("../images/last.gif") no-repeat right; padding:0px 15px 0px 18px; color:#25007F; } .first { font-size:85%; background:transparent url("../images/first.gif") no-repeat left; padding:0px 18px 0px 16px; color:#25007F; } .previous { font-size:85%; background:transparent url("../images/previous.gif") no-repeat left; padding:0px 18px 0px 16px; color:#25007F; } /* ....... Events .......*/ .contact { position:relative; float:left; width:99%; margin:8px 0px 8px 0px; padding:0px; font-size:90%; } .contactleft { position:relative; float:left; width:49%; } .contactright { position:relative; float:right; width:49%; } /* ....... Home: Information Society, Technologies, RTD Projects .......*/ .doubleitem { position:relative; float:left; width:98%; padding:0px 0px 11px 0px; margin:0px; clear:both; } .leftitem { position:relative; float:left; width:46%; padding:0px 11px 0px 0px; } .rightitem { position:relative; float:right; width:47%; padding:0px; } .singlebody { position:relative; float:left; width:98%; } /* ....... Worldwide .......*/ .doubleitemWorldwide { position:relative; float:left; width:98%; padding:0px 0px 215px 0px; clear:both; } /* ....... Technologies .......*/ .doubleitemTech { position:relative; float:left; width:98%; padding:0px 0px 10px 0px; margin-top:10px; margin-bottom:8px; background:#000000 url("../images/bg/backTech.jpg") no-repeat left top; clear:both; } .whitebox { position:relative; float:right; width:44%; color:#FFFFFF; margin-top:5px; margin-right:10px; padding:0px; } .technologyicons { position:relative; float:left; width:98%; margin-bottom:12px; padding:0px; } #webcontent div.technologyicons ul li { position:relative; float:left; background:none; margin:0px; display:inline; padding:2px 6px; font-size:125%; } /* ....... RTD .......*/ /*.doubleitemRtd { position:relative; float:right; width:74%; padding:0px 0px 5px 0px; clear:both; }*/ .resumeproject { position:relative; float:left; width:98%; padding:0px; margin-bottom:8px; border:1px dashed /*#D9E3F4*/#7FA3D8; font-size:85%; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; } .smallproject { font-size:95%; } .bodyproject { position:relative; float:left; width:98%; font-size:95%; padding-top:0px; margin-top:0px; border:1px solid #FF0000; } .backList { position:relative; float:left; width:99%; text-align:center; margin-top:20px; } /* .......Accessibility .......*/ .doubleitemAcc { position:relative; float:left; width:98%; padding:0px 0px 10px 0px; clear:both; } /* .............................*/ /* ....... Training ........*/ /* ............................*/ .doubleitemTraining { position:relative; float:left; width:98%; padding:0px 0px 88px 0px; margin-top:10px; margin-bottom:8px; background:transparent url("../images/training/collageTraining.jpg") no-repeat left top; clear:both; /*border:1px solid #FF0000;*/ } .schedule th { text-align:left; vertical-align:top; font-weight:bold; color:#FF5C00; padding:4px 6px; border-bottom:1px solid #FF9933; vertical-align:middle; } .schedule td { vertical-align:middle; } /* Pestaña naranja de cada mes, aplicado solo en la cabecera */ div.schedule th.month { width:15%; background:#FF9933; color:#FFFFFF; } /* Alineación del titulo, aplicable a cabecera y columna */ div.schedule th.courseTitle { width:52%; padding-left:15px; background:#FFFFFF; } div.schedule td.courseTitle { width:52%; padding-left:15px; background:#F5F8FC; } /* Formato fecha aplicable solo a columna */ .courseDate { font-weight:bold; } /* Formato pais aplicable a cabecera y columna */ .courseLocation { width:28%; } /* Formato lenguaje aplicable a cabecera y columna */ div.schedule th.courseLanguage { width:20%; background:#FFFFFF; } div.schedule td.courseLanguage { width:20%; background:#FEFAF9; } /* ........................................*/ /* ....... Tablas I.T. Mark ........*/ /* ........................................*/ .itmarktable { font-size:90%; } div.itmarktable th { text-align:center; padding-left:5px; padding-right:5px; } .entity { font-weight:bold; color:#000000; } .country { width:10%; } .appraiser { background:#F5F8FC; width:21%; } .enddate { width:17%; } .validity { background:#FEFAF9; width:17%; } .level { font-style:italic; } /* Apdo ESI */ .mapexplanation { position:relative; float:left; width:55%; padding-top:5px; } .closeexplanation { /*position:relative; float:left;*/ text-align:center; /*width:25%;*/ padding-top:10px; } .videoexplanation { position:relative; float:left; width:55%; margin-top:50px; height:330px; } /* ..................................... PRUEBILLAS ...............................*/ /*.cita { position:relative; float:right; width:35%; background:transparent url("../images/2.gif") no-repeat left top; margin-bottom:5px; margin-right:15px; } .close { position:relative; float:right; background:transparent url("../images/3.gif") no-repeat right bottom; color:#000000; font-weight:bold; font-size:115%; } .comillas { position:relative; float:left; width:35%; padding-left:15px; background:transparent url("../images/iconos-sin-usar/comillas.gif") no-repeat left top; color:#000000; font-weight:bold; font-size:115%; }*/ .resaltado { position:relative; float:right; width:45%; padding-right:18px; margin:0px 2px 4px 7px; padding-top:0px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:95%; background:transparent url("../images/orangeParagraph.gif") repeat-y right top; text-align:right; color:#333333; line-height:18px; } .undercons { font-size:105%; padding-left:20px; margin-top:115px; font-weight:bold; background:transparent url("../images/attentionIconSmall.gif") no-repeat left top; } /* ....................................................................................................... */ /* ............................................... SIDEBAR .......................................... */ /* ....................................................................................................... */ /* ...................... NEWS ................... */ #sidebarnews h2 { color:#FFFFFF; width:75%; margin-left:15px; padding-left:15px; } .newsitem { width:90%; padding:6px 8px 6px 0px; float:right; } .newsdate { font-family: Tahoma, Verdana, Arial, sans-serif; font-size:80%; color:#CE3405; } .newsdateicon { font-family: Tahoma, Verdana, Arial, sans-serif; font-size:80%; color:#CE3405; background:transparent url("../images/newsIcon.gif") no-repeat left top; padding-left:15px; } .newsresume { font-size:95%; color:#585857; } .newstitle { font-weight:bold; margin-bottom:3px; margin-top:3px; } .newstitletech { font-weight:bold; margin-bottom:3px; margin-top:3px; color:#CE3405; } #sidebarnews a:link { color:#25007F; } /* .................. R&D PROJECTS ................ */ /* Definición de listas y sublistas para el sidebarnews (rtd y esinet) */ .sidebaritem { position:relative; width:85%; padding:0px 15px 0px 0px; clear:both; } #sidebarnews ul li { font-family: Tahoma, Verdana, Arial, sans-serif; font-size:95%; font-weight:bold; margin-left:15px; padding-left:10px; margin-top:6px; color:#CE3405; background:transparent url("../images/li-n1.gif") no-repeat left top; } #sidebarnews ul li ul li { margin-left:1px; padding-left:0px; margin-top:3px; background:none; color:#585857; font-size:95%; font-weight:normal; } /* ....................................................................................................... */ /* .............................................. FOOTER ............................................ */ /* ....................................................................................................... */ #footer ul { margin-top:10px; } #footer ul li { display:inline; margin: 0px 0px 0px 3px; padding:0px 7px 0px 14px; width:90%; color:#B2B2B2; } .vinetamenuf { background:transparent url("../images/grSeparator.gif") no-repeat left; } #footerdown ul { margin:8px 0px 8px 0px; } #footerdown ul li { display:inline; margin: 0px 0px 0px 3px; padding:0px 7px 0px 14px; width:90%; } /* ....................................................................................................... */ /* .................................................. ENLACES ....................................... */ /* ....................................................................................................... */ a img { border: 0px none; } a { text-decoration:none; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:95%; } a:link { color:#25007F; } a:visited { color:#25007F; } a:hover, a:focus { color:#FF5C00; } a.more { float:left; margin-left:10px; padding-left:17px; background:transparent url("../images/li-n1.gif") no-repeat left top; } a.more:hover, a.more:focus { background:transparent url("../images/li-n1.gif") no-repeat left top; } a.more2 { padding-left:15px; background:transparent url("../images/flechaCl.gif") no-repeat left top; } a.more2:hover, a.more2:focus { background:transparent url("../images/flechaOsc.gif") no-repeat left top; } a.more3 { float:left; padding-left:15px; background:transparent url("../images/flechaCl.gif") no-repeat left top; font-size:85%; } a.more3:hover, a.more3:focus { background:transparent url("../images/flechaOsc.gif") no-repeat left top; font-size:85%; } a.more3space { float:left; padding-left:15px; background:transparent url("../images/flechaCl.gif") no-repeat left top; font-size:85%; margin-bottom:15px; width:97%; } a.more3space:hover, a.more3space:focus { background:transparent url("../images/flechaOsc.gif") no-repeat left top; font-size:85%; } a.more4 { float:left; margin-left:10px; padding-left:17px; background:transparent url("../images/flechaClGrey.gif") no-repeat left top; } a.more4:hover, a.more4:focus { background:transparent url("../images/flechaOscGrey.gif") no-repeat left top; } a.external { background:transparent url("../images/iconoBlank.gif") no-repeat right; padding-right:22px; } a.external:hover, a.external:focus { background:transparent url("../images/iconoBlankHover.gif") no-repeat right; } a.external2 { background:transparent url("../images/iconoBlank.gif") no-repeat right; padding-right:22px; font-size:90%; } a.external2:hover, a.external2:focus { background:transparent url("../images/iconoBlankHover.gif") no-repeat right; } /* Para que no se rompa el link */ a.external3 { background:transparent url("../images/iconoBlank.gif") no-repeat right; padding-right:22px; font-size:90%; white-space: nowrap; } a.external3:hover, a.external3:focus { background:transparent url("../images/iconoBlankHover.gif") no-repeat right; } a.email { background:transparent url("../images/mailIcon.gif") no-repeat right; padding-right:17px; font-size:95%; } a.email:hover, a.email:focus { background:transparent url("../images/mailIcon2.gif") no-repeat right; } a.email2 { font-weight:normal; } a.up { background:transparent url("../images/upIcon.gif") no-repeat left; padding-left:17px; } a.up:hover, a.up:focus { background:transparent url("../images/upIconHover.gif") no-repeat left; } a.back { background:transparent url("../images/previous.gif") no-repeat left; padding-left:15px; } /*a.back { background:transparent url("../images/backIcon.gif") no-repeat left; padding-left:20px; } a.back:hover, a.back:focus { background:transparent url("../images/backIconHover.gif") no-repeat left; }*/ a.close { background:transparent url("../images/closeIcon.gif") no-repeat left; padding-left:20px; } a.close:hover, a.close:focus { background:transparent url("../images/closeIconHover.gif") no-repeat left; } /* Estilos de los enlaces del menú auxiliar superior */ a.home { background:transparent url("../images/homeIcon.gif") no-repeat left; padding-left:20px; } a.home:hover, a.home:focus { background:transparent url("../images/homeIcon2.gif") no-repeat left; } a.contactus { background:transparent url("../images/contactIcon.gif") no-repeat left; padding-left:20px; } a.contactus:hover, a.contactus:focus { background:transparent url("../images/contactIcon2.gif") no-repeat left; } a.map { background:transparent url("../images/webmapIcon.gif") no-repeat left; padding-left:20px; } a.map:hover, a.map:focus { background:transparent url("../images/webmapIcon2.gif") no-repeat left; } a.accessibility { background:transparent url("../images/accessibilityIcon.gif") no-repeat left; padding-left:20px; } a.accessibility:hover, a.accessibility:focus { background:transparent url("../images/accessibilityIcon2.gif") no-repeat left; } .imgborder { padding-top:30px; padding-left:30px; } .textupper { text-transform:uppercase; } .footlogos { width:92%; text-align:left; margin: 0 auto; } .capalogos { width:100%; border: 1px solid #E2DEEE; background:#F8F7FB; font-size:90%; min-height:30px; text-align:left; } .subcapalogos1 { width:36%; float:left; margin-left:1%; } .subcapalogos2 { width:28%; float:left; margin-left:1%; } .subcapalogos3 { width:31%; float:left; margin-left:1%; } .colorgris { color:#B2B2B2; } .mailbox { border: 1px solid #666666; padding: 10px 0px 10px 10px; margin: 10px 0px 10px 0px; width:60%; } .direct { width:61%; padding:0px 0px 0px 30px; margin:0px; } .grafico { padding-top:30px; } .grafico2 { float:right; clear:right; margin-left:20px; } .centrado { width:100%; text-align:center; } .destacar { color:#FF5C00; } #webcontent ul li.listdest { background:transparent url("../images/li-n1b.gif") no-repeat left top; } .scontect { height:150px; }