/*UM-20250208*/
@font-face{
	font-family:ttfmaciel;
	src:url("../fuentes/xenotron.ttf");
	}

body,td,th {
	color: #FFF;
	font-size:18px;
	transition: all ease-in-out 1s;
}



ul li div p, div {
	font-size:22px;
	text-align:justify;}

html body {
	margin:0;
	padding:0;
	font-family:Arial;
	text-shadow:0 0 3px #000, 1px 1px 0 #000;
}

iframe.contenedor{
	position:absolute; 
	top:11%;
	margin:0;
	left:0; 
	width:100%; 
	height:90%;
}

#contgaleria{
	
}
div.contenedorChild1{
	position:absolute;
	top:0;
	width:75%;
	margin:0 5% 5px 10%;
	display:block;
	border:1px solid #0f0;
	border-radius:5px;
	padding:5px 5% 5px 5%;}

div.contenedorSuperiorSec{
	width:100%;
	}

.copyright{
	position:fixed;
	z-index: 1000;
	transition:all ease-in-out 1s;
	bottom:5px;
	right:5px;	
	}
	
.agente{
	position:fixed;
	transition:all ease-in-out 1s;
	font-size:8pt;
	bottom:5px;
	left:5px;
}
.fondo{
	margin:0;
	width:100%;
	height:100%;
	position:relative;
	alignment-adjust:central;
	text-align:center;
	}
.fondo:hover{
	opacity:1;
	}
.esqSI, .esqSD, .esqII, .esqID{
	position:fixed;
	width:200px;
	height:200px;
	opacity:0;
	transition:all ease-in-out 1s;
	}
	
.esqSI{
	top:0px;
	left:0px;
	box-shadow:inset 1px 1px 0px 1px #090;}
.esqSD{
	right:0px;
	top:0px;
	box-shadow:inset -1px 1px 0px 1px #090;}
.esqII{
	bottom:0px;
	left:0px;
	box-shadow:inset 1px -1px 0px 1px #090;}
	
.esqID{
	bottom:0px;
	right:0px;
	box-shadow:inset -1px -1px 0px 1px #090;}
.centro{
	position:relative;
	top:0px;
	height:458px;
	background:url(../spacer.png);
	margin:5% auto;
	background-repeat:no-repeat;
	background-position:center;
	transition:all ease-in-out .4s;
	opacity:.3;
}
.centro:hover{
	opacity:.6;}

.fondo:hover .esqSI,
.fondo:hover .esqSD,
.fondo:hover .esqII,
.fondo:hover .esqID{
	opacity:.8;
	padding:0px;
	margin:0px;	
	}

.contenedorMenu{
	width:100%;
	position:absolute;
	top:3%;
	z-index:3;
	margin:0;
	padding:0;}
	
.menuLateral{
	position:absolute;
	left:0px;
	width:25px;
	height:170px;
	padding:0;
	margin:0px;
	margin-top:60px;
	margin-left:10px;
	background:rgba(100,255,100, .5);
	display:block;
	float:left;
	border-radius:5px;
	border:solid 1px #0f0;
	transition:all ease-in-out .3s;}

.menuLateral:hover{
	width:190px;
	height:250px;}

.menuLateral:hover li{
	display:block;
	opacity:1;
	visibility:visible;}

.menuLateral label{
	position:absolute;
	margin:0;
	padding:0;
	-ms-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	font-family:ttfmaciel;
	font-size:25px;
	right:-35px;
	top:40px;
	text-shadow:1px 1px 0 #000, 0 0 3px #000;
	color:#E2FAD8;}

.menuLateral li{
	margin:1% 0;
	display:none;
	opacity:0;
	visibility:none;
	float:left;
	box-shadow:inset 0 0 4px #090,inset 0 0 2px #090;color:#0C0;
	font-family:ttfmaciel;
	font-size:.7em;
	padding:5px;
	alignment-adjust:central;
	text-align:center;
	list-style:none;
	text-shadow:0 0 1px #000, 0 0 2px #000;
	transition:all ease-in-out .3s;}

.menuSuperior{
	margin:0;
	width:80%;
	padding:0;
	display:block;
	alignment-adjust:central;
	top:0;
	width:100%;}

.menuSuperior li{
	display:block;
	float:left;
	margin:0 .5%;
	box-shadow:inset 0 0 4px #090,inset 0 0 2px #090;
	width:23%;
	color:#0C0;
	font-family:ttfmaciel;
	font-size: 2vw;
	padding-top:5px;
	padding-bottom:5px;
	alignment-adjust:central;
	text-align:center;
	list-style:none;
	text-shadow:0 0 1px #000, 0 0 2px #000;
	transition:all ease-in-out .3s;}
	
.menuSuperior li:hover, .menuLateral li:hover{
	color:#E2FAD8;
	border-radius:5px;
	z-index:3;
	background:#030;
	box-shadow:0 0 5px #0F0;
	padding-bottom: 15px;
	cursor:pointer;
	text-shadow:0 0 5px #0C0, 0 0 10px #0C0;
	}

#contenedorGaleria{
	z-index:-100;
	top:0;
	left:0;
	right:0;
	bottom:0;
	position:fixed;
	visibility:hidden;
	text-align:center;
	transition:all ease-in-out .4s;
	background:rgba(255,255,255,.5);
	opacity:0;
	}

#galeria{
	position:relative;
    	display: inline-block;/*importante*/
	margin-top:2%;
    	text-align: left;/*importante*/
	border:1px dashed #090;
	border-radius:5px;
	box-shadow:0 0 5px #000;
	background:rgba(0,255,0,.5);
	transition:all ease-in-out .4s;}
	
#tituloGaleria{
	font-family:ttfmaciel;
	font-size:24px;
	text-shadow: 1px 1px 0 #000, 0 0 3px #000;
	margin:0;
	padding:0;
	padding-top:30px;}
	
#imagenG{
	display:block;
	margin:0 auto;
	width:700px;
	border-radius:5px;
	transition: all ease-in-out .3s;}


.btCerrar, .btSiguiente, .btAnterior{
	margin:0;
	padding:0;
	position:absolute;
	font-weight:bold;
	text-shadow:0 0 4px #000, 1px 0 0 #000;
	color:#FFF;
	font-family:ttfmaciel;
	font-size:14px;
	transition:all ease-out .2s;}
	
.btCerrar:hover, .btSiguiente:hover, .btAnterior:hover{
	text-shadow:0 0 2px #333;
	cursor:pointer;
	}

.btCerrar{
	right:10px;
	top:10px;}
	
.btSiguiente{
	right:10px;
	bottom:10px;
	}
.btAnterior{
	left:10px;
	bottom:10px;}

.btSmallSig, .btSmallAnt{
	position:absolute;
	border-radius:20px;
	cursor:pointer;
	background:rgba(255,255,255,.2);
	text-shadow:0 0 3px #000;
	padding:5px;
	top:50%;
}

.btSmallSig{
	right:10px;
	}
.btSmallAnt{
	left:10px;}
.btSmallSig:hover, .btSmallAnt:hover{
	background:rgba(255,255,255,.7);
	}

ul,
ul li,
ul li div,
ul li div p,
ul li div b,
ul li input,
ul li label,
ul li div img{
	transition:all ease-in-out .4s;
}

ul{
	margin:0;
	padding:0 0 0 10%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	float:left;
	width:80%;
	}

ul li{
	list-style:none;}

ul li div{
	position:absolute;	
	width:74%;
	display:none;
	margin: 0;
	opacity:0;
	border:1px solid #0f0;
	border-radius:5px;
	padding:80px 5% 0 5%;}

ul li input{display:none;}

ul li label{
	padding:5px;
	background:rgba(255,255,255,.5);
	border-top:1px solid #0f0;
	border-radius: 5px;
	font-size:1.3em;
	position:relative;
	float:left;
	cursor:pointer;
	z-index:9;}

ul li input:checked + label{
	background:rgba(0,255,0,.5);
	}
ul li input:checked ~div{
	display:block;
	opacity:1;}
ul li label:hover{
	color:#0f0;
	}

.imgContent{
	display:block;
	float:left;
	width:100%;
	margin: 10px 0;
}
ul li div img{
	width:100px;
	margin:0;
	padding:0;
	padding-right:5px;
	float:left;}

ul li div ul{
	position:relative;
	margin:0;
	width:100%;
	padding:0;}

ul li div ul li div{
	position:relative;
	float:left;}

ul li div ul li label{
	position:relative;
	float:left;
	text-shadow:1px 1px 0 #000;}

#maquetacion{
	background:url(../sketchweb.png);
	cursor:pointer;
	background-size:cover;
	display:block;
	opacity:1;
	border-radius:0;
	width:300px;
	height:280px;
	transition:all ease-in-out .4s;
	position:absolute;
	border:0;
	top:0;
	left:0;
	margin:0;
	padding:0;
	z-index:3;}

#fmaquetacion{
	background:url(../maquetacionweb.jpg);
	cursor:pointer;
	background-size:cover;
	border:0;
	border-radius:0;
	display:block;
	opacity:1;
	top:0;
	left:0;
	width:373px;
	height:280px;
	position:absolute;
	transition:all ease-in-out .4;
	margin:0;
	padding:0;
	z-index:2;}
#maquetacion:hover{
	background:url(../maquetacionwebskt.jpg);
	background-size:cover;
	width:373px;
	height:280px;}
#fmaquetacion:hover{
	z-index:4;
	width:373px;
	height:280px;}

#tiempo, #rotacion, #delta{
	position:relative;
	float:left;
	margin:0;
	padding:10px;
	color:#FFF;	
	text-shadow:0 0 3px #000;
	z-index:10;
	bottom:0px;}

#imgGrande{
	width:400px;}

#glIluminacion+label{
	display:block;
	font-size:16px;
	border-radius:5px;
	}
#glZoomInOut+label, 
#direccionXLuz+label,
#direccionYLuz+label,
#direccionZLuz+label,
#direccionR+label,
#direccionG+label,
#direccionB+label,
#ambienteR+label,
#ambienteG+label,
#ambienteB+label{
	position:relative;
	float:left;
	display:block;
	font-size:16px;
	}

#glZoomInOut, 
#direccionXLuz,
#direccionYLuz,
#direccionZLuz,
#direccionR,
#direccionG,
#direccionB,
#ambienteR,
#ambienteG,
#ambienteB{
	position:relative;
	display:block;
	float:left;
	width:100px;
	height:30px;}

#glConfig{
	padding:5px;
	margin:0;
	border:0;
	position:relative;
	display:inline-block;
	width:160px;
	height:200px;
	float:left;}
div #imgFrame{
	position:absolute;
	margin:0px;
	padding:0px;
	border-radius:5%;
	cursor:pointer;
	height:90px;
	width:90px;
	align: center;
	transition:all ease-in-out .4s;
	}
#btCircular{
	position:relative;
	width:100px;
	height:100px;
	margin:14px;
	padding:0px;
	border-radius:5%;
	border-style: dashed double solid dashed;
	border-width:4px;
	float:left;
	cursor:pointer;
	display:block;
	opacity:1;
	visibility:visible;
	box-shadow:0px 0px 0px #000, 0 0 3px #000;
	transition:all ease-in-out .4s;
}
#btCircular div{
	border-radius:5%;
	width:90px;
	height:90px;
	margin:1px;
	padding:0px;
	border-style: double dashed ridge dotted;
	border-width:4px;
	float:left;
	display:block;
	opacity:1;
	visibility:visible;
	box-shadow:0px 0px 0px #000, 0 0 3px #000;
	transition:all ease-in-out .4s;
	}

#btCircular div:hover{
	-ms-transform: rotate(-50deg);
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
	box-shadow:0 0 3px #0C0, 0 0 5px #0C0;
	border-color:#E2FAD8;
	background:#030;
	}
#btCircular:hover{
	-ms-transform: rotate(50deg);
	-webkit-transform: rotate(50deg);
	transform: rotate(50deg);
	box-shadow:0 0 15px #0C0,0 0 20px #0C0;
	border-color:#E2FAD8;
	background:#030;
	}