@font-face {
    font-family: PrincipalLight;
    src: url("../../font/transfonter.org-unpack-20171107-123052/AvenirNextCondensed-UltraLight-11.ttf");
    
}
@font-face {
    font-family: PrincipalNormal;
    src: url("../../font/transfonter.org-unpack-20171107-123052/AvenirNextCondensed-Regular-08.ttf");
    
}
@font-face {
    font-family: PrincipalStrong;
    src: url("../../font/transfonter.org-unpack-20171107-123052/AvenirNextCondensed-Medium-06.ttf");
    
}
@font-face{
    font-family: futurista;
    src: url("../../font/space_age/space age.ttf");
}
@keyframes fader1{
    from{
        top: 78%;
        left: 16%;
        width: 11%;
        filter:blur(1.5px);
    }
    to{
        width: 15%;
        top:90%;
        left: 2%;
        filter:blur(0px);
    }
}
body{
    padding: 0px;
    margin: 0px;
}
.cabecera{
    width: 100%;
    height: 50px;
    -webkit-box-shadow: -3px 2px 48px 8px rgba(0,0,0,0.75);
    -moz-box-shadow: -3px 2px 48px 8px rgba(0,0,0,0.75);
    box-shadow: -3px 2px 48px 8px rgba(0,0,0,0.75);
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #000060;
    color: white;
    font-family: futurista;
    padding: 20px;
    z-index: 100;
}
.botonera a{
    text-decoration: none;
    color: white;
    margin-left: 40px;
    
}
.botonera a:hover{
    color: #a9a9a9;
}

.botonera{
    position: absolute;
    right: 100px;
    top: 40px;
    
}
.logo{
    position: absolute;
    top: -20px;
    left: 40px;
}
.imglogo{
    width: 200px;
}

.foot{
    font-family: PrincipalNormal;
    position: relative;
    background-color: #000060;
    width: 100%;
    color: white;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 22px;
}
.foot p{
    display: inline;
}
.foot img{
    filter: invert(100%);
}
.foot a{
   text-decoration: none;
   color: white;
}
.acceso{
    position: absolute;
    right: 30px;
}

.contenido{
    padding: 120px;
    font-family: PrincipalNormal;
    min-height: 100%;
}

.zona{
    margin-bottom: 50px; 
    width: 80%;
    display: table;
    table-layout: auto;
    margin: auto;
    -webkit-box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.75);
}
.cabeceraforo{
    width: 100%;
    color: white;
    background-color: #000060;
    display: table-row;
}
.zona h2{
    text-align: center;
    color: black;
    font-size: 35px;
    display: table-caption;
}
.temacabecera{
    text-align: center;
    display: table-cell;
    width:40%;
}
.autorcabecera{
    display: table-cell;
    text-align: center;
    width:40%;
}
.ultimaactualizacion{
    display: table-cell;
    text-align: center;
    width:20%;
}
.temas{
    width: 100%;
    display: table-row-group;
}
.tema{
    width:100%;
    border: 1px solid #000000;
    display: table-row;
}
.temas a:hover{
    background-color: #a9a9a9;
}
.temas a{
    text-decoration: none;
    color: black;
}
.nombretema{
    width: 40%;
    display: table-cell;
    text-align: center;
}
.autortema{
    width: 40%;
    display: table-cell;
    text-align: center;
}
.actualizacionTema{
    width:20%;
    display: table-cell;
    text-align: center;
}
.actualizacionAutor{
    color: #000060;
}

.info{
    -webkit-box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.75);
    float: right;
    padding: 50px;
}
.info p{
    display: inline;
    margin: 20px;
}
.info a{
    background-color: #000060;
    color: white;
    text-decoration: none;
    margin: 5px;
    padding: 10px;
}
.info a:hover{
    opacity: 0.5;
}
.nick{
    color: #000060;
    font-size: 20px;
}
button{
    font-size: 25px;
}

.form{
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    -webkit-box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.75);
    background-color: rgba(0,0,0,0.5);
    overflow: scroll;
    margin: auto;
    top: 0px;
    z-index: 100;
}
form{
    width:70%;
    margin: auto;
    background-color: white;
    font-family: PrincipalNormal;
    padding: 40px;
}
select{
    margin-bottom: 15px;
    font-family: PrincipalNormal;
    width:30%;
    font-size: 17px;
}
input{
    display: block;
    margin-bottom: 10px;
    font-family: PrincipalNormal;
    width:30%;
    font-size: 17px;
}
textarea{
    resize: none;
    width: 90%;
    height: 400px;
    font-family: PrincipalNormal;
}
.boton{
    background-color: #000060;
    color: white;
    text-decoration: none;
    margin: 5px;
    padding: 15px;
    font-family: PrincipalNormal;
    font-size: 17px;
}
.cerrar{
    font-size: 23px;
    float: right;
    text-decoration: none;
    color: black;
}
.cerrar:hover{
    color: #a9a9a9;
}
.post{
    -webkit-box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 25px 0px rgba(0,0,0,0.75);
    padding: 50px;
    margin-top: 65px;
}
.Posts{
    padding: 80px;
}
.autorpost{
    font-size: 23px;
    color: blue;
}
.fechapost{
    
}