/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro KENTCZ s.r.o.
	Author:			 blockart s.r.o., studio@blockart.cz 
	Modified:	   7. 7. 2009

	==[ TOC ]==
  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 ]==
 
----------------------------------------------------------------------------*/

/* 1. Body -----------------------------------------------------------------*/
body {
    font-family: tahoma, 'Arial CE', sans-serif;
    text-align: left;    
    margin: 0 auto;
    padding: 0px;
    font-size: 8pt;
    color: #000;
    background: #fff url(../images/bg_all.png) repeat-x top center;
}

/* 2. Tags -----------------------------------------------------------------*/
p {text-align: left; margin: 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: #1d2647; font-weight: bold; }
a:hover {text-decoration: none;}

h1 {font-size: 14pt; color: #d0e6f5; font-style: italic; padding: 0; margin: 0 0 10px 0;}
h2 {font-size: 11pt; padding: 0px 0 0 15px; margin: 0 0 10px 0px; color: #ff7e00; font-style: italic; text-align: left; background: url(../images/arrow.gif) no-repeat scroll left;}
h3 {font-size: 105%; float: left; color: #636262; margin: 0px;}
h5 {font-size: 100%; margin: 0px; padding: 0px;}
/* 3. Classes --------------------------------------------------------------*/
#sidebar-l p, #sidebar-r p {color: #4a4a4a; padding: 0px 0px; margin-bottom: 0px;}

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

.f-left {float: left;}
/* 4. Container ------------------------------------------------------------*/
#main-container {
    position: relative;
    top: 45px;
    width: 800px;
    margin: 0 auto;
}

/* drobeckova navigace */ 
/*body #top1 #drobeckova-navigace {position: relative; top: 5px; left: 2px; width: 977px; height: 21px; padding: 4px 0px 0px 10px; background: url(../images/drobecek.png) no-repeat scroll left; color: #555;}
body #top1 #drobeckova-navigace strong {float: left;  margin-right: 15px;}
body #top1 #drobeckova-navigace a, body #top1 #drobeckova-navigace span {float: left; color: #e5e5e5; text-decoration: underline; display: block; height: 21px; }
body #top1 #drobeckova-navigace a:hover {text-decoration: none;}
body #top1 #drobeckova-navigace span.sipka {
background: url(../images/sipka.png) no-repeat scroll left center; display: block; 
width: 8px; height: 9px; margin-top: 5px; margin-left: 8px; margin-right: 8px;}
*/
/* 5. Header   -------------------------------------------------------------*/

#top1 {
    width: 800px;
    height: 272px;
    padding: 0px;
    position: relative;
    text-align: left;
    z-index: 0;
    background: url(../images/top_bg.png) no-repeat scroll bottom;
    
}

#top1 #logotype {
     position: relative;
     display: block;
     float: left;
     width: 228px;
     height: 52px;
    
     background: url(../images/logotype.png) no-repeat scroll;
}
.clickhome {width: 228px; display: block; height: 52px;}
#top1 #logotype span {display: none;}
#link {position: absolute; right: 5px; top: 37px;}
#link a {color: #465a88; text-decoration: none;}

#top2 {float: left; width: 450px; padding: 20px; font-size: 8pt;}
#top2 p {color: #fff; line-height: 20px;}


/* 6. Navigace -------------------------------------------------------------*/
#menu {position: relative; top: 5px; width: 800px; height: 40px; float: left; font-size: 10pt;}
#menu ul {margin: 0; padding: 0; line-height: 33px; vertical-align: middle; list-style-type: none;}
#menu ul li {float: left; height: 30px; padding: 0 15px; margin: 0px; background: url(../images/menu_line.png) no-repeat scroll right 10px;}

#menu ul li a {color: #fff; text-decoration: none; display: block; width: 100%; height: 100%; font-weight: normal;}
#menu ul li a:hover, #menu ul li a.selected {border-bottom: 6px solid orange;}




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

#sidebar-r {width: 180px; float: right; margin-top: -120px; z-index: 1000; padding: 0 10px; line-height: 18px;}
#sidebar-r img {margin-top: 10px;}

/* 8. Content    (obsah) ----------------------------------------------------*/
#wrapper-content {position: relative; width: 800px; background: url(../images/main_bg.png) repeat-y scroll; z-index: 1000;}
#wrapper-content .top {position: relative; top: 0px; width: 800px; height: 135px; background: url(../images/main_top.png) no-repeat scroll top; z-index: -1; float: left;}
#wrapper-content .bottom {clear: both;width: 800px; height: 16px; background: url(../images/main_bottom.png) no-repeat scroll;}
#content {position: relative;  margin-top: -140px; width: 560px; float: left;  padding: 20px;  line-height: 20px; clear: left;}
#content .line {width: 594px; border-bottom: 1px solid #d7d9df; margin: 10px 0px 15px -20px;}

#content .box {width: 272px; height: 116px; float: left; margin: 10px 8px 0px 0; background: url(../images/box_produkt_bottom.png) no-repeat scroll; line-height: 15px; z-index: 10;}
#content .box img {float: left; margin-left: 10px; margin-top: 5px;}
#content .box h3 {width: 260px; padding: 5px 0 0 10px;}
#content .box .text {width: 140px; padding: 5px 5px 5px 5px; float: right; }
#content .box.top {background: url(../images/box_produkt_top.png) repeat scroll;}




/* 9. Footer ----------------------------------------------------------------*/
#footer a {font-size: 7pt;}

#footer img {margin-left: 5px; position: relative; top: 5px;}

#footer #box {width: 800px; height: 50px; position: relative; top: 0px; margin: 0 auto; background: url(../images/footer_map.png) no-repeat scroll right; z-index: 20; font-size: 8pt;}

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

#footer p.left {float: left; width: 500px; margin: 15px 0px 0px 15px;}

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

#footer {clear: both; margin-top: 35px; height: 30px; width: 100%; background: url(../images/footer.png) repeat-x scroll bottom; color: #434343; font-size: 9pt;}