* {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%; color:#33A9FC;}
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:35px; left:20px;}
        #logo span {display: none;}
        #logo h1 {position:relative; overflow:hidden; width:295px; height:60px; margin:0; padding:0;}
        		#logo h1 {display:block; position:absolute; left:0; top:0; z-index:1; width:295px; height:60px; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}

         #logo span {display:none;}

        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% 1px no-repeat; }
        ul#sub li#sub-snih a {background:url("../design/ico-sub-snih.jpg") 50% 1px no-repeat;}
        ul#sub li#sub-leto a {background:url("../design/ico-sub-leto.jpg") 50% 1px no-repeat;}
        ul#sub li#sub-blogy a {background:url("../design/ico-sub-blogy.png") 50% 1px no-repeat; color:#ffdd65; text-decoration:none;}
        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:#005A9E; 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-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 {width:250px; padding:15px 0 0 20px; margin-left: 632px;}
       .col-r2 {width:250px; padding:15px 0 0 20px; background:url("../design/col-r2.jpg") 5px 0 no-repeat; margin-left: 632px; min-height: 120px;}


        .col-l h1 {margin:0 0 10px 0; padding:5px 0 5px 5px; font-family:"arial",sans-serif; letter-spacing:-1px; font-size:230%; color:#005D9B;}

        .col-l h2 {margin:0; padding:0; font-family:"arial",sans-serif; letter-spacing:-1px; font-size:175%; color:#005D9B;}

        .col-l ul {margin:0; padding:0; list-style:none;}
        .col-l li {margin:0; padding:0; padding-left:15px; background:url("../design/li.gif") 0 5px no-repeat;}

        .col-r ul {margin:0; padding:0; list-style:none;}
        .col-r li {margin:0; padding:0; padding-left:15px; background:url("../design/li.gif") 0 5px no-repeat;}


        .col-r2 ul {margin:0; padding:0; list-style:none;}
        .col-r2 ul li {margin:0; padding:0; padding-left:15px; background:url("../design/li.gif") 0 5px no-repeat;}

        .col-r .fotky {width:230px;}
        .col-r2 .fotky img {margin:3px 3px; border-width: 2px; border-color: #91d1ff;	border-style: solid;}
        
        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Í ----------------------------------------------------------------------------------------------- */



       
   
    /* Obrázkové nadpisy */
    #hx-top-blogy {width:213px; height:44px; margin:0; margin-bottom:10px; background:url("../design/hx-top-blogy.gif") 0 0 no-repeat;}
    #hx-o-mne {width:174px; height:37px; margin:0; margin-bottom:10px; background:url("../design/hx-o-mne.gif") 3px -2px no-repeat;}
    #hx-posledni-clanky {width:213px; height:44px; margin:0; margin-bottom:10px; background:url("../design/hx-posledni-clanky.gif") 0 0 no-repeat;}
    #hx-pocasi {width:105px; height:37px; margin:0; margin-bottom:10px; background:url("../design/hx-pocasi.gif") 0 0 no-repeat;}
    #hx-nahodne-fotografie {width:224px; height:36px; margin:0; margin-bottom:10px; background:url("../design/hx-nahodne-fotografie.gif") 0 0 no-repeat;}
    #hx-predpoved-pocasi {width:198px; height:44px; margin:0; margin-bottom:5px; background:url("../design/hx-predpoved-pocasi.gif") 0 0 no-repeat;}
    #hx-aktualni-pocasi {width:192px; height:44px; margin:0; margin-bottom:5px; background:url("../design/hx-aktualni-pocasi.gif") 0 0 no-repeat;}
    #hx-tip {width:192px; height:44px; margin:0; margin-bottom:5px; background:url("../design/hx-tip.gif") 0 -2px no-repeat;}


    #hx-top-blogy span, #hx-o-mne span, #hx-clanky-o-pocasi span,  #hx-aktual-tp span,  #hx-aktual-cr span, .col-r-title span, #hx-pocasi span, #hx-nahodne-fotografie span, #hx-posledni-clanky span, #hx-predpoved-pocasi span, #hx-tip span {display:none;}

      .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}

    /* Č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;}

   
	
.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;		
		}



.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;

}


.reklama
		{
		

		height: auto; 		 				
		width: 468px;		
		padding: 8px;			
		color: black;		
		margin-left: 60px;	
						
		}
   
hr {
border-width:0;
border-top: 2px solid #b3c2f9;
height: 2px;

}


.obrazek {margin-right: 10px; margin-bottom: 30px; float: left;  border-width: 2px; border-color: #91d1ff;	border-style: solid; }


.text1 {font-size: 16px; }
.text2 {font-size: 14px; }
.info {font-size: 11px; color: gray; }
.blogy1 {float: left; width: 108px; margin-left: 5px; margin-top: 10px;text-align: left; }
.blogy2 {margin-left: 118px; margin-top: 19px;}

    .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;}

.odeslat{
  background:  #33A9FC;
	padding: 3px;
	border: 1px;
	border-top-color: #016EBB;
	border-left-color: #016EBB;
	border-right-color: #9AD4FC;
	border-bottom-color: #9AD4FC;	
	border-style: solid;	
  color: white;	
  cursor: pointer;				
}

#pocasi-u-vas span{
  visibility: hidden;
}
td.caption4 {
background-color: #e7f5ff;
border: 1px #D6DFFF solid;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
font-size: 12px;

line-height: 15px;
text-align: left;
vertical-align: top;
color: #333333;
}

td.caption5 {
border: 1px #D6DFFF solid;
padding: 8px;
height: 20px;
font-size: 11px;
line-height: 15px;
vertical-align: top;
}

    .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:120%;}
        .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;}
        .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%;}

.dalsi {margin-left: 58px;}

.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;}

.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');}

.galeriestr {width: 400px; float: left; margin-left: 200px; margin-top: 20px;}


.komentar span {font-size: 10pt; color: gray; }

.cara {border-width:0;border-top: 2px solid #90D0FC;height: 2px }



.posun {margin-left: 6px; }

.shop-nalepka {background-image: url('../design/meteoshop3b.gif'); background-repeat: no-repeat;height: 115px;width: 150px;position: absolute;
top: -23px;left: 440px;cursor: hand;font-size: 0px; text-decoration: none;}