/*
    TITLE:          src/main/resources/static/css/base.css
    VERSION:        1-002
    FACILITY:       cascading style sheet file for each HTML template
    AUTHOR(S):      Dr Hlaszny, Edit | dr.hlaszny.edit@gmail.com | +36 311 6516
    SUPERVISED BY:  -
    CREATION DATE:  05-APR-2019
    ENVIRONMENT:    Mac OS X 10.2,
                    Safari 12.1
                    Chrome 47.0.X
                    Firefox 42.0
    DESIGN ISSUES:
        1) http://www.w3.org/TR/2004/WD-xhtml2-20040722/
        2) http://www.w3.org/TR/REC-CSS1
           Cascading Style Sheets, level 1

    PORTABILITY ISSUES:     see DESIGN ISSUES 2)
    SUBSYSTEM:              none
    MODIFICATION HISTORY:
        date        modified by
        05-APR-2019 HED    first draw
        23-MAY-2019 HED    added style bodyFooter
 */

body
{
    max-width: 1080px;
    width: 100%;
    margin: 0px auto;
    text-align: left;
}

div.background_image
{
    text-align: left;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px
    top: 0;
    left: 0;
    margin-left: 20px;
    margin-right: 20px;
    width: 1060px; // 940px;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover ;
    background-position: center center;
    background-color: #808080;
}

div.content
{
    padding: 10px 60px 10px 40px;
    color: white;
    font-family: "Arial Narrow";
    font-size: 42px;
}

div.embeddedContent
{
    margin-left: 96px;
    font-size: 32px;
}

div.indentedContent
{
    margin-left: 82px;
    margin-bottom: 40px;
    font-size: 28px;
}

div.footer
{
    /* for redefined anchor style only */

}

/* unvisited link */
.content  a.main:link
{
    color: white;
    text-decoration: none;
}

/* visited link */
.content  a.main:visited
{
    color: white;
    text-decoration: none;
}

/* mouse over link */
.content  a.main:hover
{
    color:white;
    font-style: italic;
    text-decoration: none;
}

/* selected link */
.content  a.main:active
{
    color: white;
    text-decoration: none;
}

/* unvisited link */
.footer  a.main:link
{
    color: white;
    text-decoration: none;
}

/* visited link */
.footer  a.main:visited
{
    color: white;
    text-decoration: none;
}

/* mouse over link */
.footer  a.main:hover
{
    color: #FF80A0;
    text-decoration: none;
}

/* selected link */
.footer  a.main:active
{
    color: white;
    text-decoration: none;
}

p.nonpareille {

	font-size: 14px;
	line-height: 14px;
	font-family: "Arial Narrow";
	color: white;
    padding: 20px 80px  0px  0px;
    text-align: left;
    text-decoration: none;
    // border: 3px dotted rgba(0,0,0,0.1);
}

div.baseTxt
{
    font-style: normal;
    font-size: 16px;
    font-family: "Arial Narrow";
	color: #808080;
    line-height: 18px;
    margin-right: 230px;
    padding: 0px  0px   0px  20px;
}

div.baseTxtInd
{
    font-style: normal;
    font-size: 16px;
    font-family: "Arial Narrow";
	color: #800000;
    line-height: 18px;
    margin-right: 230px;
    padding: 0px  0px   16px  60px;
    //  border: 3px dotted rgba(0,0,0,0.1);
}

p.baseTextTitle {

    font-size: 24px;
	font-weight: bold;
    line-height: 28px;
    padding: 0px  0px   0px  0px;
}

p.baseTextFiller {

    font-size: 18px;
    color: ;
    line-height: 5px;
}

p.hugeText {

    font-size: 140px;
}

p.baseTextIndented {

    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    padding: 0px  0px   0px  40px;
}

p.baseTextIndentedGray {

    font-size: 20px;
    color: #c0c0c0;
    font-weight: normal;
    line-height: 24px;
    padding: 0px  0px   0px  40px;
}

img
{
    border-radius: 16px;
    border: 16px solid white;
}

img.bi
{
    border-radius: 16px;
    border: 16px solid #EAEAEA;
}

/*
    src/main/resources/static/css/base.css
*/