/*
 * lubomir-sedivy                                                  Martin Sedivy
 * =============================================================================
 * main css
 * -----------------------------------------------------------------------------
 *                                                        (c) Martin Sedivy 2016
 */



/* ========================================================================== *
 * --- general elements ----------------------------------------------------- */

* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Arial, sans-serif;
    font-size: 1.25em;    /* standardne 20px */
    color: white;

    min-width: 560px; min-height: 535px;
    background: black;
}
p {
    margin: 0.5em 0;
}


/* --- links ---------------------------------------------------------------- */
a {
	text-decoration: none;
	color: white;
}
a:hover {
    color: #404040;
}


/* --- headers -------------------------------------------------------------- */
h1, h2, h3 {
    font-weight: normal;

    margin: 0.5em 0;
}
h1 {
    font-size: 1.1875em;    /* standardne 19px */
}
h2 {
    font-size: 1em;    /* standardne 16px */
    margin: 2em 0 0.5em;
}
h3 {
    font-size: 0.75em;    /* standardne 12px */
}



/* ========================================================================== *
 * --- content -------------------------------------------------------------- */

#page {
    /*position: absolute;*/
    /*left: 0; right: 0; top: 0; bottom: 0;*/
    /*min-width: 560px; min-height: 535px;*/
    /*overflow: auto;*/
}
#content {
    position: relative;
    min-width: 400px;
    margin: 0;
    padding: 3em;
    background: black;
}


/* --- menu / back button --------------------------------------------------- */
.menu {
    position: relative;
    width: 560px; height: 535px;
    margin: auto;
    overflow: visible;
}
.menu .bg{
    position: absolute;
}
.menu a, .menu a img, #back a, #back a img {
    position: absolute;
    overflow: hidden;
}
#back {
    position: absolute;
}
#back a {
    width: 100px; height: 60px;
}
#back.lubos a img {
    left: -190px; top: -240px;
}
#back a:hover img {
    left: -350px; top: -240px;
}


/* --- portfolio menu ------------------------------------------------------- */
#content ul.portfolioMenu {
    margin-left: 0.5em;
}
#content ul.portfolioMenu li {
    list-style-position: inside;
    line-height: 1.5em;
}


/* --- cv ------------------------------------------------------------------- */
p.contentcv {
    margin-left: 1em;
}

table.contentcv {
    font-size: 0.875em;    /* standardne 14px */

    margin-left: 0.5em;
    border-spacing: 0;
}
table.contentcv td {
    vertical-align: top;
}
table.contentcv td.yearfrom, table.contentcv td.year {
    text-align: right;
    padding-left: 0.5em;
    padding-right: 0.2em;
}
table.contentcv td.yearto {
    padding-left: 0.2em;
    padding-right: 1em;
}
table.contentcv td.year {
    padding-right: 0.5em;
}
table.contentcv td:last-child {
    padding-left: 0.5em;
}

ul.contentcv {
    font-size: 0.875em;    /* standardne 14px */

    margin-left: 1em;
}
ul.contentcv li {
    list-style-position: inside;
}



/* ========================================================================== *
 * --- lubos ---------------------------------------------------------------- */

/* --- menu ----------------------------------------------------------------- */
.menu.lubos .bg {
    width: 560px; height:  535px;
    /*right: -172px; bottom: -187px;*/
    background: url(img/menu-lubos.png) no-repeat;
}

.menu.lubos a.cv {
    width: 80px; height: 60px;
    right: 32px; bottom: 31px;
}
.menu.lubos a.cv img {
    left: -200px; top: -60px;
}
.menu.lubos a.cv:hover img {
    left: -520px; top: -60px;
}

.menu.lubos a.kontakt {
    width: 130px; height: 60px;
    right: 65px; bottom: 338px;
}
.menu.lubos a.kontakt img {
    left: -180px; top: -120px;
}
.menu.lubos a.kontakt:hover img {
    left: -340px; top: -120px;
}

.menu.lubos a.portfolio {
    width: 160px; height: 60px;
    right: 355px; bottom: 47px;
}
.menu.lubos a.portfolio img {
    left: -160px; top: -180px;
}
.menu.lubos a.portfolio:hover img {
    left: -480px; top: -180px;
}


/* --- cv ------------------------------------------------------------------- */
#content.lubos.cv {
    margin-left: 240px;
}
#back.lubos.cv {
    width: 240px; height: 380px;
    bottom: 0; left: 0;
    background: url(img/lubos-cv.png) no-repeat;
}
#back.lubos.cv a {
    bottom: 190px; left: 54px;
}


/* --- kontakt -------------------------------------------------------------- */
#content.lubos.kontakt {
    margin-top: 220px;
}
#back.lubos.kontakt {
    width: 390px; height: 220px;
    top: 0; left: 350px;
    background: url(img/lubos-kontakt.png) no-repeat;
}
#back.lubos.kontakt a {
    top: 46px; left: 133px;
}


/* --- portfolio ------------------------------------------------------------ */
#content.lubos.portfolio {
    margin-left: 400px;
}
#back.lubos.portfolio {
    width: 400px; height: 280px;
    top: 0; left: 0;
    background: url(img/lubos-portfolio.png) no-repeat;
}
#back.lubos.portfolio a {
    top: 83px; left: 157px;
}