/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro ZTP
	Author:			 e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu
	Modified:	   26. 5. 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: Arial, 'Arial CE', sans-serif;
    text-align: left;    
    margin: 0 auto;
    padding: 0px;
    font-size: 10pt;
    color: #000;
    background: #fff url(../images/bg_main_grey.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: #f60;}
a:hover {text-decoration: none;}

h1 {font-size: 15pt; padding: 0; margin: 0; color: #000; padding: 10px; border-bottom: 2px solid #5D5D39;}
h2 {font-size: 13pt; padding: 0px; margin: 20px 0px 5px 0px; color: #000; text-align: left;}
h3 {font-size: 100%; /*float: left; color: #636262;*/ white-space: normal; width: 160px; margin: 10px 0px 0px 0px;}
h5 {font-size: 100%; margin: 0px 0px 2px 0px; padding: 5px 0px 3px 0px;}
/* 3. Classes --------------------------------------------------------------*/
#sidebar-l p, #sidebar-r p {color: #4a4a4a; padding: 0px 0px; margin-bottom: 0px;}
#content img.obr {border: 2px solid #5D5D39; margin: 3px;};

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

.clear
{
    clear: both;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    margin: 0px;
    padding: 0px;
}  

.f-left {float: left;}
/* 4. Container ------------------------------------------------------------*/
#main-container {
    position: relative;
    width: 1030px;
    margin: 0 auto;
    background: url(../images/bg_text_grey.png) no-repeat scroll;
}

/* 5. Header   -------------------------------------------------------------*/
.subpage #top1 {height: 190px;}
#top1 {
    width: 1030px;
    height: 435px;
    padding: 0px;
    position: relative;
    text-align: left;
    
    
}
#top1 #logotype {
     position: relative;
     display: block;
     float: left;
     width: 306px;
     height: 103px;
     margin: 10px 0 10px 40px;   
     background: url(../images/logotype.png) no-repeat scroll;
}
.clickhome {width: 306px; display: block; height: 103px;}
#top1 #logotype span {display: none;}
#top1 #top-navigation {float: right; margin-top: 10px; margin-right: 50px;}
#top1 #top-navigation .mapa-stranek {background: url(../images/mapa_stranek.png) no-repeat scroll left; padding-left: 20px; margin-right: 10px;}
#top1 #top-navigation .napiste-nam {background: url(../images/napistenam.png) no-repeat scroll left; padding-left: 25px;}

#top1 #clock {color: #f05101; width: 65px; height: 30px; position: absolute; top: 15px; left: 870px; font-weight: bold;}
#top1 #header {width: 938px; height: 52px; background: url(../images/box_top_grey.png) no-repeat scroll; position: relative; margin: 0 auto; display: block; clear: both;}
#top1 #header .home {display: block; width: 52px; height: 52px; border: none; position: relative; top: -10px; margin-right: 10px;}
#top1 #header .home a {display: block; width: 100%; height: 100%; z-index: 1000;}
#top1 #header .home a:hover {background: transparent;}
#top1 #header ul {position: relative; top: 10px; left: 0px; margin: 0; list-style-type: none; color: #fff; font-size: 12pt; height: 30px; z-index: 999; padding: 0;} 
#top1 #header ul li {float: left; margin: 0 0px; height: 32px; border-right: 2px solid #434321;}
#top1 #header ul li span {display: block; padding: 8px 20px 0 20px;}
#top1 #header ul li a {color: #fff; text-decoration: none; font-size: 10pt; font-weight: bold;}
#top1 #header ul li a:hover, #top1 #header ul li.selected {background: #100d0d;}


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

#top1 #baner {width: 595px; height: 250px; background: url(../images/baner.jpg) no-repeat scroll; float: left; margin: 17px 0 0 46px;}
#top1 #box-top-right {width: 279px; height: 210px; background: url(../images/box_right_grey.png) no-repeat scroll; float: right; margin: 17px 46px 0 0; color: #fff; padding: 20px;}
#top1 #box-top-right h2 {color: #f60; font-size: 140%;}
#top1 #box-top-right p {font-size: 110%; text-align: justify; line-height: 200%;}

#top1 #orange {color: #f60; font-weight: bold; width: 480px; float: right; padding: 30px 170px 0px 0px;}

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


/* 7 Sidebar -----------------------------------------------------------------*/
#sidebar-r {width: 318px; float: right; margin-right: 5px; padding-right: 30px;} 
#sidebar-r img {margin: 30px 10px 20px 0px; float: left;}
#sidebar-r ul {position: relative; top: 20px; margin: 0; padding: 0; list-style-type: none; list-style-image: url(../images/list_right.png); list-style-position: inside;}
/*#sidebar-r ul:hover {list-style-image: url(../images/list_right_green.gif);}*/
#sidebar-r li.selected {list-style-image: url(../images/list_right_green.gif);}
#sidebar-r ul li a {color: #000;}
#sidebar-r ul li span {}
#sidebar-r ul li {padding: 5px; border-bottom: 1px solid #d7d5d5; }

/* 8. Content    (obsah) ----------------------------------------------------*/


#wrapper-content {position: relative; margin-top: 10px; width: 1017px;}
#content {width: 605px; padding: 10px 10px 10px 30px;margin-left: 15px; float: left; }
#content p {padding: 5px 0px; line-height: 20px;}
#content img {float: left; margin: 5px;}
#content .reference {width: 600px; background: #e4e4e4 url(../images/reference_bg.png) repeat-x scroll; border: 1px solid #e3e3e3; margin-bottom: 15px;}
#content .reference .box {width: 280px; height: 100px; border-bottom: 1px solid #e0e0e0; float: left; margin: 10px;}
#content .content-home p {padding-bottom: 0px; line-height: 15px;}
#box-bottom {position: relative; width: 998px; height: 210px; background: #e9e9e9 url(../images/bg_box_bottom.png) repeat-x scroll; margin-left: 16px; line-height: 20px;}
#box-bottom img {float: left;}
#box-bottom p {margin-top: 50px;}
#box-bottom .box1 {width: 310px; float: left; height: 190px; padding: 20px 0 0 20px;}
#box-bottom .box1 img {margin-right: 20px;}
#box-bottom td {vertical-align: top;}
#box-bottom .box2 {width: 328px; float: left; padding: 20px 0 0 0;}
#box-bottom .box3 {width: 300px; float: left; padding: 20px 0 0 0;}
#box-bottom .box3 input {width: 315px; border: 1px solid #b2b2b2; margin-bottom: 10px;}
#box-bottom .box3 textarea {width: 313px; height: 80px; border: 1px solid #b2b2b2;}
#box-bottom .box3 .button {margin-top: 10px; width: 68px; height: 25px; background: url(../images/send_orange.png) no-repeat scroll; float: left; color: #fff; font-weight: bold; border: none;}
#box-bottom .box3 .napiste span.zprava { float: left;  color: #ff0000; padding: 12px 0px 0px 10px; }

#content .fotogalerie {float: left; margin: 5px 18px; }
#content .fotogalerie a { text-decoration: none; }
#content .fotogalerie img {border: 3px solid #aaaaaa; }
/* 9. Footer ----------------------------------------------------------------*/
#footer .partners {width: 927px; margin-left: 40px; background: url(../images/footer_line_grey.png) no-repeat scroll center bottom; padding-top: 10px; padding-left: 10px;}
#footer .partners h4 {padding: 0; margin: 10px 0 0 0; color: #f60; font-size: 12pt;}
#footer .partners img {margin: 20px 0 ; padding: 0 20px; border-right: 1px solid black; }
#footer .partners img.last {border-right: none;}

#footer a {color: #ff6c00; text-decoration: underline;}

#footer a:hover {text-decoration: none;}

#footer #box {width: 1017px; position: relative; top: 0px; margin: 0 auto; z-index: 20;}

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

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

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

#footer {margin: 0 auto; clear: both; height: 120px; width: 998px; color: #fff; font-size: 9pt; background: url(../images/footer_grey.png) repeat-x scroll bottom; } 
#wrapper-footer {clear: both;}

/* LIGHT-BOX */
.aitom-pozadi{
  z-index: 900; 
  visibility: visible;
  left:0px;
  top:0px;
  background-color:#000000;
  width:100%;
  height:100%;
  display:block;
  position:fixed;
  filter:alpha(opacity=65);
  opacity: 0.65;
  -moz-opacity:0.65;
  
}
.aitom-hlaska-holder{
         position:absolute;
         top:100px;
         z-index:1000;
         width:100%;
         margin-left:-10px;
         margin-right:-10px;
}
      
.aitom-hlaska{
        position:relative;
        display:block;
         top:0px !important;
          width:95%;
         margin:0px auto 0px auto !important;
         max-width: 820px;
}
.aitom-hlaska  li{list-style:none; padding-left:15px; background:url(../img/li.gif) left center no-repeat; line-height:160%;} 
.aitom-hlaska .zaviraci{
     position:absolute;
     top:-16px;
     right:0px;
     margin-right:10px;
     width:28px;
     height:16px;
     background: transparent url(../images/btn-zavrit.gif) left top no-repeat;
}
.aitom-hlaska .zaviraci span{display:none;}

.strankovani {width: 100%; height: 25px; position: relative; text-align: center; padding-top: 15px;}
#movePrev {display: block; width: 28px; height: 16px; background: url(../images/galerie_left.png) no-repeat scroll; float: left;}
#movePrev a, #moveNext a {display: block; width: 100%; height: 100%;}
#moveNext {display: block; width: 28px; height: 16px; background: url(../images/galerie_right.png) no-repeat scroll; float: right;}

.aitom-hlaska .obsah{
     background-color:#fff;
     border:1px solid #6b6b6b;
     overflow:auto;
     /*overflow-y: auto; 
     overflow: -moz-scrollbars-vertical; */
}
.aitom-hlaska .obsah h3 {color:#777777; font-size:110%;}
.aitom-hlaska .obsah .sub-obsah{
    display:block;
    position:relative;
    padding:10px;
    }
.aitom-hlaska .obsah th, .aitom-hlaska .obsah td{
     padding-left:5px;
     padding-right:5px;
     vertical-align: top;
     width: 50px;
}
.aitom-hlaska h2 {
     background-color: #6b6b6b;
     color: #fff;
     font-size: 130%;
     padding: 5px 16px;
     vertical-align: middle;
    display:block;
    position:relative;
    margin-bottom: 0px;
}
.aitom-hlaska strong {color: #8e8c8c;margin-left:10px;padding-top:5px;float:left;}

.aitom-hlaska #uz {
  background: url(../img/btn-saveclose.png) left top no-repeat;
  width:136px;
  height:22px;  
  padding-left:12px;
  color:#fff;
  cursor:pointer;  
  border:none;
  text-align:left;
  margin: 0 7px;
}
.aitom-hlaska #zavriti{
  background: url(../img/btn-onlyclose.png) left top no-repeat;
  width:144px;
  height:22px;  
  padding-left:12px;
  color:#fff;
  cursor:pointer;
  border:none;
  text-align:left;    
}
.aitom-hlaska .aktadresar span {float:left;}
.aitom-hlaska .soubory{
    position:static;
     top:0px;
     left:0px;
  }
.aitom-hlaska .soubory .file{
      float:left;
  }
.aitom-hlaska  .soubory .buttons{
     margin-top:5px;
  }


.archivOdkaz {
  display: block;
  float: none;
  clear: both;
  text-align: center;
  margin-bottom: 10px;
}