/*  ......................................

--- MANUAL ---

barvy:
    modra = #0080c3
    seda = #b0b0b0
    cervena = #ff3030
    svetla = #e0e0e0 (formulare)
    bezova = #be9a38 (info)

pisma:
    standard = 13px
    h1 = 20px
    h2 = 16px
    h3 = 14px
    mini = 10px
 ....................................... */

a
    {
    color: black;
    text-decoration: none;
    }
a:hover {color: #ff3030; }

 
#topstripe {
    height:750px;
}
 
 
#logo {
    position:absolute;
    left:67px;
    top:15px;
    z-index: 100;
}
 
#homestripe {
    position:absolute;
    left:57px;
    top:119px;
    width:235px;
    height:289px;
}

#iconpad
    {
    position:absolute;
    left:350px;
    top:613px;
    text-align: right;
    width: 700px;
    z-index: 1;
    }

#imagepad
    {
    position:absolute;
    left:341px;
    top:210px;
    }

    

#hometail
    {
    border-top: solid 5px #b0b0b0;
    position:absolute;
    left:52px;
    top:796px;
    width:642px;
    height:260px;    
    z-index: 5;
    } 

#tailicons
    {
    position:absolute;
    left:532px;
    top:805px;
    width:170px;
    height:40px;    
    z-index: 50;
    text-align: center;
    font-size: 9px;
    color: #606060;
    } 

#weblogpad
    {
    position:absolute;
    left:52px;
    top:776px;
    width:642px;
    height:18px;    
    z-index: 50;
    font-size: 12px;
    padding-top: 3px;
    padding-left: 3px;
    background-color : #f0f0f0;
    } 
#weblogpad .title
    {
    position:absolute;
    left:0px;
    top:-10px;
    width:50px;
    height:18px;    
    z-index: 50;
    color: #606060;
    font-size: 9px;
    } 


    
#maintail
    {
    border-top: solid 5px #b0b0b0;
    position:absolute;
    left:-289px;
    top:auto;
    width:1000px;
    height:260px;   
    margin-top: 10px; 
    z-index: 5;
    }     

.foot
    {
    font-size: 10px;     
    }

.topline
    {
    border-top: solid 2px #b0b0b0;
    padding-top: 3px;
    margin-bottom: 10px;
    }

    

/* ================== STRANKY NA ZAKLADE HOMEPAGE ====================== */    
#content
    {
    position:absolute;
    left:341px;
    top:220px;
    width: 708px;
    }
#content a      {color: #ff3030; }
#content a:hover{color: #0080c3; }


/* ======================= INFO.OBSERVATORY ========================= */    

#infopad1
    {
    position:absolute;
    left:341px;
    top:570px;
    width: 174px;
    height: 200px;
    background-color: #be9a38;
    }

#infopad2
    {
    position:absolute;
    left:519px;
    top:570px;
    width: 174px;
    height: 200px;
    background-color: #be9a38;
    }
    
#infotitle
    {
    position:absolute;
    left:-20px;
    top:10px;
    width:20px;
    }

.info
    {
    padding: 3px 3px 3px 3px;
    font-size: 11px;
    }    

.info td
    {
    font-size: 11px;
    }    

    

.info .title
    {
    background-color: #dcc678;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    }    
    
    
    
    

/* ======================= PROMENU ========================= */    

#promenu {
    position:absolute;
    left:85px;
    top:220px;
    width:235px;
    height:289px;
    font-family: "Verdana", sans-serif;
}

#protitle
    {
    position:absolute;
    left:-20px;
    top:0px;
    width:20px;
    }

.promenu
    {
    position: relative;
    margin-left: 10px;
    background-color: #0080c3;
    width: 210px;
    font-weight: bold;
    margin-bottom: 5px;
    }
    
.promenu .item
    {
    font-size: 14px;
    padding: 3px 3px 3px 8px;
    cursor: pointer;
    }

.promenu .arrow
    {
    position: absolute;
    width: 30px;
    height: 22px;
    left: 212px;
    display: none;
    background-image: url(/design/trix.png);
    background-repeat: no-repeat;
    }


.promenu a,
.promenu a:hover
    {
    color: white;
    text-decoration: none;
    }

.red
    {
    background-color: #ff3030;
    }



/* ====================== HORNI LISTA ========================== */    
#bluehead
    {
    position: absolute;
    left:57px;
    top:90px;
    width: 992px;
    height: 25px;
    background-color: #0080c3;
    } 

.bluebar
    {
    position: absolute;
    background-color: #0080c3;
    text-align: center;
    /*height: 25px;*/
    color: white;
    }
       
.bluebar .menu 
    {
    font-size: 15px;
    font-weight: bold;
    padding-top: 3px;
    height: 25px;
    color: white;
   /* border-right: solid 4px #ffffff;*/
    }    

.bluebar a
    {
    color: white;
    }
    
.bluebar a:hover
    {
    color: white;
    }    

/* ======================= TODAYSCREEN ===================== */    
#todayscreen
    {
    position: absolute;
    left:65px;
    top:370px;
    width:235px;
    height:220px;
    background-image: url(/design/silu.png);
    background-repeat: no-repeat;
    border-bottom: solid 1px #b0b0b0;
    }

#todayscreen .title
    {
    font-size: 10px;
    text-decoration: underline;
    margin-bottom: 3px;
    }
    
#todayscreen .data
    {
    color: #0080c3;
    font-weight: bold;
    }

#todayscreen .mini
    {
    color: #808080;
    font-size: 10px;
    }    

#todayscreen .closed
    {
    color: #b0b0b0;
    font-size: 10px;
    }    

    
#todayscreen td
    {
    font-size: 10px;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 0px;
    color: black;
    }
   
    
    

/* ======================= MENU ========================= */    
    
#menu
    {
    position:absolute;
    left:65px;
    top:600px;
    width:235px;
    height:90px;
    font-family: "Verdana", sans-serif;
    }

#menu a:hover {color: #ff3030; }
#menu a {color: #000000; }

#menu .item
    {
    position:relative;
    font-size: 15px;
   /* padding: 3px 3px 3px 8px;*/
    cursor: pointer;
    margin-bottom: 3px;
    margin-left: 8px;
    font-weight: bold;
    }

#menu .item .bdot
    {
    position: absolute;
    top: 6px;
    left: -27px;
    border-top: 5px solid #0080c3;
    width: 14px;
    }
    
#menu .item .rdot
    {
    position: absolute;
    top: 6px;
    left: -27px;
    border-top: 5px solid #ff3030;
    width: 14px;
    }
    
/* ======================= NOVINKY ========================= */    
#newspad
    {
    position:absolute;
    left:697px;
    top:210px;
    width:352px;
    height:560px;
    }


#newspad h1
    {
    font-size: 15px;
    font-weight: bold;
    font-family: "Verdana", sans-serif;
    background-color: #b0b0b0;
    margin-top: 0px;
    margin-bottom: 7px;
    padding: 0px 3px 3px 0px;
    color: white;
    }
    
  
#newspad h2
    {
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-family: "Verdana", sans-serif;
    }

#newspad p
    {
    text-indent: 0px;
    margin: 0px 0px 0px 0px;
    }

    
#newspad .nlsIndex
    {
    margin-left: 5px;
    }

#newspad .annotation
    {
    font-size: 11px;
    margin-bottom: 15px;
    margin-left: 25px;
    margin-right: 25px;
    text-align: justify;
    font-family: "Verdana", sans-serif;
    }
    

#newspad .HPicon
    {
    position: absolute;
    top: auto;
    left: 352px;
    }

    
#newspad .annotation a
    {
    color: #ff3030;
    }
    
#newspad .bench
    {
    font-size: 10px;
    }