/*Links*/
	a:link    {color: white; text-decoration:none}
	a:visited {color: white; background-color:transparent; text-decoration:none}
	a:hover   {color: white; background-color:transparent; text-decoration:none}
	a:active  {color: white; background-color:transparent; text-decoration:none}


/*Cuerpo*/
body	{background-color:black;
	position: relative;
	float: top;
	width: auto;
	margin: 0px;
}

/*.top {   margin-top: 5vh;
	height: 20vh;
	position: relative;
	float: top;
}

.bottom {   margin: 5vh 0px 0% 0px;
	min-height: 15vh;
	max-height: 20vh;
	position: relative;
	float: bottom;
	background-color: none;
	opacity: 0.9;
	width: 100%;
}*/

/*Encabezado*/

.encabezado {
	    position: relative;
	    margin: 2vh auto 0px auto;
	    height: 31px; 
	    width: 72px;
}

/*CATALOGO*/
.cuerpo {
	overflow: auto; 
	height: 70vh;
}
 /* Hide scrollbar for Chrome, Safari and Opera */
.cuerpo::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.cuerpo {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 
.cat	{background-color: none;
		position: relative; 
		margin: auto;
		margin-top: 2%;
		margin-bottom: 1%;
		width: 50%;
		height: auto;
}

.cat h3 {
	font-size: 1rem;
	color: white;
	font-family: "Andale Mono", monospace;
	font-weight: 700;
	letter-spacing: 0.1rem;
	margin-bottom:0px;
	margin-top: 2rem;
}

.cat p {
	text-align:left;
	font-family: "Andale Mono", monospace;
	color: white;
	font-size: 0.8rem;
	letter-spacing: 0rem;
	padding-left: 3.5rem;
	font-weight: 300;
	white-space: break-spaces;
	}

.cat i {color: lightgray;}

.doc_title p {text-align:left;
	font-family: "Andale Mono", monospace;
	color: white;
	font-size: 1rem;
	letter-spacing: 0.3rem;
	margin: auto;
	margin-bottom: 1vh;
	width: 50%;
	padding-top: 1vh;
	}

/*BIO*/
.bio	{background-color: gainsboro;
		position: relative; 
		font-family: Andale mono, monospace;
		float: left;
		line-height:22px;
		text-align:justify;
		/*padding: 30px;*/
		margin: 1% 0% 0% 0%;
		width: 100%;
		overflow: scroll;
}


/*PIE DE PAGINA*/
.menu {	
	font-family: "Lucida Console", Monaco, monospace;
	position: relative;
	background-color:none;
	height: auto;
	width: 50%;
	margin: 15vh auto;
	opacity: 0.2;
}	
.menu:hover {opacity: 1;}

.menu .autor{position: relative;
	color: white; 
	text-align: center; 
	margin: auto;
	margin-top:5%;
	width: 50%;
	}

.menu ul {list-style-type: none;
    position: relative;
   
    height: auto;
    padding: 0px;
    /*width: 35%;*/
    letter-spacing: .7vw;
}

.menu ul li {
    height: auto;
    width: 50%;
   text-align: center;
    margin: auto;
    margin-bottom: 15%;

}

.menu ul li ul {
	 position: relative;
         float: left;
	 text-align: left;
	 visibility: hidden;
	 display: none;
	 opacity: 0;
	 height: auto;
	}

.menu ul li:hover ul {
  position: absolute;
  left: -25%;
  bottom: -110%;
  display: block;
  width: 45%;
  opacity: 1;
  visibility: visible;
  background-color: rgba(0, 0, 0, 0);
  height: auto;
}

.menu ul li ul li {
		float: left;
		opacity: 1;
		height: auto;
		width: 30%;
		background-color: rgba(0, 0, 0, 0);
	}

.menu ul li ul li:nth-child(3) { width: 20%;}
.menu ul li ul li:last-child { width: 0%;}

.menu2 {	background-color: black;
	font-family: "Lucida Console", Monaco, monospace;
	position: relative;
	text-align: center;
	height: auto;
	opacity: 0.2;
	z-index: 4;
}	
.menu2:hover {opacity: 1;}

.menu2 .autor { 
	color: white; 
	text-align: center;
	margin: 0% auto;}

.menu2 ul {list-style-type: none;
    text-align: center;
    margin: auto;
    margin-bottom: 5%;
    z-index: 6;
    height: auto;
    padding: 0px;
    width: 100%;
    letter-spacing: 0.7vw;
    
}


.menu2 ul li {
    height: 100%;
    width: 100%;
    /*border-left: 3px solid white;
    border-right-style: hidden;*/
    z-index:2; 
    text-align: center;
    margin: 2% auto 0% auto;
}

/*.menu2 ul li a{
border-left: 3px solid white;
    border-right-style: hidden;
}*/


.menu2 ul li ul {
	 position: relative;
         float: left;
	 text-align: left;
	 visibility: hidden;
	 display: none;
	 opacity: 0;
	 height: auto;
	 z-index:3;
	}

.menu2 ul li:hover ul {
  position: absolute;
  left: -25%;
  bottom: -110%;
  display: block;
  width: 45%;
  opacity: 1;
  visibility: visible;
  background-color: rgba(0, 0, 0, 0);
  height: auto;
  z-index: 7;
}

.menu2 ul li ul li {
		float: left;
		opacity: 1;
		z-index:2;
		height: auto;
		width: 30%;
		background-color: rgba(0, 0, 0, 0);
	}

.menu2 ul li ul li:nth-child(3) { width: 20%;}
.menu2 ul li ul li:last-child { width: 0%;}


.video {

	width: 30%;
margin: auto;
margin-bottom: 7vh;}

/*SLIDESHOW*/
* {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
  height: auto;
  width: 30%;
  margin: auto;
  margin-bottom: 7vh;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: .7rem;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;

}

.active,
.demo:hover {
  opacity: 1;
}