/* CSS Document */

* {margin:0}
* {padding:0}


body {background-image: url("5003_1.png");
      font-weight:bold;
      color:DarkGreen;
      font-size:20px;
      font-family:Comic Sans MS, Times New Roman CE, serif;}
      
h1 {padding:30px;
    color:DarkGreen;
    font-family:Comic Sans MS, , cursive;
    text-align:center;
    font-size:40px;
    z-index:3;
    font-weight:normal}

h2 {padding:20px;
    color:DarkGreen;
    font-family:Comic Sans MS, cursive;
    text-align:center;
    font-size:30px;
    font-weight:normal}

a {background-image: url("5003_1.png");
   font-family:Comic Sans MS, cursive;
   text-decoration:none;
   text-align:center;
   font-size:23px;
   border-width:thick;
   border-style:none;
   border-color:white;}
a:link {color:DarkGreen;}
a:visited {color:DarkGreen;}
a:hover {color:ForestGreen;}
a:active {color:Green;
          border-width:thick;
          border-style:none;
          border-color:white;} 

td {padding:10px;
    font-family:Comic Sans MS, serif;
    text-align:center;
    font-size:20px;
    font-weight:normal}

p.just {padding:10px;
    font-family:Comic Sans MS, serif;
    text-align:justify;
    font-size:20px;
    font-weight:normal}

.autorloga {padding:0px;
            margine:0px;
         font-family:Comic Sans MS, serif;
         text-align:center;
         font-size:14px;
         font-weight:normal}


.zahlavi {margin-top:30px;
    color:DarkGreen;
    font-family:Comic Sans MS, , cursive;
    text-align:center;
    font-size:40px;
    z-index:3;
    font-weight:normal}


.vnitrek1 {text-align:justify;
           padding-top:0px;
           padding-bottom:0px;
           padding-left:30px;
           padding-right:0px;
           font-family:Comic Sans MS, serif;
           font-size:20px;
           font-weight:normal}


.vnitrek2 {text-align:center;
           padding-top:0px;
           padding-bottom:0px;
           padding-left:30px;
           padding-right:0px;}
           font-family:Comic Sans MS, serif;
           font-size:20px;
           font-weight:normal}



.ramec {border-width:thick;
        border-style:outset;
        border-width:10px;
        border-color:DarkGreen;}


.ram_green {border-width:thick;
        border-style:outset;
        border-color:LimeGreen;
        border-width:8px;
        margine:20px;
        display:inline;
        vertical-align:top;
        horizontal-align:center;}


.ram_orange {
    border: 8px outset orange;
    margin: 20px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.3);}
    
.roh_box {
    width: 170px;
    height: 170px;
    padding: 8px;
    background: transparent;
    cursor: pointer;
    box-sizing: border-box;

    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.roh_box img {
    max-width: 100%;
    max-height: 90px;
    object-fit: contain;
    display: block;
}

.selected_roh {
    border: 8px outset #ff6600;
    box-shadow: 0 0 12px rgba(255,102,0,0.8);
}    

a.matousek {
   font-size:14px;
}