/* ............................................................................................................................. */ /* ......................................... ELEMENTOS DE LA PAGINA WEB ....................................... */ /* ............................................................................................................................. */ * { margin:0px; padding:0px; } body { background:#5A595A/*transparent url("../images/bg3.gif") repeat left bottom*/; color:#666666; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:75%; } /* ...................... ESTILOS GLOBALES ................... */ 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 #AAAAAA; border-bottom:.3em solid #888; border-left:.2em solid #BBBBBB; padding:.05em .2em; color:#000000; background:#EEEEEE; vertical-align:middle; } 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; margin:10px 10px 10 px 50px; } sup { font-size:80%; font-weight:normal; font-family:Helvetica, "Lucida console", Arial, sans-serif; } .small { font-size:85%; color:#07536D; width:99%; clear:both; padding-top:7px; font-style:italic; text-align:left; } /* ..... 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:#F26100; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:155%; font-weight:bold; text-align:left; padding: 0px 0px 2px 0px; width:96%; margin: 12px 0px 4px 0px; clear:both; } h3 { color:#333; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:145%; font-weight:bold; text-align:left; padding: 0px 0px 2px 0px; width:96%; margin: 12px 0px 4px 0px; font-style:italic; clear:both; border-bottom:1px dashed #F26100; padding-left:5px; } .headertitle { color:#F26100; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:165%; font-weight:bold; text-align:center; padding: 0px 0px 2px 0px; margin:5px 0px 4px 0px; line-height:30px; } .headersubtitle { color:#333; font-size:105%; font-weight:bold; text-align:center; padding: 0px 0px 2px 0px; margin:3px 0px 3px 0px; text-align:center; } .center { text-align:center; } .yellow { background:#FFFFE5; padding:8px; border:1px solid #FFFF99; } .highlight { color:#000000; font-weight:bold; font-size:105%; } .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:-1150px; width:990px; font-size:0%; } .spacer { clear:both; } .flotaizda { float:left; margin-right:5px; } .flotadcha { float:right; clear:right; margin-left:5px; } /* ..... Tables ..... */ table { width:100%; margin:12px 0px; } caption { text-align:left; padding:10px 0px 10px 0px; font-weight:bold; font-size:125%; } th { text-align:center; vertical-align:top; font-weight:bold; color:#333399; padding:4px 6px; font-size:130%; border-bottom:1px dashed /*#F8A770*/#F26100; } td { text-align:center; vertical-align:top; padding:4px 6px; } th#header1 { width:10%; } th#header2 { width:10%; } th#header3 { width:80%; } .italic { font-style:italic; color:#333399; font-weight:bold; } .bold { font-weight:bold; } .task { text-align:left; padding-left:25px; } /* ..................... */ #papers { position:relative; float:left; width:99%; } #papers td.title { text-align:left; color:#000000; font-weight:bold; } #papers td.author { text-align:left; font-weight:80%; } #papers th#header1 { width:54%; } #papers th#header2 { width:47%; } #papers th#header3 { width:20%; } #papers th#header4 { width:20%; } #papers th#header5 { width:20%; } .row { background:#F5F8FC; } .col { background:#FAFCFE; } .woborder { border:none; } /* .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; } */ /* 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; }*/ .picturetext { line-height:29px; padding-top:40px; color:#000; font-size:115%; font-weight:bold; text-indent:25px; padding-right:19px; } /* SI */ .picturetextrev { line-height:24px; padding-top:20px; font-size:110%; font-weight:bold; text-indent:25px; padding-right:8px; font-style:italic; } .picturefooter { float:right; clear:right; margin:0px; padding:0px; font-size:75%; color:#828282; text-align:center; } .alert { background:transparent url("../images/attentionIcon.gif") no-repeat left top; padding-left:20px; } .alertsmall { position:relative; float:left; background:transparent url("../images/attentionIconSmall.gif") no-repeat left top; padding-left:15px; margin-bottom:6px; } .footer { margin-bottom:15px; } .firstletter { font-size:150%; color:#000000; font-weight:bold; } .firstletterblue { font-size:150%; color:#04B1EB; font-weight:bold; } .firstlettersquare { font-size:185%; font-weight:bold; background:#04B1EB; color:#FFFFFF; padding:0px 5px; } .subrayado { border-bottom:2px dotted #BAEAFC; font-weight:bold; } .subrayadotit { border-bottom:1px dashed #07536D; font-weight:bold; } .red { font-weight:bold; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; background:#FF0000; padding:1px; font-size:85%; } .backList { position:relative; float:left; width:99%; text-align:center; margin-top:20px; } .undercons { font-size:105%; padding-left:20px; margin-bottom:275px; font-weight:bold; background:transparent url("../images/attentionIconSmall.gif") no-repeat left top; } /* .......................................................................................................................................... */ /* ............................ POSICIONAMIENTO DE CAPAS - BLOQUES PRINCIPALES ............................... */ /* .......................................................................................................................................... */ #container { position:absolute; left:50%; width:80%; margin:20px 0px 20px -40%; text-align:left; padding:0px; background:#FFFFFF; border:1px solid #333; } #header { position:relative; float:left; width:100%; background:#FFFF99; text-align:center; } #auxiliarmenu { position:relative; float:right; width:49%; text-align:right; padding:3px 0px; } #bodyweb { position:relative; float:left; width:100%; border-bottom: 1px solid #07536D; } #menu { position:relative; float:left; width:100%; padding:0px; background:#333; padding:5px 0px; border-top:1px solid #000; border-bottom:1px solid #000; text-align:center; } /* ..... Zona central ..... */ #webcontent { position:relative; float:left; width:96%; min-height:350px; background:#FFFFFF; padding:0px 10px 7px 20px; } #webcontentshort { position:relative; float:left; width:96%; min-height:350px; background:#FFFFFF; padding:0px 10px 7px 20px; } #bgshort { position:relative; float:left; width:99%; min-height:365px; height:350px; } #bglinks { position:relative; float:left; width:99%; background:transparent url("../images/enlacesPict.jpg") no-repeat top left; } #bgnews { position:relative; float:left; width:99%; background:transparent url("../images/noticiasPict.jpg") no-repeat right top; } #bgdocum { position:relative; float:left; width:99%; background:transparent url("../images/documentosPict.jpg") no-repeat right top; } #addressbox { position:relative; float:right; width:85%; margin-top:25px; } #webmapglobal { position:relative; float:left; width:99%; background:transparent url("../images/bg/backGr.gif") no-repeat top left; } #webmapleft { position:relative; float:left; width:33%; margin-left:45px; margin-right:10px; } #webmapright { position:relative; float:right; width:33%; margin-left:10px; margin-right:45px; } /* ..... Pie ..... */ #footer { position:relative; float:left; width:100%; text-align:center; font-size:95%; background:#FFFF99; padding-top:6px; padding-bottom:6px; } #header img { float:left; } /* ................................................................................................ */ /* .................................... MENÚ AUXILIAR .................................... */ /* ................................................................................................ */ /*#auxiliarmenu a:link { color:#2165A7; }*/ #auxiliarmenu ul { } #auxiliarmenu ul li { display:inline; margin: 0px 6px 0px 6px; padding:0px 0px 0px 20px; width:99%; background:url("../images/bullet2.gif") no-repeat left; } #auxiliarmenu ul li.sinvineta { background:none; padding:0px; } /* ................................................................................................ */ /* .................................. MENÚ PRINCIPAL .................................... */ /* ................................................................................................ */ /* ..... Menu nivel1 ..... */ #menu ol li { display:inline; margin:0px 4px; background:url("../images/bullet2.gif") no-repeat left; padding-left:17px; } #menu ol li.sinvinetamenu { background:none; padding:0px; } #menu ol li a { font-size:95%; color:#FFFFFF; } #menu ol li a:hover { color:#04B1EB; text-decoration:none; padding-top:1px; padding-bottom:2px; } #menu ol li a.selected { color:#FFF; border-top:1px solid #F26100; border-bottom:1px solid #F26100; text-decoration:none; padding:2px; padding-top:1px; } #menu abbr, #menu acronym, #menu span.abbr { border-bottom:1px dashed #FFFFFF; cursor:help; } /* ................................................................................................ */ /* ....................................... WEBCONTENT .................................... */ /* ................................................................................................ */ #webcontent p { margin-top:10px; } #webcontentshort p { margin-top:10px; } /* ...................... NEWS ................... */ .newsitem { /*float:left;*/ width:98%; padding:5px 8px 22px 0px; } .newsdateicon { font-family: Tahoma, Verdana, Arial, sans-serif; font-size:80%; color:#07536D; background:#B4DEFA url("../images/newsIcon.gif") no-repeat left; padding:3px 5px 3px 15px; font-weight:bold; margin-bottom:0px; } .h3newstitle { font-size:105%; color:#07536D; font-family:Georgia, "Times New Roman", Times, serif; margin:9px 0px 0px 0px; font-style:italic; } .newsresume { font-size:95%; margin-top:0px; padding-top:0px; } #webcontent div.newsitem p { margin-top:10px; } .h3newstitlefirst { font-size:105%; color:#07536D; font-family:Georgia, "Times New Roman", Times, serif; margin:9px 0px 0px 0px; font-style:italic; width:74%; } .newsresumefirst { font-size:95%; margin-top:0px; padding-top:0px; width:74%; } .newsresumefirst2 { font-size:95%; margin-top:0px; padding-top:0px; width:68%; padding-bottom:1px; } /* ...................... ENLACES ................... */ .company { position:relative; float:left; width:95%; margin-top:30px; /*border:1px solid #FF0000;*/ } .companysmall { position:relative; float:left; width:85%; margin:7px; text-align:center; } .companysmall2 { position:relative; float:left; width:85%; margin-top:30px; } .companyleft { position:relative; float:left; width:45%; margin:2px 0px 4px 5px; padding:0px; } .companyright { position:relative; float:right; width:45%; margin:2px 0px 4px 5px; padding:0px; } div.hr2 { width:100%; height:15px; background:url("../images/separator.gif") no-repeat scroll left; } div.hr2 hr { display: none; } /* ..... Pag: Listas globales ..... */ #webcontent ul li { margin-left:15px; padding-left:10px; margin-top:5px; background:transparent url("../images/li-n1Bl.gif") no-repeat left top; padding-bottom:2px; } #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; } #webcontentshort ul li { margin-left:15px; padding-left:10px; margin-top:5px; background:transparent url("../images/li-n1Bl.gif") no-repeat left top; } #webcontentshort 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 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; } */ /* ..... Listas de definición estandar ..... 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-n1Bl.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-n1letterBl.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 Definion 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; } .orangeitem { color:#CE3408; font-weight:bold; } /* ..... 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; } /* ..... Formatos ficheros ..... */ .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; } .wmv { background:transparent url("../images/wmvIcon.gif") no-repeat right top; padding-right:18px; } /* ..... Webmap ..... */ .webmapBlock { font-family:Tahoma, Verdana, Arial, sans-serif; color:#333300; font-size:95%; font-weight:bold; background:transparent url("../images/titlePict3.gif") no-repeat left; padding:20px 0px 15px 35px; } /* ..... Nivel 1 ..... */ #webmapglobal ol li { margin-left:35px; padding-left:16px; margin-top:13px; background:transparent url("../images/iconito.gif") no-repeat left top; } /* ................ FORMULARIO ...................*/ #formbox { position:relative; float:right; width:87%; padding:0px; margin:0px; clear:both; } form { } #webcontent form label { } #webcontent fieldset { width:80%; margin:25px 0px 15px 0px; padding:10px 10px 10px 20px; border:1px solid #DCD6D6; } #webcontent legend { font-family:Tahoma, Verdana, Arial, sans-serif; font-weight:bold; font-size:95%; color:#F26100; margin:5px 0px 11px 0px; padding:0px 5px; } #webcontent form dl { width:98%; font-size:95%; text-align:left; } #webcontent form dt { float:left; width:25%; margin:0px; padding:0px 0px 0px 10px; } #webcontent form dd { /*float:left; width:70%;*/ margin:0px; padding:0px 1% 6px 0px; } #webcontent form dt.big { float:left; width:97%; margin:0px; padding:0px 0px 0px 10px; margin-bottom:15px; } #webcontent form dd.big { margin:0px 0px 0px 0px; padding:0px 1% 6px 0px; text-align:center; width:99%; } #webcontent textarea, input, select { border:1px solid #B09B9B; background-color:#B4DEFA; font-size:90%; vertical-align:middle; margin-left:2%; padding:2px; color:#07536D; } #webcontent textarea { font-size:95%; font-family: Arial, Tahoma, Verdana, sans-serif; } #webcontent select { font-size:95%; } #webcontent form p { font-size:90%; } #buttonform { position:relative; float:left; width:80%; text-align:center; padding:20px 0px 5px 0px; margin-bottom:15px;clear:both; } .boton { border-bottom:solid 1px #666666; border-right:solid 1px #666666; border-left:solid 1px #E8E8E8; border-top:solid 1px #E8E8E8; background-color:#F26100; color:#FFFFFF; font-weight:bold; font-size:90%; padding:2px; } .info { position:relative; float:right; width:20%; border:2px dotted #B4DEFA; font-size:90%; padding:10px; margin:5px 8px 10px 8px; background:#F2FAFE; } /* .... Texto de los mensajes por pantalla .... */ .required { color:#B70000; font-size:105%; padding-left: 2px; } .requiredtext{ font-size:95%; color:#CE3408; margin-left:36%; width:60%; background:transparent url("../images/errorIcon.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; } #guia { position:relative; float:left; height:300px; width:99%; } .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; } /* ....................................................................................................... */ /* .............................................. FOOTER ............................................ */ /* ....................................................................................................... */ #footer ul { } #footer ul li { display:inline; margin: 0px 6px 0px 3px; padding:0px 5px 0px 20px; width:90%; color:#332222; } .vinetamenu { background:transparent url("../images/bullet2.gif") no-repeat left; } /* ....................................................................................................... */ /* .................................................. 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:#0292C0; } a:visited { color:#0292C0; } a:hover, a:focus { color:#0292C0; text-decoration:underline; } a.external { position:relative; background:transparent url("../images/iconoBlank.gif") no-repeat right; padding-right:22px; white-space:nowrap; } a.external:hover, a.external:focus { background:transparent url("../images/iconoBlankHover.gif") no-repeat right; } a.externallist { background:transparent url("../images/iconoBlank.gif") no-repeat right; padding-right:22px; white-space:nowrap; } a.externallist:hover, a.externallist:focus { background:transparent url("../images/iconoBlankHover.gif") no-repeat right; } a.externallist2 { background:transparent url("../images/iconoBlank.gif") no-repeat right bottom; padding-right:22px; } a.externallist2:hover, a.externallist2:focus { background:transparent url("../images/iconoBlankHover.gif") no-repeat right; } a.email { /*position:relative;*/ background:transparent url("../images/mailIcon.gif") no-repeat right; padding-right:17px; /*white-space:nowrap;*/ } 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; }