/* CUERPO*/ body { background: #EBE8E1;} /* CUERPO*/ #arriba { position:absolute; top:139px; left:150px; right:150px; width:700px; height: 150px; background-color: #630; BORDER-LEFT: #630 9px solid; BORDER-RIGHT: #630 9px solid; } html>body #arriba {width:682px;} #direccion{ background: #663300; left:150px; right:150px; width: 682px; height:100px; PADDING-TOP: 10px; PADDING-BOTTOM: 20px;font-size: 10px; font-family:Arial; font-weight: bold; color: #FFF; text-align:CENTER} html>body #direccion{ height:120px; } #cabecera{POSITION: absolute; TOP: 0px; LEFT: 150px; width: 681px; height: 139px; background: #630; BORDER-LEFT: #630 10px solid; BORDER-RIGHT: #630 9px solid;} #loguito{POSITION: absolute; TOP: 7px; LEFT: 443px;} html>body #loguito{POSITION: absolute; TOP: 9px; LEFT: 443px;} #cie{ POSITION: absolute; TOP: 83px; left: 361px; padding: 0.1em 0.3em 0.3em 0.1em; font: bold 0.65em arial; color: #F00; font-variant: small-caps; text-align: CENTER; letter-spacing: -0.02em; word-spacing: -0.1em; background-color: #000; filter: alpha(opacity=16); opacity: .16} html>body #cie{ POSITION: absolute; TOP: 83px;} #ciepac{ POSITION: absolute; TOP: 83px; left: 361px; padding: 0.1em 0.3em 0.3em 0.1em; font: bold 0.65em arial; color: #FFF; font-variant: small-caps; text-align: CENTER; letter-spacing: -0.02em; word-spacing: -0.1em;} html>body #ciepac{ POSITION: absolute; TOP: 83px;} /* SCROLLBAR*/ html,textarea{scrollbar-arrow-color: #FFF;scrollbar-darkshadow-color: #fff;scrollbar-face-color: #663300;scrollbar-highlight-color: #FFF;scrollbar-shadow-color: #630;scrollbar-track-color: #FFF;scrollbar-base-color: #FFF;scrollbar-3dlight-color: #630;} /* LISTA SUPERIOR DEL MENU*/ #botonesuno {position: absolute; TOP: 195px; LEFT: 120px; } html>body #botonesuno{ position: absolute; TOP: 185px; LEFT: 159px; } #navlist {Border-top: #CC9966 1px solid; WIDTH: 640px; padding-left: 30px; padding-right: 30px;} html>body #navlist {padding-left: 30px; padding-right: 10px; WIDTH: 640px; } #navlist li{ list-style: none; display: inline; font: bold 11px arial;color: #CC9966; font-variant: small-caps; } html>body#navlist li{ list-style: none; display: inline; font: bold 12px arial;color: #CC9966; font-variant: small-caps; } #navlist li a{PADDING-RIGHT: 2px;PADDING-LEFT: 2px; background: #630;text-decoration: none; } #navlist li a:link { color: #CC9966;} #navlist li a:visited { color: #CC9966; } #navlist li a:hover{PADDING-RIGHT: 2px; PADDING-LEFT: 2px;color: #FFF;background: #630; } /* LISTA INFERIOR DEL MENU: DESPLEGABLE*/ #desplegable{ POSITION: absolute; TOP: 210px; LEFT: 150px; } html>body #desplegable {POSITION: absolute; TOP: 214px; LEFT: 150px; } #nav {BACKGROUND: #630; FLOAT: left; MARGIN-left: .4em; WIDTH: 645px; PADDING-BOTTOM: 1px; PADDING-RIGHT: 8px; PADDING-LEFT: 30px; BORDER-BOTTOM: #CC9966 1px solid; FONT-FAMILY: ARIAL; FONT-SIZE: 11px; FONT-WEIGHT: BOLDER; font-variant: small-caps; LINE-HEIGHT: 1; LIST-STYLE-TYPE: none} html>body #nav {BACKGROUND: #630; FLOAT: left; MARGIN-left: .4em; WIDTH: 645px; PADDING-BOTTOM: 1px; PADDING-RIGHT: 8px; PADDING-LEFT: 43px; BORDER-BOTTOM: #CC9966 1px solid; FONT-FAMILY: ARIAL; FONT-SIZE: 12px; FONT-WEIGHT: BOLDER; font-variant: small-caps; LINE-HEIGHT: 1; LIST-STYLE-TYPE: none} html>body #nav {BACKGROUND: #630; FLOAT: left; MARGIN-left: .8em; WIDTH: 610px; PADDING-BOTTOM: 1px; PADDING-RIGHT: 39px; PADDING-LEFT: 33px; BORDER-BOTTOM: #CC9966 1px solid; FONT-FAMILY: ARIAL; FONT-SIZE: 12px; FONT-WEIGHT: BOLDER; font-variant: small-caps; LINE-HEIGHT: 1;LIST-STYLE-TYPE: none} #nav UL { BORDER-right: #630 5px solid; BORDER-left: #630 5px solid;BORDER-bottom: #630 5px solid; BORDER-top: #630 5px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;WIDTH: 610px; FLOAT: left; MARGIN: 0px 0px 1em; BACKGROUND: #FFF; FONT-FAMILY: ARIAL; FONT-SIZE: 12px; FONT-WEIGHT: BOLDER; font-variant: normal; LINE-HEIGHT: 1; LIST-STYLE-TYPE: none; } #nav A {PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.25em; TEXT-DECORATION: none; COLOR: #CC9966; } html>body #nav A {PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 0.25em; COLOR: #630; PADDING-TOP: 0.25em; TEXT-DECORATION: none} #nav LI {PADDING-RIGHT: -5px; PADDING-LEFT: -5px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; } #nav LI UL {FONT-WEIGHT: normal; LEFT: -999em; MARGIN: 0px; WIDTH: 1px; POSITION: absolute; HEIGHT: auto; } html>body #nav LI UL {WIDTH: 16.5em; } #nav LI LI {PADDING-RIGHT: 0em; WIDTH: 1em; } html>body #nav LI LI {PADDING-RIGHT: 0em; WIDTH: 16.5em} #nav LI UL A {WIDTH: 15.8em; COLOR: #CC9966; } html>body #nav LI UL A {WIDTH: 15.8em; COLOR: #CC9966; } #nav LI UL UL {MARGIN: -2.5em 0px 0px 16.5em; } html>body #nav LI UL UL {MARGIN: -2em 0px 0px 16.5em} #nav LI:hover UL UL {LEFT: -999em} #nav LI:hover UL UL UL {LEFT: -999em} #nav LI.sfhover UL UL {LEFT: -999em} #nav LI.sfhover UL UL UL {LEFT: -999em} #nav LI:hover UL {LEFT: auto} #nav LI LI:hover UL {LEFT: auto} #nav LI LI LI:hover UL {LEFT: auto} #nav LI.sfhover UL {LEFT: auto} #nav LI LI.sfhover UL {LEFT: auto} #nav LI LI LI.sfhover UL {LEFT: auto} #nav LI:hover {BACKGROUND: #630; } #nav LI.sfhover {BACKGROUND: #630; } #nav A:hover {COLOR: #FFF; } #nav LI A:hover {COLOR: #FFF; } #nav LI UL A:hover {COLOR: #630; BACKGROUND: url(portada/fle.gif) no-repeat right center; BACKGROUND-color: #EBE8E1; } /* MENU DE BARRA ROJA*/ #divNavigation {PADDING-RIGHT: 100px; PADDING-LEFT: 314px;PADDING-BOTTOM:0px;MARGIN:0px; PADDING-TOP: 57px; HEIGHT: 10px;} html>body #divNavigation {PADDING-LEFT: 312px; PADDING-TOP: 50px;} #navigation{WIDTH: 470px;POSITION: relative; TOP: 36px; HEIGHT: 10px;} #navigation LI UL {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; } #navigation A {TEXT-DECORATION: none} #navigation LI {PADDING-RIGHT: 0px;DISPLAY: block;FLOAT: left; MARGIN: 0px;} #navigation LI UL {DISPLAY: none;} #navigation LI.off UL {LEFT: -204px; PADDING-LEFT: 100px; PADDING-right: 1px; BACKGROUND: #FFFFFF; right: 1px; WIDTH: 580px; PADDING-TOP: 7px; PADDING-BOTTOM: 7px; BORDER-TOP: #630 1px solid;POSITION: absolute; TOP: 26px; HEIGHT: 10px; } html>body #navigation LI.off UL {LEFT: -161px; HEIGHT: 30px; BACKGROUND: #FFFFFF;} #navigation LI.on UL {LEFT: -204px; PADDING-LEFT: 100px; PADDING-right: 1px; BACKGROUND: #FFFFFF; right: 1px; WIDTH: 580px; PADDING-TOP: 7px; PADDING-BOTTOM: 7px; BORDER-TOP: #630 1px solid; BORDER-BOTTOM: #f93 10px solid;POSITION: absolute; TOP: 26px; HEIGHT: 10px} html>body #navigation LI.on UL {LEFT: -161px; HEIGHT: 30px; } #navigation LI.on UL {BACKGROUND: #FF0000; } #navigation LI.on:hover UL {BACKGROUND: #FFFFFF;} #navigation LI.over UL {BACKGROUND: #FFFFFF;} #navigation LI A {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; font-variant: small-caps;PADDING-BOTTOM: 0px; WIDTH: 65px; COLOR: #3399CC; PADDING-TOP: 0px} html>body #navigation LI A {FONT-FAMILY: arial; FONT-SIZE: 14px; FONT-WEIGHT: bold; font-variant: small-caps;} #navigation LI.on A {COLOR: #FF0000} #navigation LI.on UL A {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; WIDTH: auto; COLOR: #FF0000; MARGIN-RIGHT: 5px; BORDER-RIGHT-WIDTH: 0px} #navigation LI.off UL A {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 0px; WIDTH: auto; COLOR: #FF0000; MARGIN-RIGHT: 5px; BORDER-RIGHT-WIDTH: 0px} #navigation LI.on:hover UL A {BACKGROUND: #fff;} #navigation LI.over UL LI A {BACKGROUND: #FFF;} #navigation LI.on UL {DISPLAY: block} #navigation LI.off:hover UL {DISPLAY: block; Z-INDEX: 6000} #navigation LI.over UL {DISPLAY: block; Z-INDEX: 6000} #navigation LI.off A:hover {COLOR: #FF0000} #navigation LI.on A:hover {COLOR: #FF0000} #navigation LI SPAN {LEFT: -9384px; POSITION: absolute} #liEdiciones A {DISPLAY: block; BACKGROUND:url(portada/horizontal.gif) no-repeat; POSITION: relative; HEIGHT: 26px;border-left: #630 1px solid;} #liFotos A {DISPLAY: block; BACKGROUND:url(portada/horizontal.gif) no-repeat; POSITION: relative; HEIGHT: 26px;border-left: #630 1px solid;} #liNosotros A {DISPLAY: block; BACKGROUND:url(portada/horizontal.gif) no-repeat;POSITION: relative; HEIGHT: 26px;border-left: #630 1px solid;} #liApoyos A {DISPLAY: block; BACKGROUND:url(portada/horizontal.gif) no-repeat; POSITION: relative; HEIGHT: 26px; border-left: #630 1px solid;} #liExtra A {DISPLAY: block; BACKGROUND:url(portada/horizontal.gif) no-repeat; POSITION: relative; HEIGHT: 26px} #liEdiciones A {BACKGROUND-POSITION: 0px 0px} #liFotos A {BACKGROUND-POSITION: -102px -5px} #liNosotros A {BACKGROUND-POSITION: -204px -5px} #liApoyos A {BACKGROUND-POSITION: -306px -5px} #liExtra A {BACKGROUND-POSITION: -408px -5px} .on#liEdiciones A {BACKGROUND-POSITION: -0px -42px} #liEdiciones A:hover {BACKGROUND-POSITION: 0px -78px} #liEdiciones:hover A {BACKGROUND-POSITION: 0px -78px} .over#liEdiciones A {BACKGROUND-POSITION: 0px -78px} #liFotos A:hover {BACKGROUND-POSITION: -102px -78px} #liFotos:hover A {BACKGROUND-POSITION: -102px -78px} .over#liFotos A {BACKGROUND-POSITION: -102px -78px} #liNosotros A:hover {BACKGROUND-POSITION: -204px -78px} #liNosotros:hover A {BACKGROUND-POSITION: -204px -78px} .over#liNosotros A {BACKGROUND-POSITION: -204px -78px} #liApoyos A:hover {BACKGROUND-POSITION: -306px -78px} #liApoyos:hover A {BACKGROUND-POSITION: -306px -78px} .over#liApoyos A {BACKGROUND-POSITION: -306px -78px} #liExtra A:hover {BACKGROUND-POSITION: -408px -78px} #liExtra:hover A {BACKGROUND-POSITION: -408px -78px} .over#liExtra A {BACKGROUND-POSITION: -408px -78px} #navigation LI.off UL A {DISPLAY: block; FONT-SIZE: 13px; BACKGROUND: #FFF;COLOR: #000000; font-variant: small-caps;FONT-FAMILY: arial;} html>body #navigation LI.off UL A {FONT-FAMILY: arial; FONT-SIZE: 14px; FONT-WEIGHT: bold; font-variant: small-caps;} #navigation LI.on UL A {DISPLAY: block; FONT-SIZE: 13px; BACKGROUND: #000000; COLOR: #000000; font-variant: small-caps;FONT-FAMILY: arial} html>body #navigation LI.on UL A {FONT-FAMILY: arial; FONT-SIZE: 14px; FONT-WEIGHT: bold; font-variant: small-caps;} #navigation LI.on UL A {BACKGROUND: #FF0000;} /*MAPA*/ div.marco{border:2px groove rgb(153,204,255); BACKGROUND: transparent; OVERFLOW: auto; width:400px; height:200px; padding:8px; margin-top:50px; margin-left:50px; text-align:left; font-family:Verdana,Arial; font-size:10px; color:#000;} #contenido{ width: 682px; background-color: #630; BORDER-LEFT: #630 9px solid; BORDER-right: #630 9px solid; } H3{font-size:12px; font-family:Arial; font-weight: bold; color: #F93; text-align:center; word-spacing: .1em; } S{ FONT-SIZE: 13px; COLOR: #03F;text-decoration: none; FONT-WEIGHT: BOLDER;} .escribir{ font-size:14px; font-family:Arial; font-weight:bold; color:#630; text-align: right; word-spacing: .1em; TEXT-DECORATION: none} A:hover { color: #336699} #imap { DISPLAY: block; BACKGROUND: url(portada/mundomapa3.jpg) no-repeat; background-position: center top; WIDTH: 682px; HEIGHT: 498px; background-color: #630; } #imap A#title { DISPLAY: block; LEFT: 0px; OVERFLOW: hidden; WIDTH: 500px; CURSOR: default; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 0px } #imap A#title:hover { BACKGROUND-POSITION: 0px 0px; Z-INDEX: 10 } #imap DD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; POSITION: absolute } #imap #punto9 { left:122px; top:192px; z-index:20; } html>body #imap #punto9 { left:122px; top:205px; z-index:20; } /* #imap #punto10 {border:2px groove rgb(255,0,0); BACKGROUND:transparent;padding:4px; left:500px; top:130px; z-index:20; } */ #imap a#imagen9 { display:block; width:151px; height:30px; background:transparent url(portada/sclc.gif) -100px -100px no-repeat; text-decoration:none; z-index:20; } #imap A SPAN {DISPLAY: none} #imap A:visited SPAN {DISPLAY: none} #imap A#imagen9:hover {BACKGROUND-POSITION: 0px 0px} #imap A:hover SPAN { POSITION: absolute; WIDTH: 230px; DISPLAY: block; FONT-FAMILY: arial; FONT-SIZE: 11px; BACKGROUND: #630; COLOR: #fff; BORDER: #630 1px solid; PADDING-LEFT: 13px; PADDING-RIGHT: 13px; PADDING-TOP: 5px; PADDING-BOTTOM: 10px; text-align:justify; word-spacing: -1px; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; } HTML #imap A:hover SPAN {WIDTH: 250px} #imap a#imagen9:hover span { left:-100px; top:-150px; } html>body #imap a#imagen9:hover span { left:-100px; top:-150px; } #cajonultimas {position:absolute; top:235px; left:25px; height:275px; width:430px; padding:10px; OVERFLOW: auto; border:solid 1px red; background:transparent; z-index:3; } #cajonboletines {position:absolute; top:235px; left:485px; height:275px; width:170px; padding:10px; OVERFLOW: auto; border:solid 1px red; background:transparent; z-index:3; } A.coverlink:LINK {font-size:11px; font-family:Verdana,Arial; color:#000000; text-decoration:none; FONT-WEIGHT: bold; background-color:transparent; } A.coverlink:VISITED {font-size:11px; font-family:Verdana,Arial; color:#000000; text-decoration:none; FONT-WEIGHT: bold; background-color:transparent; } A.coverlink:ACTIVE {font-size:11px; font-family:Verdana,Arial; color:#ff0000; text-decoration:none; FONT-WEIGHT: bold; background-color:transparent; } A.coverlink:HOVER {font-size:11px; font-family:Verdana,Arial; color:#ff0000; text-decoration:none; FONT-WEIGHT: bold; background-color:transparent; }