/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Author:     Nuvio (www.nuvio.cz)
    Update:     2008-07-16, 19:25 GMT+1
    Version:    2.2.6 (2008-07-13, 14:28 GMT+1)

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background-color:#d7ecf4; color:#000}

a {color:#DF0000;}
a:hover {color:#AF0000;}

h3.title {border-bottom:1px solid #D7ECF4; color:#3fa5cd;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {background-color:#FFF;}

#header {background-color:#DF0000; color:#FFF;}
#header a {color:#FFF;}

#tray {background-color:#2f2f2f; color:#FFF;}
#tray a {color:#FFF;}
#tray li#tray-active a {color:#94c9e2;}

.nav a {border-top:1px solid #e5e5e5; background-color:#d0d0d0 !important; color:#000 !important;}
#aside .nav a:hover{background-color:#E4E4E4 !important;}
.nav #nav-active a {background-color:#DF0000 !important; color:#FFF !important;}
.nav #nav-active a:hover {background-color:#D70000 !important; color:#FFF !important;}
.nav #nav-active ul li a {border-top:1px solid #525252; background-color:#2f2f2f !important; color:#94c9e2 !important;}


#search {border-top:1px solid #f2f2f2; background-color:#d0d0d0;}
#search-input {background:#FFF;}
#search-submit {background:#44A1CA; color:#FFF;}

#footer, #footer a {color:#3fa5cd;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#topstory-top, #topstory {background-color:#D7ECF4;}
#topstory-desc .info, #topstory-desc .info a, .article .article-desc .info, .article .article-desc .info a {color:#5F5F5F;}
#topstory-desc .info a:hover, .article .article-desc .info a:hover {color:#2F2F2F;}
#topstory-list {border-top:1px solid #EBF4F8; background-color:#C2DFEC;}

.box-01-top, .box-01-top-b {background-color:#44A1CA; color:#FFF;}
.box-01-top-b .f-right {color:#D7ECF4;}
.box-01 .bg {border-top:1px solid #c2dfec; border-bottom:1px solid #c2dfec; background:#e8f3f8;}

    .news dt {color:#DF0000;}
    .news dd span {color:#3fa5cd;}

.box-02-top, .box-02-top-b {background-color:#D7ECF4; color:#44A1CA;}

    .mostreaded span {color:#5F5F5F;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.rss {color:#000;}
.red {font-size: 1.1em; font-weight: bold; color:#DF0000;}
.blue {font-size: 1.1em; font-weight: bold; color:#0078F0;}
.norm {font-size: 1em; font-weight: bold; color:#333;}
.time {font-size: 0.8em; font-weight: bold; color:#5C5C5C;}
.upozorneni p {padding: 8px; margin: 8px 0; background: #fff1f1; border: 2px solid red; color: red;}
.hotovo p {padding: 8px; margin: 15px 0;background: #D6F3BA;border: 2px solid green;color: green;}

.cl {clear: both; display: block !important;}
#prehled {display: none;}


.table td {
padding: 0 10px;
}
.table-top {
  color: black;
  background-color: #96C6F5;
  text-align: left;
  font-weight: bold;
}

.column-dark {
  color: black;
  background-color: #F1F8FE;
}

.column-light {
  color: black;
  background-color: white;
}




#galerie {
width: 940px;
padding: 1px 0;
margin-right: 3px;
height:168px;
}

.foto {
float: left;
background-color: #D7ECF4;
height: 158px;
margin: 0 2px 2px 0;
text-align: center;
position: relative;
border: 1px solid #444; margin-top: 2px; padding: 8px 0 5px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.foto .teplota-minmax {margin-top: 8px;}
.foto .vlhkost-minmax {margin-top: 55px;}
.foto .vitr-minmax {margin-top: 55px;}
.foto .ostatni-minmax {margin-top: 37px;}

.foto img {
margin: 0 auto 0 auto;
}

.foto:hover {
background-color: #D7ECF4;
}

.foto .nadpis {
margin: 0 0 5px 0;
font-size: 120%;
font-weight: bold;
}

.foto p {
margin: 0px;
font-size: 100%;
color: #003960;
}

.foto .text {text-align: left; padding: 0 4px 0 4px; }
.foto .text span {text-align: right; float: right;}
.foto .teplota {font-size: 120%; font-weight: bold; color: #DF0000;}
.foto .teplota-zem {font-size: 120%; font-weight: bold; color: #673434;}
.foto .teplota-wind {font-size: 120%; font-weight: bold; color: #0080C0;}
.foto .mesic {font-size: 120%; font-weight: bold; color: #000; text-align: center;}