﻿* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
body {padding:20px 0; background:#FFF; font:0.75em/1.5 "verdana",sans-serif; color:#000; text-align:center;}

a {color:#005d9b;}
a:hover {color:#ff6905;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:200%;}
h2 {font-size:180%;  font-family:"arial",sans-serif; letter-spacing:-1px; color:#005D9B;}
h3 {font-size:160%;}
h4 {font-size:120%;}
h5 {font-size:100%;}

p {margin:15px 0;}

table {margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 5px;}

ul, ol {display:block; margin:15px 0 15px 40px;}
ul ul, ul ul ul, ol ol, ol ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
ol ol ol {list-style-type:lower-alpha;}
li {display:list-item;}

dl {margin:15px 0;}
dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {margin:15px 0; padding:10px; border:1px solid #CCC;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#000;}

abbr, acronym, .help {border-bottom:1px dotted #CCC; cursor:help;}
blockquote {margin:15px 20px; font-style:italic;}

del, .del {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

hr {display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}

/* UNIVERZÁLNÍ ------------------------------------------------------------------------------------------- */
.f-left {float:left;}
.f-right {float:right;}

.t-left, tr.t-left td {text-align:left !important;}
.t-center, tr.t-center td {text-align:center !important;}
.t-right, tr.t-right td {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.width100 {width:100%;}

.clear {clear:both;}

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.nom {margin:0;}
.nomt {margin-top:0;}
.nomb {margin-bottom:0;}

.noscreen {display:none;}

/* LAYOUT ------------------------------------------------------------------------------------------------ */

#main {width:910px; margin:0 auto; text-align:left;}

	/* Hlavička */
	#header {position:relative; width:910px; height:150px; background:#4EA8FF url("../design/header.jpg") 0 0 no-repeat;}

        #logo {position:absolute; top:40px; left:30px;}
        #logo h1 {position:relative; overflow:hidden; width:195px; height:60px; margin:0; padding:0;}
        #logo h1 a {color:#FFF;}
		#logo h1 span {display:block; position:absolute; left:0; top:0; z-index:1; width:195px; height:60px; background:url("../design/logo.png") 0 0 no-repeat; cursor:pointer;}

        ul#sub {position:absolute; top:0; right:30px; margin:0; padding:0; list-style:none;}
        ul#sub li {display:inline; margin:0; padding:0; text-align:center;}
        ul#sub li a {display:block; float:left; width:55px; padding-top:45px; text-transform:uppercase; font-size:80%; color:#FFF; font-weight:bold; text-align:center;}
        ul#sub li#sub-pocasi a {background:url("../design/ico-sub-pocasi.jpg") 50% 0 no-repeat; color:#ffdd65; text-decoration:none;}
        ul#sub li#sub-snih a {background:url("../design/ico-sub-snih.jpg") 50% 0 no-repeat;}
        ul#sub li#sub-leto a {background:url("../design/ico-sub-leto.jpg") 50% 0 no-repeat;}
        ul#sub li#sub-bourky a {background:url("../design/ico-sub-bourky.jpg") 50% 0 no-repeat;}
        ul#sub li#sub-blogy a {background:url("../design/ico-blogy.png") 50% -2px no-repeat;}
        ul#sub li#sub-forum a {background:url("../design/ico-sub-forum.jpg") 50% 0 no-repeat;}
        ul#sub li a:hover {color:#98DFFF; text-decoration:none;}

        #nav {position:absolute; top:100px; left:20px; width:870px; height:40px; background:#56CEFF url("../design/nav-bg.jpg") 0 0 repeat-x;}
        #nav-in {position:relative; width:870px; height:40px;}
        #nav-l {position:absolute; top:0; left:0; width:15px; height:40px; background:url("../design/nav-l.jpg") 0 0 no-repeat;}
        #nav-r {position:absolute; top:0; right:0; width:10px; height:40px; background:url("../design/nav-r.jpg") 100% 0 no-repeat;}
        #nav ul {margin:0; margin-left:20px; padding:0; list-style:none;}
        #nav ul li {display:inline; margin:0; padding:0;}
        #nav ul li a {display:block; float:left; height:28px; padding:12px 10px 0 10px; background:url("../design/nav-link.gif") 100% 0 no-repeat; text-decoration:none; font-size:85%; text-transform:uppercase; font-weight:bold; color:#003f68;}
        #nav ul li a:hover {background:url("../design/nav-hover.gif") 100% 0 repeat-x; color:#000;}
        #nav ul li#nav-active a {background:url("../design/nav-active.gif") 0 0 repeat-x; color:#FFF;}

    /* Zprávy dne */
    #ticker-t {clear:both; display:block; width:910px; height:8px; background:url("../design/ticker-t.gif") 0 100% no-repeat;}
    #ticker-b {clear:both; display:block; width:910px; height:8px; margin-bottom:10px; background:url("../design/ticker-b.gif") 0 0 no-repeat;}
    #ticker {clear:both; padding:0 20px; background:#fbefb6 url("../design/ticker-bg.gif") 0 0 repeat-y;}
    #ticker p {margin:0;}
    .fade p {width:100%;}

        #ticker strong {margin-right:8px; padding-left:12px; background:url("../design/ticker-arrow.gif") 0 50% no-repeat; color:#ff6905; font-weight:bold; text-transform:uppercase; font-size:85%;}
        #ticker a {color:#000;}
        #ticker a:hover {text-decoration:none;}

	/* Sloupce */
	.col-01 {margin-top:10px; background:url("../design/col-01-t.jpg") 0 0 no-repeat;}
	.col-02 {margin-top:10px; background:url("../design/col-02.gif") 0 0 repeat-y;}
	.col-03 {width:600px; margin:0 -20px; padding:15px 20px; background:url("../design/col-03.jpg") 0 0 no-repeat;}
	
        .col-02-t {background:url("../design/col-02-t.jpg") 0 0 no-repeat;}
        .col-02-b {padding-bottom:20px; background:url("../design/col-02-b.jpg") 0 100% no-repeat;}

        .col-l {float:left; width:600px; padding:15px 20px 0 20px;}
        .col-r {float:left; width:250px; padding:15px 0 0 20px;}
        
        .col-l h1 {margin:0 0 20px 0; padding:5px 0 5px 37px; background:url("../design/hx-title.gif") 0 5px no-repeat; font-family:"arial",sans-serif; letter-spacing:-1px; font-size:180%; color:#005D9B;}

        .col-r ul {margin:0; padding:0; list-style:none;}
        .col-r ul li {margin:0; padding:0; padding-left:15px; background:url("../design/li.gif") 0 5px no-repeat;}
        .col-r .fotky {width:230px;}
        .col-r .fotky img {margin:0 3px;}
        
        h3.col-r-title, h4.col-r-title {margin:17px 0 0 -20px; padding:15px 20px; background:url("../design/col-r-title.jpg") 0 0 no-repeat; font-size:100%; color:#005D9B;}
        .col-r h3, .col-r h4 {font-size:100%; color:#005D9B;}

        dl.col-r-novinky {margin:10px 0; padding:0; font-size:85%; line-height:180%;}
        dl.col-r-novinky dt, dl.col-r-novinky dt {clear:both; float:left; width:70px; font-weight:bold; color:#ff6905;}
        dl.col-r-novinky dd {float:left; width:160px; margin:0; padding:0;}
        dl.col-r-novinky dd a {font-weight:bold;}

	/* Patička */
	#footer {margin-top:15px; font-size:90%;}
	#footer p {margin:0; width:270px;}
        #footer-nuvio {float:right;}
        #footer-nuvio a#nuvio-logo {padding:1px 18px 1px 0; background:url("../design/ico-nuvio.gif") 100% 0 no-repeat;}

/* OSTATNÍ ----------------------------------------------------------------------------------------------- */

       /* Přepověď dnes - Mapa ČR */
    #mapa-cr {position:relative; clear:both; width:600px; height:360px; background:url("../design/mapa-at.gif") -2px 20px no-repeat; text-align:right;}
    #mapa-cr2 {position:relative; clear:both; width:600px; height:360px; background:url("../design/mapa2-at.gif") -2px 20px no-repeat; text-align:right;}
        #mapa-den {position:absolute; top:90px; left:40px; color:#005d9b;}
        #mapa-den strong, #mapa-den a {color:#ff6905;}
        #mapa-den a:hover {background:#ff6905; color:#FFF; text-decoration:none;}
        #mapa-den .smaller {font-size:85%;}

       
        /* Pozice měst na mapě */
        #mapa-linz {position:absolute; top:80px; left:312px; width:50px; text-align:center;}
        #mapa-bregenz {position:absolute; top:190px; left:14px; width:50px; text-align:center;}
        #mapa-innsbruck {position:absolute; top:190px; left:158px; width:50px; text-align:center;}
        #mapa-kitzbuhel {position:absolute; top:190px; left:222px; width:50px; text-align:center;}
        #mapa-salzburg {position:absolute; top:170px; left:292px; width:50px; text-align:center;}
        #mapa-steyregg {position:absolute; top:127px; left:362px; width:50px; text-align:center;}
        #mapa-vienna {position:absolute; top:79px; left:457px; width:50px; text-align:center;}
        #mapa-eisenstadt {position:absolute; top:132px; left:538px; width:50px; text-align:center;}
        #mapa-graz {position:absolute; top:192px; left:458px; width:50px; text-align:center;}
        #mapa-klagenfurt {position:absolute; top:262px; left:358px; width:50px; text-align:center;}
        strong.teplota {position:relative; top:-5px; display:block; width:50px; height:16px; background:url("../design/mapa-teplota-bg.gif") 50% 1px no-repeat; font-size:85%; text-align:center;}

      

    /* Předpověď dnes - slovem */
    #predpoved-slovem {margin:10px 0;}
    #predpoved-slovem-l {float:left; width:88px;}
    #predpoved-slovem-l h3 {margin:0; text-transform:uppercase; font-size:95%; font-weight:bold; color:#ff6905;}
    #predpoved-slovem-r {float:left; width:512px;}

    .t-center img {	border-width: 2px; border-color: #91d1ff;	border-style: solid; margin: 2px; }

    /* Obrázkové nadpisy */
    #hx-pocasi-cr {position:absolute; top:0; left:0; width:223px; height:51px; margin:0; background:url("../design/hx-wetter-in-at.gif") 0 0 no-repeat;}

    #hx-predpoved-5dni {width:237px; height:44px; margin:0; margin-bottom:10px; background:url("../design/hx-vorhersage-5tage.gif") 0 0 no-repeat;}
    #hx-artikle {width:239px; height:40px; margin:0; margin-bottom:10px; background:url("../design/hx-artikle.gif") 0 -2px no-repeat;}
    #hx-pocasi {width:105px; height:41px; margin:0; margin-bottom:10px; background:url("../design/hx-wetter.gif") 0 0 no-repeat;}
    #hx-nahodne-fotografie {width:211px; height:34px; margin:0; margin-bottom:10px; background:url("../design/hx-nahodne-fotografie.gif") 0 0 no-repeat;}
    #hx-predpoved-pocasi {width:192px; height:44px; margin:0; margin-bottom:5px; background:url("../design/hx-wettervorhesage.gif") 0 0 no-repeat;}
    #hx-aktualni-pocasi {width:192px; height:44px; margin:0; margin-bottom:5px; background:url("../design/hx-aktuelles.gif") 0 0 no-repeat;}



    #hx-pocasi-cr span, #hx-predpoved-5dni span, #hx-artikle span,  #hx-aktual-tp span,  #hx-aktual-cr span, .col-r-title span, #hx-pocasi span, #hx-nahodne-fotografie span, #hx-aktualni-pocasi span, #hx-predpoved-pocasi span {display:none;}
    /* Předpověď na 5 dní */
    .predpoved-den {clear:both; width:250px; height:65px; margin-bottom:5px; background:url("../design/predpoved-den.gif") 0 0 no-repeat;}
    .predpoved-den-r {float:right; width:175px; padding-top:15px; font-size:90%;}
        .predpoved-den-r h4 {margin:0; font-size:115%;}
        .predpoved-den-r h4 span {font-size:100%; font-weight:normal; color:#005D9E;}
        .ico-bio {margin-right:10px; padding-left:15px; background:url("../design/ico-bio.gif") 0 50% no-repeat;}
.bio-noc {color: gray; font-size: 95%;}
 .ico-slunce {margin-right:10px; padding-left:15px; background:url("../design/slunce.gif") 0 50% no-repeat;}
        .ico-noc {padding-left:15px; background:url("../design/ico-noc.gif") 0 60% no-repeat;}
    .predpoved-den-l {float:left; width:65px; margin-right:10px; padding-top:5px; text-align:center;}
        .predpoved-den-teplota {position:relative; top:-10px; font-size:120%;}

    /* Předpověď na 3 dny a 6 dní */
    .predpoved-denc {margin:0 15px; margin-bottom:15px; float:left; width:70px; height:75px; text-align:center; background: white; text-decoration: none;	}
     .predpoved-denc {display: block; width:70px; height:75px; padding-top:10px; background-image: url("../design/predpoved-den2.gif");	background-position: bottom; background-repeat: repeat-x; color: black; text-decoration: none;}
     .predpoved-denc a:hover{display: block; width:70px; height:75px; background-image: url("../design/predpoved-active.gif");	background-position: bottom; background-repeat: repeat-x; color: black;	text-decoration: none;}

    .predpoved-denc img {position:relative; top:-2px; }
    .predpoved-denc div {position:relative; top:-10px; line-height:1.1;}
    .predpoved-denc div span {font-size:90%; color:#005D9B;}
    .predpoved-denc div span.high {font-weight:bold; color:#FF6905;}
    .predpoved-denc div strong {font-size:120%;}
    
    .predpoved-den2 {float:left; width:70px; height:84px; padding-top:5px; background:url("../design/predpoved-den2.gif") 0 0 no-repeat; text-align:center;}
    .predpoved-den2 div {position:relative; top:-7px; line-height:1.1;}
    .predpoved-den2 div span {font-size:90%; color:#005D9B;}
    .predpoved-den2 div span.high {font-weight:bold; color:#FF6905;}
    .predpoved-den2 div strong {font-size:120%;}
    .predpoved-den2 span strong {color: #005d9b}
    /* Radarové snímky */
.datum-rad {background: #7e7e7e; font-size: 16px; width: 164px; padding: 0px 0px; color: white; height: 16px; font-size: 11pt; position: absolute; top: 335px; margin-left: 190px;   font-family:arial;}
.radar {background-image: url('http://www.in-pocasi.eu/fotogalerie/oblaka/images/loading.gif'); background-position: 200px 150px; background-repeat: no-repeat; height: 300px; width: 500px;	}
.lupa a {background-image: url(../radarbilder/lupa.gif); width: 62px; height: 50px; float: left; margin-left: 5px;}
.lupa a:hover {background-image: url(../radarbilder/lupa-a.gif);}	
.animace a {background-image: url(../radarbilder/animace.gif); width: 62px; height: 50px; float: left; margin-left: 5px; margin-top: 5px;}
.animace a:hover {background-image: url(../radarbilder/animace-a.gif);}
.blesk a {background-image: url(../radarbilder/blesk.gif); width: 62px; height: 50px; float: left; margin-left: 5px; margin-top: 5px;}
.blesk a:hover {background-image: url(../radarbilder/blesk-a.gif);}		
.mesto {background-image: url(../radarbilder/mesto.gif); position: absolute; top:291px; width: 400px; height: 300px;}		
.posunrad {position: absolute;}	
    /* Regionální počasí */
    .reg-cele {padding-top: 5px; margin-bottom: 35px; min-height: 150px; background:url("../design/dot.gif") 0 0 repeat-x;}
    .regionalni-banner {background:url("../design/regionalni-pozadi.gif") 0 0 no-repeat; width:480; height: 90px;}
    .regionalni-banner2 {background:url("../design/regionalni-pozadi2.gif") 0 0 no-repeat; width:480; height: 90px;}
    .den {width: 20px; padding-left: 20px; padding-top: 15px; text-align:center; float: left;}
    .den div {position:relative; left: 0px; top:-10px; line-height:1.1; width: 40px;}
    .info1 {width: 100px; margin-left: 73px; padding-top: 14px; text-align:left; float: left; line-height:1.6; height: 90px;}
    .info1d {width: 300px; margin-left: 80px; padding-top: 15px; text-align:left; float: left; line-height:1.6; height:      90px;}
    .info2 {width: 190px; margin-left: 30px; padding-top: 14px; text-align:left; float: left; line-height:1.6; height: 90px;}

    /* Tlačítka */
    #btn-evropa {position:relative; width:230px; height:100px; margin-top:20px; margin-bottom:5px; background:url("../design/btn-evropa.gif") 0 0 no-repeat;}
    #btn-svet {position:relative; width:230px; height:100px; margin-bottom:5px; background:url("../design/btn-svet.gif") 0 0 no-repeat;}
    #btn-regiony {position:relative; width:230px; height:100px; background:url("../design/btn-regiony.gif") 0 0 no-repeat;}
    #btn-evropa h4, #btn-svet h4, #btn-regiony h4 {position:absolute; top:25px; left:110px; font-size:100%;}

    /* Článek */
    .article {margin-top:15px; padding-bottom:10px; background:url("../design/dot.gif") 0 100% repeat-x; font-size:100%;}
        .article-img {float:left; width:100px; height: 77px; margin-right: 10px; border-width: 2px; border-color: #91d1ff;	border-style: solid solid none solid; background: #91d1ff;}
        .article-desc {float:left; width:485px;}

        .article h4 {margin:0; margin-bottom:5px; padding-left:10px; background:url("../design/li.gif") 0 5px no-repeat; font-size:110%;}
        .article h4 a {color:#ff6905;}
        .article h4 a:hover {color:#005D9B;}
        .article p {margin:3px 0;}
        .article-date {margin-top:7px !important; color:#008ae6;}

    /* Tlačítko */
    .col-l .button{margin-left:235px;}
    .col-r .button {margin-left:50px;}
    .button {display:block; width:130px; padding:5px 0; background:url("../design/button.gif") 0 0 no-repeat; text-align:center; text-decoration:none;}
    a:hover.button {color:#007BCD;}
.button2 {display:block; width:150px; padding:5px 0; background:url("../design/button2.gif") 0 0 no-repeat; text-align:center; text-decoration:none;}
    a:hover.button {color:#007BCD;}
    a:hover.button2 {color:#007BCD;}
    .col-l .button2{margin-left:235px;}
    .col-r .button2 {margin-left:50px;}
	/* Stylovaná tabulka */
	table.table-styled th, table.table-styled td {border:1px solid #DDD;}
	table.table-styled tr.bg td {background:#F5F5F5;}

	/* Dva sloupce vedle sebe */
	.col50 {float:left; width:48%;}

	/* Velikost a zvýraznění textu */
	.bigger {font-size:110%;}
	.smaller {font-size:90%;}

	.high {color:#000;}
	.nonhigh {color:#000;}

	.note {color:#000;}
	.note-line {padding-top:10px; border-top:1px solid #CCC;}

/* Smazat */
.tag {background:#FF9 !important; color:#000 !important; font-style:italic !important; font-weight:normal !important; font-size:12px !important;}

.cele4{	width:  625px;margin: auto;height: 40px;background-color: hidden;}
.photo_div a{display: block;width: 240px;height: auto;	padding: 10px;background-image: url(http://snih.in-pocasi.eU/galerie-pozadi.png);background-position: bottom; background-repeat: repeat-x; max-width: 380px;min-height: 100px; color: black;	float: left;text-align: center;text-decoration: none;
}
	
.photo_div a:hover{width: 240px;height: auto;background-image: url(../design/pozadi-prechod.png);background-position: bottom;background-repeat: repeat-x; background-color: #a1e0ff;padding: 0px;color: black;padding: 10px;margin: auto;max-width: 380px;min-height: 100px;float: left;text-decoration: none;
}
.photo_div {background:  white;min-height: 120px;min-width: 260px;height: auto; width: 240px;margin-bottom: 30px;color: black;border: 1px;border-top-color: #69748a;border-left-color: #69748a;border-right-color: #9eadb5;border-bottom-color: #9eadb5;border-style: solid;text-decoration: none;float: left;
}
.photo_div img{	  border: 1px;border-top-color: #69748a;border-left-color: #69748a;border-right-color: #9eadb5;border-bottom-color: #9eadb5;border-style: solid solid solid solid;text-decoration: none;	
	
}
.stanice{background-image: url(../design/stanice.gif);	background-repeat: no-repeat;width: 145px;height: 155px;float: left;text-align: center;}
.bezodkazu a:hover{text-decoration: none;color: black;}
.bezodkazu a{color: black;text-decoration: none;		
		}
.info-r	
		{
margin-top: -120px;
width: 190px;
margin-left: 410px;
height: 90px;

		}
.sat-o
		{
position: absolute; 

top: -140px;
left: -90px;
clip:  rect(150px 600px 580px 90px);

}
.sat-c
{
position:relative; width: 520px; height:460px; 
float: left;
}
.sat-z a
{
color: white; text-decoration: none
}
.sat-d
{position: relative; top:4px; font-size: 12pt; background-color: #145a8c; padding: 1px; padding-left: 15px; font-family:arial; width: 510px; max-width: 494px;
color: white;

}
.lupa-s1 a {background-image: url(../satellitenbild/lupa-s1.gif); width: 62px; height: 50px; float: left; margin-left: 5px; margin-top: 5px;}
.lupa-s1 a:hover {background-image: url(../satellitenbild/lupa-s1a.gif);}	

.lupa-s2 a {background-image: url(../satellitenbild/lupa-s2.gif); width: 62px; height: 50px; float: left; margin-left: 5px; margin-top: 5px; margin-top: 15px;}
.lupa-s2 a:hover {background-image: url(../satellitenbild/lupa-s2a.gif);}	



.photo_divg {min-height: 120px;height: auto;width: 280px;float: left;margin-bottom: 20px;
border: 1px;border-top-color: #69748a;border-left-color: #69748a;border-right-color: #9eadb5;border-bottom-color: #9eadb5;border-style: solid;}

.photo_divg img{border: 1px;border-color: black;margin-right: 5px;float: left;border-style: solid;text-decoration: none;width: 100px;height: 88px;}
	
.photo_divg a{display: block;float: left;height: 110px;	padding: 10px;	background-image: url(http://snih.in-pocasi.eU/galerie-pozadi.png);background-position: bottom; background-repeat: repeat-x;
	background-color: white;      max-width: 260px;	width: 280px;	color: black;text-decoration: none;}
	
.photo_divg a:hover{height: auto;background-image: url(../design/pozadi-prechod.png);	background-position: 10px 45px; 
	background-repeat: repeat-x;  	background-color: #a1e0ff;height: 110px;width: 280px;color: black;}
.eu-cas
{position: relative; top:19px; background-color: #145a8c; padding: 1px; padding-left: 15px; font-family:arial; width: 600px; max-width: 590px;
color: white;

}
.eu-cas b
{font-size: 12pt;}
.sv-cas
{position: relative; top:-15px; background-color: #145a8c; padding: 1px; padding-left: 15px; font-family:arial; width: 600px; max-width: 590px;
color: white;

}
.sv-cas b
{font-size: 12pt;}
.owebu-odkazy ul {margin:0; padding:0; list-style:none;}
.owebu-odkazy ul li {margin:0; padding:0; padding-left:15px; background:url("../design/li.gif") 0 5px no-repeat;}

.tago{width: 420px;border: dashed;border-color: black;border-width: 1px;padding: 6px;margin: auto;}
.posledni a{border: solid;border-color: gray;border-width: 1px;padding: 10px;margin-left: 190px; background-color: #005D9B; }
.posledni a{color: white; text-decoration: none;}
.posledni a:hover{color: white;}

.bio-noc{position: relative; left: -450px; top: 15px; }

.reklama
		{
		

		height: auto; 		 				
		width: 468px;		
		padding: 8px;			
		color: black;		
		margin-left: 60px;	
						
		}
    /* Blesky */
.blesky-c {background: #a8a8a8; width: 194px; color: #005d9e; height: 16px; font-size: 10pt; position: relative; top: 20px; margin-left: 160px;  font-family:arial;}
.margin
		{	
		margin: auto;

                text-align: center;
		}
.archiv a
		{
		
				 
		background-image: url('../design/str.gif'); 
		background-position: bottom; 
		background-repeat: no-repeat; 	
		height: 28px;
                max-height: 20px;
		width: 31px;
                max-width: 21px;		
		padding: 4px;
		float: left;
		text-align: center;
		margin-left: 4px;
	text-decoration:none;
color:#007BCD;
font-weight: bold;
		
		}
.archiv-a
		{
		
				 


		height: 28px;
                max-height: 20px;
		width: 31px;
                max-width: 21px;		
		padding: 4px;
		float: left;
		text-align: center;
		margin-left: 4px;

color:#007BCD;
font-weight: bold;
		
		}
.archivaktiv , .archiv a:hover 
		{
		
				 
		background-image: url('../design/stra.gif'); 
		background-position: bottom; 
		background-repeat: no-repeat; 	
		height: 28px;
                max-height: 20px;
		width: 31px;
                max-width: 21px;	
		padding: 4px;
		float: left;
		text-align: center;
		margin-left: 4px;
		color: #2c50e7;
text-decoration:none;
color:#007BCD;
font-weight: bold;

		}
.archivaktiv{
color:#FC8204;
background-image: url('../design/stra2.gif'); 
}



hr {
border-width:0;
border-top: 2px solid #b3c2f9;
height: 2px;

}
.r-submit
		{
background:  #005d9b;
		padding: 1px;
		border: 1px;
		border-top-color: #69748a;
		border-left-color: #69748a;
		border-right-color: #9eadb5;
		border-bottom-color: #9eadb5;	
			border-style: solid;	
width: 113px;
color: white;	
cursor: pointer;				
		}	
.rad-mesto {position: absolute; top:291px; width: 400px; height: 300px;}
.pocasi-u-vas
		{
		
				 
		background-image: url('../design/pocasi-u-vas.gif'); 
	
		background-repeat: no-repeat; 

				height: 105px;
		width: 210px;		
		position: absolute;
top: -17px;
left: 490px;
cursor: hand;


		}
.blogy
		{
		
				 
		background-image: url('../design/blogy-nalepka.gif'); 
	
		background-repeat: no-repeat; 

				height: 105px;
		width: 150px;		
		position: absolute;
top: -17px;
left: 460px;
cursor: hand;



		}
.blogy span
		{
		
display:none;

		}


