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

    Výstupní zařízení: screen, projection

    Autor:          Nuvio (www.nuvio.cz)
    Aktualizace:    2008-01-01, 00:00 GMT+1
    Verze:          2.2.6 (2008-07-13, 14:28 GMT+1)

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

    Obsah:
    
        1) HTML tagy
        2) HTML styly
        3) Layout
        4-1) Stránka:
        5) Nezařaditelné

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

/* ----------------------------------------------------------------------------------------------------------
1) HTML tagy
---------------------------------------------------------------------------------------------------------- */

body {padding-bottom:3em; background:#003a4b url("../design/bg.gif") 0 0 repeat-x; color:#000; font:0.8em/1.5 "arial", sans-serif; text-align:center;}

a {padding:1px; color:#003a4b;}
a:hover {background:#003a4b; color:#fff; text-decoration:none;}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

address {font-style:normal;}
    address span, .kontakty span{padding-right:5px; color:#717171;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styly
---------------------------------------------------------------------------------------------------------- */

#logo {position:absolute; float:left; overflow:hidden; width:601px; height:141px; margin:0; margin-top:16px; margin-left:7px; padding:0; font-size:160%;}
    #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.jpg") 0 0 no-repeat; cursor:pointer;}

table.table-01 {border-collapse:collapse; border-spacing:0; border:1px solid #CCC;}
table.table-01 th {background:#EEE;}
table.table-01 th, table.table-01 td {border:1px solid #DDD;}
table.table-01 tr.bg td {background:#F5F5F5;}

ul.ul-01 {list-style:none;}
ul.ul-01 ul {margin:0;}

dl.dl-01 dt {font-weight:bold;}
dl.dl-01 dd {margin-left:20px;}

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

#main {display:block; width:90%; margin-left:auto; margin-right:auto; text-align:left; max-width:1400px; min-width:950px;}

    #cols {display:block; width:100%; margin-left:auto; margin-right:auto;}
    #grad-l {display:block; width:100%; height:auto; padding-left:2px; background:url("../design/grad-l.gif") 0 0 repeat-y;}
    #grad-r {display:block; width:100%; height:auto; padding-right:2px; background:url("../design/grad-r.gif") right top repeat-y;}
    #footer-l {display:block; float:left; overflow:hidden; width:2px; height:2px; margin-top:-2px; background:url("../design/footer-l.gif") 0 0 no-repeat;}
    #footer-r {display:block; float:right; overflow:hidden; width:2px; height:2px; margin-top:-2px; background:url("../design/footer-r.gif") 0 0 no-repeat;}
    
    #content {display:block; position:relative; width:100%; z-index:1000; width:100%; background:#fff url("../design/bg_content.gif") 0 0 repeat-x;}
    div.content-obal{padding:2px; padding-top:0px;}
    div.content-obal-in{display:block; padding:1.5em; padding-bottom:0; background:#a8d0dc;}
        #content p{margin:0; padding:0;}

    #grad-l-top {display:block; position:relative; float:left; z-index:100; width:12px; height:238px; margin-left:-12px; background:url("../design/grad-l-top.gif") 0 0 no-repeat;}
    #grad-r-top {display:block; position:relative; float:right; z-index:100; width:12px; height:238px; margin-right:-12px; background:url("../design/grad-r-top.gif") 0 0 no-repeat;}
   
    #aside {overflow:hidden;}
    #menu {display:block; position:relative; height:29px; padding:3px; padding-right:0; padding-bottom:2px; background:#fbfbfd url("../design/horizontal-nav.gif") repeat-x bottom left;border-bottom:1px solid #428aa2; border-top:1px solid #daeff4;}
    
    #search {display:block; float:left; height:31px; width:70%;}
        div.search_obal {display:block; float:right; width:165px;}

            #search form, #search form fieldset{margin:0; padding:0; border:0;}
            #search form fieldset{padding:4px;}
                #search form fieldset input{width:90px; padding:2px; border:1px solid #007da2;}
                    #search form fieldset input.btn_submit{width:36px; margin-left:10px; margin-right:15px; padding:1px; background:#8ecbdb;}
    
	#footer {clear:both;}
	
#text_size {display:block; float:left; width:30%;}

#top-bar {display:block; width:100%; height:30px; background:#1e9bbe url("../design/top-bar.gif") repeat-x bottom left; color:#fff; line-height:25px;}
    #top-bar strong{padding-left:15px; padding-right:15px; color:#fff; font-weight:bold;}
    #top-bar a{height:16px; color:#fff; text-decoration:none;}
        #top-bar a:hover{text-decoration:underline;}
    

    #l-top-bar {display:block; float:left; overflow:hidden; margin-top:-12px; width:11px; height:11px; background:url("../design/l-top-bar.gif") bottom left no-repeat;}
    #r-top-bar {display:block; float:right; overflow:hidden; margin-top:-11px; width:11px; height:11px; background:url("../design/r-top-bar.gif") bottom left no-repeat;}

#flags {display:block; position:absolute; width:100px; margin-top:-175px; margin-left:776px; text-align:center;}
    #flags a{display:block; position:absolute; z-index:1050; float:left; width:34px; margin-left:10px; margin-right:10px; color:#717171; font-size:80%; font-weight:bold; text-align:center; text-decoration:none;}
    #flags a:hover{background:none;}
    #flags img{display:block; margin-left:auto; margin-right:auto;}
    #flags a.english{margin-left:54px;}


.ico1,.ico1:hover{margin-left:15px; padding-left:18px; background: url("../design/ico1.gif") 0px 3px no-repeat;}
.ico2,.ico2:hover{margin-left:15px; padding-left:22px; background: url("../design/ico2.gif") 0px 1px no-repeat;}
.ico3,.ico3:hover{margin-left:15px; padding-left:19px; background: url("../design/ico3.gif") 0px 1px no-repeat;}
.ico4,.ico4:hover{margin-left:10px; padding-left:19px; background: url("../design/ico4.gif") 0px 0px no-repeat;}


.block {display:block; background:#fff; line-height:23px; width:100%;}
.p20 {padding:20px;}
.m1em {margin-top:1em;}

#header {display:block; height:177px; background:url("../design/grid2.gif") repeat-x 0 0;}
    #header-img {position:relative; margin-top:-1px;}
#footer p{margin:0; padding:0; line-height:3em; color:#002a36;}
    #footer p span{color:#6c8e98;}


.l-b-corner {display:block; float:left; overflow:hidden; margin-top:-10px; width:10px; height:10px; background:url("../design/l-b-corner.gif") no-repeat 0 0;}
.r-b-corner {display:block; float:right; overflow:hidden; margin-top:-10px; width:10px; height:10px; background:url("../design/r-b-corner.gif") no-repeat right bottom;}
.l-t-corner {display:block; float:left; overflow:hidden; margin-bottom:-10px; width:10px; height:10px; background:url("../design/l-t-corner.gif") no-repeat 0 0;}
.r-t-corner {display:block; float:right; overflow:hidden; margin-bottom:-10px; width:10px; height:10px; background:url("../design/r-t-corner.gif") no-repeat right top;}

span.text_size_1 {display:block; width:12px; height:12px; background:url("../design/size-1.gif") no-repeat 0 0; cursor:pointer;}
span.text_size_2 {display:block; width:17px; height:17px; background:url("../design/size-2.gif") no-repeat 0 0; cursor:pointer;}
span.text_size_3 {display:block; width:22px; height:22px; background:url("../design/size-3.gif") no-repeat 0 0; cursor:pointer;}

    div.but_obal {display:block; float:left;}
      div.but_obal a:hover {background:none;}
        div.but1 {width:20px; margin-top:-5px;}
        div.but2 {width:25px; margin-top:-10px;}
        div.but3 {width:20px; margin-top:-15px;}
        
/* ----------------------------------------------------------------------------------------------------------
4-1) Stránka:
---------------------------------------------------------------------------------------------------------- */

#inner p.breadcrumbs {margin:0; margin-bottom:20px; padding:2px; padding-left:10px; padding-right:10px; background:#f5f5f5; color:#717171;}
    #inner p.breadcrumbs span{color:#717171;}
    
#inner p{margin-bottom:10px;}    

div.gallery{padding:2em; padding-left:0; padding-right:0;}
    div.gallery img{margin-right:1em; border:0.5em solid #f9f9f9;}
div.gallery a, div.gallery a:hover{background:none; text-decoration:none;}    

/* ----------------------------------------------------------------------------------------------------------
5) Nezařaditelné
---------------------------------------------------------------------------------------------------------- */
div.msg{margin-top:10px; margin-bottom:10px; padding:10px; background:#ffffaa; border:1px solid #ecec6b;}
div.msg p{padding:10px;}


/* ----------------------------------------------------------------------------------------------------------
5) Menu
---------------------------------------------------------------------------------------------------------- */
#menu {display:block; height:29px; margin-top:-30px; padding:3px; padding-right:0; padding-bottom:2px; background:#fbfbfd url("../design/horizontal-nav.gif") repeat-x bottom left; border-bottom:1px solid #428aa2; border-top:1px solid #daeff4;}

#nav, #nav ul {display:block; float:left; width:65%; margin:0; padding:0; list-style:none; line-height:1;}
#rest_of {display:block; float:left; width:190px; height:31px; background:url("../design/search.gif") no-repeat bottom right;}

#nav {display:block; width:690px;}
#rest_of {display:block; width:250px; float:right;}

#nav ul {width:140%;}
#nav li a {display:block; margin-top:5px; padding-left:10px; padding-right:10px; padding-bottom:4px; padding-top:4px; border-right:1px solid #86a6af; color:#004b6f; text-decoration:none; font-weight:100;}
#nav a:hover {background:#fbfbfd url("../design/horizontal-nav-hover.gif") repeat-x bottom left;}

#nav li li a {margin:0; text-decoration:none; font-weight:100; font-size:90%; line-height:22px;}
#nav li li a:hover {background:#b6d4dc;}

#nav li {display:block; float:left;}
#nav li.last a {border-right:0;}
#nav li li {display:block; float:none;}

#nav li ul {position:absolute; width:200px; background:#d8eaee;left:-999em;}
#nav li ul ul {width:100%; margin: -2em 0 0 100%;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:auto;}


/* ----------------------------------------------------------------------------------------------------------
X) NastavenĂ­ velikosti textu
---------------------------------------------------------------------------------------------------------- */

.medium_font	{ font-size:100%;}
.large_font		{ font-size:125%; line-height:1.7;}
.xx_large_font	{ font-size:150%; line-height:2;}

div.outter	{padding:20px;}

/* ----------------------------------------------------------------------------------------------------------
XX) Velikost blokĹŻ
---------------------------------------------------------------------------------------------------------- */

.w100	{float:left; width:100%;}
.w48	{width:48%;}
.w49	{width:49%;}
.w99	{width:100%; margin-top:2em; margin-bottom:1em;}

/* ----------------------------------------------------------------------------------------------------------
XXX) Panely
---------------------------------------------------------------------------------------------------------- */

#l-block {display:block; float:left; width:73%;}
#r-block {display:block; float:right; width:25%;}

/* ----------------------------------------------------------------------------------------------------------
XXXX) NastavenĂ­ nadpisĹŻ
---------------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4 {margin:0; padding:0; color:#002b38; font-weight:100; margin-bottom:20px;}
  h1	{font-size:160%;}
    h2	{font-size:150%;}
    h3	{margin-bottom:0px; margin-top:20px; font-size:130%;}
    h4	{font-size:110%;}

/* ----------------------------------------------------------------------------------------------------------
XXXX) Formuláře - styly
---------------------------------------------------------------------------------------------------------- */

form fieldset{margin:0; padding:0; border:2px solid #ddd;}
    form fieldset{margin-top:1em; padding:1em;}
      form fieldset legend{padding-left:10px; padding-right:10px; color:#717171; font-weight:bold;}
        form fieldset input{display:block; float:left; width:60%; border:1px solid #ddd;}
        form fieldset textarea{display:block; float:left; clear:right; width:63%; border:1px solid #ddd; font-family:arial, sans-serif;}
        form fieldset label{display:block; float:left; width:20%;}        
                form fieldset input.btn_submit{width:10%; margin-left:0px; margin-right:15px; padding:1px; background:#ccc; border:0;}

/* ----------------------------------------------------------------------------------------------------------
XXXXX) Resizable textarea
---------------------------------------------------------------------------------------------------------- */
                
.resizable-textarea {width: 95%;}
.resizable-textarea .grippie {display:block; float:left; overflow: hidden; width:63%; height: 15px; margin-left:21%; margin-top:0.2em; margin-bottom:1em; background: #eee url("../design/grippie.gif") no-repeat center center; border: 1px solid #ddd;  cursor: s-resize;}
.panel_blok {display:block; float:left; width:100%; padding-top:1em; padding-bottom:1em;}
    .panel_blok img {padding-left:1em; padding-right:1em; border:0;}
    .panel_blok a:hover {background:none;}
    
#teplota, #teplota:hover {display:block; width:191px; height:68px; margin-left:auto; margin-right:auto; background: url("../images/teplota.jpg") no-repeat center center; line-height:80px; text-decoration:none;}   
    #teplota span {padding-top:30px; color:#005179; font-size:160%;}    
    
#webkamera, #webkamera:hover {display:block; width:191px; height:68px; margin-left:auto; margin-right:auto; background: url("../images/webkamera.jpg") no-repeat center center; line-height:80px; text-decoration:none;}  
    #webkamera span {display:none;}
    
#spicka {position:absolute; display:block; margin-left:757px; margin-top:4px;}
#unesco {position:absolute; display:block; margin-left:580px; margin-top:130px; z-index:2000;text-align:center;}
    #unesco a {text-decoration:none;}

.kontakty {line-height:1.4; margin-top:-25px;}







#flexit, #flexiw {display:block; overflow:hidden; width:80%; height:75px; background:url("../design/temp_bg.gif") repeat-x 0 0; text-align:center; margin-left:auto; margin-right:auto;}   
#flexit {margin-bottom:2em;}   

    #flexit a {display:block; width:90%; height:75px; background:url("../design/temp_img.gif") no-repeat top right; line-height:1; font-size:120%; color:#013a4b; text-decoration:none;}   
    #flexit a span{line-height:1.3; float:left; text-align:left;padding-left:10%; cursor:pointer;}   
    

    #flexiw a {display:block; width:100%; height:75px; background:url("../design/web_img.gif") no-repeat top center; line-height:1; font-size:120%; color:#013a4b; text-decoration:none; font-weight:bold;margin-top:1px;}   
    #flexiw a span{line-height:4; text-align:center; cursor:pointer;}       



    #f_t_l {display:block; position:relative; float:left; overflow:hidden; width:10px; height:10px; background:url("../design/f_t_l.gif") repeat-x 0 0; margin-top:1px;}  
    #f_t_r {display:block; position:relative; float:right; overflow:hidden; width:10px; height:10px; background:url("../design/f_t_r.gif") repeat-x 0 0; margin-top:1px;}
    
    #f_w_l {display:block; position:relative; float:left; overflow:hidden; width:10px; height:10px; background:url("../design/f_t_l.gif") repeat-x 0 0; margin-top:1px;}  
    #f_w_r {display:block; position:relative; float:right; overflow:hidden; width:10px; height:10px; background:url("../design/f_t_r.gif") repeat-x 0 0; margin-top:1px;}