/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro Blockart-admin 
	Author:			 blockart s.r.o., studio@blockart.cz 
	Modified:	   11. 11. 2010

	==[ TOC ]==
	0. Html       (pozadí)
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Navigace
  7. Sidebar
      7.1 Sidebar right
      7.2 Sidebar left
  8. Content    (obsah)
  9. Footer     (patička)
  10. Other      (ostatní)

	==[ Colors ]==
 
----------------------------------------------------------------------------*/

/* SPECIAL */
#wwg {background-color: #fff}
#wwg img {margin: 10px;}

/* 0. Html -----------------------------------------------------------------*/
* {margin:0; padding: 0;}
html {
    background: #e0e0e0 url(../images/bg_blank.jpg) no-repeat scroll top; 
}
/* 1. Body -----------------------------------------------------------------*/
body {
    font-family: Verdana, 'Arial CE', sans-serif;
    text-align: left;    
    margin: 0 auto;
    padding: 0px;
    font-size: 9pt;
    color: #626262; /*#727272*/
}

/* 2. Tags -----------------------------------------------------------------*/
p {text-align: left; margin: 5px 0px; padding: 0px;}

img {border: none;}

a img {text-decoration: none;}

a span {cursor: pointer;}

fieldset {border: 0 none; padding: 0px; margin: 0px;}

a {color: #19bee7; font-weight: bold; }
a:hover {text-decoration: none;}

h1 {font-size: 14pt; padding: 0; margin: 0;}
h2 {font-size: 11pt; padding: 0; margin-bottom: 5px ;margin-top: 15px;}
h3 {font-size: 10pt; padding: 0; margin: 0;}
h4 {font-size: 10pt; padding: 0; margin: 0;}
h5 {font-size: 9pt; padding: 0; margin: 0;}
h6 {font-size: 8pt; padding: 0; margin: 0;}
/* 3. Classes --------------------------------------------------------------*/
#sidebar-l p, #sidebar-r p {padding: 0px; margin-bottom: 0px;}

br.clear-l {clear: left;}
br.clear-b {clear: both;}

.f-left {float: left;}
/* 4. Container ------------------------------------------------------------*/
#main-container {
    position: relative;
    width: 930px;
    margin: 0 auto;
}
/* 5. Header   -------------------------------------------------------------*/
#top1 {
    width: 930px;
    height: 30px;
    position: relative;
    top: 0px;
    text-align: left;
    z-index: 0;
}
#top1 #logotype {
     position: relative;
     display: block;
     float: left;
     width: 179px;
     height: 78px;
     top: 20px;
     left: 30px;
}     
#top1 #logotype span {display: none;}
.clickhome {width: 100%; display: block; height: 100%;}

/* 6. Navigace -------------------------------------------------------------*/


/* 7 Sidebar -----------------------------------------------------------------*/
 


/* 8. Content    (obsah) ----------------------------------------------------*/          
.wait {background: url(../images/wait.gif) no-repeat center center; width: 64px; height: 80px; padding: 10px 10px 10px 10px; margin: auto; text-align: center;}
.stranky {float: left; border: 1px solid #e8e8e8; width: 178px; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px;}
.stranky ul {margin: 0; padding: 0; padding-bottom: 5px;}

.green {text-decoration: none; padding: 3px 3px 3px 3px; color: #e1e1e1; background-color: #429a52; border: 1px solid #e1e1e1; font-weight: bold;}
.red {text-decoration: none; padding: 3px 3px 3px 3px; color: #e1e1e1; background-color: #a1383a; border: 1px solid #e1e1e1; font-weight: bold;}
.orange {text-decoration: none; padding: 3px 3px 3px 3px; color: #e1e1e1; background-color: #d7882b; border: 1px solid #e1e1e1; font-weight: bold;}

#content fieldset {border: 1px solid #e8e8e8; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px;}
#content ul {margin-left: 30px;}
#content li {margin: 0; padding: 0;}
#wrapper-content {}
#content .navi {text-align: center; font-size: 11pt; width: 600px; border: 1px solid #dadada; background: url(../images/bg_box.png) repeat scroll; margin: 0 auto 30px auto; padding-top: 10px; padding-bottom: 10px;}
#content .navi a,#content .navi a:hover {text-decoration: none; padding: 3px 3px 3px 3px; color: #e1e1e1; background-color: #96c756; border: 1px solid #e1e1e1;}
#content .navi .red,#content .navi .red:hover {text-decoration: none; padding: 3px 3px 3px 3px; color: #e1e1e1; background-color: #a1383a; border: 1px solid #e1e1e1;}
#content .navi p {width: 100%; display: block; margin: auto; text-align: center; margin: 10px;}
#content .login-box {width: 600px; height: 135px; margin: 0 auto; background: url(../images/login_box.png) no-repeat scroll; color: #5d5d5d; padding-top: 1px;}
#content .login-box table {margin: 0 auto; text-align: center; margin-top: 20px; margin-top: 30px;}
#content .login-box input {background: #e0e0e0; border: 1px solid #e8e8e8; width: 150px; height: 20px; font-size: 12pt; color: #5d5d5d;}
#content .login-box input.ok {background: transparent url(../images/login_ok.png) no-repeat scroll; border: none; width: 22px; height: 22px; margin-left: 1px;}
#content .login-box input value {display: none;}
#content .box {width: 600px; margin: 0 auto; border: 1px solid #e1e1e1; background: #d9d9d9; text-align: left; padding: 10px 10px 10px 10px;}
#content .calendar {position: relative; background: url(../images/calendar.png) no-repeat scroll 0 0;}
#content .calendar .prev {position: absolute; top: 60px; left: 150px; display: block;}
#content .calendar .next {position: absolute; top: 60px; right: 150px; display: block;}
#content table.termin {background: #e0e0e0; border-collapse: collapse; margin: 20px auto;}
#content table.termin td {border: 1px solid #e8e8e8; padding: 7px; text-align: center;}
#content table.termin td.full {background: #fff; color: #19bee7; font-weight: bold;}
#content table.termin td img {margin: 0 3px;}
#content .terminy {position: relative; background: url(../images/termin.png) no-repeat scroll 0 0;}
#content table.termin td.datum {width: 40px;}
#content table.termin td.cas {width: 40px;}
#content table.termin td.mista {width: 80px;}
#content table.termin td.popis {width: 140px;}
#content .link {display: block; margin-top: -10px; margin-bottom: 30px; margin-right: 30px; text-align: right;}


/* 9. Footer ----------------------------------------------------------------*/

#footer #box  {width: 600px; height: 20px; position: relative; margin: 0 auto; font-size: 8pt;}

#footer p {line-height: 18px;}

#footer p.left {float: left; width: 300px; margin-left: 30px; margin-top: 20px; color: #fff; font-size: 7pt; font-weight: bold;}

#footer p.right {display: block; text-align: right; padding-right: 10px; padding-top: 0px;}

#footer {clear: both; position: relative; height: 25px; width: 100%; font-size: 9pt; padding-bottom: 20px;} 

/* 10. Ostatni  --------------------------------------------------------------*/