/* -------- ZACATEK designu a zakladniho rozvrzeni stranky ---------- */


/* ---- obecne: ---- */
body, div, p, li, ul, ol, td {
  font-family: "Helvetica CE", Helvetica, "Arial CE", Arial, sans-serif;
  line-height: 1.4;
}

body, div, span, p{
    padding: 0px;
    margin: 0px;
}

body{
    background-color: #780000;
    background-image: url("../grafika/layout/background.jpg");
    background-repeat: repeat;
    text-align: center;
}

/*martin prokop*/
div#content .edition{
    background-color: #780000;
    border: 1px solid #780000;
    text-align: center;
    font-weight: bold;
    color: #F7EFEF;
}
/*martin prokop*/

.vertical_center_part0{
    /* zajist� vert. zarovn�n� (v kombinaci s vertical_center_part1 a 2 a pevnou v�kou): */
    height: 100%;
    width: 100%;
    display: table;
    #position: relative;
    overflow: hidden;
    text-align: left;
}
.vertical_center_part1{
    width: 100%;
    _position: absolute;
    #top: 50%;
    display: table-cell;
    vertical-align: middle;
}
.vertical_center_part2{
    width: 100%;
    #position: relative;
    #top: -50%;
}

.vertical_center_part2.smalik{
    font-size: 15px;
}

.horizontal_center{
    text-align: center;
}

div#container_901{
    width: 901px;
    margin: 0px auto 0px auto;
}



/* ---- hlavicka: ---- */
div#header div#header_over{
    width: 901px;
    height: 33px;
    background-image: url("../grafika/layout/vrchni_lem.jpg");
    background-repeat: no-repeat;
}
div#header #header_top{
    width: 901px;
    height: 39px;
    background-color: white;
    background-image: url("../grafika/layout/vrch_casopisFI.jpg");
    background-repeat: no-repeat;
    color: #780000;

    text-align: center;
    font-weight: bold; 
    /* font-variant: small-caps; */
    font-size: 17px;
    
}
div#header div#header_subtitle{
    width: 901px; /*901px - padding*/
    height: 228px;
    background-color: #780000;
    background-image: url("../grafika/layout/pozadi_proudy.jpg");
    background-repeat: no-repeat;
    color: white;

    text-align: left;
    font-weight: bold;
}

div#header #header_subtitle_proudy{
    font-size: 60pt;
    font-family: "Times New Roman CE", "Times New CE", "Times CE", "Times New Roman", Times, serif; 
    
    padding: 0px;
    margin: 0px;
    padding-left: 40px;
}
div#header #indexLink{
    color: white;
    text-decoration: none;
}
div#header #indexLink:hover{
    color: #F7EFEF;
}

div#header #header_evrCasopis{
    font-size: 14pt;
    font-family: "Times New Roman CE", "Times New CE", "Times CE", "Times New Roman", Times, serif;
    
    padding: 0px;
    margin: 0px;
    padding-left: 40px;
}


/* ---- horni (hlavni) navigace: ---- */

div#navigation{
    width: 901px;
    height: 48px;
    background-color: #CC9999;
    color: black;

    text-align: center;
    font-weight: bold;
    font-size: 17px;

    position: relative;
}

div#navigation div#navigationButt_active_01, div#navigation div#navigationButt_noActive_01{
    width: 151px; /*oproti ostatnim tlacitkum 1px navic (ma okraj z obou stran, ostatni jen zprava)*/
    height: 48px;
    position: absolute;
    top: 0px;
    left: 0px;
}
div#navigation div#navigationButt_active_02, div#navigation div#navigationButt_noActive_02{
    width: 150px;
    height: 48px;
    position: absolute;
    top: 0px;
    left: 151px;
}
div#navigation div#navigationButt_active_03, div#navigation div#navigationButt_noActive_03{
    width: 150px;
    height: 48px;
    position: absolute;
    top: 0px;
    left: 301px;
}
div#navigation div#navigationButt_active_04, div#navigation div#navigationButt_noActive_04{
    width: 150px;
    height: 48px;
    position: absolute;
    top: 0px;
    left: 451px;
}
div#navigation div#navigationButt_active_05, div#navigation div#navigationButt_noActive_05{
    width: 150px;
    height: 48px;
    position: absolute;
    top: 0px;
    left: 601px;
}
div#navigation div#navigationButt_active_06, div#navigation div#navigationButt_noActive_06{
    width: 150px;
    height: 48px;
    position: absolute;
    top: 0px;
    left: 751px;
}

div#navigation div#navigationButt_noActive_01{
    background-image: url("../grafika/layout/navigace01neaktiv.jpg");
    background-repeat: no-repeat;
}
div#navigation div#navigationButt_noActive_02{
    background-image: url("../grafika/layout/navigace02neaktiv.jpg");
    background-repeat: no-repeat;
}
div#navigation div#navigationButt_noActive_03{
    background-image: url("../grafika/layout/navigace03neaktiv.jpg");
    background-repeat: no-repeat;
}
div#navigation div#navigationButt_noActive_04{
    background-image: url("../grafika/layout/navigace04neaktiv.jpg");
    background-repeat: no-repeat;
}
div#navigation div#navigationButt_noActive_05{
    background-image: url("../grafika/layout/navigace05neaktiv.jpg");
    background-repeat: no-repeat;
}
div#navigation div#navigationButt_noActive_06{
    background-image: url("../grafika/layout/navigace06neaktiv.jpg");
    background-repeat: no-repeat;
}
div#navigation div#navigationButt_active_01{
    background-image: url("../grafika/layout/navigace01aktiv.jpg");
    background-repeat: no-repeat;
}
div#navigation div#navigationButt_active_02{
    background-image: url("../grafika/layout/navigace02aktiv.jpg");
    background-repeat: no-repeat;
}
div#navigation div#navigationButt_active_03{
    background-image: url("../grafika/layout/navigace03aktiv.jpg");
    background-repeat: no-repeat;
}
div#navigation div#navigationButt_active_04{
    background-image: url("../grafika/layout/navigace04aktiv.jpg");
    background-repeat: no-repeat;
}
div#navigation div#navigationButt_active_05{
    background-image: url("../grafika/layout/navigace05aktiv.jpg");
    background-repeat: no-repeat;
}
div#navigation div#navigationButt_active_06{
    background-image: url("../grafika/layout/navigace06aktiv.jpg");
    background-repeat: no-repeat;
}

div#uder_header{
    width: 901px;
    height: 43px;
    background-color: #780000;
    background-image: url("../grafika/layout/spodni_lem_zakonceni.jpg");
    background-repeat: no-repeat;
}

a.navigationLink{
    display: block;
    padding: 10px 0px 15px 0px;
    width: 148px;
    color: black;
    text-decoration: none;
}
a.navigationLink:hover{
    color: #780000;
    text-decoration: underline;
}
a.navigationLink div:hover{
    text-decoration: underline;
}

/* ---- rozvrzeni hlavni obsahove casti (s textem a bocni navigaci): ---- */
div#mainPart{
    background-color: white;
    position: relative;
    text-align: left;
    border-top: 1px solid white; /*kvuli pozicovani v IE*/
    padding-bottom: 18px;
}
div#contentPart{
    position: relative;
    width: 681px;
    margin-left: 200px;
    z-index: 10;
    background-color: #FFDDCC;
    background-image: url("../grafika/layout/obsah_pozadi.gif");
    background-repeat: repeat;
    border: 1px solid rgb(132,0,0);
}
div#contentPart #readers{
    position: absolute;
    top: 100px;
    left: 70px;
    z-index: 11;
    width: 559px;
    height: 254px;
    background-color: transparent;
    background-image:  url("../grafika/layout/motiv_ctenari.gif");
    background-repeat: no-repeat;
}
div#secondaryNavigation{
    position: absolute;
    top: 0px;
    left: 15px;
    font-size: 17px;
    width: 215px;
    height: 100%;
    z-index: 12;
}
div#content{
    position: relative;
    top: 0;
    left: 0;
    z-index: 30;
    text-align: left;
    min-height: 520px; /* pro standardn� prohl�e�e */
    _height: 520px; /* pro Internet Explorer 6, kter� to ch�pe jako min-height*/
    margin-left: 30px;
    padding: 10px 14px 20px 15px;

    font-size: 95%;
    line-height: 1.5;
}




/* ---- bocni navigace: ---- */
div#secondaryNavigation .secNavigationButt_noActive, div#secondaryNavigation .secNavigationButt_active{
    width: 215px;
    height: 68px;
    margin-top: 12px;
    background-color: transparent;
    background-repeat: no-repeat;

    font-weight: bold;
    font-size: 17px;
    text-align: left;
}
div#secondaryNavigation .secNavigationButt_noActive{
    background-image: url("../grafika/layout/bocniNavig_neaktivni.gif");
    color: rgb(247,239,239);
}
div#secondaryNavigation .secNavigationButt_active{
    background-image: url("../grafika/layout/bocniNavig_aktivni.gif");
    color: #333333;
}
div.secNavigationButt_active .secNavig_text{
    padding-left: 30px; 
}
a.secNavigationLink{
    display: block;
    padding: 12px 3px 12px 30px;
    width: 180px;
    color: rgb(247,239,239);
    text-decoration: none;
}
a.secNavigationLink:hover{
    color: rgb(247,239,239);
    text-decoration: underline;
}
a.secNavigationLink div:hover{
    text-decoration: underline;
    color: white;
}
.secNavigationButt_active a.secNavigationLink{
    color: #333333;
    padding: 0px;
}



/* ---- samotny (textovy) obsah: ---- */
div#content h2{
    font-size: 160%;
    letter-spacing: 0.1em;
    font-weight: bold;
    padding: 0px;
    margin: 1em 0px 0.8em 0px;
    border-bottom: 2px solid rgb(132,0,0);
}
div#content h4{
    font-size: 105%;
    font-weight: bold;
    padding: 0px;
    margin: 0.5em 0px 0px 0px;
    border-bottom: 1px solid rgb(132,0,0);
}
div#content p{
    margin: 0.4em 0px 0.5em 0px;
}
div#content a, .article_paragraph_first a {
    color: #000099;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    display: inline;
    word-wrap: word-break;
}
div#content a:hover{
    color: rgb(132,0,0);
}
div#content div.divider{
    margin-top: 1em;
    border-top: 1px solid rgb(132,0,0);
}

/* ---- paticka ---- */
div#footer{
    position: relative;
    clear: both;
    width: 901px;
    height: 60px;
    color: rgb(247,239,239);
    font-size: 80%;
    font-weight: bold;
}
div#footer div#webmaster{
    width: 380px;
    position: absolute;
    top: 10px;
    left: 0px;
    text-align: left;
}
div#footer div#webmaster a{
    color: white;
    text-decoration: none;
}
div#footer div#webmaster a:hover{
    text-decoration: underline;
}
div#footer div#copy{
    width: 500px;
    position: absolute;
    top: 10px;
    left: 401px; /*901px - width*/
    text-align: right;
}

/* "neviditeln�" - ke zobrazeni pri zakazanych stylech */
.invisible{
    position: absolute;
    visibility: hidden;
}