/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro UNC - stavební stroje Chyňava
	Author:			 e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu
	Modified:	   13. 2. 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 Left
      7.2 Sidebar Right
  8. Content    (obsah)
      8.1 Hint 
      8.2 Legenda, Indormace o systému 
      8.3 Ikony   
      8.4 Ikony ostatní
      8.5 Tabulka  
      8.6 Listovani
      8.7 Button   
  9. Footer     (patička)
  10. Other      (ostatní)

	==[ Colors ]==
 1. cervena - d2010e, d60b0b
 2. seda - b0acac
 3. tmava seda - 898886
 5. hodne tmava zluta - 878700
----------------------------------------------------------------------------*/

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

/* 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: #000;}
a:hover {color: #fff;}

#content a {text-decoration: none;}

h1 {font-size: 140%; padding: 0px; margin: 0px 0px 10px 0px; color: #d60b0b;}
h2 {font-size: 130%; padding: 0px; margin: 0px 0px 10px 0px; color: #5e5e54;}

#content ul {list-style: none;}

#content ul li {background: url(../images/ulli.gif) no-repeat left center; padding-left: 25px; line-height: 30px;}
#content ul li a {text-decoration: underline;}
#content ul li a:hover {color: #656262;}
/* 3. Classes --------------------------------------------------------------*/
#sidebar-l p, #sidebar-r p {color: #fff; padding: 0px 11px; margin-bottom: 10px;}

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

.f-left {float: left;}
/* 4. Container ------------------------------------------------------------*/
#main-container {
    width: 978px;
    margin: 0px auto;
    background: url(../images/sidebar-r-rep.png) no-repeat scroll right 200px;
}


/* 5. Header   -------------------------------------------------------------*/
#top1 {
    height: 80px;
    padding: 0px;
    position: relative;
    text-align: left;
    z-index: 100;
}

#top1 #logotype {
    width: 120px;
    height: 136px;
    position: absolute;
    top: 13px;
    left: 20px;
    background: transparent url(../images/logotype.png) no-repeat scroll left top;
}

#top1 #logotype span {display: none;}

#top1 #logotype a {display: block; width: 99px; height: 100px;}

#top1 #search-language {
    font-size: 15px; 
    color: #b0acac;
    position: relative;
    left: 150px;
    top: 13px;
    padding: 13px 0px 0px 0px;
    border: 1px solid gray;
    width: 847px;
    height: 37px;
}

#top1 #search-language .obal-iso {width: 170px; height: 51px; margin-top: -14px; margin-left: -1px; float: left; background-color: #fff;}


#top1 #search-language #language {
    padding: 0px 0px;
    height: 22px;
    margin-top: 2px;
    float: left;
}

#top1 #search-language #language a.lang-act, #top1 #search-language #language a.lang {
    padding: 0px 2px;
    border: 1px solid #fff;
}

/* vybrany jazyk + hover */
#top1 #search-language #language a.lang-act, #top1 #search-language #language a.lang:hover {
    border: 1px solid #b0acac;
}


#top2 {
    height: 203px;
    background: #ed0306 url(../images/top2-bg.png) no-repeat scroll right top;
    text-align: left;
    padding: 0px;
    position: relative;
    z-index: 1;
}

#top2 strong {position: absolute; left: 20px; bottom: 8px; display: block; font-size: 120%; color: #fff;}

body.podstranka #top2 {height: 70px;}
body.podstranka #top2 {padding: 20px 30px;}
body.podstranka #top2 h1 {color: #c5dae8; font-size: 150%;}

/* drobeckova navigace */ 
body.podstranka #top2 #drobeckova-navigace a, body.podstranka #top2 #drobeckova-navigace span {float: left; color: #002a35;}
body.podstranka #top2 #drobeckova-navigace a:hover {color: #fff;}
body.podstranka #top2 #drobeckova-navigace span.sipka {
background: url(../images/sipka.gif) no-repeat scroll left center; display: block; 
width: 8px; height: 7px; margin: 5px 20px;}

body.podstranka #content-wrapper {background-color: #fff;}

#top2 #produkty {
    height: 267px;
    width: 440px;
    padding: 20px 0px; 
    position: absolute;
    right: 0px;
}

#top2 #produkty a {float: left; display: block; margin-left: 20px; margin-bottom: 15px;}

#top2 #produkty a.prod {float: none; display: block; color: #fff; text-decoration: none; font-size: 15px; font-weight: bold; text-align: center; margin-right: 14px; background: url(../images/prod-a.gif) no-repeat scroll left center}



/* 6. Navigace -------------------------------------------------------------*/
#top1 #menu {
    position: absolute; /*pokud to nepujde tak nastavit na position: relative; */
    right: 0;
    bottom: 0;
    height: 52px;
    background: url(../images/menu-bg.png) no-repeat scroll right top;
}

#top1 #menu ul {list-style: none; padding: 0px; margin: 0px;}

#top1 #menu ul li, #top1 #menu ul li a {float: left;}

#top1 #menu ul li {background: url(../images/menu-delic.png) no-repeat scroll right 10px;}

#top1 #menu ul li a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 10px 27px;
    height: 32px;
    line-height: 34px;
    font-weight: bold;
}

#top1 #menu ul li a:hover, #top1 #menu ul li.selected a {
    color: #fff; background: transparent url(../images/a-hover.png) repeat-x scroll center center;
}

/* 7. Sidebar ---------------------------------------------------------------*/
/* 7.1 Sidebar Left ---------------------------------------------------------

/* 7.2 Sidebar Right --------------------------------------------------------*/
#sidebar-r {
    float: left;
    width: 235px;
    float: left; 
    margin-left: -250px;
    padding-left: 15px;
    text-align: left;
}

#sidebar-r p {color: #000;}

#sidebar-r #vyhledavani {background: url(../images/vyhledavani-bg.png) no-repeat scroll left top; height: 26px; margin-left: -15px; padding: 12px 0px 12px 12px;}

#sidebar-r #vyhledavani input.input-text {
    border: 0 none;
    font-size: 80%;
    color: #5d5d52;
    padding: 5px 0px 2px 10px;
    width: 190px;
    height: 18px;
    background: url(../images/search-text.png) no-repeat scroll left top;
    float: left;
}

#sidebar-r #vyhledavani input.input-bt {
    width: 31px;
    height: 25px;
    border: 0 none;
    background: url(../images/search-bt.png) no-repeat scroll left top;
}

#sidebar-r h1 {color: #d2010e; font-size: 110%; padding: 8px 0px; background: url(../images/delic-h1.png) no-repeat scroll left bottom;}

#sidebar-r #eshop {background: url(../images/kosik.png) no-repeat scroll left center; min-height: 108px;}

#sidebar-r #eshop p {margin-left: 100px;}

#sidebar-r #eshop p a.a-vice {
background:#E30003 url(../images/a-vice.png) no-repeat scroll left top;
display:block;
height:17px;
margin-top: 20px;
padding:4px 7px;
position:relative;
width:101px;
text-decoration: none;
color: #fff;
}

#sidebar-r #eshop p a.a-vice:hover {color: #f0f0f0;}

#sidebar-r .box-seda a, #sidebar-r #kontakt.box-seda span {color: #d7051e; font-weight: bold;}
#sidebar-r #kontakt.box-seda a {font-weight: normal;}

#sidebar-r .kalendar {float: left; background-color: #656262; width: 76px; padding: 2px; text-align: center; margin-right: 10px;}

#sidebar-r .kalendar .datum {display: block; width: 23px; font-weight: bold; color: #fff; font-size: 110%; float: left;}
#sidebar-r .kalendar .rok {display: block; height: 17px; color: #fff; text-align: center; font-size: 80%; margin-left: 23px;}


#sidebar-r #aktuality p, #sidebar-r #kontakt p  {line-height: 22px; padding: 0px; color: #757676;}
#sidebar-r #kontakt p {color: #656262;}

#sidebar-r #kontakt p.map {float: left; margin-right: 10px; padding-top: 10px; padding-bottom: 40px;}

#sidebar-r #aktuality a.older {font-weight: normal; margin-left: 130px;}

#sidebar-r #kontakt.box-seda h2 {font-size: 100%; color: #333333; font-weight: bold; margin-bottom: 0px;}

#sidebar-r #kontakt.box-seda h2 {margin-top: 5px;} 

/* 8. Content    (obsah) ----------------------------------------------------*/
#content-wrapper {width: 100%; float: left;}

#content {margin: 0px 250px 0px 0px; width: 698px; padding: 20px 15px; text-align: left; background-color: white; position: relative;}

#content p {margin-bottom: 10px; line-height: 22px;}

#content.uvod p {text-align: justify;}

#content .r-nav, #content .r-nav-left {height: 150px; width: 151px; float: left; margin-bottom: 30px; margin-right: 30px;}
#content .r-nav-left {margin-right: 18px; margin-right: 0px;}
#content .r-nav img, #content .r-nav-left img {border-bottom: 1px solid #e1e1e1; margin-bottom: 0px;}
#content .r-nav a, #content .r-nav-left a {
    background: url(../images/r-nav-top.png) no-repeat scroll left top; 
    font-size: 150%; 
    display: block; 
    text-align: center; 
    width: 151px; 
    height: 56px;
    color: #fff; 
    text-decoration: none; 
    line-height: 55px; 
    background-color: #f5f4f3; 
    margin-top: 1px;
}

#content .r-nav a:hover, #content .r-nav-left a:hover {color: #ffd6d9;}
#content .r-nav a.img-a, #content .r-nav-left a.img-a {display: block; width: 151px;  height: 94px; margin: 0px; padding: 0px; border: 0 none;}
#content .r-nav a span, #content .r-nav-left a span {width: 100%; display: block;}

/* LETAKY*/
#content .r-nav-letak {width: 144px;}

#content .r-nav-letak p strong {line-height: 100%;}


#content .r-nav-letak a, #content .r-nav-letak-left a {
    display: block; 
    width: 142px; 
    height: 204px;
    text-decoration: none; 
    background-color: #fff;
    padding: 1px;
    border: 3px solid #ca0b0c; 
}

#content .r-nav-letak, #content .r-nav-letak-left {
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
    text-align: center;
}

#content .r-nav-letak p, #content .r-nav-letak-left p {text-align: center; margin: 0px; line-height: 100%;}

#content .r-nav-letak h5, #content .r-nav-letak-left h5 {padding: 0px; margin: 0px;}

#content .r-nav-letak-left {margin-right: 0px;}

#content .r-nav-letak a.pod, #content .r-nav-letak-left a.pod {border: 0 none; height: 20px; margin: 0px; width: 150px; text-align: center; color: #d60b0b; text-decoration: underline;}

#content .r-nav-letak span.platnost {display: block; font-size: 11px; width: 144px; padding-bottom: 10px; color: #D60B0B; font-weight: bold;}

#content h2 a:hover {color: #d3d3d3;}

/* fotogalerie */
#content .fotogalerie {float: left; height: 140px; margin-right: 15px; margin-bottom: 15px; vertical-align: middle;}
#content .fotogalerie a {display: block; border: 1px solid gray; padding: 1px; background-color: #fff;}
#content .fotogalerie a img {padding: 0px;}
#content .fotogalerie a:hover {border-color: #D2010E;}

#content .partner {border: 1px solid gray; padding: 20px; margin-bottom: 15px; position: relative;}
#content .partner a, #content .partner a.under {display: block; position: absolute; padding-right: 20px; right: 20px; top: 10px; font-size: 110%; color: #D2010E; background: url(../images/a-out.gif) no-repeat right 5px;}
#content .partner a.under {top: 30px; right: 20px;}
#content .partner a:hover {text-decoration: underline;}
#content .partner img {margin-bottom: 15px;}

#content h3 {clear: left;}
/* 9. Footer ----------------------------------------------------------------*/
#footer a {color: #000;}

#footer a:hover {color: #303030;}

#footer p {color: #000; line-height: 30px;}

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

#footer p.right {display: block; text-align: right;}

#footer {margin: 0px auto 0px auto; clear: both; height: 51px; width: 938px; padding: 30px 20px; background: url(../images/footer-bg.png) no-repeat scroll left top;}







/* pro IE6 
#footer {margin-bottom: -10px;}
#content {width: 700px;}

#top1 #logotype {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://test.profiweby.cz/ceky/images/logotype.png', sizingMethod='crop'); background: transparent;}

#top1 #menu {bottom: -2px;}


#sidebar-r {
float:left;
margin-left:-250px;
padding-left:13px;
text-align:left;
width:237px;
}

#sidebar-r #eshop {
height:108px;}
*/

/* hlaska */
.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;
}
.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;}
.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;
}
.aitom-hlaska h2 {
     background-color: #6b6b6b;
     margin-bottom:0px;
     color: #fff;
     font-size: 130%;
     padding: 5px 16px;
     vertical-align: middle;
    display:block;
    position:relative;
}
.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;
  }