*{
    margin:0;
    padding:0;
}
body{
	font-family:Verdana;
	font-size:10px;
	overflow:hidden;
	background-image: url(../resursos/FondoVisualizador.jpg);
	}
/* Barra superior donde está el desplegable con las carpetas */	
.albumbar{
	height:25px;
	line-height:25px;
	text-align:left;
	text-indent:15px;
	position:fixed;
	left:0px;
	width:100%;
	top:0px;
	z-index:11;
    font-family:"Century Gothic", Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-style: italic;
}

.albumbarOff{
	height:25px;
	line-height:25px;
	text-align:left;
	text-indent:15px;
	position:fixed;
	left:0px;
	width:100%;
	top:0px;
	z-index:11;
	font-family:"Century Gothic", Helvetica, sans-serif;
	font-size: 16px;
	color: #F00;
	font-style: italic;
}

/* Barra inferior con las descripciones de las fotos si las hay */	
.infobar{
	height:26px;
	line-height:26px;
	text-align:center;
	position:fixed;
	left:0px;
	width:100%;
	top:0px;
	-moz-box-shadow:0px -1px 2px #000;
	-webkit-box-shadow:0px -1px 2px #000;
	box-shadow:0px -1px 2px #000;
	background-color: #8D2B2A;
    font-family:"Century Gothic", Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #FFF;
}
span#description, .albumbar span{
    text-shadow:0px 0px 1px #fff;
    color:#fff;
}
.albumbar span a{
    color:#aaa;
    text-decoration:none;
}
.albumbar span a:hover{
    color:#ddd;
}
#loading{
    display:none;
    width:50px;
    height:50px;
    position:absolute;
    top:40%;
    left:50%;
    margin-left:-24px;
    background:transparent url(../icons/loading.gif) no-repeat top left;
}
#thumbsWrapper{
    position: absolute;
    width:100%;
    height:100px;
    overflow-y:hidden;
    background-color:#000;
    bottom:0px;
    left:0px;
    border-top:2px solid #000;
}
#thumbsContainer{
    height:100px;
    display:block;
    margin: 0;   
}
#thumbsWrapper img{
    float:left;
    margin:2px;
    display:block;
    cursor:pointer;
    opacity:0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
#imageWrapper{
	position:relative;
	padding-top:30px;
	text-align:center;
}
#imageWrapper img{
	top:300px;
	margin:0 auto;
	-moz-box-shadow:2px 2px 10px #111;
	-webkit-box-shadow:2px 2px 10px #111;
	box-shadow:2px 2px 10px #111;
}

/* Se indican dos cursores porque para IE la dirección relativa se hace a partir de la hoja de estilo y no del html 
	Así que he pasado los estilos directamente al fichero de código para evitar duplicidad en los .cur
.cursorRight{
   cursor: url("next.cur"), url("icons/next.cur"),   default;
}
.cursorLeft{
    cursor:url("prev.cur"), url("icons/prev.cur"), default;
}
.cursorPlus{
    cursor:url("plus.cur"), url("icons/plus.cur"), default;
}
.cursorMinus{
    cursor:url("minus.cur"), url("icons/minus.cur"), default;
}*/

.albumSelect{
    height:18px;
    line-height:18px;
    position:absolute;
    right:5px;
    top:2px;
    width:150px;
}

.albumSelectOff{
	height:18px;
	line-height:18px;
	position:absolute;
	right:5px;
	top:2px;
	width:150px;
	background-color: #0FF;
}

.albumSelect .title{
	color:#000000;
	z-index:10;
	border:1px solid #444;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:90% 50%;
	cursor:pointer;
	text-align:left;
	text-indent:10px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.albumSelectOff .title{
	color:#000000;
	z-index:10;
	border:1px solid #444;
	background-color:#0FF;
	background-repeat:no-repeat;
	background-position:90% 50%;
	cursor:pointer;
	text-align:left;
	text-indent:10px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.down{
    background-image:url(../icons/down.png);
}
.up{
    background-image:url(../icons/up.png);
}

.albumSelect ul {
    list-style:none;
    display:none;
    padding:0px;
    width:100%;
    border:1px solid #444;
    background-color:#555;
    margin:22px 0px 0px 0px;
    -moz-box-shadow:0px 0px 2px #000;
    -webkit-box-shadow:0px 0px 2px #000;
    box-shadow:0px 0px 2px #000;
}
.albumSelect ul li a{
    text-decoration:none;
    cursor:pointer;
    display:block;
    padding:3px 0px;
    color:#ccc;
}
.albumSelect ul li a:hover{
    background-color:#000;
    color:#fff;
}

.albumSelectOff ul {
    list-style:none;
    display:none;
    padding:0px;
    width:100%;
    border:1px solid #444;
    background-color:#555;
    margin:22px 0px 0px 0px;
    -moz-box-shadow:0px 0px 2px #000;
    -webkit-box-shadow:0px 0px 2px #000;
    box-shadow:0px 0px 2px #000;
}
.albumSelectOff ul li a{
    text-decoration:none;
    cursor:pointer;
    display:block;
    padding:3px 0px;
    color:#ccc;
}
.albumSelectOff ul li a:hover{
    background-color:#000;
    color:#fff;
}




.infobar2{
	z-index:20;
	height:25px;
	line-height:25px;
	text-align:left;
	position:fixed;
	left:20px;
	top:0px;
    font-family:"Century Gothic", Helvetica, sans-serif;
	font-size: 14px;
	color: #FEFEFE;
	font-style: italic;
	background-color: #8D2B2A;
	border:0px solid green;
}

.#descripcion2 a{
    color:#FFF;
    text-decoration:none;
}

.#descripcion2 a:hover{
    color:#FFF;
    text-decoration:underline;
}

.camposInfo {
	color:#FC9;
    font-family:"Century Gothic", Helvetica, sans-serif;
	font-size: 16px;
}

.datosInfo {
	color:#FFF;
    font-family:"Century Gothic", Helvetica, sans-serif;
	font-size: 16px;
}

/*************************************************************************/
/*************************************************************************/
/*************************************************************************/

.CajaEnlace {
	float: left;
	top:0px;
	left:0px;
	text-align:left;
	margin-top:2px;
	border:0px solid #FFF;
}

.CajaIcono {
	float:left;
	border:0px solid red;
}

.CajaTxtEnlace {
	float:right;
	color:#FFF;
	text-decoration:none;
	font-style:normal;
	margin-left:0px;
	margin-right:10px;
	border:0px solid yellow;

}

.LinkCajaTxtEnlace, visited {
	color:#FFF;
	text-decoration:none;
	font-style:normal;
}

.LinkCajaTxtEnlace: hover {
	color:#FFF;
	text-decoration:underline;
	font-style:normal;
}

.LinkTxtGaleria {
	font-family:"Century Gothic", Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	font-style:normal;
	color: white;
}

.LinkTxtGaleria:hover {
	text-decoration:underline;
	color:#FC9;	
}