/* CSS Document contents
--------------------------------------------------------------------------------

1. General
2. Layout
3. Header
4. Navigation
5. Search
*/

@media screen, projection {

/* 1. General ----------------------------------------------------------------*/
* {margin: 0;padding: 0;}
body, html {height: 100%;}
.nostyle {display: none;}
body {background: url("../images/background.jpg") no-repeat 50% top #000;font-family: Tahoma, Verdana, Arial, lucida, sans-serif;}
.clear {clear:both !important; height:0 !important; line-height:0 !important; font-size:0 !important; padding:0 !important;}


/* 2. Layout -----------------------------------------------------------------*/
#main {width: 780px;min-height: 100%;margin: 0 auto -71px auto;background: #fff;position: relative;}
#bottom {width: 780px;height: 105px;margin: 0 auto;background: url("../images/bottom_bg.gif") repeat-x 0 0;position: relative;overflow: hidden;}
#content {padding: 20px 15px 75px 15px;}

/* 3. Header -----------------------------------------------------------------*/
#header {width: 780px;height: 313px;position: relative;font-size: 0px;}
#header span.header {width: 780px;height: 313px;position: absolute;top: 0;left: 0;background: url("../images/header.jpg") no-repeat left bottom;z-index: 2;}
#header span.lightning {width: 272px;height: 62px;position: absolute;top: 50px;left: 0;background: url("../images/logo.jpg") no-repeat 0 0;z-index: 3;cursor: pointer;}

/* 4. Navigation -------------------------------------------------------------*/
#navigace {display: block;width: 780px;height: 50px;background: url("../images/nav_bg.gif") left bottom repeat-x #3458b8;position: absolute;top: 0;overflow: hidden;z-index: 4;}
#navigace li {list-style: none;margin-top: 18px;display: block;float: left;}
#navigace li a {display: block;float: left;height: 35px;position: relative;}
#navigace li a span {height: 100%;width: 100%;position: absolute;z-index: 5;left: 0;top: 0;display: block;cursor: pointer;}

#navigace li a.hlavni {width: 67px;margin-left: 33px;}
#navigace li a.hlavni span {background: url("../images/buttons.gif") no-repeat 0 0;}
#navigace li a.hlavni:hover span {background-position: 0 -35px;}
#navigace li a.sestava {width: 82px;}
#navigace li a.sestava span {background: url("../images/buttons.gif") no-repeat -67px 0;}
#navigace li a.sestava:hover span {background-position: -67px -35px;}
#navigace li a.historie {width: 81px;}
#navigace li a.historie span {background: url("../images/buttons.gif") no-repeat -149px 0;}
#navigace li a.historie:hover span {background-position: -149px -35px;}
#navigace li a.statistiky {width: 96px;}
#navigace li a.statistiky span {background: url("../images/buttons.gif") no-repeat -230px 0;}
#navigace li a.statistiky:hover span {background-position: -230px -35px;}
#navigace li a.media {width: 60px;}
#navigace li a.media span {background: url("../images/buttons.gif") no-repeat -326px 0;}
#navigace li a.media:hover span {background-position: -326px -35px;}
#navigace li a.archiv {width: 71px;}
#navigace li a.archiv span {background: url("../images/buttons.gif") no-repeat -386px 0;}
#navigace li a.archiv:hover span {background-position: -386px -35px;}


/* 5. Search -----------------------------------------------------------------*/
#search {width: 198px;height: 39px;background: url("../images/search_bg.gif") no-repeat 0 0;position: absolute;left: 582px;top: 11px;overflow: hidden;display: block;z-index: 5;}
#search fieldset {border: none;}
#search legend , #search label {display: none;}
#search .text {font-size: 10px;height: 13px;padding: 2px; border: 1px solid #000;width: 106px;margin: 0 0 0 10px;}
#search .submit {width: 63px;height: 21px;background: url("../images/search_btn.gif") no-repeat 0 0;margin: 10px 0 -6px 0;}
#search .submit:hover {background-position: 0 -21px;}


#obsah {border: 1px solid #d6d6d6;}
#nadpis_sekce {position: absolute;top: 285px;left: 60px;color: #f3400f;z-index: 6;font-size: 18px;overflow: hidden;width: 230px;height: 45px;font-weight: normal;text-align: center;}
#obsah p {font-size: 10px;line-height: 1.4; margin-bottom: 15px;}

#left {width: 289px;border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;margin: -20px 0 0 15px;float: left;}
.right {float: right;width: 387px;padding: 10px 20px;}

#bleskovky {position: relative;width: 123px;height: 37px;margin: -50px 0 10px 100px;}
#bleskovky span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../images/bleskovky.gif") no-repeat 0 0; z-index: 10;display: block;}
#psalijsme {position: relative;width: 260px;height: 38px;margin: 0 0 10px 0;}
#psalijsme span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../images/psalijsme.gif") no-repeat 0 0; z-index: 10;display: block;}

.bleskovka {margin: 10px 20px 30px 20px;}
.bleskovka h3 {color: #f3400f; font-weight: bold;font-size: 16px;margin-bottom: 7px;}
.bleskovka p {font-size: 10px; text-align: left;margin-bottom: 7px;line-height: 1.4;}
.datum {font-size: 10px;color: #9a9a9a;margin-bottom: 3px;}
.zobrazit {width: 67px;height: 15px;position: relative;font-size: 0;display: block;}
.zobrazit span {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("../images/zobrazit.gif") no-repeat 0 0;z-index: 5;display: block;cursor: pointer;}
.zobrazit:hover span {background-position: 0 -15px;}

#quicknav {float: right;font-weight: bold;font-size: 10px;margin: 30px 20px 0 0;}
#quicknav a {color: #000;text-decoration: none;}
#quicknav a:hover {color: #3458B8;text-decoration: underline;}

#copyright {font-size: 10px;font-weight: bold;color: #000;float: left;margin: 30px 0 0 20px;}
#rss {color: #000;float: left;margin: 30px 0 0 20px;}
}