#breadcrumbs a:not(:first-child)::before, #breadcrumbs span:not(:first-child)::before {
    padding-right: 0.1rem;
    content: '/'; 
}

#breadcrumbs a, #breadcrumbs span {
    padding: 0px 0.1rem;
}

.title {
    font-size: 1.5em;
    font-weight: bold;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
	text-decoration: none; 
    color: inherit;
}

.title:hover {
    text-decoration: none;
}

.gplay_fg {
    display: flex;
    align-items: center;
    margin-bottom: 10px; 
}

.icon_preview {
    display: grid;
    align-items: center;
    margin-bottom: 10px; 
}

.gplay_fg a {
    text-decoration: none; 
    color: inherit; 
    display: flex;
    align-items: center;
}

.gplay_fg a:hover {
    text-decoration: none; 
}

.gplay_fg img {
    margin-right: 10px; 
}

.container_rectangles {
    display: flex;
    justify-content: space-around; 
    align-items: stretch;
    gap: 20px;
    width: 100%;
    max-width: 1200px;
}

.rectangle {
    background-color: #aaaaaa;
    border-radius: 15px;
    padding: 20px;
    color: white;
    text-align: left;
    width: fit-content;
    min-width: fit-content;
    max-width: fit-content;
    box-shadow: 0 6px 11px rgba(0, 0, 0, 0.25)
}

.container_icons {
    display: flex;
    justify-content: space-around; 
    align-items: stretch;
    gap: 20px;
    width: 100%;
    max-width: 1200px;
}

.blue_rectangle {
	 background-color: #1095c1;
}

.green_rectangle {
	background-color: #10c186;
}

.red_rectangle {
	background-color: #cd7117;
}	


#breadcrumbs {
    display: -ms-flexbox;
    display: flex;
    margin-top: -1rem;
    margin-bottom: 0rem; 
    padding-left: 0;
    -ms-flex-align: center;
    align-items: center;
}

.header-fixed .hero {
    height: 30vh; 
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.Xheader-fixed .Xhero {
    height: 350px;
    /*top: 80px;*/
	/*background-position: 100%;*/
}


.header-fixed #header {
    position: fixed;
    z-index: 2;
    top: 0px;
  /*  background: transparent;*/
}

 .prev-next {
    margin-top: 1rem;
}

.pic50_left{
     width: 50%;
	 height: 930px;
     float: left;
     padding: 2%;	
     }	
	 
.pic50_centre_full { 
    padding-left: 2%;
    padding-right: 2%;		 
	padding-bottom: 2%;
}

 .pic95{
     width:  95%;	
	 padding: 2%;
     }	
	 
 .pic40{
     width:  40%;
	 float: left;
	 padding: 3px;
     }	
	 
 .pic48{
     width:  48%;
	 float: left;
	 padding: 3px;
     }	
	 
	 
 .pic50{
     width:  50%;
	 float: left;
	 padding: 3px;
     }	
	 
 .pic33{
     width:  33%;
	 float: left;
	 padding: 3px;
     }	
	
 .pic30{
     width:  30%;
	 float: left;
	 padding: 3px;
     }
		
 .pic25{
     width:  25%;	     
     float: left;
	 padding: 3px;
     }
	 
 .pic25b{
	width: 25%;
    float: left;
    padding: 20px;	
    }	 
		
 .pic15{
     width:  14%;
	 float: left;
	 padding: 3px;
     }
	 
  .container_man {
        position: relative;
        text-align: center;        
	    color: #000000;
        font-size: 14px;	  
	    background: #efefef;
      }
	  
  .nad-2 {
        position: absolute;
        top: 9%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:270px;
      }
            
      .nad-1 {
        position: absolute;
        top: 22%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:270px;
      }
            
      .nad-0 {
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:270px;
      }
            
      .pod-0 {
        position: absolute;
        top: 64%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:270px;
      }
      
      .pod-1 {
        position: absolute;
        top: 76%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:270px;
      }
            
      .pod-2 {
        position: absolute;
        top: 89%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:270px;
      }
	  
.txt {  position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);        
	    min-width: 245px;
	    color: #000000;      
        border-radius: 20px;
        border: 2px solid #ef1b21;
	    border-style: dashed;
        padding: 8px;
	    font-family: Times New Roman;
	    font-size: 14px;
}

.txt100w {  position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);        
	    min-width: 100px;
	    color: #000000;      
        border-radius: 20px;
        border: 2px solid #ef1b21;
	    border-style: dashed;
        padding: 8px;
	    font-family: Times New Roman;
	    font-size: 14px;
}

.txt120w {  position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);        
	    min-width: 120px;
	    color: #000000;      
        border-radius: 20px;
        border: 2px solid #ef1b21;
	    border-style: dashed;
        padding: 8px;
	    font-family: Times New Roman;
	    font-size: 14px;
}

.txt140w {  position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);        
	    min-width: 140px;
	    color: #000000;      
        border-radius: 20px;
        border: 2px solid #ef1b21;
	    border-style: dashed;
        padding: 8px;
	    font-family: Times New Roman;
	    font-size: 14px;
}

.txt160w {  position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);        
	    min-width: 160px;
	    color: #000000;      
        border-radius: 20px;
        border: 2px solid #ef1b21;
	    border-style: dashed;
        padding: 8px;
	    font-family: Times New Roman;
	    font-size: 14px;
}

.txt180w {  position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);        
	    min-width: 180px;
	    color: #000000;      
        border-radius: 20px;
        border: 2px solid #ef1b21;
	    border-style: dashed;
        padding: 8px;
	    font-family: Times New Roman;
	    font-size: 14px;
}

.txt200w {  position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);        
	    min-width: 200px;
	    color: #000000;      
        border-radius: 20px;
        border: 2px solid #ef1b21;
	    border-style: dashed;
        padding: 8px;
	    font-family: Times New Roman;
	}
	
.txt_02 {top: 2%;}
.txt_04 {top: 4%;}
.txt_06 {top: 6%;}
.txt_08 {top: 8%;}
.txt_10 {top: 10%;}
.txt_12 {top: 12%;}
.txt_14 {top: 14%;}
.txt_16 {top: 16%;}
.txt_18 {top: 18%;}
.txt_20 {top: 20%;}
.txt_22 {top: 22%;}
.txt_24 {top: 24%;}
.txt_26 {top: 26%;}
.txt_28 {top: 28%;}
.txt_30 {top: 30%;}
.txt_32 {top: 32%;}
.txt_34 {top: 34%;}
.txt_36 {top: 36%;}
.txt_38 {top: 38%;}
.txt_40 {top: 40%;}
.txt_42 {top: 42%;}
.txt_44 {top: 44%;}
.txt_46 {top: 46%;}
.txt_48 {top: 48%;}
.txt_50 {top: 50%; }
.txt_52 {top: 52%; }
.txt_54 {top: 54%; }
.txt_56 {top: 56%; }
.txt_58 {top: 58%; }
.txt_60 {top: 60%; }
.txt_62 {top: 62%; }
.txt_64 {top: 64%; }
.txt_66 {top: 66%; }
.txt_68 {top: 68%; }
.txt_70 {top: 70%; }
.txt_72 {top: 72%; }
.txt_74 {top: 74%; }
.txt_76 {top: 76%; }
.txt_78 {top: 78%; }
.txt_80 {top: 80%; }
.txt_82 {top: 82%; }
.txt_84 {top: 84%; }
.txt_86 {top: 86%; }
.txt_88 {top: 88%; }
.txt_90 {top: 90%; }
.txt_92 {top: 92%; }
.txt_94 {top: 94%; }
.txt_96 {top: 96%; }
.txt_98 {top: 98%; }
.txt_100 {top: 100%; }



@media (max-width: 768px) {
    .container_rectangles {
        flex-direction: column; 
        align-items: center;
    }
	
    .rectangle {
        width: 80%; 
        margin-bottom: 20px; 
    }
	
	.pic50_left{
		padding-left: 5%;
		padding-right: 5%;		 
		padding-bottom: 2%;
		width: 100%;
		float: left;		
		height: auto;
     }	
	 
	 .pic50_centre { 
		padding-left: 5%;
		padding-right: 5%;		 
		padding-bottom: 2%;
	}
	
	.pic50_centre_full { 
		padding-left: 5%;
		padding-right: 5%;		 
		padding-bottom: 2%;
	}
}


/* modal dialog pro news */
    /* Overlay (tmavé pozadí) */
        #modal-overlay {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
        }

        /* Dialog */
        #modal-dialog {
            display: block;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            padding: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            z-index: 1000;
            border-radius: 8px;
            max-width: 400px;
		    min-width: 350px;
            text-align: center;
        }

        /* Tlačítko zavření */
        .close-modal {
            padding: 10px 20px;
            background: #007bff;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .close-modal:hover {
            background: #0056b3;
        }

        /* Otevírací tlačítko */
        #open-modal {
            padding: 10px 20px;
            background: #28a745;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        #open-modal:hover {
            background: #218838;
        }


	/* manual pre svg*/
	  .manual-container {
		  width: 100%; 
		  position: relative;
		  max-width: 600px;
		  margin: auto;
		  border: 1px solid #ccc;
		  background: white;
    }

    .manual-image {
      width: 100%;
      display: block;
    }

    .label {
      position: absolute;
      background: rgba(255, 255, 255, 1.0);
      padding: 4px 10px;
      border-radius: 6px;
      font-size: 14px;
      border: 1px solid #858282;
      box-shadow: 0 5px 7px rgba(0,0,0,0.4);
      text-transform: none; 
    }

    .overlay-lines {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;	 
    }

    .overlay-lines line {
      stroke: #f00;
      stroke-width: 4;		   
    }