@import url('menu.css');
@import url('basic.css');

@import url('calendar.css');

html { margin:0px; padding:0px; }
body { margin:0.700em 0px; padding:0px; text-align:center; }

#zahlavi { width:898px; margin:0px auto; height:141px; overflow:hidden; background:url('../img/hlavicka.jpg') center top no-repeat white; text-align:left; border:1px solid black; border-width:1px 1px 0px 1px; }
#zahlavi h1 { border-width:0px; margin:0; padding:0; }
#zahlavi h1 a { display:block; width:180px; height:105px; position:relative; left:20px; top:10px; } 
#zahlavi h1 span { display:none; } 
#zahlavi ul#lg { display:block; float:right; height:20px; line-height:20px; margin:0px 2px 0px 0px; padding:0; position:relative; top:14px; } 
  ul#lg li { list-style-type:none; display:block; float:left; margin:0px 1px; }
  ul#lg li span { display:none; }
  ul#lg li a { display:block; width:26px; height:18px; border:none; opacity:0.8; background-image:url('../img/flag.gif'); background-repeat:no-repeat; }
  ul#lg li a:hover { opacity:1; }  
  ul#lg li a#l-cze { background-position:-104px -18px; }
  ul#lg li a#l-slo { background-position:-0px -18px; }
  ul#lg li a#l-eng { background-position:-78px -18px; }
  ul#lg li a#l-ger { background-position:-52px -18px; }
  ul#lg li a#l-pol { background-position:-26px -18px; }   
  ul#lg li a#l-cze:hover, ul#lg li.active a#l-cze { background-position:-104px 0px; }
  ul#lg li a#l-slo:hover, ul#lg li.active a#l-slo { background-position:-0px 0px; }
  ul#lg li a#l-eng:hover, ul#lg li.active a#l-eng { background-position:-78px 0px; }
  ul#lg li a#l-ger:hover, ul#lg li.active a#l-ger { background-position:-52px 0px; }
  ul#lg li a#l-pol:hover, ul#lg li.active a#l-pol { background-position:-26px 0px; }
                       
#hp { width:900px; margin:0px auto; text-align:left; background:url('../img/pozadi.gif') center top repeat-y #FBFCFD; }
  #pomocny-box { width:715px; float:left; }

    #levy-sloupec { width:168px; float:left; margin-left:1px; }
    #levy-sloupec ul { margin:10px 10px 1em 14px; padding:0px 0px 0px 10px; list-style-type:none; list-style-image:url('../img/li.gif'); }
    #levy-sloupec ul li { margin:0; padding:0.100em 0em; }
    #levy-sloupec ul li a { text-decoration:none; }
    #levy-sloupec ul li a:hover { text-decoration:underline; }  
    #levy-sloupec ul li.selected { font-weight:bold; } 

    #levy-sloupec form { margin:0.7em 0em 0.7em 0em; padding:0; font-size:95%; }
    #levy-sloupec form fieldset { margin:0; padding:0px 0px 0px 14px; border-width:0px; }
    #levy-sloupec form fieldset legend { display:none; }
    #levy-sloupec form label { text-align:left; margin:0; float:none; width:150px; cursor:default; }
    #levy-sloupec form input.btn { border:none; vertical-align:middle; } 

    #levy-sloupec form input.inp1 { width:115px; vertical-align:middle; }
    
    #levy-sloupec #zalozky { list-style-type:none; margin:0; padding:0; background-color:#DFE5EC; }
    #levy-sloupec #zalozky li { display:inline; padding:0px 4px; margin:2px 0px; border-left:2px solid #EDF0F4; }
    #levy-sloupec #zalozky li.active { border-color:#EE965B; }
    #levy-sloupec #zalozky li a { font-weight:bold; font-size:9px; color:#758091; }
    #levy-sloupec form#quick_search { margin:0em 0em 1em 0em; padding:0; }   
    #levy-sloupec form#quick_search fieldset { margin:0; padding:5px 4px 5px 6px; }
    #levy-sloupec form#quick_search fieldset.hidden { display:none; }
    #levy-sloupec form#quick_search fieldset.visible { display:block; }  
    #levy-sloupec form#quick_search fieldset ul { margin:0.5em 0.5em 0em 1em; }   
    #levy-sloupec form#quick_search fieldset#FVM3 { padding-left:10px; }   
    #levy-sloupec form#quick_search fieldset#FVM3 p.c { font-size:11px; }
    #levy-sloupec form#quick_search input, 
    #levy-sloupec form#quick_search select { width:145px; }
    #levy-sloupec form#quick_search input#fsearch { margin:0.8em 0em; font-size:12px; cursor:pointer; }
    #levy-sloupec form#quick_search p { font-size:10px; margin:0; padding:0; white-space:normal; }
    #levy-sloupec #kontakt p { margin:0.7em 0.5em 0em 1em; padding:0em; white-space:pre; }  
    #levy-sloupec #kontakt p a { color:#365E89; text-decoration:none; }
      
    #stranka { width:530px; float:right; padding:10px 0px; }
    
    /* styly v casti Textil pro potisk */
    ul#roztrideni-sortimentu { margin:0em 0em 1em 1em; padding:0em 0em 0em 1em; }
    ul#roztrideni-sortimentu li { list-style-image:url('../img/li.gif'); font-weight:bold; margin-bottom:1em; }
    ul#roztrideni-sortimentu li a { color:black; text-decoration:none; }
    ul#roztrideni-sortimentu li a:hover { text-decoration:underline; }  
    ul#roztrideni-sortimentu li ul { margin:0em; padding:0em; }
    ul#roztrideni-sortimentu li ul li { list-style-image:none; display:block; float:left; padding-right:0.3em; margin:0em; font-size:85%; font-weight:normal; }  
    
    /* nahled produktu */
    .product { width:500px; margin:0px auto 15px auto; border:1px solid #000000; }
    .product h3 { margin:0px; padding:0em 1em 0em 0.5em; line-height:200%; background:url('../img/silver2.png') top left repeat-x #F1F1F1; border-bottom:1px solid black; }
    .product h3 a { color:black; text-decoration:none; }
    .product h3 a:hover { text-decoration:underline; }
    .product table { margin:5px auto; width:90%; border-collapse:collapse; border-width:0px; font-size:11px; }
    .product table caption { display:none; }
    .product table td { border-width:0px; vertical-align:top; }
    .product table td table { margin-top:15px; }
    .product table tbody tr td.obr { width:160px; }      
    .product table tbody tr td.obr img { padding:10px 5px 5px 5px; border:none; }
    
    /* universalni styly v casti Textil pro potisk */
    table td.grey { color:grey; }
    table td.odkazy { color:grey; line-height:100%; }
    #stranka table td.odkazy a { color:#D9261C; text-decoration:none; font:bold 9px/100% Tahoma; }
    #stranka table td.odkazy a:hover { text-decoration:underline; }
    .clrb { display:block; float:left; margin:2px 2px 2px 0px; cursor:help; width:30px; height:30px; font-size:8px; color:#000; line-height:32px; 
                     text-align:center; letter-spacing:1px; background:url('../img/zig-zag.gif') -1px top no-repeat transparent; }
    a .clrb { cursor:pointer; }
    
    /* detailni karta vyrobku */                        
    #detail { } 
    #detail table { border-collapse:collapse; border-spacing:0px; margin:0; padding:0; width:100%; }        
    #detail table td { font-size:11px; vertical-align:top; border:0px solid grey; }                
    #detail table td small { white-space:nowrap; color:grey; } 
    #detail table td.r { text-align:right; } 
    
    #detail table#hlavni-tabulka caption { font-size:12px; line-height:130%; color:#7E7D7C; text-align:justify; border-bottom:1px solid #E9E9E9; padding-bottom:5px; margin-bottom:8px; }
    #detail table#hlavni-tabulka td.obr a img { border:none; } 

      #col { width:234px; }
      #col .gall { position:relative; }
      #col .gall div { width:240px; }
      #col .gall a { width:63px; height:63px; margin:0 5px 5px 0; outline:none; float:left; overflow:hidden;  }
      #col .gall a.active { border-color:#3b3b3b; }
      #col .gall p.center { padding:1px 10px; margin-bottom:0; background:#eee; clear:both; }
      
      #col .gall a.prev, #col .gall a.next { width:25px; height:75px; padding:0; margin:0; position:absolute; top:0; z-index:2; background:#3b3b3b url('../img/sipky.gif') 5px 50% no-repeat; border:0; display:block; cursor:pointer; }
      #col .gall a.prev { left:-30px;}
      #col .gall a.next { right:-30px; background-position:-95px 50%; }
      #col .gall a.disabled { background-color:#ccc; cursor:default; }
                                                                  
    #detail table#zakladni-info td {  }   
    #detail table#zakladni-info #dobra-cena { position:absolute; margin-left:12px; margin-top:3px; border-width:0px; }
    
    #detail table#dalsi-info { border-collapse:collapse; }
    #detail table#dalsi-info td.barevnice { padding-left:10px; }
    #detail table#dalsi-info td.grey { padding-left:10px; }
    #detail table#dalsi-info ul { margin-left:1em; padding-left:1em; }
    #detail table#dalsi-info ul li { margin-left:0em; padding-left:0em; }

    #master { width:235px; margin-bottom:5px; }
    #master a { height:160px; outline:none; }
    #master a, #col .gall a { text-align:center; padding:5px; position:relative; background:#fff; border:solid 1px #d9d8d8; display:block; }


  #pravy-sloupec { width:168px; float:right; margin-right:1px; }
  #pravy-sloupec h3, #levy-sloupec h3 { margin:0; padding:0px 0.7em; background-color:#C8CCD3; color:#758091; line-height:180%; cursor:default; }
  #pravy-sloupec dl.novinky { margin:10px; line-height:140%; font-size:8pt; }
  #pravy-sloupec dl.novinky dt b { font-weight:normal; display:block; }
  #pravy-sloupec dl.novinky dt span { display:none; }  
  #pravy-sloupec dl.novinky dt a { color:#5E5A59; }
  #pravy-sloupec dl.novinky dd img.fl { float:none; margin:0.5em auto; display:block; border-width:0px; }
  #pravy-sloupec dl.novinky dd a.vice { display:block; margin:0.5em auto; text-align:center; }
  #pravy-sloupec dl.novinky dd.border { border-bottom:1px dotted #A3B1BF; }  

#zapati { clear:both; width:900px; margin:0px auto; padding:5px 0px; border:1px solid #90ABBD; border-width:1px 0px; background:url('../img/zapati.gif') top left repeat-y #FBFCFD; font-size:90%; }
#zapati a { color:#5E5A59; text-decoration:underline; }
#zapati a:hover { color:#D95704; }
#zapati a.nou { text-decoration:none; }
#zapati img { vertical-align:middle; border:none; }
#gen { display:none; }

/* pomocne formatovaci boxy */
.box50L { display:block; width:49%; float:left; }
.box50R { display:block; width:49%; float:right; }
.box70L { display:block; width:69%; float:left; }
.box30R { display:block; width:29%; float:right; }


/* podoba "tlacitka" upravit */
p.upravit { clear:both; margin:0px; padding:0px; }
p.upravit a, a.upravit { font-size:7pt; background-color:#FFFFB7; color:#FD0000; padding:2px 10px; line-height:200%; }
span.upravit a { background-color:#FFFFB7; color:#FD0000; padding:0px 10px; line-height:180%; }


/* pomocne znacky */
.hidden { display:none; }
.cleaner { display:block; width:100%; clear:both; height:1px; margin:-1px 0 0 0; padding:0; border:none; visibility:hidden; }

.w160 { width:160px; }
.w200 { width:200px; }

/* podoba upozornovaciho boxu */
.warning { border:1px solid #D8B1A1; background:url('../img/warning.gif') 10px 20px no-repeat #FFE4F7; min-height:60px; padding:1em 0.5em 1em 50px; }
#stranka div.warning ul { margin-top:1em; }
#stranka div.warning,
#stranka p.warning { margin:0px 0px 10px 0px; }
   

/* prihlasovaci boxik */
form#logForm fieldset { height:170px; background:url('../img/keys.gif') 360px 50% no-repeat #F4F4F4; }

/* pomocny boxik v administraci katalogu */
div.fotobox { margin:0em 0em 1em 0em; padding:0.5em; border:1px solid #90ABBD; background-color:#EBEFF3; }
div.fotobox span { line-height:180%; }
div.fotobox label { width:100px; }
div.fotobox table { width:100%; }
div.fotobox td { vertical-align:top; }

/* barevna skala v adminsitraci */                    
table#barevna-skala { margin:5px 0px 0px 10px; }
table#barevna-skala td { vertical-align:top; padding-right:1em; } 
table#barevna-skala span { display:block; width:20px; height:14px; margin:0px 4px; }
table#barevna-skala label { float:right; clear:both; width:140px; text-align:left; margin:0; line-height:100%; height:auto; overflow:hidden; }
                                                                                                               
/* velikostni tabulka v administraci */
table#velikosti-textilu { width:260px; margin:5px auto; }
table#velikosti-textilu td { vertical-align:top; padding-right:1em; }
table#velikosti-textilu label { float:right; clear:both; width:50px; text-align:left; margin:0; line-height:100%; height:auto; }