body {
	margin: 0px auto;
	width: 1101px;
    height: 686px;
	color: #FFF;
	font-family: "Times New Roman", Times, serif;
    background-color: #000000;
}

#hlavni {
	position: absolute;
	width: 1101px;
	height: 686px;
	background-color: #000000;
}

#leva {
	position: absolute;
	width: 548px;
	height: 682px;
	top: 2px;
	left: 2px;
}

#prava {
	position: absolute;
	width: 548px;
	height: 682px;
	top: 2px;
	left: 551px;
}

#datum {
	position: absolute;
	width: 531px;
	height: 100px;
    top: 10px;
    left: 10px;
    background: #043771; /* Původní šedá výplň #3b3b3b */
    border-radius: 10px;
    border: 1px solid white; /* Tenký bílý rámeček */
    /* NOVÝ, SILNÝ SVĚTELNÝ STÍN/ZÁŘE */
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5), 0 0 15px rgba(255, 255, 255, 0.8);
}

#datum_narozeniny {
	position: absolute;
	width: 519px;
	height: 15px;
	border: 0px solid #000000;
	bottom: 5px;
	left: 5px;
	text-align: left;
}
#stav_ikona {
	position: absolute;
	width: 16px;
	height: 16px;
    bottom: 5px;
    right: 5px;
}

#TepVlhTlk {
	position: absolute;
	width: 528px;
	height: 246px;
	top: 121px;
    left: 10px;
}

#teplota {
	position: absolute;
	width: 257px;
	height: 268px;
    background: #043771; /* Původní šedá výplň #3b3b3b */
    border-radius: 10px;
    border: 1px solid white; /* Tenký bílý rámeček */
    /* NOVÝ, SILNÝ SVĚTELNÝ STÍN/ZÁŘE */
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5), 0 0 15px rgba(255, 255, 255, 0.8);
}

#teplota_aktualni {
	position: absolute;
	width: 247px;
	height: 243px;
    top: 30px;
	border: 0px solid #000000;
	text-align: center;
	z-index: 2;
}   

#teplota_stup {
	position: relative;
	width: 216px;
	height: 115px;
	top: -80px;
	text-align: center;
}

#teplota_aktualni_min {
	position: absolute;
	width: 120px;
	height: 54px;
	border: 0px solid #000000;
	bottom: 20px;
	left: 10px;
	text-align: center;
}

#teplota_aktualni_max {
	position: absolute;
	width: 120px;
	height: 54px;
	border: 0px solid #000000;
	bottom: 20px;
	right: 10px;
	text-align: center;
}

#sipka_trend {
	position: absolute;
	top: 105px;
	left: 225px;
}

#minmax_teplota {
	position: absolute;
	top: 134px;
	left: 225px;
}

#teplota_sipka_zmena_zobrazeni {
	position: absolute;
	top: 72px;
	left: 5px;
	width: 40px;
	height: 75px;
}

#tlak {
	position: absolute;
	width: 263px;
	height: 129px;
	left: 268px;
    background: #043771; /* Původní šedá výplň #3b3b3b */
    border-radius: 10px;
    border: 1px solid white; /* Tenký bílý rámeček */
    /* NOVÝ, SILNÝ SVĚTELNÝ STÍN/ZÁŘE */
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5), 0 0 15px rgba(255, 255, 255, 0.8);
}

#tlak_data {
	position: absolute;
	width: 251px;
	height: 65px;
	top: 32px; 
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	z-index: 2;
} 

#tlak_data_stin {
	position: absolute;
	width: 251px;
	height: 65px;
	top: 35px;
	left: 3px;
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	color: black;
	z-index: 1;
    text-shadow: 0 0 10px #FFFFFF, 0 0 20px #FFFFFF;
} 

#tlak_text {
	text-align: center;
	font-size: 18px;
}

#tlak_tendence_sipka {
	position: absolute;
	top: 48px;
	left: 230px;
}

#minmax_tlak {
	position: absolute;
	top: 77px;
	left: 230px;
} 

#tlak_sipka_zmena_zobrazeni {
	position: absolute;
	top: 24px;
	left: 5px;
	width: 40px;
	height: 75px;
}

#vlhkost {
	position: absolute;
	width: 263px;
	height: 129px;
	top: 139px;
	left: 268px;
    background: #043771;
    border-radius: 10px;
    border: 1px solid white; /* Tenký bílý rámeček */
    /* NOVÝ, SILNÝ SVĚTELNÝ STÍN/ZÁŘE */
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5), 0 0 15px rgba(255, 255, 255, 0.8);
}

#vlhkost_data {
	position: absolute;
	width: 251px;
	height: 60px;
	top: 40px;
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	z-index: 2;
}

#vlhkost_data_stin {
	position: absolute;
	width: 251px;
	height: 60px;
	top: 43px;
	left: 3px;
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	color: black;
	z-index: 1;
    text-shadow: 0 0 10px #FFFFFF, 0 0 20px #FFFFFF;
}

#minmax_vlhk {
	position: absolute;
	top: 57px;
	left: 230px;
} 

#vlhkost_sipka_zmena_zobrazeni {
	position: absolute;
	top: 24px;
	left: 5px;
	width: 40px;
	height: 75px;
}

#srazky {
	position: absolute;
	width: 531px;
	height: 270px;
    left: 10px;
	bottom: 10px;
	line-height: 20px;
    background: #043771;
    border-radius: 10px;
    border: 1px solid white; /* Tenký bílý rámeček */
    /* NOVÝ, SILNÝ SVĚTELNÝ STÍN/ZÁŘE */
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5), 0 0 15px rgba(255, 255, 255, 0.8);
}

#srazky_pole {
	position: absolute;
	width: 519px;
	height: 179px;
	bottom: 20px;
	text-align: center;
	line-height: 34px;
}

#srazky_texty {
	position: absolute;
	width: 270px;
	height: 179px;
	left: 45px;
	text-align: left;
	z-index: 2;
}

#srazky_texty_stin {
	position: absolute;
	width: 270px;
	height: 176px;
	left: 48px;
	top: 3px;
	text-align: left;
	color: black;
	z-index: 1;
    text-shadow: 0 0 10px #FFFFFF, 0 0 20px #FFFFFF;
}

#srazky_data {
	position: absolute;
	width: 200px;
	height: 179px;
	right: 45px;
	text-align: right;
	z-index: 2;
}

#srazky_data_stin {
	position: absolute;
	width: 200px;
	height: 176px;
	right: 42px;
	top: 3px;
	text-align: right;
	color: black;
	z-index: 1;
    text-shadow: 0 0 10px #FFFFFF, 0 0 20px #FFFFFF;
}

#prave_prsi {
	position: absolute;
	top: -38px;
	left: 100px;
} 

#predpoved {
	position: absolute;
	width: 310px;
	height: 126px;  
	left: 0px;
    top: 10px;
    background: #043771;
    border-radius: 10px;
    border: 1px solid white; /* Tenký bílý rámeček */
    /* NOVÝ, SILNÝ SVĚTELNÝ STÍN/ZÁŘE */
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5), 0 0 15px rgba(255, 255, 255, 0.8);
}

#predpoved_obrazky {
    position: absolute;
	width: 536px;
	height: 120px;
	font-size: 17px;
}

#predpoved_obrazky img {
    border-radius: 10px;
    overflow: hidden;
    display: block;
}

#spotreba {
	position: absolute;
	width: 215px;
	height: 126px;  
	right: 10px;
    top: 10px;
    background: #043771;
    border-radius: 10px;
    border: 1px solid white; /* Tenký bílý rámeček */
    /* NOVÝ, SILNÝ SVĚTELNÝ STÍN/ZÁŘE */
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5), 0 0 15px rgba(255, 255, 255, 0.8);
}

#vitr {
	position: absolute;
	width: 536px;
	height: 376px;
	top: 147px;
    background: #043771;
    border-radius: 10px;
    border: 1px solid white; /* Tenký bílý rámeček */
    /* NOVÝ, SILNÝ SVĚTELNÝ STÍN/ZÁŘE */
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5), 0 0 15px rgba(255, 255, 255, 0.8);
}

#vitr_pozadi {
	position: absolute; 
	background-color: #043771;
	width: 150px;
	height: 80px;
	top: 136px;
	left : 153px;
	z-index: 4;
	border-radius: 50px;
    border: 1px solid white;
}

#vitr_data {
	position: absolute; 
	width: 150px;
	height: 70px;
	text-align: center;
	top: 156px;
	left : 154px;
	z-index: 5;
	font-weight: bold;
	color: black;
	line-height: 20px;
    text-shadow: 0 0 10px #FFFFFF, 0 0 20px #FFFFFF;
}

#vitr_data_stin {
	position: absolute;
	width: 130px;
	height: 70px;
	text-align: center;
	top: 143px;
	left : 160px;
	z-index: 6;
	font-weight: bold;
	color: white;
}

#vitr_data_ruzice {
	position: absolute;
	width: 451px;
	height: 240px;
	border: 0px solid #000000;
	text-align: center;
	top: 50px;
}

#vitr_prevazujici {
	position: absolute;
	width: 536px;
	height: 20px;
	border: 0px solid #000000;
	bottom: 35px;
	text-align: center;
	font-size: 20px;
}

#minmax_vitrprum {
	position: absolute;
	top: 255px;
	left: 503px;
} 

#slumes {
	position: absolute;
	width: 536px;
	height: 135px;
    right: 10px;
	bottom: 10px;
    background: #043771;
    border-radius: 10px;
    border: 1px solid white; /* Tenký bílý rámeček */
    /* NOVÝ, SILNÝ SVĚTELNÝ STÍN/ZÁŘE */
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5), 0 0 15px rgba(255, 255, 255, 0.8);
}

#mesic_slunce_text {
	position: absolute;
	width: 140px;
	height: 85px;
	bottom: 10px;
	left: 20px;
	text-align: left;
	line-height: 20px;
}

#mesic_slunce_data {
	position: absolute;
	width: 130px;
	height: 85px;
	bottom: 10px;
	left: 130px;
	text-align: right;
	line-height: 20px;
}

#mesic_mesic_text {
	position: absolute;
	width: 150px;
	height: 85px;
    bottom: 10px;
    left: 290px;
	text-align: left;
	line-height: 20px;
}

#mesic_mesic_data {
	position: absolute;
	width: 120px;
	height: 85px;
    bottom: 10px;
    right: 20px;
	text-align: right;
	line-height: 20px;
}

#aktualni_data{
	position: absolute;
	width: 529px;
	height: 40px;
	border: 0px solid #000000;
	top: 30px;
	left: 0px;
	text-align: center;
	z-index: 2;
}

#aktualni_data_stin{
	position: absolute;
	width: 529px;
	height: 40px;
	border: 0px solid #000000;
	top: 33px;
	left: 3px;
	text-align: center;
	color: black;
	z-index: 1;
    text-shadow: 0 0 10px #FFFFFF, 0 0 20px #FFFFFF;
}

span.aktualni_cas {
	font-size: 36px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}

span.narozeniny {
	font-size: 16px;
	color: #FF0;
	font-family: "arial", sans-serif;
	font-weight: bold;
}

.nadpis_levy {
    position: absolute;
	font-family: "arial", sans-serif;
	font-size: 15px;
	float: left;
    top: 5px;
    left: 5px;
}

.nadpis_pravy {
    position: absolute;
	font-family: "arial", sans-serif;
	font-size: 15px;
	float: right;
    top: 5px;
    right: 5px;
}

.nadpis_pravy_2radek {
    position: absolute;
	font-family: "arial", sans-serif;
	font-size: 15px;
	float: right;
	top: 22px;
    right: 5px;
}

.spotreba_nadpis {
    position: absolute;
	font-family: "arial", sans-serif;
	font-size: 15px;
	float: left;
    top: 5px;
    left: 5px;
}

.spotreba_hodnota {
    font-family: "Arial", sans-serif;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    padding-top: 30px;
    -webkit-text-stroke: 1px black;
    text-shadow: 0 0 10px #FFFFFF, 0 0 20px #FFFFFF;
}

/* -------------------------------------------------- */
/* ZESÍLENÉ DYNAMICKÉ STYLY ZÁŘENÍ PRO SPOTŘEBU/PŘETOK */
/* -------------------------------------------------- */

.glow-bila {
    -webkit-text-stroke: 0px !important;
    text-shadow: 
        3px 3px 0px #000000,     /* Černý stín (offset) */
        0 0 10px #FFFFFF,        /* První silná vrstva barevné záře */
        0 0 25px #FFFFFF,        /* Druhá vrstva záře */
        0 0 50px #FFFFFF,        /* Třetí vrstva pro velký rozptyl */
        0 0 100px #FFFFFF;       /* Čtvrtá vrstva pro maximální efekt jako u tlaku */
}

.glow-zluta {
    -webkit-text-stroke: 0px !important;
    text-shadow: 
        3px 3px 0px #000000, 
        0 0 10px #FFFF00, 
        0 0 25px #FFFF00, 
        0 0 50px #FFFF00, 
        0 0 100px #FFFF00;
}

.glow-zelena {
    -webkit-text-stroke: 0px !important;
    text-shadow: 
        3px 3px 0px #000000, 
        0 0 10px #00FF00, 
        0 0 25px #00FF00, 
        0 0 50px #00FF00, 
        0 0 100px #00FF00;
}

#spotreba_sum_text {
	position: absolute;
	width: 150px;
	height: 50px;
	left: 10px;
    top: 70px;
	text-align: left;
	line-height: 20px;
}

#spotreba_sum_data {
	position: absolute;
	width: 120px;
	height: 50px;
	top: 70px;
	right: 10px;
	text-align: right;
	line-height: 20px;
}

#spotreba_sum_data_stin {
	position: absolute;
	width: 120px;
	height: 50px;
	top: 75px;
	right: 5px;
	text-align: right;
	line-height: 20px;
    color: black;
}

span.aktteplota {
    font-size: 140px;
    font-family: "Lato", serif;
    font-weight: bold;
    -webkit-text-stroke: 2px black; 
    text-shadow: 0 0 80px #FFF, 0 0 100px #FFF;
}

span.prumer {
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
}

span.minmax {
	font-size: 28px;
	font-family: "Times New Roman", Times, serif;
}

span.srazky {
	font-size: 31px;
	font-family: "Times New Roman", Times, serif;
}

span.mesic {
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
}

span.spotreba {
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
}

a:link, a:visited {
  text-decoration: none;
  color: white;
}

.crop {
    width: 100%;
    height: 130px;
    overflow: hidden;
    left: 50px;
}

.teplota_zluta_cislo {
    color: #FF0;
    text-shadow: 0 0 5px #FF0, 0 0 10px #FF0;
}

.teplota_zluta_stupne {
    color: #FF0;
    text-shadow: 0 0 5px #FF0, 0 0 10px #FF0;
}

.stupne_1px_obrys {
    font-size: 25px;
    -webkit-text-stroke: 1px black !important;
    text-shadow: 0 0 5px #FFF, 0 0 10px #FFF;
}