@charset "utf-8";
/* CSS Document */
@view-transition{
	navigation: auto;
}

::view-transition-group(*){
	animation-duration: 1s;
}

@font-face {
   font-family: 'DIN1451StdEngschrift';
    src: url('../fonts/dinengschriftstd-webfont.eot');
    src: url('../fonts/dinengschriftstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinengschriftstd-webfont.woff') format('woff'),
         url('../fonts/dinengschriftstd-webfont.ttf') format('truetype'),
         url('../fonts/dinengschriftstd-webfont.svg#DIN1451StdEngschrift') format('svg');
    font-style: normal;
	font-weight: normal;
}

@font-face {
  font-family: 'Humanist777BT-LightB';
  src: url('../fonts/Humanist777BT-LightB.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Humanist777BT-LightB.woff') format('woff'),
		url('../fonts/Humanist777BT-LightB.ttf')  format('truetype'),
		url('../fonts/Humanist777BT-LightB.svg#Humanist777BT-LightB') format('svg');
  font-style: normal;
  font-weight: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 16, 2015 */

@font-face {
    font-family: 'forumregular';
    src: url('../fonts/forum-regular-webfont.eot');
    src: url('../fonts/forum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/forum-regular-webfont.woff2') format('woff2'),
         url('../fonts/forum-regular-webfont.woff') format('woff'),
         url('../fonts/forum-regular-webfont.ttf') format('truetype'),
         url('../fonts/forum-regular-webfont.svg#forumregular') format('svg');
    font-style: normal;
	font-weight: normal;
}
@font-face {
    font-family: 'Antonio Regular';
    src: url('../fonts/antonio.regular.ttf') format('truetype');
    font-style: normal;
	font-weight: normal;
}
:root {
	--colorbarnav:#580000;
	--colorhoveractive:#FF6600;
}
body {
	background-color:#000;
	margin: 0px;
}
image {
	border:none;
}
.contenedor {
	background-color: #000;
}
.contenedor_grupal {
	background-color: #000;
	height:auto;
	width:auto;
}
.contenedor_grupal_nombres { 
	/*-webkit-column-count: 4;  Chrome, Safari, Opera */
	/*-moz-column-count: 4; /* Firefox 
	column-count: 4;*/
	height: 280px;
	left:49%;
	margin-left:-560px;
	margin-top:-140px;
	top:40%;
	position: absolute;
	width: 1120px;
	z-index:10;
	z-index:9;
}
.contenedor_texto_fotoshd {
	color:#fff;
	font-family: "Arial", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size:16px;
	height: 500px;
	left:50%;
	margin-left:-300px;
	margin-top:-250px;
	position: absolute;
	text-align: justify;
	top:50%;
	width: 600px;
}
.contenedor_texto_fotoshd-titulo {
	color: #fff;
	font-size:30px;
}
.opaca_fondo_grupal {
	background-color:#000000;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	height: 450px;
	left:50%;
	margin-top:-225px;
	margin-left:-650px;
	opacity:0.6;
	position: absolute;
	top:50%;
	width: 1300px;
	z-index:8;
}
#presione_f11 {
	background-color:black;
	background-image:url(../IMAGES/presione_f11.png);
	background-position:center;
	background-repeat:no-repeat;
	border:0;
	bottom:10px;
	height:30px;
	left:50px;
	opacity:0.5;
	width:200px;
	padding: 4px;
	position:fixed;
}

.entrar_button {
	background-color:#fff;
	border:0;
	color:#000;
	cursor:pointer;
	font-family:'Humanist777BT-LightB', sans-serif;
	font-size:20px;
	font-style:normal;
	height:35px;
	left:50%;
	line-height:30px;
	margin-left:-75px;
	margin-top:-18px;
	opacity: 0.3;
	position:absolute;
	text-align:center;
	text-decoration:none;
	top:66%;
	width:150px;
	z-index:98;
}
.entrar_button:hover{
	background-color:#00eaff;
	opacity: 0.3;
}

#volver01_button {
	background: #000;
	border:0;
	cursor:pointer;
	height:70px;
	margin-top:-35px;
	margin-left:-35px;
	opacity:0.6;
	position:absolute;
	text-align:center;
	top:50%; left:6%;
	width:70px;
	z-index:98;
}
#volver01_button a:hover {
	opacity:0.5;
}

#volver02_button {
	background: #000;
	border:0;
	cursor:pointer;
	height:70px;
	margin-top:-35px;
	margin-left:-35px;
	opacity:0.6;
	position:absolute;
	right:1%;
	text-align:center;
	top:50%;
	width:70px;
	z-index:98;
}
#volver02_button a:hover {
	opacity:0.5;
}

#volver03_button {
	background: #000;
	border:0;
	cursor:pointer;
	height:70px;
	left:6%;
	margin-top:1px;
	margin-left:-35px;
	opacity:0.6;
	position:absolute;
	top:25%;
	text-align:center;
	width:70px;
	z-index:98;
}
#volver03_button a:hover {
	opacity:0.5;
}
#volver04_button {
	background: #000;
	border:0;
	cursor:pointer;
	height:70px;
	margin-top:1px;
	margin-left:-35px;
	opacity:0.6;
	position:absolute;
	top:25%;
	text-align:center;
	right:1%;
	width:70px;
	z-index:98;
}
#volver04_button a:hover {
	opacity:0.5;
}
nav {
	background: var(--colorbarnav);
	opacity: 0.9;
	text-align:center;
	height:47px;
	width:100%;
	position:absolute;
	margin-top:-23px;
	bottom:3%;
	z-index:98;
}
  
#nav-2 {
	background: var(--colorbarnav);
	bottom:3%;
	opacity: 0.9;
	height:47px;
	margin-top:-23px;
	position:absolute;
	width:100%;
	z-index:99;
 }
  
/*------------------configuracion css3 menu-bar-------------------------------*/

#menu-bar {
  /*background-image:url(../images/fondo_menu.jpg);*/
  background: var(--colorbarnav);
  /*background: linear-gradient(top, #222, #111);
  background: -ms-linear-gradient(top, #222, #111);
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
  background: -moz-linear-gradient(top, #222, #111)*/;
  border: solid 0px #FFCC00;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #666666;
  -webkit-box-shadow: 0px 0px 0px #666666;
  -moz-box-shadow: 0px 0px 0px #666666;
  height:auto;
  line-height: auto 100%;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  position:relative;
  width: auto;
  z-index:998;
}
#menu-bar li {
  float: left;
  list-style: none;
  margin: auto; /*0px 0px 0px 0px;
  padding: 0px 6px 0px 6px;*/
  position: relative;
}
#menu-bar a {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  color: #fff;
  display: block;
  font-family:'DIN1451StdEngschrift','Arial Narrow',Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 100;
  margin-bottom: 2px;
  margin-left:1px;
  margin-right:1px;
  margin-top:2px;
  text-decoration: none;
  text-shadow: 0px 0px 0px #000000;
  padding: 10px 25px 10px 25px; 
}
#menu-bar li ul li a {
  margin: 0;
}
#menu-bar .active a{  /*#menu-bar .active a, #menu-bar li:hover > a BOTON FIJO SELECCIONADO*/
  background: var(--colorhoveractive);
  background: linear-gradient(top, #DAA520, #FCF6BA);
  background: -ms-linear-gradient(top, #DAA520, #FCF6BA);
  background: -webkit-gradient(linear, left top, left bottom, from(#DAA520), to(#FCF6BA));
  background: -moz-linear-gradient(top, #DAA520, #FCF6BA);
	border-radius: 5px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, .2);
  color: #000000;
  height:auto;
  text-shadow: 0px 0px 0px #000;
}
#menu-bar li:hover > a { /*BOTON HOVER*/
  background: var(--colorhoveractive);
  background: linear-gradient(top, #DAA520, #FCF6BA);
  background: -ms-linear-gradient(top, #DAA520, #FCF6BA);
  background: -webkit-gradient(linear, left top, left bottom, from(#DAA520), to(#FCF6BA));
  background: -moz-linear-gradient(top, #DAA520, #FCF6BA);
  box-shadow: 0 0px 0px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, .2);
  color: #000000;
  text-shadow: 0px 0px 0px #000000;
	transform: scale(1.1);
    transition: .65s;
}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
  background: none;
  border: none;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  color: #ffff00;
}

#menu-bar ul a:hover {
  background: #000 !important;
  /*background: linear-gradient(top,  #FFD427,  #FFCC00) !important;
  background: -ms-linear-gradient(top,  #FFD427,  #FFCC00) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFD427), to(#FFCC00)) !important;
  background: -moz-linear-gradient(top,  #FFD427,  #FFCC00) !important;*/
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  color: #fff !important;
  text-shadow: 0px 0px 0px #FFFFFF;
}
/*-----------------------menu de segundo nivel -------------------------------*/
#menu-bar ul {    
  background: #4b1315;
  border: solid 0px #F0F0F0;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #222222;
  -webkit-box-shadow: 0px 0px 0px #222222;
  -moz-box-shadow: 0px 0px 0px #222222;
  display: none;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 34px;
  width: 240px;
}

#menu-bar li:hover > ul {
  display: block;
}

#menu-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}

#menu-bar ul a {
  color:#fff !important;
  font-family: 'Antonio Regular', sans-serif;
  font-size:16px;
  font-style:normal;
  font-weight: normal;
  padding:10px 0px 10px 15px;
  text-shadow: 0px 0px 0px #FFFFFF;
  text-align:left;
}

#menu-bar ul li:first-child > a {
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
}

#menu-bar ul li:last-child > a {
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
}

#menu-bar:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

#menu-bar {
  display: inline-block;
}

html[xmlns] #menu-bar {
  display: block;
}

* html #menu-bar {
  height: 1%;
}

/*------------------imagen de paquete-------------------------------*/
.image_content {
	height: 100%;
	width: 100%;
}
/*----------angrandar imagen over mouse ---------------------------------------*/
.personal {
  background-color:#FFFFFF;
  border-style:solid;
  border-color:#FFFFFF;
  border-width:3px;
  box-shadow: 6px 6px 10px #000;
  -webkit-box-shadow: 6px 6px 10px #000;
  -moz-box-shadow: 6px 6px 10px #000;
  display:block!important;
  left:27%;
  margin-top:-295px;
  margin-left:-195px;
  max-width:400px;
  transform: rotate(-3deg);
  -ms-transform: rotate(-3deg); /* IE 9 */
  -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
  top:64%; 
  position: absolute;
  transition:transform 1s ease-out;
  width:24%;
  z-index:18;
  -webkit-transition:-webkit-transform 1s ease-out;
  -moz-transition:-moz-transform 1s ease-out;
  -o-transition:-o-transform 1s ease-out;
  -ms-transition:-ms-transform 1s ease-out;
}
.personal:hover{
  cursor:pointer;
  -moz-transform: scale(1.6);
  -webkit-transform: scale(1.6);
  -o-transform: scale(1.6);
  -ms-transform: scale(1.6);
  transform: scale(1.6);
  z-index:20;
}

.mesa{
	background-color: #FFFFFF;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:3px;
	box-shadow: 5px 5px 12px #000;
	-webkit-box-shadow: 5px 5px 12px #000;
	-moz-box-shadow: 5px 5px 12px #000;
	display:block!important;
	left:46%;
	margin-top:-160px;
	margin-left:-195px;
	max-width:550px;
	position: absolute;
	top:44%;
	transition:transform 1s ease-out;
	width:31%;
	z-index:19;
	-webkit-transition:-webkit-transform 1s ease-out;
	-moz-transition:-moz-transform 1s ease-out;
	-o-transition:-o-transform 1s ease-out;
	-ms-transition:-ms-transform 1s ease-out;
}
.mesa:hover{
	cursor:pointer;
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  z-index:20;
}
.centro {
  background-color:#FFFFFF;
  border-style:solid;
  border-color:#FFFFFF;
  border-width:3px;
  box-shadow: 6px 6px 10px #000;
  -webkit-box-shadow: 6px 6px 10px #000;
  -moz-box-shadow: 6px 6px 10px #000;
  display:block!important;
  right:15%;
  margin-top:-295px;
  margin-left:-195px;
  max-width:400px;
  transform: rotate(-3deg);
  top:65%; 
  position: absolute;
  transition:transform 1s ease-out;
  width:24%;
  z-index:18;
  -ms-transform: rotate(3deg); /* IE 9 */
  -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
  -webkit-transition:-webkit-transform 1s ease-out;
  -moz-transition:-moz-transform 1s ease-out;
  -o-transition:-o-transform 1s ease-out;
  -ms-transition:-ms-transform 1s ease-out;
}
.centro:hover{
  cursor:pointer;
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  z-index:20;
}
.centro-horizontal{
	background-color: #FFFFFF;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:3px;
	box-shadow: 5px 5px 12px #000;
	-webkit-box-shadow: 5px 5px 12px #000;
	-moz-box-shadow: 5px 5px 12px #000;
	display:block!important;
	right:15%;
	margin-top:-160px;
	margin-left:-195px;
	max-width:550px;
	position: absolute;
	top:50%;
	transform: rotate(3deg);
	-ms-transform: rotate(3deg); /* IE 9 */
	-webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
	transition:transform 1s ease-out;
	width:31%;
	z-index:17;
	-webkit-transition:-webkit-transform 1s ease-out;
	-moz-transition:-moz-transform 1s ease-out;
	-o-transition:-o-transform 1s ease-out;
	-ms-transition:-ms-transform 1s ease-out;
}
.centro-horizontal:hover{
	cursor:pointer;
	-moz-transform: scale(1.7);
	-webkit-transform: scale(1.7);
	-o-transform: scale(1.7);
	-ms-transform: scale(1.7);
	transform: scale(1.7);
	z-index:20;
}

/* ------------- textos ------------*/
.texto-uni-facu {
	color: #FFF;
	font-family:'DIN1451StdEngschrift','Arial Narrow',Arial, Helvetica, sans-serif;
	font-size: 52px;
	font-weight: 500;
	height: 120px;
	left: 20%;
	letter-spacing:1px;
	line-height: 18px;
	margin-left:-240px;
	margin-top:-60px;
	padding: 5px;
	position: absolute;
	text-align: left;
	text-shadow: 2px 2px 4px #111;
	top: 10%;
	width: 480px;
	z-index:20;
}
.texto-escudo {
	 height: 150px;
	 margin-left:0px;
	 margin-top:-75px;
	 position: absolute;
	 right: 20%;
	 top: 11%;
	 width: 128px;
	 z-index:98;
}
.texto-promocion {
	color: #FFF;
	font-family:'DIN1451StdEngschrift','Arial Narrow',Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 500;
	height: 120px;
	left: 52%;
	letter-spacing:0px;
	line-height: 24px;
	margin-left:-240px;
	margin-top:-20px;
	position: absolute;
	text-align: left;
	text-shadow: 3px 3px 4px #111;
	top: 10%;
	width: 480px;
	z-index:20;
}
.texto-promocion-abajo-home {
	bottom: 13%;
	color: #FFF;
	font-family:'DIN1451StdEngschrift','Arial Narrow',Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 500;
	height: 120px;
	left: 20%;
	letter-spacing:0px;
	line-height: 24px;
	margin-left:-240px;
	margin-top:-20px;
	position: absolute;
	text-align: left;
	text-shadow: 3px 3px 4px #111;
	width: 480px;
	z-index:20;
}
.texto-promocion-abajo {
	bottom: 4%;
	color: #FFF;
	font-family:'DIN1451StdEngschrift','Arial Narrow',Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 500;
	height: 120px;
	left: 20%;
	letter-spacing:0px;
	line-height: 24px;
	margin-left:-240px;
	margin-top:-20px;
	position: absolute;
	text-align: left;
	text-shadow: 3px 3px 4px #111;
	width: 480px;
	z-index:20;
}
.texto-nombre {
	bottom:10%;
	color: #fff;
	font-family: 'Humanist777BT-LightB', sans-serif; 
	/*font-size: 16px;*/
	font-style: normal;
	/*font-weight: 100;*/
	height:30px;
	left:50%;
	margin-left:-200px;
	margin-bottom:-1px;
	position: absolute;
	text-decoration: none;
/*	width:400px;*/
	z-index:22;
}
#nombre_alumno {
	font-size:30px;
	font-weight:800;
	text-shadow: 3px 3px 4px #111;
}
.tituloen15esp2 {
	font-size:20px;
	letter-spacing:3px;
	line-height: 40px;
}/*unm*/
.tituloen15 {
	font-size:20px;
	letter-spacing:58px;
	line-height:20px;
}/*flch*/
/*------------------reproductor de audio------------------------*/
.audioplayer {
	bottom:7%;
	height:50px;
	right:13%;
	margin-left:-85px;
	margin-top:-25px;
	position:absolute;
	width:170px;
	z-index:99;
}
/*------------Responsive -------------*/
@media (max-width:1400px) {
	#volver01_button {
		left:4%;
		top:60%;
	}
	#volver02_button {
		right:3%;
		top:60%;
	}
	/*.personal {
	  top:66%; 
	}*/
	.mesa {
	  top:50%; 
	}
	.centro-horizontal {
	  top:55%; 
	}
	/*.texto-nombre {
		bottom:7%;
	}*/
	.contenedor_grupal_nombres { 
		left:45%;
	}
	.opaca_fondo_grupal {
		left:47%;
		margin-left:-600px;
		width: 1200px;
		z-index:8;
	}
}