div.content {width: 1200px ; margin: auto ; height:100%;} #div.ples {position: relative; height: 1100px; background-image: url(images/static/ci1.jpg);} div.ples {position: relative; height: 1100px; } div.uplefter {position: absolute; top: 0px; left: 0px; height:2100px; width: 50px; background-image: url(images/static/fakel-g.jpg);background-repeat: repeat-y;background-position:right;} #div.upcenter {position: absolute; top: 0px; left: 50px; height: 50px; width:1100px; background-image: url(images/static/ci1.jpg);} div.upcenter {position: absolute; top: 0px; left: 50px; height: 50px; width:1100px;} div.uprightr {position: absolute; top: 0px; left:1150px; height:2100px; width: 50px; background-image: url(images/static/faker-g.jpg); background-repeat: repeat-y;background-position:right;} div.header {position: absolute; top: 0px; left: 0px; height:120px; width:1100px; background-image: url(images/static/hed.png);} div.left {position: absolute; top:130px; left: 20px; height:200px; width: 200px; } div.center {position: absolute; top:120px; left:247px; width: 600px;} div.right {position: absolute; top:130px; left:880px; height:200px; width: 200px;} body {background-color:white; text-align: center; margin:0; padding:0; border:0; overflow:visible; height:100.1%; overflow-y: scroll; font-family:"Arial", "Helvetica", sans-serif; font-size: 12pt; color: black; behavior: url("csshover3.htc");} h1 {font-family: "Arial", "Helvetica", sans-serif; font-style: normal; font-variant: normal; font-size: 20pt; } h2 {font-family: "Arial", "Helvetica", sans-serif; font-style: normal; font-variant: normal; font-size: 17pt; text-align: left;} h3 {font-family: "Arial", "Helvetica", sans-serif; font-style: normal; font-variant: normal; font-size: 14pt; text-align: left;} table {font-family: "Arial", "Helvetica", sans-serif; font-style: normal; font-variant: normal; padding: 0px; background-color: none; color: black; font-size: 11pt;} table.karti {position: absolute; width:600px;} table.modeli {position: absolute; width:600px; padding-right:10px; padding-left:10px;padding-bottom:20px;} table.planini {position: absolute; top:100px; left:310px; width:290px; } table.gradove {width: 420px;font-size:inherit;font-weight: bold; padding-right:7px; padding-left:12px;padding-bottom:10px; background-color: #B0B0B0 ;} table.extr {width: 500px;font-size:inherit;font-weight: bold; padding-right:17px; padding-left:17px;padding-bottom:20px; background-color: #B0B0B0 ;} table.opasniop {text-align:justify; width: 200px; font-size: 9pt; background-color: #c0c0c0 ;} td {font-family: "Arial", "Helvetica", sans-serif; font-style: normal; font-variant: normal; padding: 0px; text-align: justify;} td.menuhed { text-align:right; padding-right:15px; padding-bottom:5px; padding-top:7px; font-weight:bold; font-size:15px; color:#5A7D4F;} td.l {padding-left: 10px; padding-right: 10px; text-justify:inter-word;} a {text-decoration: none; color: black; font-family: "Arial", "Helvetica", sans-serif; font-weight: bold;font-size: 10pt;} a.center:hover {text-decoration: underline;} a.nav:hover {color: red;} a.biggy:hover {color: red;} p {text-align:justify;font-family: "Arial", "Helvetica", sans-serif ;font-weight: normal;font-size:11pt;} p.pochivkamore {position: absolute; top:120px; left:280px; width:300px; color: black;} .headersubtitle {position:absolute; top:50px; left:130px; font-weight: bold; font-size:12pt;} ul,li,ol,dd {text-align:justify;font-family: "Arial", "Helvetica", sans-serif ;font-weight: normal;font-size:11pt;} img { border:0; padding:0px;} img.big { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } img.grbor { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; border: 1px solid green;} img.ico {border-style: solid;border-width: 1px;border-color: green; background-color: white;} img.ico:hover {border-color: red;} div.logo { position: absolute; top:10px; left:30px; } div.headertitle {position: absolute; top:11px; left:320px; } div.headersubtitle { position:absolute; top:50px; left:290px;} div.lang { position: absolute; top: 85px; left: 780px;z-index: 2;} div.protest { position: absolute; top: 90px; left: 30px;width:700px;border-style: solid;border-width: 2px;border-color:red; } /*div.protest { position: absolute; top: 90px; left: 30px;width:700px; } */ div.alarm { position: absolute; top: 1px; left: 855px;} div.grey { position: absolute; top: -3px; left: 770px;} div.akcentimg { position: absolute; top: 8px; left: 1000px;} div.akcent1 { position: absolute; top: 17px; left:857px; width:140px;} div.akcentshad1 { position: absolute; top: 18px; left:858px; width:140px;} div.akcent2 { position: absolute; top: 17px; left:857px; width:200px;} div.akcentshad2 { position: absolute; top: 18px; left:858px; width:200px;} div.footnote {position: absolute; top: 90px; left: 865px;font-size: 8pt;} div.innertube {background-color: inherit;margin-top:10px;margin-bottom:10px;margin-right:15px;margin-left:15px;font-size: 13pt;} div.mask {position: absolute; top:-3px; left:-14px;right: 0;bottom: 0;} /* div.mask1 {position: absolute; top:21px; left:80px;right: 0;bottom: 0; z-index: 10000;} */ div.text1 {position: absolute; top:30px; left: -20px; right: 0;bottom: 0; display: inline;} div.gradove {position: absolute; top:630px; left:40px; width:600px; background-color: none; color: black; text-align: left;} div.opasnitxt { position:absolute; top:480px; left: -5px;} div.opasnileg { position:absolute; top:480px; left:420px; width:200px;} div.obshtini { position:absolute; top:480px; left:10px; width:400px;} div.opsnidesk { position:absolute; top:540px; left:646px; width:200px;} div.opbuton { position:absolute; top:80px; left:160px; } div.pdfdesk { position:absolute; top:410px; left:400px; } div.navigation {position: absolute; text-align: left; font-family:inherit; font-size:10pt; top: 5px; left: 5; border-bottom: 1px solid red;} div.navigationLong {position: absolute; width: 650px; text-align: left; font-family:inherit; font-size:10pt; top: 5px; left: 5; border-bottom: 1px solid red;} div.poiasnenia {position: absolute; text-align: left; font-family:inherit; font-size:10pt; top: 20px; left: 20px; border-bottom: 1px solid red;} /* dobaveno zaradi poiasneniata ot MeteoAlarm */ .submenuhed {float:left;margin-top:5px;margin-left:12px;margin-bottom:1px;font-family:inherit; font-weight:bold; font-size:14pt;color: #5A7D4F;} .submenuitem {float:left;margin-left:18px;margin-bottom:-1px;font-family:inherit;font-weight: bold; font-size:11pt;color: #5A7D4F;} .submenuitem:hover {color:black;} .right {float:right;} .blue {color: blue;} .akc {font-family: "Arial", "Helvetica", sans-serif; font-style: normal; font-variant: normal; padding: 5px; text-align: left; font-size: 17pt; font-weight: bold; color:#B00000;} .akcs {font-family: "Arial", "Helvetica", sans-serif; font-style: normal; font-variant: normal; padding: 5px; text-align: left; font-size: 17pt; font-weight: bold; color:white;} .red {color: red;} .white {color: white;} .green {color: green;} .julto {color: #FFFF00;} .orng {color: #FF9933;} .small {font-size:10pt;} .smallsmall {font-size:8pt;font-weight: bold;} .runder {border-bottom: 1px solid red;} .biggy {font-family: "Arial", "Helvetica", sans-serif; font-style: normal; font-variant: normal; padding: 10px; text-align: left; font-size: 17pt; font-weight: bold;} .hdddr {font-family: "Arial", "Helvetica", sans-serif; font-style: normal; font-variant: normal; padding: 10px; text-align: left; font-size: 20pt; font-weight: bold;} .hdddrs {font-family: "Arial", "Helvetica", sans-serif; font-style: normal; font-variant: normal; padding: 5px; text-align: left; font-size: 12pt; font-weight: bold;} .tablica {width:200px;font-size:inherit;font-weight: bold;border-style: solid;border-width: 1px;border-color: green; background-color: #FFFFDE;margin-bottom:12px;} .center {text-align:center;margin-bottom:0px;} .tablica-center {position: absolute;top:40px;left:10px;width:600px;font-size:inherit;font-weight: bold;background-color: inherit; margin-bottom:12px;} .menu {width:200px;font-weight: bold;border-style: solid;border-width: 1px;border-color: green;background-color: #FFFFDE;color: green; margin-bottom:12px;} /*CSS-Tricks Example by Chris Coyier http://css-tricks.com*/ #page-wrap {position: absolute; width: 700px; font-family:"Arial", "Helvetica", sans-serif; z-index: 1000;} #one { background: url(images/png/0/Observations.png) no-repeat; z-index: 2; background-color: #ECE5B6;} /*#one { background: url(images/bg600.png) no-repeat; z-index: 2; background-color: #ECE5B6;} */ #two { background: url(images/gif/0/IR108.gif) no-repeat;} #four { background: url(images/gif/0/RGB07-Airmass.gif) no-repeat; } #three { background: url(images/gif/Radar_1_2.gif) no-repeat; } #one span { position: relative; left: -1px; bottom: 22px; } #two span { position: relative; left: 156px; bottom: 22px; } #four span { position: relative; left: 241px; bottom: 22px; } #three span { position: relative; left: 341px; bottom: 22px; } /*#three span { position: relative; left: 156px; bottom: 22px; }*/ .image-link { display: block; width: 600px; height:400px; position: absolute; background-color: #ECE5B6; border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} .image-link span {height: 20px; padding: 5px; background-color: #ECE5B6 ; border-top: 1px solid green; border-bottom: 2px solid #ECE5B6; border-left: 1px solid green; border-right: 1px solid green;} .image-link:hover { z-index: 100; } .image-link:hover span { background-color: #ECE5B6; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;} #oneBG { background: url(images/pnga/0/PrognozaBG_0.png) no-repeat; z-index: 2; } #twoBG { background: url(images/pnga/0/PrognozaBG_1.png) no-repeat; } #threeBG { background: url(images/pnga/0/PrognozaBG_2.png) no-repeat; } #oneBG span { position: relative; left: -1px; bottom: 22px; } #twoBG span { position: relative; left: 64px; bottom: 22px; } #threeBG span { position: relative; left: 128px; bottom: 22px; } .image-link-bg { display: block; width: 600px; height:400px; position: absolute; border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} .image-link-bg span {height: 20px; padding: 5px; background-color: #DFDFDF ; border-top: 1px solid green; border-bottom: 2px solid #DFDFDF; border-left: 1px solid green; border-right: 1px solid green;} .image-link-bg:hover { z-index: 100; } .image-link-bg:hover span { background-color: #DFDFDF; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;} #oneBP { background: url(images/png/0/PrognozaBP_0.png) no-repeat; z-index: 2; } #twoBP { background: url(images/png/0/PrognozaBP_1.png) no-repeat; } #threeBP { background: url(images/png/0/PrognozaBP_2.png) no-repeat; } #oneBP span { position: relative; left: -1px; bottom: 22px; } #twoBP span { position: relative; left: 63px; bottom: 22px; } #threeBP span { position: relative; left: 128px; bottom: 22px; } .image-link-bp { display: block; width: 600px; height:400px; position: absolute; background-color: #BDBDBD; border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} .image-link-bp span {height: 20px; padding: 5px; background-color: #BDBDBD ; border-top: 1px solid green; border-bottom: 2px solid #BDBDBD; border-left: 1px solid green; border-right: 1px solid green;} .image-link-bp:hover { z-index: 100; } .image-link-bp:hover span { background-color: #BDBDBD; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;} #oneEU { background: url(images/png/0/PrognozaEU_0.png) no-repeat; z-index: 2; } #twoEU { background: url(images/png/0/PrognozaEU_1.png) no-repeat; } #threeEU { background: url(images/png/0/PrognozaEU_2.png) no-repeat; } #oneEU span { position: relative; left: -1px; bottom: 22px; } #twoEU span { position: relative; left: 63px; bottom: 22px; } #threeEU span { position: relative; left: 128px; bottom: 22px; } .image-link-eu { display: block; width: 600px; height:400px; position: absolute; background-color: #BDBDBD; border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} .image-link-eu span {height: 20px; padding: 5px; background-color: #BDBDBD ; border-top: 1px solid green; border-bottom: 2px solid #BDBDBD; border-left: 1px solid green; border-right: 1px solid green;} .image-link-eu:hover { z-index: 100; } .image-link-eu:hover span { background-color: #BDBDBD; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;} #onelyuts { background: url(images/png/0/WarnPojar1.png) no-repeat; z-index: 2;} #twolyuts { background: url(images/png/0/WarnPojar2.png) no-repeat; } #onelyuts span { position: relative; left: -1px; bottom: 22px; background-color: white;} #twolyuts span { position: relative; left: 46px; bottom: 22px; background-color: white;} .image-link-lyuts { display: block; width: 600px; height:542px; position: absolute;border-top: 1px solid green; border-bottom: 2px solid green; border-left: 1px solid green;border-right: 1px solid green; background-color: white;} .image-link-lyuts span {height: 20px; padding: 5px; background:#ECE5B6 ;border-top: 1px solid green; border-bottom: 1px solid #FFFFDE; border-left: 1px solid green; border-right: 1px solid green;} .image-link-lyuts:hover { z-index: 100; } .image-link-lyuts:hover span { background-color: #FFFFDE; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;} #oneWE { background: url(images/png/0/PrognozaD7_BG_1.png) no-repeat; z-index: 2; } #oneWE span { position: relative; left: -1px; bottom: 22px; } .image-link-we { width: 600px; height:400px; position: absolute;border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} .image-link-we span {height: 20px; padding: 5px; background:#78ADD5 ; border-top: 1px solid green; border-bottom: 2px solid #78ADD5; border-left: 1px solid green; border-right: 1px solid green;} .image-link-we:hover { z-index: 100; } .image-link-we:hover span { background-color: #78ADD5; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;} #one15 { background: url(images/png/0/Prognoza15_0.png) no-repeat; z-index: 2; } #one15 span { position: relative; left: -1px; bottom: 22px; } .image-link-15 { width: 600px; height:400px; position: absolute;border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} .image-link-15 span {height: 20px; padding: 5px; background:#78ADD5 ; border-top: 1px solid green; border-bottom: 2px solid #78ADD5; border-left: 1px solid green; border-right: 1px solid green;} .image-link-15:hover { z-index: 100; } .image-link-15:hover span { background-color: #78ADD5; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;} #oneMON { background: url(images/png/0/BG_Monthly_0.png) no-repeat; z-index: 2; } #oneMON span { position: relative; left: -1px; bottom: 22px; } .image-link-mon { width: 600px; height:400px; position: absolute;border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} .image-link-mon span {height: 20px; padding: 5px; background:#B3B3B3 ; border-top: 1px solid green; border-bottom: 2px solid #B3B3B3; border-left: 1px solid green; border-right: 1px solid green;} .image-link-mon:hover { z-index: 100; } .image-link-mon:hover span { background-color: #B3B3B3; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;} #oneMN { background: url(images/png/0/PrognozaMN_0.png) no-repeat; z-index: 2; } #twoMN { background: url(images/png/0/PrognozaMN_1.png) no-repeat; } #oneMN span { position: relative; left: -103px; bottom: 22px; } #twoMN span { position: relative; left: -38px; bottom: 22px; } .image-link-mount { width: 265px; height:400px; position: absolute;top: 100px; left:10px; border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} .image-link-mount span {height: 20px; padding: 5px; background:#78ADD5 ; border-top: 1px solid green; border-bottom: 2px solid #78ADD5; border-left: 1px solid green; border-right: 1px solid green;} .image-link-mount:hover { z-index: 100; } .image-link-mount:hover span { background-color: #78ADD5; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;} #oneSA { background: url(images/png/0/PrognozaBR_0.png) no-repeat; z-index: 2; } #twoSA { background: url(images/png/0/PrognozaBR_1.png) no-repeat; } #oneSA span { position: relative; left: -65px; bottom: 22px;} #twoSA span { position: relative; left: -1px; bottom: 22px; } .image-link-sea { width: 190px; height:400px; position: absolute; top: 100px; left:30px;border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} .image-link-sea span {height: 20px; padding: 5px; background:#FFFFDE ; border-top: 1px solid green; border-bottom: 2px solid #FFFFDE; border-left: 1px solid green; border-right: 1px solid green;} .image-link-sea:hover { z-index: 100; } .image-link-sea:hover span { background-color: #FFFFDE; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;} /* Valnenie na moreto - WW3 - Anna Kortcheva*/ #oneWAVES { background: url(images/others/win.gif) no-repeat; z-index: 2; } #twoWAVES { background: url(images/others/swh.gif) no-repeat; } #oneWAVES span { position: relative; left: -258px; bottom: 22px; } #twoWAVES span { position: relative; left: -156px; bottom: 22px; } .image-link-waves { width: 570px; height:470px; position: absolute;top: 100px; left:30px; border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} .image-link-waves span {height: 20px; padding: 5px; background:#ffffff ; border-top: 1px solid green; border-bottom: 2px solid #ffffff; border-left: 1px solid green; border-right: 1px solid green;} .image-link-waves:hover { z-index: 100; } .image-link-waves:hover span { background-color: #ffffff; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;} /* Indeks na komfort - Ilian Gospodinov - DA SE OPRAVI ZA NOVITE KARTI - SEGA NE RABOTI*/ #oneWci { background: url(images/others/nosel.php?imageToShow=comfort&karta=wci&coeff=78&chd=3&d=0) no-repeat; z-index: 2; } #twoWci { background: url(images/others/nosel.php?imageToShow=comfort&karta=wci&coeff=78&chd=3&d=1) no-repeat; } #threeWci { background: url(images/others/nosel.php?imageToShow=comfort&karta=wci&coeff=78&chd=3&d=2) no-repeat; } #oneWci span { position: relative; left: -296px; bottom: 22px; } #twoWci span { position: relative; left: -200px; bottom: 22px; } #threeWci span { position: relative; left: -68px; bottom: 22px; } .image-link-wci { width: 650px; height:390px; position: absolute;top: 100px; left:-0px; border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} .image-link-wci span {height: 20px; padding: 5px; background:#ffffff ; border-top: 1px solid green; border-bottom: 2px solid #ffffff; border-left: 1px solid green; border-right: 1px solid green;} .image-link-wci:hover { z-index: 100; } .image-link-wci:hover span { background-color: #ffffff; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;} /* Pojari - Ilian Gospodinov*/ #oneFire { background: url(images/others/nosel.php?imageToShow=fwi&karta=fwi&coeff=78&chd=3&d=0) no-repeat; z-index: 2; } #twoFire { background: url(images/others/nosel.php?imageToShow=fwi&karta=fwi&coeff=78&chd=3&d=1) no-repeat; } #threeFire { background: url(images/others/nosel.php?imageToShow=fwi&karta=fwi&coeff=78&chd=3&d=2) no-repeat; } #oneFire span { position: relative; left: -296px; bottom: 22px; } #twoFire span { position: relative; left: -200px; bottom: 22px; } #threeFire span { position: relative; left: -68px; bottom: 22px; } .image-link-fire { width: 650px; height:411px; position: absolute;top: 100px; left:-0px; border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} .image-link-fire span {height: 20px; padding: 5px; background:#ffffff ; border-top: 1px solid green; border-bottom: 2px solid #ffffff; border-left: 1px solid green; border-right: 1px solid green;} .image-link-fire:hover { z-index: 100; } .image-link-fire:hover span { background-color: #ffffff; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;} /* Valeji - Ilian Gospodinov*/ #oneValej{ background: url(images/others/nosel.php?imageToShow=prec&karta=prec&coeff=78&chd=12&d=0) no-repeat; z-index: 2; } #oneValej span { position: relative; left: -296px; bottom: 22px; } .image-link-valej { width: 650px; height:411px; position: absolute;top: 100px; left:-0px; border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} /* Snejna pokrivka - Ilian Gospodinov*/ #oneSniag{ background: url(images/others/nosel.php?imageToShow=snow&karta=snow&coeff=78&chd=12&d=0) no-repeat; z-index: 2; } #oneSniag span { position: relative; left: -296px; bottom: 22px; } .image-link-sniag { width: 650px; height:411px; position: absolute;top: 100px; left:-0px; border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} /* Aladin */ #oneAladin { background: url(images/others/clo.gif) no-repeat; z-index: 2; } #twoAladin { background: url(images/others/p.gif) no-repeat; } #threeAladin { background: url(images/others/w.gif) no-repeat; } #oneAladin span { position: relative; left: -284px; bottom: 22px; } #twoAladin span { position: relative; left: -104px; bottom: 22px; } #threeAladin span { position: relative; left: 132px; bottom: 22px; } .image-link-aladin { width: 650px; height:520px; position: absolute;top: 100px; left:-0px; border-top: 1px solid green; border-bottom: 1px solid green; border-left: 1px solid green;border-right: 1px solid green;} .image-link-aladin span {height: 20px; padding: 5px; background:#ffffff ; border-top: 1px solid green; border-bottom: 2px solid #ffffff; border-left: 1px solid green; border-right: 1px solid green;} .image-link-aladin:hover { z-index: 100; } .image-link-aladin:hover span { background-color: #ffffff; height: 20px; padding: 5px; border-top: 1px solid green; border-left: 1px solid green; border-right: 1px solid green;}