body { font:12px/1.5 Verdana, sans-serif; color:#303030; padding:0px; margin:0px; background:#fff;}
* { margin:0; padding:0;}
h1 { font:bold 30px/1 Arial, sans-serif; letter-spacing:0px; color:#303030; }
h2 { font:bold 16px/1 Arial, sans-serif; color:#585858; }
h2.barra { width:550px; padding:0 0 5px 0px; margin-bottom:10px; border-bottom:1px dotted #a0a0a0;}
h2.titulo { line-height:2em;}
h3 { font:bold 15px/2 Arial, sans-serif;}
h4 { font:normal 14px/2 Arial, sans-serif;}
a {text-decoration:none; color:#456aa8;}
a:hover { } 
a.act {color:#ffc0ff;}
a h2 { color:#808080;}
a.act h2 {color:#303030;}
p { font:12px/1.4 Verdana, sans-serif; margin:0px 0 15px 0px;}
p.cartela { font:13px/1.4 Verdana, sans-serif; margin:0px 0 5px 0;}
p.novas { margin:5px 0 0 0;}

#nivel { width:100%; height:auto; overflow:hidden; height:1%; background:#fff;}
#nivel.color { background:#7faf19;}
/* @annotation: CSS del cabecero con título y opciones  ..........................................*/
#pri {width:960px; height:auto; margin:0px auto 0px auto; overflow:hidden; height:1%; border-right:1px dotted #a0a0a0; border-left:1px dotted #a0a0a0; background:url(img/coru3.gif) no-repeat 200px -25px #fff; position:relative;}
#tit { width:300px;float:left; margin:20px 0 15px 40px; position:relative;}
#tit a {}
#tit a.g { position:absolute; top:0px; left:88px;}
#tit a.c { position:absolute; top:0px; left:140px;}
#subtit { width:auto; height:auto; float:right; font-size:12px; line-height:1em; margin:10px 0px 0 0;}
#subtit a { width:85px; float:left; display:block; padding:5px 5px 5px 50px; background:url(img/sombras/tamgram.gif) no-repeat 0px 0px; color:#303030; font:11px/1 Verdana, sans-serif; color:#585858; border-top:0px dotted #a0a0a0; margin-right:20px;}
#subtit a:hover { background:url(img/sombras/tam.gif) no-repeat 0px 0px;}
#subtit a h2 { color:#585858; font:bold 15px/1 Arial, sans-serif;}
#leyenda { position:absolute; top:74px; left:180px; font:normal 13px/1.3 Arial, sans-serif; color:#585858; background-color:#fff;}
/* @annotation: Parte del navegador principal................................................. */
#cabecero {width:960px; height:auto; margin:0px auto 0px auto; overflow:hidden; height:1%; border:0px; border-right:1px dotted #a0a0a0; border-left:1px dotted #a0a0a0; background:#fff; padding:5px 0 5px 0;}
#principal { float:left; width:300px; height:auto; margin-right:10px; background-color:#fff;}
#principal div a { display:block; padding:5px 5px 5px 95px; border-top:0px dotted #eee; background:url(img/sombras/ama.png) no-repeat 25px 0px; color:#303030;}
#principal div a:hover { background:url(img/sombras/amaact.png) no-repeat 25px 0px;}
#principal div.sinborder { }
#principal div a.act {background:url(img/sombras/amaact.png) no-repeat 25px 0px; color:#303030;}
#visor { width:550px; height:170px; margin-bottom:15px; margin-top:5px; border:0px dotted #a0a0a0;}


#panel {width:960px; height:auto; margin:0px auto 0px auto; padding:15px 0 50px 0; overflow:hidden; height:1%; border-right:1px dotted #a0a0a0; border-left:1px dotted #a0a0a0; background-color:#fff; background:url(img/sombras/diviso.gif) no-repeat top left #fff;}
#contenido { width:550px; height:auto; float:left; margin:20px 0 0 40px;}
		#entrada { width:550px; height:auto; background:#fff; padding:10px 20px 0 0; overflow:hidden; height:1%; border-top:0px solid #dcdcdc; margin-bottom:10px; position:relative;}
		#entrada img { height:100px; text-align:left; margin-right:20px; border:2px solid #eee;}
		#data { position:absolute; top:0px; left:500px; font:normal 11px/1 Verdana; color:#a0a0a0;}
#sidebar { width:320px; height:auto; float:right; background-color:#fff; margin-top:41px; border-top:1px dotted #a0a0a0; padding-top:10px;}
/* @annotation: barra lateral normal SID..................................................... */
#sid { margin-left:20px;}
#sid li {list-style-type:none; border-left:0px; border-right:0px;}
#sid li a {padding:1px 0 1px 20px; color:#303030; display:block; background-color:#fff;}
#sid li a:hover { color:#456aa8;}
#sid li a.act { background:url(img/ahora.png) no-repeat #7faf19;}
#sid li.tito a { padding:4px 0 3px 0px; border-bottom:0px dotted #a0a0a0; margin:10px 0 7px 0; font:bold 16px/1 Arial; color:#808080; background-image:none;}
#sid li.tito a:hover { color:#000;}
#sid li span { padding-left:20px; color:#808080; font-size:11px;}
/* @annotation: barra lateral navegador SAD ...................................................*/
#sad {}
#sad li {list-style-type:none; border-left:0px; border-right:0px; margin-bottom:3px;}
#sad li.etiqueta { margin:10px 0 10px 30px; border-bottom:1px dotted #a0a0a0; font:bold 14px/1.2 Arial, sans-serif; color:#808080;}
#sad li.noenlace {padding:0px 0 2px 30px;}
#sad li.noenlace span {padding:0;}
#sad li a {padding:0px 0 2px 30px; color:#456aa8; display:block; background-color:#fff; font:normal 13/1 Arial, sans-serif;}
#sad li a:hover { color:#303030; background:url(img/ahora.png) no-repeat #7faf19;}
#sad li a.act { color:#303030; background:url(img/ahora.png) no-repeat #7faf19;}
#sad li span { padding-left:30px; color:#808080; font-size:11px;}

#videos { padding:15px 0 15px 20px;}

#tabla {width:960px; height:auto; margin:0px auto 200px auto; background:#fff; border-right:1px dotted #a0a0a0; border:1px dotted #a0a0a0; overflow:hidden; height:1%; padding-bottom:30px;}
#tabla h2 { margin:15px 0 -10px 0; color:#808080;}
#tabla a { color:#456aa8;}
#tabla a:hover { color:#389f92; background:none;}
#logos { float:left; width:280px; margin:20px 0 0 30px;}
#logos div {padding:0px 0 0 70px; margin-top:15px;}
 #logos div.coag { background:url(img/logos/coagc.jpg) no-repeat 0 2px;}
 #logos div.concello { height:55px; background:url(img/logos/aconcello.GIF) no-repeat 0 2px; padding-top:15px;}
 #logos div.deputa { height:55px; background:url(img/logos/adeputacion.gif) no-repeat 0 0px;  margin-top:-5px; padding-top:15px;}
 #logos div.caixa { height:55px; background:url(img/logos/acaixa.jpg) no-repeat 5px 5px;  margin-top:0px; padding-top:15px;}
#equipo { float:right; width:590px; margin:20px 30px 0 0px; overflow:hidden; height:1%;}
#flotantei div, #flotanted div { width:260px; padding:0px 0 0 20px; margin-top:15px;}
  #flotantei {float:left; width:280px; overflow:hidden; height:1%;}
 #flotanted { float:right; width:280px; overflow:hidden; height:1%;}
/* @annotation: el mapa de temas...................................................................... */
div.temas { width:550px; height:790px; margin-bottom:15px 0 30px 0; position:relative;}
ul.notas li { list-style: none;display: none;position: absolute;border:3px solid #7faf19;background: url("esta_imagen_no_existe");}
div.temas:hover ul.notas li {display: block;}
ul.notas li p {width:370px; height:auto; margin:100%; margin-top:-3px; padding:20px; display:none; background:#c4e57e; border:0px solid #dcdcdc; color:#000; position:absolute; top: 0; z-index:100;}
ul.notas li p.datos { top:150px;}
ul.notas li p a{ color:#456aa8; font-weight:bold;}
ul.notas li p a:hover { color:#303030; background-color:transparent;}
ul.notas li:hover p {display: block;}
ul.notas li p b{ line-height:2em; margin-right:10px; font-weight:normal; font-size:11px;}
ul.notas li p b.tit{ font:15px/1.5 Arial, sans-serif;}

ul.notas li#nota1 {width:117px; height:147px; top:356px; left:280px;}
ul.notas li#nota1:hover { background:url(img/temas/1.gif) no-repeat;}
ul.notas li#nota2 {width:267px; height:177px; top:96px; left:30px;}
ul.notas li#nota2:hover { background:url(img/temas/2.gif) no-repeat;}
ul.notas li#nota3 {width: 165px; height: 174px; top:33px; left: 291px;}
ul.notas li#nota3:hover { background:url(img/temas/3.gif) no-repeat;}
ul.notas li#nota4 {width: 333px; height: 392px; top:445px; left:70px;}
ul.notas li#nota4:hover { background:url(img/temas/4.gif) no-repeat;}
ul.notas li#nota5 {width: 200px; height: 120px; top:188px; left:250px;}
ul.notas li#nota5:hover { background:url(img/temas/5.gif) no-repeat;}
ul.notas li#nota6 {width: 200px; height: 250px; top:298px; left:353px;}
ul.notas li#nota6:hover { background:url(img/temas/6.gif) no-repeat;}
ul.notas li#nota7 {width: 150px; height: 135px; top:240px; left:134px;}
ul.notas li#nota7:hover { background:url(img/temas/7.gif) no-repeat;}
ul.notas li#nota8 {width: 150px; height: 135px; top:270px; left:250px;}
ul.notas li#nota8:hover { background:url(img/temas/8.gif) no-repeat;}
/* @annotation: subnavegador */
#sub { margin:10px 0 15px 0; width:550px;}
#sub li { display:inline; list-style-type:none; margin:0 10px 30px 0;}
#sub li a { padding:2px 5px 3px 5px; color:#456aa8; border:1px solid #dcdcdc;}
#sub li a.act { background-color:#7faf19; color:#303030;}
#sub li a:hover { background-color:#7faf19;}
/* referente a la página de barrios.............................................................. */
#cartela { width:550px; height:170px; margin:30px 0 0px 0;}
#cartela h1 { font-size:25px; margin-bottom:15px;}
#cartela table { width:350px; margin-top:20px;}
#cartela table tr.tit { font-weight:bold;}
#cartela table td {vertical-align:top; font-size:11px;}
#fotos { width:550px; height:auto;}
#fotos img { border:0px; margin-right:5px;}
#fotos div.tit { width:100%; margin-bottom:10px;}
#graficos { width:550px; height:auto; margin:30px 0 30px 0;}
#graficos table { width:550px; margin:0px 0 0 -15px;}
#graficos table tr {}
#graficos table td {vertical-align:top; font-size:12px; width:170px;}
#graficos table td.graficos { height:100px;}
b.un { color:#00A198;} b.dous { color:#86B918;} b.tres { color:#46494D;} b.catro { color:#9C9D9F;} b.cinco { color:#cda5c9;} b.seis { color:#887158;} b.sete { color:#834c70;}
b small { font-weight:normal;}
#gra1, #gra2, #gra3 { height:160px; width:550px; vertical-align: middle;}
/* referente a la página de mapas.............................................................. */
#mapas { width:550px; height:1000px; margin-top:-20px; position:relative;}
#mapas img { position:absolute; top:0px; left:0;}
#breve { width:280px; height:auto; margin:10px 0 20px 0;}
#sidebar form select { width:150px; margin-top:5px;}
#sidebar table { width:280px; margin-bottom:10px;}
#sidebar td { vertical-align:top; padding-bottom:10px;}
#resultado {position:absolute; top:20px;}
/* referente al navegador lineal: temas, barrios, obradoiros........................................... */
p.lineal { width:550px; margin-top:20px; overflow:hidden; height:1%;}
#lineal {float:right;}
#lineal li{ display:inline; list-style-type:none; margin:0 0px 0px 15px;}
#lineal li a.ant { padding:0 5px 2px 0px; font-size:bold; background:url(img/ahorax.png) no-repeat #fff;}
#lineal li a.seg { padding:0 0px 2px 5px; background:url(img/ahora2x.png) no-repeat right top #fff;}
#lineal li a:hover { color:#303030;}
/* el css de la galería (lightbox2).................................................................... */
#lightbox{position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }