/* 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. zluta - ffff00
 2. zluta:hover - ffffae
 3. tmava H2 - 5e5e54
 5. hodne tmava zluta - 878700
----------------------------------------------------------------------------*/

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

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

#content a {color: #3e3e00; text-decoration: none;}
#content a:hover {text-decoration: underline;}

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

/* 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;}

#content ul {list-style: none; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 10px; }
#content ul li {background: url(../images/ul-li.png) no-repeat left top; line-height: 180%; padding-left: 33px;}
#content ul li li {background: none;}
#content ul {background: url(../images/ul-li-li-rep.png) repeat-y 18px top;}
#content ul ul {background: none;}

#content ul li ul li {padding: 0px;}

#content ul li ul li {background: url(../images/ul-li-li.png) no-repeat left -4px; padding-left: 60px; margin-left: -35px;}

#content ul li ul li ul li {background: none;}

#content ul li ul li ul li {background: url(../images/ul-li-li-rep.png) repeat-y 35px top;}

#content ul li ul li ul li a {background-color: #f0f0f0; margin-left: -35px; padding: 5px; font-weight: bold;}

#content ul li ul li ul li li a {background: none; padding-left: 30px; font-weight: normal;}

#content ul li ul li ul li ul li ul li {background: url(../images/ul-li-li.png) no-repeat 20px -4px;}
#content ul li ul li ul li ul li ul li a {padding-left: 60px; color: #505050;}

#content ul li ul li ul li li {background: url(../images/ul-li-li.png) no-repeat left -4px; padding-left: 60px; margin-left: -35px;}

#content #produkt-info ul {list-style: none; margin: 0px; padding: 0px;}
#content #produkt-info ul li {background: none; line-height: auto; padding-left: 0px; padding-bottom: 0px;}
/* 4. Container ------------------------------------------------------------*/
#main-container {
    width: 968px;
    margin: 0px auto;
}


/* 5. Header   -------------------------------------------------------------*/
#top1 #logotype {
    position: absolute;
    width: 192px;
    height: 124px;
    left: 8px;
    bottom: -43px;
    background: transparent url(../images/logotype.png) no-repeat left top;
}

#top1 #logotype span {display: none;}

#top1 #logotype a {display: block; width: 192px; height: 124px;}

#mini-top p {font-size: 80%; color: #c7c9c8; float: right;}

#mini-top {
    left: 0px;
    top: 0px;
    width: 960px;
    height: 17px;
    text-align: left;
    padding: 4px;
}

#mini-top a {margin-left: 10px;}

#top1 {
    height: 239px;
    padding: 0px;
    background: #a3a3a3 url(../images/top1.png) no-repeat scroll center top;
    position: relative;
    text-align: left;
}

#top2 {
    height: 36px;
    background: #a3a3a3 url(../images/top2.png) no-repeat scroll right top;
    text-align: left;
    padding-top: 7px;
}
/* 6. Navigace -------------------------------------------------------------*/
#menu {
    position: absolute;
    bottom: 0px;
    height: 41px;
    left: 208px;
}

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



#menu ul li, #menu ul li a {float: left; text-decoration: none;}
#menu ul li {background: url(../images/menu-delic.png) no-repeat scroll right -1px;}
#menu ul li a {text-transform: uppercase; color: #fff; margin-right: 2px;}

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

#menu ul li a span {
    display: block; 
    height: 41px; 
    line-height: 41px; 
    padding: 0px 5px;
    font-size: 80%;
    font-weight: bold;
    background: none;
}
  /* zakladni verze */
#menu ul li a span.menu-l-corner, #menu ul li a span.menu-r-corner {width: 5px; height: 41px; background: none; padding: 0px;} 

  /* verze po prejeti */
#menu ul li a:hover span {text-decoration: underline; color: #FFFFAE;}

  /* selektovana verze */
#menu ul li.selected a span{
    background: url(../images/bt-rep.png) repeat-x scroll left top;
    color: #000;
}

#menu ul li.selected a span.menu-l-corner {
    width: 5px; 
    height: 41px;
    background: url(../images/bt-l.png) no-repeat scroll left top;
}
    
#menu ul li.selected a span.menu-r-corner {
    width: 5px; 
    height: 41px;
    background: url(../images/bt-r.png) no-repeat scroll left top;
}

#top2 #vyhledavani {margin-left: 610px; }

#top2 #vyhledavani label {float: left; padding: 3px;}

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

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

/* 7. Sidebar ---------------------------------------------------------------*/
/* 7.1 Sidebar Left ---------------------------------------------------------*/
#sidebar-l {
    float: left; 
    width: 232px;  
    margin-left: -968px;
}
  /* pro stejne veci v sidebarech */
#sidebar-l .box, #sidebar-r .box {background: url(../images/box-bottom.png) no-repeat scroll left bottom; padding-bottom: 20px; margin-bottom: 10px;}
#sidebar-l .box .box-top, #sidebar-r .box .box-top {background: url(../images/box-top.png) no-repeat scroll left top; height: 12px; }

#sidebar-l #sub-menu ul {margin: 0px; padding: 0px; list-style: none;}

#sidebar-l #sub-menu ul li {background: url(../images/submenu-delic.png) no-repeat scroll center bottom;}

#sidebar-l #sub-menu ul li a {display: block; text-align: left; padding: 7px 30px; text-decoration: none; color: #fff; background: url(../images/submenu-sipka.png) no-repeat scroll 10px center;}
#sidebar-l #sub-menu ul li a:hover, #sidebar-l #sub-menu ul li.selected a {background: url(../images/submenu-sipka-hover.png) no-repeat scroll 10px center; color: #ffff00;}

#sidebar-l .box h2, #sidebar-r .box h2 {
    margin-top: 0px;
    margin-left: 11px;
    padding: 15px 10px;
    text-align: left;
    font-size: 110%;
    display: block;
    width: 190px;
    height: 19px;
    background: url(../images/bg-h1.png) no-repeat scroll left top;
    color: #000;
} 

#sidebar-l .box h2 a, #sidebar-r .box h2 a {color: #000; display: block; height: 35px; text-decoration: none;}
#sidebar-l .box h2 a:hover, #sidebar-r .box h2 a:hover {text-decoration: underline;}

/* 7.2 Sidebar Right --------------------------------------------------------*/
#sidebar-r {
    float: left;
    width: 232px;
    float: left; 
    margin-left: -232px;
}

  /* aktuality */
#sidebar-r #aktuality.box p span {display: block; font-size: 80%;}
#sidebar-r #aktuality.box p a {
    font-weight: bold; display: block; margin-bottom: 3px;
}

#sidebar-r #aktuality.box p a.pokr {display: inline; font-weight: normal;}

#sidebar-r #aktuality.box a.older {display: block; text-align: right; margin-right: 11px; padding-right: 15px; background: url(../images/submenu-sipka-hover.png) no-repeat scroll right 6px;}


  /* formular */
#sidebar-r #formular {position: relative;}
#sidebar-r #formular form fieldset input.text-in, #sidebar-r #formular form fieldset textarea {font-family: Tahoma; width: 200px; border: 1px solid gray; padding: 5px; font-size: 80%; color: gray; margin-bottom: 7px;}
#sidebar-r #formular form fieldset textarea {height: 40px;}
#sidebar-r #formular form fieldset .obal-bt {text-align: left; padding-left: 10px;}
#sidebar-r #formular form fieldset .obal-bt input.bt {text-transform: uppercase; color: #fff; font-size: 10px; border: 0 none; width: 76px; height: 26px; background: #606060 url(../images/bt.png) no-repeat scroll left top;}

  /* registrace, prihlaseni, zmena udaju */
#content .form-login {border: 1px solid #88887f; background: url(../images/form-rep.png) repeat-x scroll left top; width: 150px;}
#content .form-text {border: 1px solid #88887f; width: 395px; height: 150px; background-color: #f2f2f2;}
#content .form-btn, #content .button, #sidebar-r .box .bt {margin-top: 5px; color: #fff; font-size: 90%; background: transparent url(../images/bt-reg.png) no-repeat scroll left top; border: 0 none; width: 133px; height: 26px; text-align: center; padding-right: 30px; padding-left: 0px; cursor: pointer;}
#sidebar-r .box .bt {background: transparent url(../images/bt-2.png) no-repeat scroll left top;}
#content a.prihlaseni {background: url(../images/ul-li.png) no-repeat left center; display: block; height: 19px; padding-left: 23px; padding-right: 5px; width: 130px;}
#content a.prihlaseni:hover {text-decoration: underline;}

/* 8. Content    (obsah) ----------------------------------------------------*/
#content #navigace {font-size: 90%; margin-bottom: 15px; line-height: 150%;}
#content #navigace a {text-decoration: underline;}
#content #navigace a:hover {color: #a3a3a3;}
#content-wrapper {width: 100%; float: left;}

#content {margin: 2px 242px 0px 242px; padding: 10px; text-align: left; background-color: white; position: relative;}

#content #content-top1 {position: absolute; background: url(../images/corner-top.png) no-repeat scroll left top; height: 4px; width: 4px; left: 0px; top: 0px;}
#content #content-top2 {position: absolute; background: url(../images/corner-top.png) no-repeat scroll right top; height: 4px; width: 4px; right: 0px; top: 0px;}

#content #content-bottom1 {position: absolute; background: url(../images/corner-bottom.png) no-repeat scroll left top; height: 4px; width: 4px; left: 0px; bottom: 0px;}
#content #content-bottom2 {position: absolute; background: url(../images/corner-bottom.png) no-repeat scroll right top; height: 4px; width: 4px; right: 0px; bottom: 0px;}

#content a span {cursor: pointer;}
#content a:hover span {text-decoration: underline;}

  /* fotogalerie produktu */
#content p {margin-bottom: 10px;}
#content .fotoga {padding: 7px; width: 129px; background: url(../images/foto-bg.png) no-repeat scroll right top; float: left; margin-right: 11px; margin-bottom: 8px;}
#content .fotoga a img {border: 1px solid #9d9393;}
#content .fotoga a:hover img {border: 1px solid #604848;}
#content .fotoga a span {margin-top: 10px; display: block; text-align: center;}


  /* produkty - deatilni strany */
#content #produkt-hlavicka {margin-left: 153px;} 
#content #produkt-hlavicka p {line-height: 20px;}
#content #produkt-hlavicka #detail-navigace {
    background: #78786f url(../images/detail-nav.png) no-repeat scroll left top; 
    width: 292px; 
    height: 26px;
    padding: 9px;
}

#content #produkt-hlavicka #detail-navigace a {
    text-transform: uppercase;
    margin: 0px 10px 0px 10px;
    color: #fff;
    text-align: center;
    padding: 4px 0px;
    display: block;
    width: 76px;
    height: 18px;
    background: #606060 url(../images/detail-nav-bt.png) no-repeat scroll left top;
    float: left;
}

#content #produkt-hlavicka #detail-navigace a:hover {
    color: #4b4949;
    background: #606060 url(../images/detail-nav-bt-hover.png) no-repeat scroll left top;
}

  /* produtky - submenu */
#content #produkt-info ul {list-style: none; padding: 0px; margin: 0px; height: 24px; border-bottom: 2px solid #4c4a4a;}

#content #produkt-info ul li, #content #produkt-info ul li a {float: left;}

#content #produkt-info ul li a, #content #produkt-info ul li a span {text-decoration: none;}

#content #produkt-info ul li a {margin-right: 2px;}

 /* normalni verze */
#content #produkt-info ul li span {color: #000;}

#content #produkt-info ul li a span.submenu-l-corner {
    width: 6px;
    height: 24px; 
    float: left; 
    background: url(../images/detail-submenu-l.png) no-repeat scroll left top; 
    padding: 0px;
}

#content #produkt-info ul li a span.submenu-r-corner {
    width: 6px;
    height: 24px; 
    float: left; 
    background: url(../images/detail-submenu-r.png) no-repeat scroll left top; 
    padding: 0px;
}

#content #produkt-info ul li a span {
    display: block; 
    height: 18px; 
    padding: 3px 3px; 
    float: left; 
    background: url(../images/detail-submenu-rep.png) repeat-x scroll left top; 
}
 
#content .aktualita {border-bottom: 1px solid gray; margin-bottom: 20px;}


 /* selektovana verze */
#content #produkt-info ul li.selected span, #content #produkt-info ul li a:hover span {color: #fff;}
#content #produkt-info ul li.selected a span.submenu-l-corner, #content #produkt-info ul li a:hover span.submenu-l-corner {
    background: url(../images/detail-submenu-l-hover.png) no-repeat scroll left top; 
}

#content #produkt-info ul li.selected a span.submenu-r-corner, #content #produkt-info ul li a:hover span.submenu-r-corner {
    background: url(../images/detail-submenu-r-hover.png) no-repeat scroll left top; 
}

#content #produkt-info ul li.selected a span, #content #produkt-info ul li a:hover span  {
    background: url(../images/detail-submenu-rep-hover.png) repeat-x scroll left top; 
}

  /* produkty - tabulka */
#content #produkt-info table {border: 0px; border-collapse: separate; border-spacing: 0px; margin: 0px 0px 0px 0px;}
#content #produkt-info table thead tr td{background-color: #4c4a4a; margin: 0px; padding: 0px 2px; text-align: center; height: 50px; font-size: 11px; font-weight: bold; color: #fff;}
#content #produkt-info table tr td, #content #produkt-info table tr.seda td {text-align: center;}
#content #produkt-info table tr.seda {background-color: #f2f2f2; }
#content #produkt-info table tr.seda td {border-bottom: 1px solid #dfdede; border-top: 1px solid #dfdede; border-collapse: collapse;}

  /* produkty - pribuzne zbozi */


  /* objednavky */
#content .objednavky {border-collapse: collapse; border: 1px solid gray; width: 100%;}
#content .objednavky thead td {border: 0 none; background-color: gray; padding: 5px 10px;}
#content .objednavky tbody td {padding: 3px 10px; border: 1px solid gray;}
#content .objednavky tbody td.cena {text-align: right; width: 100px;}
#content .objednavky tbody td.datum {width: 80px;}  

  /* fotogalerie */
#content .fotogalerie img {float: left; margin: 4px; border: 3px solid #aaa;}
#content .fotogalerie img:hover {border: 3px solid #666;}

  /* chybova hlaska */
#content .alert {
background:#E2FDB7 url(../images/ico/alert.png) no-repeat scroll left center;
border:1px solid #7BC701;
color:#68A900;
margin:0 1% 10px;
padding:10px 15px 12px 60px;
}

#content .alert legend {display: none;}

  /* kalendarik */
#content .calendar {width: 50px; height: 50px; background: url(../images/calendar.png) no-repeat left top; float: left;}
#content .calendar span {display: block; text-align: center;}
#content .calendar span.cal-y {font-size: 80%; padding-top: 1px; color: #787833;}
#content .calendar span.cal-d {padding-top: 8px; color: #505050;}

#content .aktualita p {clear: left;}
#content .aktualita a {display: block; padding: 15px 15px; margin-left: 40px;}
#content .aktualita .fotoga a {margin-left: 0px; padding: 0px;}
#content .aktualita .fotoga {float: none;} 


#content #produkt-box table {margin-top: -17px;}
/* 9. Footer ----------------------------------------------------------------*/
#footer a, #footer a:hover {color: #fff;}
#footer p {color: #fff; line-height: 30px;}

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

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

#footer {margin: 0px auto 10px auto; clear: both; height: 60px; width: 968px;}



/* 10. Lightbox  ----------------------------------------------------------*/
/* 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(../images/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;
     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;
  }


/* pro IE6 
#top2 {background: transparent url(../images/top2.png) no-repeat scroll right top;}
#sidebar-l {margin-left: -968px;}
#content {margin: 2px 240px 0px 240px; padding: 10px 10px 10px 10px; height: 30px; width: 468px;}
#sidebar-r {margin-left: -232px;}

#content #content-bottom1, #content #content-bottom2 {
bottom:-13px;
}

#sidebar-l #sub-menu ul li a {margin-bottom: 0px; width: 172px;}

#content #produkt-hlavicka #detail-navigace {
padding: 9px 0px 0px;
height: 35px;
width: 310px;
}

#menu {bottom: -1px;}

#content .fotoga {
margin-bottom:8px;
margin-left: 4px;
margin-right:4px;
padding:7px;
width:129px;
}

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

#sidebar-l .box h2, #sidebar-r .box h2 {
    margin-left: 0px;
}

#content {width: 464px;} 

#menu ul li a:hover {
color:#FFFFAE;
text-decoration:underline;
}

#content #produkt-info ul li {margin-bottom: -17px;}

#content ul li {height: 20px;}*/