/*
*	HocusPocus festival internacional de magia de Granada
*	     Fichero: sys/css/default.css
*	     Versión: 1.0	de 11.ene.2005
*      Versión: 1.1 de 11.sep.2006
*	       Autor: danielfajardo
*	Revisado por: [name] el [date]
*	© 2005 HocusPocus festival, s.l.
*
*
*	Conversión de color
*	
*	Backgrounds
*		#EBEBE0 -> #d9dce4 -- Main background
*		#F5F6ED -> #F5F6ED -- Auxiliar background
*		
*	Texts
* 	#4C361B -> #242f4d -- Dark (Gnrl & Spanish)
*		#8E7B64 -> #6d7ca6 -- Medium (English)
*		#B3987D -> #96a1be -- Bottom text
*
*/

/*********************************************************/
/* HTML tag styles                                       */
/*********************************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #d9dce4;
	background-image: url(../../image/templates/page_background.png);
	background-repeat: repeat-x;
	margin-top: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

img.thb {
	border: 1px solid #A1A3A9;
}

/*********************************************************/
/* Layout Divs                                           */
/*********************************************************/

/*	Estilos generales
*/
.SYS {
	font-size: 11px; font-weight: bold; color: #FF00FF; }
.justify {
	text-align: justify; }
.bold {
	font-weight: bold; }
.timetable {
	background-color: #F2F5FC;
}
.dialog_box {
	background-color: #F2F5FC;
	border: 1px solid #A1A3A9;
}

.grlBold {
	font-size: 11px; color: #242f4d; font-weight: bold; vertical-align: top; }
.grlNormal {
	font-size: 11px; color: #242f4d; }
.grlSmall {
	font-size: 9px; color: #242f4d; }

.grl_link{ font-size: 11px; font-weight: bold; }
a.grl_link:link{ color: #242f4d; text-decoration: none}
a.grl_link:visited{ color: #242f4d; text-decoration: none}
a.grl_link:active{ color: #000000; text-decoration: none}
a.grl_link:hover{ color: #000000; text-decoration: underline}

.grl_linkSmall{ font-size: 10px; font-weight: bold; }
a.grl_linkSmall:link{ color: #242f4d; text-decoration: none}
a.grl_linkSmall:visited{ color: #242f4d; text-decoration: none}
a.grl_linkSmall:active{ color: #000000; text-decoration: none}
a.grl_linkSmall:hover{ color: #000000; text-decoration: underline}


/*	Navegador
*/
.textNavigator {
	font-size: 9px; color: #BA4B4B; }
.linkNav{ font-size: 9px; }
a.linkNav:link{ color: #BA4B4B; text-decoration: none; }
a.linkNav:visited{ color: #BA4B4B; text-decoration: none; }
a.linkNav:active{ color: #000000; text-decoration: none; }
a.linkNav:hover{ color: #000000; text-decoration: underline; }


/*********************************************************/
/* MainMenu                                              */
/*********************************************************/
.textMainMenu {
	font-size: 10px;
	color: #8A6A4A;
	height: 32px;
	vertical-align: middle;
}
.linkMainMenu{ font-size: 10px; }
a.linkMainMenu:link{ color: #242f4d; }
a.linkMainMenu:visited{ color: #242f4d; }
a.linkMainMenu:active{ color: #000000; }
a.linkMainMenu:hover{ color: #000000; text-decoration: underline; }

/*	Sub Menu
*/
.textSubMenu { font-size: 9px; color: #A595B0; }
.linkSubMenu{ font-size: 9px; }
a.linkSubMenu:link{ color: #BA4B4B; text-decoration: none}
a.linkSubMenu:visited{ color: #BA4B4B; text-decoration: none}
a.linkSubMenu:active{ color: #000000; text-decoration: none}
a.linkSubMenu:hover{ color: #000000; text-decoration: underline}

/*	Pié de página
*/
.textBottom {
	font-size: 10px; color: #96a1be; }
.linkBottom{ font-size: 10px; }
a.linkBottom:link{ color: #96a1be; text-decoration: none}
a.linkBottom:visited{ color: #96a1be; text-decoration: none}
a.linkBottom:active{ color: #000000; text-decoration: none}
a.linkBottom:hover{ color: #000000; text-decoration: underline}

/*	Estilos de español
*/
.spaTitle {
	font-size: 18px; color: #242f4d; font-weight: bold; }
.spaSubtitle {
	font-size: 14px; color: #242f4d; font-weight: bold; }
.spaNewtitle {
	font-size: 12px; color: #242f4d; font-weight: bold; }
.spaNormal {
	font-size: 11px; color: #242f4d; }
.spaSmall {
	font-size: 9px; color: #242f4d; }

.spa_linkSmall{ font-size: 10px; font-weight: bold; }
a.spa_linkSmall:link{ color: #242f4d; text-decoration: none}
a.spa_linkSmall:visited{ color: #242f4d; text-decoration: none}
a.spa_linkSmall:active{ color: #000000; text-decoration: none}
a.spa_linkSmall:hover{ color: #000000; text-decoration: underline}

.spa_linkScut{ font-size: 9px; font-weight: bold; }
a.spa_linkScut:link{ color: #242f4d; text-decoration: none}
a.spa_linkScut:visited{ color: #242f4d; text-decoration: none}
a.spa_linkScut:active{ color: #000000; text-decoration: none}
a.spa_linkScut:hover{ color: #000000; text-decoration: underline}


/*	Estilos de inglés
*/
.engTitle {
	font-size: 14px; color: #6d7ca6; font-weight: bold; }
.engSubtitle {
	font-size: 12px; color: #6d7ca6; font-weight: bold; }
.engNewtitle {
	font-size: 10px; color: #6d7ca6; font-weight: bold; }
.engNormal {
	font-size: 11px; color: #6d7ca6; }
.engSmall {
	font-size: 9px; color: #6d7ca6; }

.eng_linkSmall{ font-size: 10px; font-weight: bold; }
a.eng_linkSmall:link{ color: #6d7ca6; text-decoration: none}
a.eng_linkSmall:visited{ color: #6d7ca6; text-decoration: none}
a.eng_linkSmall:active{ color: #000000; text-decoration: none}
a.eng_linkSmall:hover{ color: #000000; text-decoration: underline}

.eng_linkScut{ font-size: 9px; font-weight: bold; }
a.eng_linkScut:link{ color: #6d7ca6; text-decoration: none}
a.eng_linkScut:visited{ color: #6d7ca6; text-decoration: none}
a.eng_linkScut:active{ color: #000000; text-decoration: none}
a.eng_linkScut:hover{ color: #000000; text-decoration: underline}


/*********************************************************/
/* LightBox                                              */
/*********************************************************/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

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

#imageContainer{
	padding: 20px;
	}

#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: transparent url(image/system/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(image/system/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(image/system/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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #242f4d;
	}