/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro OK-NO.cz
	Author:			 blockart s.r.o., studio@blockart.cz 
	Modified:	   11. 2. 2014

	==[ 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 ]==
  #535152  šedá
  #91127d  fialová
----------------------------------------------------------------------------*/
html, body {
height: 100%;
}


/* 1. Body -----------------------------------------------------------------*/
body {
    font-family: Tahoma, 'Arial CE', sans-serif;
    text-align: left; 
    margin: 0 auto;
    padding: 0px;
    font-size: 10pt;
    color: #333;
    background: #fff url(../images/head.jpg) no-repeat scroll center top;
}

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

img {border: none;}

a img {text-decoration: none;}

a span {cursor: pointer;}

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

iframe{ width: 600px; height: 340px; border: none;}

a {color: #79b000; text-decoration: none;}
a:hover {text-decoration: underline;}

h1 {font-size: 13pt; padding: 0; margin: 0;}
h2 {font-size: 14pt; padding: 0 0 10px 0; margin: 0;}
h3 {font-size: 12pt; padding: 0 0 0px 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 ------------------------------------------------------------*/



/* 5. Header   -------------------------------------------------------------*/
#top {
    width: 900px;
    height: 190px;
    position: relative;
    top: 0px;
    text-align: left;
    color: #fff;
}
#logotype {
    position: relative;
    display: block;
    float: left;
    width: 370px;
    height: 67px;
    top: 125px;
    left: 0;
}
span.logotype {display: none;}
.clickhome {width: 100%; display: block; height: 100%;}
h1 span {display: none;}

/* 6. Navigace -------------------------------------------------------------*/
#menu {
    position: relative;
    top: 0px;
    right: 0px;
    width: 900px;
    height: 78px;
    margin-left: 200px;
    text-align: left;
    z-index: 5;
}
#menu ul {margin: 0; position: relative; top: 0px; left: 0px; list-style-type: none;}
#menu ul li {float: left; font-size: 13px; font-weight: bold; width: 130px; height: 78px; margin-left: 2px;}
#menu ul li#uvod {background: url(../images/menu_uvod.png) no-repeat scroll;}
#menu ul li:hover#uvod {background: url(../images/menu_uvod_hover.png) no-repeat scroll 0px;}
#menu ul li#partneri {background: url(../images/menu_partneri.png) no-repeat scroll;}
#menu ul li:hover#partneri {background: url(../images/menu_partneri_hover.png) no-repeat scroll 0px;}
#menu ul li#reference {background: url(../images/menu_reference.png) no-repeat scroll;}
#menu ul li:hover#reference {background: url(../images/menu_reference_hover.png) no-repeat scroll 0px;}
#menu ul li#dokumenty {background: url(../images/menu_dokumenty.png) no-repeat scroll;}
#menu ul li:hover#dokumenty {background: url(../images/menu_dokumenty_hover.png) no-repeat scroll 0px;}
#menu ul li#kontakt {background: url(../images/menu_kontakt.png) no-repeat scroll;}
#menu ul li:hover#kontakt {background: url(../images/menu_kontakt_hover.png) no-repeat scroll 0px;}


#menu ul li a {display: block; width: 100%; height: 100%;}

#menu ul li span {display: none;}



/* 7 Sidebar -----------------------------------------------------------------*/
#sidebar-l {position: relative; margin: -58px 0 0 0; top: 0px; min-height: 200px; height: auto; width: 240px; background: url(../images/sidebar_bg.png) repeat-y scroll; float: left; color: #fff;}
#sidebar-l .header {display: block; width: 240px; height: 72px; background: url(../images/sidebar_header.png) no-repeat scroll;}
#sidebar-l .header span {display: none;}
#sidebar-l .text {width: 190px; margin-left: 30px; margin-top: 20px; margin-bottom: 20px;}
#sidebar-l .bottom {position: absolute; bottom: 0; width: 240px; height: 5px; background: url(../images/sidebar_bottom.png) no-repeat scroll;}
#sidebar-l a {color: #fff; text-decoration: underline;}
#sidebar-l a:hover {text-decoration: none;}

/* 8. Content    (obsah) ----------------------------------------------------*/                                                                              
#main-container {

    position: relative;
    width: 900px;
    height: auto;
    top: 0px;
    margin: 0 auto;
    z-index: 0;
    
}
#wrapper-content {position: relative; top: 100px;}
#content {
    float: left;
    z-index: 2;
    position: relative;
    background: #f2f2f2;
    width: 618px;
    margin: -7px 0px 0 2px;
    padding: 20px 20px 0px 20px;
    
}
#content ul {list-style-type: square;}
#content #box-white {background: #fff; text-align: center;}
#content #box-white img {margin: 10px; vertical-align: middle;}
#content a img {float: left; border: 4px solid #79b000; margin-right: 15px; }
ul.dokumenty li {list-style-image: url(../images/icon_pdf.png); vertical-align: middle; height: 20px; margin-bottom: 5px; padding-left: 20px;}
ul.dokumenty li.doc {list-style-image: url(../images/icon_doc.png);}
ul.dokumenty li.xls {list-style-image: url(../images/icon_xls.png);}





/* 9. Footer ----------------------------------------------------------------*/
#footer {z-index: 0; height: 139px; position: relative; margin-top: 100px; bottom: 0px; width: 100%; color: #000; font-size: 11px; background: url(../images/bg_footer.png) repeat-x scroll;}
#footer #box {width: 900px; height: 139px; position: relative; top: 0px; margin: 0 auto; background: url(../images/footer_box.png) no-repeat scroll;}
#footer #box .blockart {display: block; float: left; position: relative; top: 50px; width: 200px; height: 60px;}
#footer #box .blockart span {display: none;}
#footer #box .ok-no {display: block; position: relative; float: left; top: 70px; left: 530px; width: 180px; height: 40px;}
#footer #box .ok-no span {display: none;}