.doc-arrow {
    color: #f77d03;
    font-size: 5em;
    font-family: MS Gothic;
    font-weight: 900;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #333366;
    text-shadow: 0 0 0.1em #cc6600, 0 0 0.1em #cc6600, 0 0 0.1em #cc6600;
}

.doc-but {
    width : 2%;
    height : 10px;
    margin: 5px;    
    border: 2px solid red !important;
}

.doc-but:hover { 
    /* border: 2px solid #cc6600 !important; */
    background-color:  #d6a623;    
 }

.doc-but:focus {
    border: 2px solid #d6a623 !important;
    background-color:  #d6a623; 
}

#doc-img {
    position: relative;
    margin:auto !important;
    width: 100%;   
    animation: mymove 3s ;   
}

#doc-next {
    display: none;
    position: absolute;
    top: 50%;
    right: 0%;
    background-color: transparent;
    border: 0px;
    margin-right: 2%;
    animation: mymove 3s ;
}

#doc-next :hover {
    filter: brightness(125%);
}

.doc-pag{
    display: block ;
    width: 100%;
    animation: mymove 5s ;
} 

#doc-prev {
    display: none;
    position: absolute;    
    top: 50%;
    left: 0% ;
    background-color: transparent;
    border: 0px;
    margin-left: 2%;
    animation: mymove 3s ;     
}

#doc-prev :hover {
    filter: brightness(125%);
}

#zoom-maxus{
    margin: auto;    
}

@keyframes mymove {
    0%{opacity:0;}
    100%{opacity:1;}
}