* {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    font-family: Helvetica;

    
}

body {
    font-size: 16px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    background-color: #000;

}

*/*#logo { 
 
    text-align: center;
    margin: 10px;
    
	width: 150px;
	height: 150px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}*/

}

p{
    margin: 10px;
}

a { 
    text-decoration: none;
    color: #6c6c6c;
}

a:hover{
    
    color: white;
    
}

nav {
    
    text-align: center;
    background-color:#313131;
    border: 1px solid #6c6c6c;
    width: 100%;
    position: fixed;

}

nav li {
    
    padding: 10px;
     margin: 0px;
    
}
nav ul li { 
    
    list-style: none;
    display: inline-block;
    text-align: center;
    position: relative;

}


.logodgpc {
    
    position: absolute;
    left: 10px;
    padding: 2px;
   
    
}

.logouba {
    
    position: absolute;
    right: 10px;
    padding: 2px;
}


.cuerpo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}


ul.analogicas {
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    padding: 10px;
    list-style-type: none;
    margin: 0;
    text-align: center;
}

ul.analogicas li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: auto;
    margin: 10px;
    padding: 10px;
    border: 2px solid white;
    text-decoration: none;
}

.contenidos {
    /*position: static;*/
    background-image: url(../img/AA029.jpg);
    
}

.contenido {
  background: rgba(0,0,0,0.8);
  color: darkgrey;
  cursor: pointer;
  position: absolute;
  height: 600px;
  width: 400px;
  opacity: 0; 
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    line-height: 230%;
    font-size: x-small;
    text-decoration: none;
}


ul.analogicas li:hover .contenido {
  opacity: 1;
}




footer {
    width: 100%;
    height: auto;
    background: #242424;
    position: fixed;
    bottom: 0;
    border: 1px solid #6c6c6c;
    
}

.abajo {
    font-size: xx-small;
    color: #6c6c6c;
    text-align: center;
    padding: 10px;
}




/*.aprobadasdiys {
    
    position: absolute;
    left: 100px;
    top: 100px;
    text-align: center;
    vertical-align: middle;
    color: #6c6c6c;
    font-size: small;
}


.encursodiys {
    
    position: absolute;
    right: 100px;
    top: 100px;
    text-align: center;
    vertical-align: middle;
    color: #6c6c6c;
    font-size: small;
}

.pantallas {
    
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: block;
    
}*/