body
{
}

*
{
    font-family: Arial;
    margin-right: auto; /*  border-width: 0;     outline: 0; */
    padding: 0;
    outline: 0;
}

.frame
{
    position: absolute;
    left: 90px;
    top: 35px;
    width: 75%;
    height: 85%;
    background-color: #CCDAFF /* rgb(179,198,255) */;
    -webkit-box-shadow: 10px 20px 10px #D1D1D1; /* Safari */
    box-shadow: 10px 20px 10px #888888;
}

.top
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}

.center
{
    position: absolute;
    top: 0px;
    bottom: -10px;
    width: 100%;
}

.bottom
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.corner
{
    position: absolute;
    width: 10px;
    height: 10px;
}

.top_left
{
    top: 0px;
    left: 0px;
}

.top_right
{
    top: 0px;
    right: 0px;
}

.h_bar
{
    position: absolute;
    right: 10px;
    left: 10px;
    height: 10px;
}

.v_bar
{
    position: absolute;
    top: 10px;
    bottom: 10px;
    width: 10px;
    height: 97%;
}

.center_right
{
    right: 0px;
}

.center_left
{
    left: 0px;
}

.content
{
    background-color: #f8f8c7 /*whitergb(255,255,220)*/;
    position: absolute;
    top: 20px;
    bottom: 20px;
    right: 30px;
    left: 30px;
    overflow: auto;
}

.text
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px; /* color: #424242  rgb(61,61,61);*/
    color: #00506B;
    text-align: justify;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

.links
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    color: black;
    text-align: right;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

.text_bold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #006385;
    font-weight: bold;
    text-align: right;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-right: -10px;
    margin-top: 20px;
}

h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #00779E;
    text-align: right;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 30px;
    margin-top: 20px;
    text-shadow: 2px 2px #1FC7FF;
}

#comment {

    position: fixed;
    bottom: 20px;
    left: 20px;
    float: left;
    width: 210px;
    background-color: #fcfc9d;
    border: 8px outset blue;
    color: red;
    font-size: large;
    direction: rtl;
    padding: 5px;
    box-shadow: 3px 6px 10px gray;
    z-index: 2;
}

:focus {
    background-color: #dcf0f7;
    font-weight: bold;   
}

img
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.signature
{
    position: absolute;
    left: 17px;
    bottom: 5px;
    width: 15%;
    height: 15%;
}