@charset "UTF-8";
/* TEATRO ELILUSIONISTA CSS -  POR LUISGAJARDO.COM */
.ilu {
	position: fixed;
	top: -100px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background: #000 url('img/logoilu4.jpg') center no-repeat;
}
.pre {
	position: fixed;
	top: 200px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 103;
	background-image: url('img/preloader.gif');
	background-position: center;
	background-repeat: no-repeat;
}
.overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 102;

}
html {
	overflow-y: scroll;
}
body {
	background-image: url(img/teatro.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #000;
	background-size: cover;	
	margin: 0px 0px;
}


/* ------------------ MENU -- */
.menu a {
	display: block;
	height: 100%;
}
.menu {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: 0;
	margin-top: 218px;
	height: 218px;
	padding-top: 20px;
	width: 0;
	filter:alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
}
.menu > div {
	position: absolute;
	filter: inherit;
	-ms-filter: inherit;
}
.menu img {
	border: 0;
}
.menu .c1 {
	height: 188px;
	width: 148px;
	z-index: 0;
	bottom: 29px;
	left: 0;
}
.menu .c2 {
	height: 180px;
	width: 131px;
	left: 130px;
	bottom: 55px;
	z-index: 1;
}
.menu .c3 {
	height: 173px;
	width: 116px;
	left: 50%;
	bottom: 66px;
	margin-left: -57px;
	z-index: 2;
}
.menu .c4 {
	height: 181px;
	width: 132px;
	right: 128px;
	bottom: 55px;
	z-index: 1;
}
.menu .c5 {
	height: 190px;
	width: 148px;
	right: 0px;
	bottom: 26px;
	z-index: 0;
}


/* ------------------ GALERIAS -- */
.g1, .g2, .g3, .g4 {
	width: 88px;
	position: relative;
	padding-bottom: 132px;
	margin: 100% auto 0;
	z-index:4;
	display: none;
}

/* ------------------ LOGO VOLVER -- */

.logo {
	position: fixed;
	top: 0;
	left: 20px;
	width: 213px;
	height: 338px;
	background-image: url(img/elilusionista2.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 14;
}
.logo a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}


/* ------------------ TEATRO -- */
.sombra {
	position:fixed;
	width:100%;
	top: 0;
	left: 0;
	height: 65px;
	background-image:url(img/sombra.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index:6;
}
.elege {
	position: fixed;
	top: 379px;
	right: 20px;
	width: 70px;
	height: 70px;
	z-index: 15;
}
.elege a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}
.tela_0 {
	position:fixed;
	width:100%;
	top: 0;
	left: 0;
	height: 65px;
	background-image:url(img/tela_0.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index:1;
}
.tela_1 {
	position:fixed;
	top: 0;
	left:-10px;
	width:240px;
	height: 100%;
	background-image:url(img/tela_1.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index:10;
}
.tela_2 {
	position:fixed;
	top: 0;
	right:-10px;
	width:240px;
	height: 100%;
	background-image:url(img/tela_2.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index:10;
}
.volver a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}
.volver {
	position:fixed;
	bottom: 170px;
	margin-left: 58px;
	display: none;
	left: 50%;
	width:36px;
	height: 36px;
	background-image:url(assets/images/fancybox_sprite.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index:20;
}
.scroll {
	position:fixed;
	top: 76px;
	display: none;
	right: 200px;
	width: 220px;
	height: 145px;
	background-image:url(img/scroll.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index:20;
}
.sombrero_front {
	position:fixed;
	bottom: 0;
	left: 0;
	width:100%;
	height: 178px;
	background-image:url(img/sombrero_front.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index:5;
}

.sombrero_back {
	position:fixed;
	bottom: 0;
	width:100%;
	height: 178px;
	background-image:url(img/sombrero_back.png);
	background-position: center top;
	background-repeat: no-repeat;
	z-index:3;
}
.piso {
	position:fixed;
	bottom: 0;
	width:100%;
	height: 44px;
	background-image:url(img/piso.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	z-index:2;
}