.nano .nanocontent {
    max-height:200px;
    overflow-y:hidden;
    width:153px;
    padding-right:10px;
}
@media screen and (max-height: 690px) {
    .nano .nanocontent {
max-height:100px;
 
}
}
@media screen and (max-width: 800px) {

    .nano .nanocontent {
       width:100%;
       max-height:100%;
       overflow:hidden;
   }   
   
   .right-panel{
       display:none;
   }
   

}

#smalldoc {
    display:none;
}
.nano .content {  }
.nano .pane   { background: #888; }
.nano .slider { background: #111; }

.header_category h2{
    text-transform:uppercase;
    text-align:center;
}

.header_category p {
    font-weight: bold;
}

.article h3{
    text-transform:uppercase;
    text-align:center;
    font-weight: normal;
    
}
.article h3 a{
    text-decoration: none;
    color:black;
}
.upimage {
text-align: center;
}

.upimage img {
    margin:5px;
    border:5px solid white;
    
}

.images {
    text-align:center;
}
.images img {
    
    margin:5px;
    border:3px solid white;
}

.separator {
    margin-left: auto;
    margin-right: auto;
    width:50px;
    height:1px;
    border-bottom:1px solid black;
}

.right-panel {
    width:150px;
    padding-left:40px;
    
}

.box {
    margin-top:2px;
    margin-bottom:2px;
    border:5px solid black;
    padding:4px;
}

.box h4 {
    color:black;
    font-size: 14px;
    text-transform:uppercase;
    margin-top:2px;
    margin-bottom:2px;
}
.read ul {
    padding:0;
}
.read li {
    background-color:#CCCCCC;
    padding: 10px 0 10px 5px;
    list-style-type:none;
 
    border-radius: 10px;
    width:90%;
}

.read li:hover {
    background-color:#DDDDDD;
}
.read a {
    color:black;
    text-decoration: none;
}


audio {
    width:125px;
}

.translation ul {
    padding:0;
}
.translation .lang {
    font-weight: bold;
}
.translation li {
    background-color:#CCCCCC;
    padding: 10px 0 10px 5px;
    list-style-type:none;
    
    border-radius: 10px;
    width:90%;
}

.translation li:hover {
    background-color:#DDDDDD;
}
.translation a {
    color:black;
    text-decoration: none;
    
}
.box .doc {
    background-image: url('/assets/img/doc.png');
    background-repeat: no-repeat;
}
.box .pdf {
   
    background-image: url('/assets/img/pdf.png');
    background-repeat: no-repeat;
}
.box .jpg {
   
    background-image: url('/assets/img/jpg.png');
    background-repeat: no-repeat;
}
.box li {
    font-weight: bold;
}
.scrollup{
	position:fixed;
	bottom:50px;
	right:100px;
	display:none;
}