﻿body         {
	margin: 0px;
	font-size: small;
	color: #ffffff;
	font-family: Verdana;
	background-color:#000000;
}
td           {
	font-size: small;
	color: #ffffff;
	font-family: Verdana;
}
a:link       {
	text-decoration: none;
	color: #ffffff;
	font-family: Verdana;
	text-align: center;
}
a:visited    {
	text-decoration: none;
	color: #ffffff;
}
a:active     {
	text-decoration: none;
	color: #303030
}
a:hover      {
	color: #303030;
}
.Titulos {
	font-family: tahoma;
	color: #FFFFFF;
	font-size: large;
	background-color: #940F14;
}
.titulonoticia {
	font-family: tahoma;
	font-size: large;
}
.Subtitulonoticia {
	font-family: tahoma;
	color: #666666;
}
.UltimaNoticia {
	font-family: tahoma;
	color: #FFFFFF;
	padding: 5px;
}
.Padding {
	padding: 5px;
}
.logo {
	left: 100px;
	position: relative;
}
.datos {
	border: 1px solid #CCCCCC;
	padding: 0px;
	position: relative;
	left: 100px;
	background-color: #333333;
	width: 880px;
	color: #FFFFFF;
}

.datosindex {
	padding: 10px;
	position: relative;
	left: 100px;
	width: 880px;

}

.galerias {
	position: relative;
	left: 100px;
}
.inferior {
	position: relative;
	left: 100px;
	width: 900px;
}

/* -- Galería de Fotos -- */

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}	


/* -- Noticias -- */

* {margin:0; padding:0; font:12px Verdana,Arial}
code {font-family:"Courier New",Courier}

#options {width:700px; margin:20px auto; text-align:right; color:#ffffff}
#options a {text-decoration:none; color:#ffffff}
#options a:hover {color:#fff}

#acc {width:700px; list-style:none; color:#033; margin:0 auto 40px}
#acc h3 {width:686px; border:1px solid #ffffff; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background-color:#fff;}
#acc h3:hover { background-color:#fff}
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {width:670px; padding:15px; border:1px solid #ffffff; border-top:none; background:#fff}

#nested {width:700px; list-style:none; color:#033; margin-bottom:15px}
#nested h3 {width:411px; border:1px solid #ffffff; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background-color:#fff;}
#nested h3:hover {background-color:#ffffff}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {width:393px; padding:15px; border:1px solid #ffffff; border-top:none; background:#fff}
#nested .acc-selected {background-color:#ffffff}	

/* -- Imagenes -- */

#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; }

/*  -- 2º enlace de hipervinvulos --	*/

a.Hiper2 { 
font-family: Trebuchet MS;
font-style:oblique; 
font-size: 18px; 
color: #000000; 
} 
a.Hiper2:link { 
color: #ffffff;
} 
a.Hiper2:visited { 
color: #FF9900; 
} 
a.Hiper2:hover { 
text-decoration: none; 
font-size: 18px;
color: #000000; 
} 
a.Hiper2:active { 
text-decoration: none; 
color: #ffffff; 
} 

/* Cuadros listado Galerias */

ul#gal,ul#gal li{list-style-type:none;margin:2px;padding:12px}
ul#gal{width: 660px;margin:0px auto 0;text-align:left}
ul#gal li{float:left;width: 192px; height:100px;
    padding: 7px 5px 7px 5px;margin:8px 8px 0 0}


