body
{
}


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



.frame
{
    position: absolute;
    left: 90px;
    top: 35px;
    width: 75%;
    height: 85%;
    background-color: rgb(255,229,229);
    -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: #FDF4F4;
    position: absolute;
    top: 20px;
    bottom: 20px;
    right: 30px;
    left: 30px;
    overflow: auto;
}

.text
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
 
    line-height: 24px;
    color: rgb(102,0,0);
    text-align: justify;
    margin-bottom: 20px;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 20px;
}

.text_secondary
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: gray;
    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: red;
    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: rgb(204,0,0);
    font-weight: normal;
    text-align: right;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}

h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: rgb(102,0,0);
    text-align: right;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 40px;
    margin-top: 20px;
    text-shadow: 3px 3px rgb(255,128,128);
}

.sub_title
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: rgb(255,128,128);
    text-align: right;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 60px;
    margin-top: 20px;
    text-shadow: 2px 2px rgb(102,0,0);
}

#comment {

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

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

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

#poland_map
{
    position: relative;
    top: 15px;
    right: 10px;
    width: 512px;
    height: 490px;
    float: left;
    margin: 10px;
}


#fiat_panda
{
    position: relative;
    top: 10px;
    right: 10px;
    width: 220px;
    height: 120px;
    float: left;
    margin: 10px;
}

#dturbine
{
    position: relative;
    top: -10px;
    left: 10px;
    bottom: 10px;
    width: 370px;
    height: 340px;
    float: right;
    margin: 10px;   
}

#aushcwitz
{
    position: relative;
    top: 10px;
    right: 10px;
    width: 408px;
    height: 306px;
    float: left;
    margin: 10px;   
}

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