/*#########################################################################################################*/
/*##                             Cascading styles for prostejov.ponkrac.net.                             ##*/
/*##                                 Copyright (c) 2019 Miloslav Ponkrac.                                ##*/
/*#########################################################################################################*/

/*=========================================================================================================*/
/*==                                           Font definition.                                            */
/*=========================================================================================================*/

@font-face { font-family:PTSerifWoff; src:url("ptserif-r.woff");  font-weight:normal; font-style:normal; }
@font-face { font-family:PTSerifWoff; src:url("ptserif-b.woff");  font-weight:bold;   font-style:normal; }
@font-face { font-family:PTSerifWoff; src:url("ptserif-ri.woff"); font-weight:normal; font-style:italic; }
@font-face { font-family:PTSerifWoff; src:url("ptserif-bi.woff"); font-weight:bold;   font-style:italic; }

/*=========================================================================================================*/
/*==                                       Elements: html and body.                                        */
/*=========================================================================================================*/

* { font-family:PTSerifWoff,"Times New Roman",Times,Georgia,serif; }

body, html 
{
    margin:0 auto; border:0; padding:2px 0;
    background:#44362F url("body-bg.jpg") no-repeat fixed center center;
    font-style:normal; font-variant:normal; font-weight:400;
    font-size:4.3mm; line-height:6.4mm;
    font-family:PTSerifWoff,"Times New Roman",Times,Georgia,serif;
    text-align:justify;
}

/*=========================================================================================================*/
/*==                                         The entire universe.                                        ==*/
/*=========================================================================================================*/

div#the-entire-universe
{
    display:block; position:relative; width:960px;
    box-shadow:16px 0 10px rgba(136,45,23,0.6),-16px 0 10px rgba(136,45,23,0.6);
    margin:0 auto; border:2px solid #882D17; padding:0;
    background-color:#FFFFFF; color:#000000;
}

/*=========================================================================================================*/
/*==                                             Header band.                                            ==*/
/*=========================================================================================================*/

div#header-band
{
    display:block; position:relative; width:960px; height:140px;
    margin:0 auto; border-bottom:1px dashed #D0D0D0; padding:0;
    background:#FFFFFF url("layout-header-bg.png") no-repeat scroll center top;
}

a#header-home
{
    display:block; position:absolute; left:0; top:0; width:130px; height:140px;
    margin:0; padding:0;
}

/*=========================================================================================================*/
/*==                                              Main band.                                             ==*/
/*=========================================================================================================*/

div#main-band
{
    display:block; position:relative; width:960px;
    margin:0 auto; padding:0;
    background:#FFFFFF none; color:#000000;
}

div#main-space
{
    margin:3.2mm 6.4mm; padding:0;
    background:#FFFFFF none; color:#000000;
    font-style:normal; font-variant:normal; font-weight:400;
    font-size:4.3mm; line-height:6.4mm;
    font-family:PTSerifWoff,"Times New Roman",Times,Georgia,serif;
    text-align:justify;
}

div#main-space div.nav-path
{
    margin:0; border:0; padding:0;
    font-size:87%;
}

div#main-space div.nav-path + h1
{
    margin-top:2.15mm;
}

div#main-space div#article-meta-info
{
    margin:-2.15mm 0 -4.3mm 3.5mm; padding:0;
    line-height:5.2mm; font-size:3.5mm;
}

div#main-space div.navigation-path
{
    margin:0; padding:0;
    font-size:80%;
    color#333333;
}

div#main-space div.article-info
{
    margin:0; padding:0;
    color#333333;
}

#main-space h1
{
    display:block; width:100%;
    margin:8.6mm 0 4.3mm 0; border:0; border-bottom:1px dotted #BBBBBB; padding:0;
    font-size:8.6mm; line-height:12.8mm;
    font-weight:bold; font-style:normal;
    letter-spacing:0.1em;
    text-align:left;
    color:#882D17;
}

#main-space h1.zaznam
{
    display:block; width:100%;
    margin:8.6mm 0 4.3mm 0; border:0; border-bottom:1px dotted #BBBBBB; padding:0;
    font-size:8.6mm; line-height:12.8mm;
    font-weight:bold; font-style:normal;
    letter-spacing:0.1em;
    text-align:center;
    color:#882D17;
}

#main-space h2 
{
    display:block; width:100%;
    margin:8.6mm 0 4.3mm 0; border:0; padding:0;
    font-size:6.45mm; line-height:9.6mm;
    font-weight:bold; font-style:normal;
    color:#000040;
}

#main-space h2.stitek
{
    display:block; width:100%;
    margin:1em 0 0 0 auto; 
    border:0; border-top:3px solid #000000; xborder-bottom:1px dotted #C0C0C0; 
    padding:0;
    font-size:6.45mm; line-height:9.6mm; letter-spacing:1px;
    font-weight:bold; font-style:normal;
    color:#000040;
    text-align:center;
}

#main-space h2.zaznam
{
    display:block; width:100%;
    margin:1em 0 0 0 auto; 
    border:0; border-top:3px double #000000; border-bottom:3px double #000; 
    padding:0;
    font-size:6.45mm; line-height:9.6mm; letter-spacing:1px;
    font-weight:bold; font-style:normal;
    color:#000040;
    text-align:center;
}

#main-space h3
{
    display:block; width:100%;
    margin:8.6mm 0 4.3mm 0; border:0; padding:0;
    font-size:5,38mm; line-height:7.96mm;
    font-weight:bold; font-style:normal;
    color:#000040;
}

#main-space hr
{
    display:block; float:none; width:100%;
    margin:0 auto; border:0; border-top:1px solid #C0C0C0; padding:0;
}

#main-space hr.double
{
    display:block; float:none; width:100%; height:3px;
    margin:0 auto; border:0; border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; padding:0;
}

#main-space p 
{
  margin:4.3mm 0; padding:0;
  text-align:justify;
}

#main-space a, #main-space a:visited { color:#882D17; text-decoration:underline; }
#main-space a:hover { text-decoration:none; }

#main-space blockquote {
  margin:0px 20px 15px 20px;
  padding:10px 15px 0px 15px;
  border:1px dotted #BBBBBB;
  background:#EEEEEE;
}

#main-space blockquote p {
  margin:0px 0px 0px 0px;
  padding:0px 0px 10px 0px;
}

#main-space table.table-01 { margin:5px 0 10px 0; border:0; border-collapse:collapse; padding:0; text-align:center; }
#main-space table.table-01 th, #main-space table.table-01 td { margin:0; border:1px solid #000000; padding:2px 10px 2px 10px; text-align:center; }
#main-space table.table-01 th.caption { letter-spacing:0.33em; }
#main-space table.table-01 th { background-color:#D0D0D0; }
#main-space table.table-01 tr.even td { background-color:#D0D0D0; }
#main-space table.table-01 td { background-color:#E0E0E0; }

#main-space .headline {
  float:left;
  width:100%;
  margin:10px 0px 10px 0px;
  border-bottom:1px dotted #BBBBBB;
  padding:3px 0px 7px 0px;
  clear: both;
}

#main-space .left-iceberg  { clear:left;  right:left;  margin:0.5em 1.5em 1.5em 0; width:auto; }
#main-space .right-iceberg { clear:right; right:right; margin:0.5em 0 1.5em 1.5em; width:auto; }

/*=========================================================================================================*/
/*==                                             Footer band.                                            ==*/
/*=========================================================================================================*/

div#footer-band
{
    display:block; position:relative; width:960px;
    margin:0 auto; padding:0;
    background:#000000 none; color:#FFFFFF;
    text-align:center;
}

div#footer-space
{
    border-top:1px dashed #373E4A;
    padding:6px;
    text-align:center;
    color:#697081;
    font-size:85%;
}

#footer-space li { display:inline; padding:0 32px 0 32px; }

#footed-space #copyright { font-size:1.1em; font-weight:bold; text-align:center; }
#footer-space #copyright p { margin: 0px; padding: 10px 0px 10px 0px; font-weight: normal; color: #CCCCCC; }
#footer-space #copyright a, #footer-space #copyright a:visited { text-decoration: none; color: #CCCCCC; }
#footer-space #copyright a:hover { text-decoration: underline; color: #FFFFFF; }

/*=========================================================================================================*/