@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-Bold-01.ttf");
    
}
body{
    font-family: PrincipalNormal;
    font-stretch: extra-expanded;
    min-width: 800px;
    min-height: 800px;
}
.sup h1{
    position: absolute;
    float: top;
    left: 20px;
    top: -10px;
    font-family: PrincipalLight;
    font-size: 30px;
}
.sup{
    z-index: 100;
    background-color: white;
    display: inline;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    -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);
}
.rutas{
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
    display: inline;
}
.rutas a{
    text-decoration: none;
    color: black;
}
.rutas a:hover{
    color: rgba(150,150,150,1);
}
.controlButton{
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: white;
    z-index: 150;
}

.panelAcceso{
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -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);
    padding: 20px;
    
}
.panelAcceso form input{
    margin-left: 10px;
}
.panelAcceso a{
    margin-left: 10px;
}
.navegador{
    position: fixed;
    left: 0px;
    top: 60px;
    height: 100%;
    width: 300px;
    -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);
    z-index: 90;
    background-color: white;
    
}
.botonDesp{
    position: absolute;
    right: 3px;
    top: 5px;
    width: 30px;
    height: 30px;
}
.general{
    position: absolute;
    right:100px;
    top:140px;
}
.perfil{
    position: absolute;
    right: 100px;
    top: 70px;
    
}
.perfilTop{
    right: 20px;
    position: absolute;
    width: 200px;
    display: inline;
}
.perfilTop img{
    width: 20px;
    display: inline;
}
.perfilTop p{
    display: inline;
    margin-right: 15px;
}
.navegador ul li{
    list-style: none;
}
.navegador ul{
    margin-top: 20px;
    margin-bottom: 20px;
}
.navegador ul li ul li{
    list-style: none;
    
}
.cabeceralist p{
    margin-top: 30px;
    font-family: PrincipalStrong;
    display: inline;
}
.imageadd{
    width: 10px;
}
.imagerrss{
    width: 15px;
}
.expand{
    display: inline;
    float: right;
    position: absolute;
    right: -50px;
    rotation: 90deg;
}
.titulolist:hover{
    

background: rgba(222,222,222,1);
background: -moz-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 42%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(222,222,222,1)), color-stop(42%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 42%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 42%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 42%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 42%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff', GradientType=1 );

    
}

#rrssfacebook:hover{
    
background: rgba(97,122,184,1);
background: -moz-linear-gradient(left, rgba(97,122,184,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(97,122,184,1)), color-stop(81%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(97,122,184,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(97,122,184,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(97,122,184,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(97,122,184,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#617ab8', endColorstr='#ffffff', GradientType=1 );

}
#rrsstwitter:hover{
    
background: rgba(126,201,252,1);
background: -moz-linear-gradient(left, rgba(126,201,252,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(126,201,252,1)), color-stop(81%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(126,201,252,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(126,201,252,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(126,201,252,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(126,201,252,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ec9fc', endColorstr='#ffffff', GradientType=1 );

}

.addlist:hover{

background: rgba(137,250,182,1);
background: -moz-linear-gradient(left, rgba(137,250,182,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(137,250,182,1)), color-stop(81%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(137,250,182,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(137,250,182,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(137,250,182,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(137,250,182,1) 0%, rgba(246,246,246,1) 81%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89fab6', endColorstr='#ffffff', GradientType=1 );

}
.itemlist:hover{
background: rgba(222,222,222,1);
background: -moz-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 42%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(222,222,222,1)), color-stop(42%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 42%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 42%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 42%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(222,222,222,1) 0%, rgba(246,246,246,1) 42%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff', GradientType=1 );
}


.nombrePerfil{
    font-size: 15px;
    margin: 0px;
}
.emailinfo{
    font-size: 12px;
    margin: 0px;
}
.contenidos{
    margin-top: 150px;
    margin-left: 400px;
}
ul li a{
    text-decoration: none;
    color: black;
}
ul li a:hover{
    color: grey;
}