/* ............................................................................................................................. */ /* ......................................... ELEMENTOS DE LA PAGINA WEB ....................................... */ /* ............................................................................................................................. */ * { margin:0px; padding:0px; } /*border:1px solid #000000;*/ body { background:#666666; color:#5A595A; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:75%; } 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:10px; padding-bottom:5px; } sup { font-size:80%; font-weight:normal; font-family:Helvetica, "Lucida console", Arial, sans-serif; } .marked { color:#DD5114; font-weight:bold; } .share { color:#DD5114; font-weight:bold; } .emailaddress { width:10%; padding:0px; margin:0px; } .small { font-size:80%; color:#828282; width:99%; clear:both; padding-top:7px; } .lopd { position:relative; font-size:90%; clear:both; } .lopd2 { font-size:90%; } .margin { margin-left:15px; font-weight:bold; } .tachado { text-decoration:line-through; } /* ..... 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:#D94F13; padding:4px 6px; background:#FEF5F1; } td { text-align:left; vertical-align:top; padding:4px 6px; border:1px solid #FEF5F1; }*/ th { text-align:left; vertical-align:top; font-weight:bold; color:#D94F13; padding:4px 6px; border-bottom:1px dashed #1E5792; } td { text-align:left; vertical-align:top; padding:4px 6px; border-bottom:1px dashed #1E5792; } /* ..... Frame ..... */ iframe {width: 99%; height: 600px; margin-top:15px; margin-bottom:15px; } /* ..... Listas ..... */ ol, ul { width:100%; } li { list-style-position:outside; list-style-type:none; } /* ..... Cabeceras ..... */ h1 { color:#000000; font-size:100%; font-weight:bold; text-align:right; width:100%; } h2 { color:#EF4D29; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:145%; font-weight:bold; text-align:left; padding: 0px 0px 2px 15px; width:96%; margin: 12px 0px 0px 0px; background:transparent url("../images/bulletH2.gif") no-repeat left top; clear:both; } h2.training{ color:#EF4D29; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:145%; font-weight:bold; text-align:left; padding: 0px 0px 2px 15px; width:96%; margin: 12px 0px 0px 0px; background:transparent url("../images/bulletH2blue.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:#333399; font-size:145%; font-weight:bold; text-align:left; padding:0px; margin:15px 0px 12px 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:#333399; font-size:115%; font-weight:bold; } .h3smallletter { color:#333399; 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%; background:transparent url("../images/bulletH4.gif") no-repeat left top; 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; } h5.simple { border-bottom:none; } 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%; left:-1060px; top:-30px; } .spacer { clear:both; } .flotaizda { float:left; margin-right:5px; } .flotaizda2 { float:left; margin-right:5px; margin-bottom:10px; } .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:#DD5114; 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 { /*float:left; width:40%;*/ margin:0px; padding:0px 1% 6px 0px; } /* ----------------------------------------------- */ #webcontent textarea, input, select { border:solid 1px #8DACDE; background-color:#D9E3F4; 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 /*#737574*/#666666; border-right:solid 1px #666666; border-left:solid 1px #E8E8E8; border-top:solid 1px #E8E8E8; background-color:#DD5114; color:#FFFFFF; font-weight:bold; font-size:90%; padding:2px; } .required { color:#CE3408; font-size:105%; padding-left: 2px; /*font-weight:bold;*/ } .requiredtext{ font-size:95%; color:#CE3408; 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; } .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/attentionIcon.gif") no-repeat left top; padding-left:20px; } .alertsmall { background:transparent url("../images/attentionIconSmall.gif") no-repeat left top; padding-left:15px; margin-bottom:6px; } .footer { margin-bottom:15px; } /* .......................................................................................................................................... */ /* ............................ POSICIONAMIENTO DE CAPAS - BLOQUES PRINCIPALES ............................... */ /* .......................................................................................................................................... */ #container { position:absolute; left:50%; width:94%; margin:20px 0px 20px -47%; text-align:left; padding:0px; background:#FFFFFF; border:1px solid #000000; } #header { position:relative; float:left; width:100%; background:#EFF1F6 url("../images/headerPictures.jpg") repeat-x left bottom; } #headerError { position:relative; float:left; width:100%; } #auxiliarmenu { position:relative; float:right; width:70%; text-align:right; padding:3px 0px; } #bodyweb { position:relative; float:left; width:100%; border-top:1px solid #7C7C7B; border-bottom:1px solid #7C7C7B; background:/*transparent*/#DD5114 url("../images/fauxcol.gif") repeat-y 14% 0; } #google_translate_element { position:relative; float:left; width:85%; border-bottom:1px dotted #FFFFFF; color:#FFFFFF; font-weight:bold; margin:0px 15px 0px 15px; padding:10px 0px;} #bodywebAlone { position:relative; float:left; width:100%; border-top:1px solid #7C7C7B; border-bottom:1px solid #7C7C7B; } /* ..... Zona izda ..... */ #sidebar { position:relative; float:left; width:18%; min-height:365px; } #search { position:relative; float:left; width:98%; margin-top:10px; } /*background:#A8A8A6;*/ /*padding:5px 0px;*/ /*border-top:1px solid #6F6F6F;*/ /*border-bottom:1px solid #867C72;*/ #menu { position:relative; float:left; width:91%; padding:0px 2%; /*background:#DD5114;*/ } #tecnaliainfo { position:relative; float:left; width:84%; font-size:95%; vertical-align:text-top; text-align:center; /*padding:20px 3% 20px 8%;*/ /*border:1px solid #000000;*/ } #cmmicertification { position:relative; float:left; width:84%; font-size:95%; text-align:center; margin-top: 20px;/*padding:20px 3% 20px 8%;*/ /*border:1px solid #000000;*/ } /* ..... Backgrounds ..... */ #bgGeneral { position:relative; float:left; width:99%; background:transparent url("../images/bg/backGeneral.gif") no-repeat top left; } #bgTecnalia { position:relative; float:left; width:99%; background:transparent url("../images/bg/backGr.gif") no-repeat top left; } #bgBuilding { position:relative; float:left; width:99%; background:transparent url("../images/bg/buildingBg.gif") no-repeat top left; } #bgBuilding2 { position:relative; float:left; width:99%; background:transparent url("../images/bg/buildingBg2.gif") no-repeat top left; } #bgWorldwide { position:relative; float:left; width:99%; background:transparent url("../images/bg/backWorldwide.jpg") no-repeat top left; } /*#bgTechnologies { position:relative; float:left; width:99%; background:transparent url("../images/bg/backTechnologies.jpg") no-repeat top left; }*/ /*#bgRtd { position:relative; float:left; width:99%; background:transparent url("../images/bg/backRD.jpg") no-repeat top left; }*/ #bgForces { position:relative; float:left; width:99%; background:transparent url("../images/bg/backForces.gif") no-repeat top left; padding-bottom:250px; } #bgIS { position:relative; float:left; width:99%; background:transparent url("../images/bg/backIS.gif") no-repeat top left; } #bgBED { position:relative; float:left; width:99%; background:transparent url("../images/bg/backBED.gif") no-repeat top left; min-height:600px; } #bgCertifications { position:relative; float:left; width:99%; background:transparent url("../images/bg/certifbg.gif") no-repeat top left; min-height:600px; } #bgInitiatives { position:relative; float:left; width:99%; background:transparent url("../images/bg/backInitiatives.gif") no-repeat top right; } #bgAccessibility { position:relative; float:left; width:99%; background:transparent url("../images/bg/backAccessibility.gif") no-repeat right center; } /* ..... Zona central ..... */ #webcontent { position:relative; float:left; width:57%; min-height:500px; padding-bottom:7px; padding-left:20px; background:#FFFFFF; margin-left:3px; } #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; } /*#pagright { position:relative; float:left; width:99%; text-align:right; margin:0px; padding-bottom:30px; clear:both; }*/ #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:99%; min-height:365px; background:transparent url("../images/bg/backGr.gif") no-repeat top left; } #webmapleft { position:relative; float:left; width:32%; min-height:365px; padding-left:15px; padding-right:25px; } #webmapright { position:relative; float:right; width:45%; min-height:365px; padding-left:15px; padding-right:25px; } /* ..... Zona dcha ..... */ #sidebarnews { position:relative; float:right; width:22%; /*min-height:365px;*/ min-height:150px; 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; } #headertraining { position:relative; float:right; width:100%; background:#DD5114 url("../images/newsTopCornerorange.gif") no-repeat top left; margin-bottom:10px; } #headerwhite { position:relative; float:right; width:100%; background:#FFFFFF; } #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%; } #footerdown { position:relative; float:left; width:100%; text-align:center; font-size:95%; } #header img { float:left; } /* ................................................................................................ */ /* .................................... MENÚ AUXILIAR .................................... */ /* ................................................................................................ */ #auxiliarmenu a:link { color:#2165A7; } #auxiliarmenu ul { } #auxiliarmenu ul li { display:inline; margin: 0px 0px 0px 3px; padding:0px 7px 0px 5px; width:90%; } /*.vinetamenu { background:transparent url("../images/vertMenuIcon.gif") no-repeat left; } .vinetaidioma { background:transparent url("../images/languageIcon.gif") no-repeat left; }*/ /* ................................................................................................ */ /* .................................. 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{ margin:0px 10px 0px 10px; padding:5px 0px; background:url("../images/lineH2.gif") no-repeat left bottom; } #menu ol li a { font-size:95%; color:#FFFFFF; } /* ..... 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:98%; min-height:100px; padding:6px 0px 3px 0px; clear:both; /*margin-bottom:5px;*/ } .doubleitemhome { position:relative; float:left; width:98%; min-height:100px; padding:6px 0px 3px 0px; clear:both; /*margin-bottom:5px;*/ } .news { background:#f0f2f7; } .singleleftitem { position:relative; float:left; width:46%; min-height:100px; padding-right:11px; background:transparent url("../images/lineV.gif") no-repeat right; } .singlerightitem { position:relative; float:right; width:47%; min-height:100px; padding:0px; } .singleleftitem2 { position:relative; float:left; width:46%; min-height:100px; padding:0px; } .singlerightitem2 { position:relative; float:right; width:47%; min-height:100px; padding-left:25px; background:transparent url("../images/lineV.gif") no-repeat left; } .singleleftitem3 { position:relative; float:left; width:48%; min-height:100px; padding-right:15px; background:transparent url("../images/lineV.gif") no-repeat right; } .singlerightitem3 { position:relative; float:right; width:45%; min-height:100px; padding:0px; } .singleleftitem4 { position:relative; float:left; width:96%; min-height:100px; padding-right:15px; } .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.youtube { width:100%; background:url("../images/horDotlineCorner.gif") no-repeat scroll right;} 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*/ center; } 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; } /* ..... 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:#CE3408; } .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:99%; 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; } /* ..... domCollapse styles ..... */ .trigger { width:97%; font-size:95%; font-weight:bold; color:/*#004284*/#1E5792; font-family: Tahoma, Verdana, Arial, sans-serif; padding:3px 2px 3px 19px; margin-top:3px; margin-bottom:5px; background:#D9E3F4 url("../images/bulletNotice.gif") no-repeat left top; } .triggerhover { cursor:pointer; padding:3px 2px 3px 19px; background:#ADC2E7 url("../images/bulletNotice2.gif") no-repeat left top; } .triggerexpanded { width:97%; font-size:95%; font-weight:bold; color:#004284; font-family: Tahoma, Verdana, Arial, sans-serif; padding:3px 2px 3px 19px; margin-top:3px; margin-bottom:0px; background:#D9E3F4 url("../images/bulletNotice2.gif") no-repeat left top; } .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%; } #domcollapseall li { display:inline; padding-right:1em; } /* ..... Pag: Listas globales ..... */ #webcontent ul li { margin-left:15px; padding-left:10px; margin-top:5px; background:transparent url("../images/li-n1.gif") no-repeat left top; } #webcontent ul li ul li { margin-left:10px; padding-left:10px; margin-top:5px; background:transparent url("../images/li-n2.gif") no-repeat left top; } #webcontent ul li ul li ul li { 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; } /*???????????????????????????????*/ /* 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:12px; } 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*/0px; } .orangeitem { color:#CE3408; 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/assessmentSvs.gif") no-repeat /*left*/ top; } .esineticonstype ul li#type2 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/improvementProgrammes.gif") no-repeat /*left*/ top; } .esineticonstype ul li#type3 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/tutorials.gif") no-repeat /*left*/ top; } .esineticonstype ul li#type4 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/trainingCourses.gif") no-repeat /*left*/ top; } .esineticonstype ul li#type5 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/clusterApproachProjects.gif") no-repeat /*left*/ top; } .esineticonstype ul li#type6 { position:relative; float:left; width:16%; background:transparent url("../images/esinet/knowledgeCertification.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; } .pdf2 { background:transparent url("../images/pdfIcon2.gif") no-repeat right top; padding-right:15px; } .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:#CE3408; font-weight:bold; background:transparent url("../images/webmapHeader.gif") no-repeat left; padding-left:25px; } /* ..... Nivel 1 ..... */ #webmapglobal ol li { margin-left:26px; padding-left:12px; margin-top:/*5*/6px; background:transparent url("../images/webmapLevel1.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*/#CE3408; 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/line.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; } .last { font-size:85%; background:transparent url("../images/last.gif") no-repeat right; padding:0px 15px 0px 18px; } .first { font-size:85%; background:transparent url("../images/first.gif") no-repeat left; padding:0px 18px 0px 16px; } .previous { font-size:85%; background:transparent url("../images/previous.gif") no-repeat left; padding:0px 18px 0px 16px; } /* ....... 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:#D94F13; padding:4px 6px; border-bottom:1px solid #DD5114; 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:#DD5114; 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 ........*/ /* ........................................*/ .itmarktablec { font-size:90%; width:50%; } .certcountry { padding-left:20px; } .numassessed { text-align:center; } .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; } .newsfirsttitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size:90%; font-weight:bold; color:#CE3405; padding-left:0px; } .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:#1E5792; } /* .................. 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 { } #footer ul li { display:inline; margin: 0px 0px 0px 3px; padding:0px 7px 0px 14px; width:90%; } .vinetamenu { background:transparent url("../images/vertMenuIcon.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-weight:bold; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:95%; } a:link { color:#2269B0; } a:visited { color:#2269B0; } a:hover, a:focus { color:#2269B0; text-decoration:underline; } a.more { float:left; margin-left:10px; padding-left:17px; background:transparent url("../images/flechaCl.gif") no-repeat left top; } a.more:hover, a.more:focus { background:transparent url("../images/flechaOsc.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.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/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; } /********** Social networks **********/ a.delicious { background:transparent url("../images/deliciousOff.gif") no-repeat left; padding-left:20px; padding-top: 5px;} a.delicious:hover, a.delicious:focus { background:transparent url("../images/delicious.gif") no-repeat left; text-decoration:none;} a.facebook { background:transparent url("../images/facebookOff.gif") no-repeat left; padding-left:20px; padding-top: 5px;} a.facebook:hover, a.facebook:focus { background:transparent url("../images/facebook.gif") no-repeat left; text-decoration:none;} a.linkedin { background:transparent url("../images/linkedinOff.gif") no-repeat left; padding-left:20px; padding-top: 5px;} a.linkedin:hover, a.linkedin:focus { background:transparent url("../images/linkedin.gif") no-repeat left; text-decoration:none;} a.twitter { background:transparent url("../images/twitterOff.gif") no-repeat left; padding-left:20px; padding-top:5px;} a.twitter:hover, a.twitter:focus { background:transparent url("../images/twitter.gif") no-repeat left; text-decoration:none;} a.youtube { background:transparent url("../images/youtubeOff.gif") no-repeat left; padding-left:20px; padding-top: 5px;} a.youtube:hover, a.youtube:focus { background:transparent url("../images/youtube.gif") no-repeat left; text-decoration:none;} p.youtube {text-align: center; font-weight: bold;} /*************************************/ 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; } a.translator { background:transparent url("../images/googletranslator.gif") no-repeat left; padding-left:100px; } #webcontents { position:relative; float:left; width:78%; min-height:500px; padding-bottom:7px; padding-left:20px; } #webcontents p { margin-top:10px; } .imgborder { padding-top:30px; padding-left:30px; } .textupper { text-transform:uppercase; } #esinetform form dl { position:relative; float:left; width:100%; padding-bottom:0px; margin-bottom:0px; } #esinetform dl dt { position:relative; float:left; width:35%; margin:0px; padding:0px; vertical-align:middle; clear:left; } #esinetform dl dd { position:relative; float:left; width:55%; margin:0px; padding:0px 0px 6px 0px; } .description { width:100%; } .etiqtable { font-size:90%; } div.etiqtable th { text-align:center; padding-left:2px; padding-right:2px; } div.etiqtable td { padding-left:2px; padding-right:2px; } .entitys { font-weight:bold; color:#000000; } .products { text-align:center; width:15%; } .countrys { background:#F5F8FC; text-align:center; width:5%; } .appraisers { text-align:center; width:5%; } .enddates { background:#FEFAF9; text-align:center; width:1%; } .punt { font-style:italic; width:15%; } .levels { background:#F5F8FC; text-align:center; width:5%; } .validitys { background:#FEFAF9; text-align:center; width:1%; } .cursiva { font-style:italic; } /* ....... ITCompetitiveness, ITAdoption .......*/ .doubleitemit { position:relative; float:left; width:99%; margin:8px 0px 8px 0px; padding:0px; } .leftitemit { position:relative; float:left; width:49%; } .rightitemit { position:relative; float:right; width:49%; } .iteminfoit { position:relative; float:left; width:50%; font-size:85%; } .itemname { padding-left:10px; } .slogan { position:relative; float:left; font-style:italic; width:90%; margin-top: 10px; padding-left:15px; text-align:left; font-weight:bold; color:#1E3C81; } #corpbackgr { position:relative; float:left; width:99%; height:380px; background:transparent url("../images/bg/backGr.gif") no-repeat top right; }