@import url('webedit.css');
@import url('forms.css');

body { font-size:75%; font-family:Arial,Tahoma,Vedana;background:url('picture/mask/body-bg.gif') 0 0 repeat-x; }
a.arrow { background:url('picture/mask/arrow.gif') 0 3px no-repeat; }
.clearer { width:100%;clear:both;line-height:0;font-size:0;}
.border-blue { position:absolute;margin:29px 0 0 -5px; }
.border-blue-hide { display:none; }
.gray-separ { margin:0 0 20px 0; display:block;float:right; }
/****************************************************************************** 
                                Horni (modra cast) 
******************************************************************************/
#top {width:760px;margin:26px auto 0 auto;font-size:92%;}
#top a.logo { display:block;margin-left:11px; }
#top img { display:block;float:left;border:0; }

/****************************************************************************** 
                                   Horni menu  
******************************************************************************/
#top ul { margin: 18px 0 0 0; padding: 0 8px 0 0; display:block; float:right;}
#top ul li { display: block; float:left; margin: 0 0 0 3px; padding: 3px 4px 3px 0; background:url('picture/mask/top-separ.gif') right no-repeat;}
#top ul li.last {background: transparent;}
#top ul li a { margin:3px 0 0 0;color:#fff; background:url('picture/mask/arrow.gif') 0 6px no-repeat; padding-left:9px;text-decoration:none;}
#top ul li a:hover { text-decoration:underline; }
#top ul li a.click { color:#003D77;}

#interlingum span { display:none; }
#interlingum { color:#858481; position:absolute;margin-top:-270px;width:200px;text-align:center; }
#interlingum img { border:0;margin:5px 0 0 0; }

a.interlignum { width:43px; height:42px; display:block; background:url('picture/mask/logo-interlignum.gif') 0 0 no-repeat; margin:0 auto 0 auto;}
a:hover.interlignum { background:url('picture/mask/logo-interlignum-over.gif') 0 0 no-repeat; }

a.dum-a-zahrada { width:73px; height:22px; display:block; background:url('picture/mask/logo-dum-a-zahrada.gif') 0 0 no-repeat; margin:0 auto 0 auto;}
a:hover.dum-a-zahrada { background:url('picture/mask/logo-dum-a-zahrada-over.gif') 0 0 no-repeat; }

a.globus-hotel { width:72px; height:57px; display:block; background:url('picture/mask/logo-globus-hotel.gif') 0 0 no-repeat; margin:0 auto 0 auto;}
a:hover.globus-hotel { background:url('picture/mask/logo-globus-hotel-over.gif') 0 0 no-repeat; }

a.victoria-hotel { width:72px; height:32px; display:block; background:url('picture/mask/logo-victoria-hotel.gif') 0 0 no-repeat; margin:0 auto 0 auto;}
a:hover.victoria-hotel { background:url('picture/mask/logo-victoria-hotel-over.gif') 0 0 no-repeat; }

a.atos-hotel { width:72px; height:32px; display:block; background:url('picture/mask/logo-atos-hotel.gif') 0 0 no-repeat; margin:0 auto 0 auto;}
a:hover.atos-hotel { background:url('picture/mask/logo-atos-hotel-over.gif') 0 0 no-repeat; }

/****************************************************************************** 
                             Odkazy tisk, mapa webu  
******************************************************************************/
.modul-links {
  width:100%;
  height:20px;
  padding-top:7px;
}
.link-webmap, .link-print {
  text-decoration:none;
  text-transform: lowercase;
  color:#858481;
  font-size:92%;
  padding-left:17px;
  background-position:0 1px;
  background-repeat: no-repeat;
  margin-left:6px;
}
.link-webmap { background-image: url('picture/mask/ico-webmap.gif'); margin-left:6px; padding-left:15px;}
.link-print { background-image: url('picture/mask/ico-print.gif'); }

.link-webmap:hover, .link-print:hover { text-decoration:underline; background-position:0 -13px;color:#FF7200;}


/****************************************************************************** 
                             "Drevena" cast - na homepage  
******************************************************************************/
#woody-cont,
#content { width:760px; margin:0 auto 0 auto;}
#left { width: 200px;margin-right:13px;float:left;padding-bottom:300px;}

#woody-cont { background:url('picture/mask/grid.gif') 0 123px repeat-x; }
#woody-cont h3 { font-size:150%; font-weight:normal; margin:0 0 0 10px; padding:102px 0 0 0; color:#003D77; background-image:none;}
span.slogan { 
  font-size:117%;
  width:190px;
  display:block;
  padding-right:10px;
  padding-left:10px;
  font-weight:bold;
  color:#fff;
}
#woody-def #woody-cont span.slogan { padding-top:4px;}
h3.h3-title-montero,
h3.h3-title-conifera,
h3.h3-title { margin:0 !important;;padding:40px 0 0 20px !important;color:#000 !important;background:url('picture/mask/arrow11.gif') 4px 44px no-repeat !important; }
h3.h3-title {background:none !important;}
h3.h3-title-conifera { background-image:url('picture/mask/arrow12.gif') !important; }

h3.h3-title-montero sup, h3.h3-title-conifera sup, h3.h3-title sup
{ padding-left:2px;font-size:85%;}

#woody-def #woody-cont {background-position:0 66px;height:101px;}
#woody-def,
#woody {
  margin-top:5px;
  width:100%;
  background:url('picture/mask/woody-big.jpg') repeat-x;
  height:236px;
}
#woody-def {
  background:url('picture/mask/woody-small.jpg') repeat-x;
  height:126px;
}

#prodejci, #katalog, #webmap, #demand, #fotogalerie, #article, #home-article { float:right; width:547px; }
#prodejci, #fotogalerie, #article { margin-bottom: 100px;}
/******************************************************************************* 
                    Produktove menu na homepage
******************************************************************************/
#product-menu { float:right;width:547; }
.product-menu-item { width:107px; float:left; }
.product-menu-item .title {
  text-align:center;
  height:31px;
  padding:28px 0 0 0;
  width:103px;
  margin:0 auto 0 auto !important;
  font-size:116% !important;
  font-weight: bold;
}
#woody-def .product-menu-item .title { padding:5px 0 0 0; height:31px;}
.montero {margin:40px 0 0 12px;}
.product-menu-item .title a { color:#003D77; font-size:100%; text-decoration:none; }
.product-menu-item .title a:hover { color:#fff; }
.product-menu-item .item-decor {
  margin:0 auto 4px auto;
  line-height:0;
  font-size:0;
  clear:both;
  width:97px;
  border-bottom-style: solid;
  border-bottom-width: 3px;
}
.product-menu-item img { border:0; display:block; }
.product-menu-item a.img-link {
  padding:5px;
  display:block;
  background-image:url('picture/mask/prod-menu-bg.gif');
}
#woody-def .product-menu-item a.img-link {
 background-image:url('picture/mask/prod-menu-small-bg.gif');
}

#product-menu-click  a.img-link { background-image:none !important;}
#woody-def .product-menu-item a.img-link:hover,
.product-menu-item a.img-link:hover { background-image:none; }
.product-menu-item span { padding:0; margin:0; font-size:11px; }
#product-menu .separ { float: left;width:3px;height:1px; }

/****************************************************************************** 
                    Leve menu na homepage
******************************************************************************/
ul.menu-left { 
  padding:29px 0 8px 0;
  margin:10px 0 0 0;
  width:100%;
  background:#EFEEEC url('picture/mask/border.gif') 0 0 repeat-x; 
}
ul.menu-left li { list-style-type:none;padding:0 0 8px 5px; }
ul.menu-left li a { text-decoration:none; }
ul.menu-left li.click a { color:#FF7200; }
ul.menu-left li span.bg {
  display:block;
  float:left;
  width:6px;
  height:6px;
  margin:0 0 0 0;
  line-height:11px;
  font-weight:bold;
  font-size:108%;
}
ul.menu-left li a:hover  { text-decoration:none; }
ul.menu-left li a {
  margin:0 0 0 4px;
  padding:0;
  display:block;
  float:left;
  color:#2590CF;
  text-decoration:underline; 
  cursor:pointer;
  font-size:108%;
  font-weight:bold;
} 
ul.menu-left li br { clear:both; }
ul.menu-left li span.desc {margin-left:12px;font-size:100%;}

/****************************************************************************** 
                    Leve menutree
******************************************************************************/
.tree-left-div {
  margin:10px 0 0 0;
  padding:29px 0 8px 0;
  width:100%;
  background:#EFEEEC url('picture/mask/border.gif') 0 0 repeat-x;
}
.tree-left-div h3 {
  color:#858481;
  font-size:108%;
  padding:0 0 0 16px;
  margin:0 0 8px 0;
  background: url('picture/mask/arrow6.gif') 6px 7px no-repeat;
}
.tree-left-div h3 span { font-size:92% !important; font-weight:normal;}

ul.menutree {margin: 0; padding: 0 5px 0 27px;}
ul.menutree li {
  list-style-type: none;
  color:#2590CF;
  font-weight: bold;
  line-height:16px;
  padding-left:9px;
  background: url('picture/mask/dot-blue.gif') no-repeat;
  background-position:0 6px;
  background-repeat: no-repeat;
}
ul.menutree a {text-decoration: underline;}
ul.menutree a:hover {text-decoration: none;}

/* nastaveni bloku */
ul.menutree .active-item,
ul.menutree .active-item-submenu,
ul.menutree .active-item-in-submenu {color:#858481; background-image:url('picture/mask/dot-gray.gif'); text-decoration:none;}
ul.menutree .private-item {color: red;}
ul.menutree .tabs {color: blue;}

/* nastaveni odkazu v blocich */
ul.menutree .active-item a,
ul.menutree .active-item-submenu a,
ul.menutree .active-item-in-submenu a {color: #858481;}
ul.menutree .active-item a, ul.menutree .active-item-submenu a {text-decoration: none;}

/* submenu */
.menutree .submenu {padding: 0; margin: 0 0 0 12px; font-size: 0; background: transparent;}
.menutree .submenu ul {margin:0; padding: 0 0 8px 0;}
.menutree .submenu li {margin: 0 0 0 0; background-position: 1px 6px; font-size: 12px;}
.menutree .submenu li a {font-weight:normal;}

.tree-left-div .label, .tree-left-div .ruler {background: transparent;}
.tree-left-div .label {color: #858481; padding-top: 0.6em; padding-left: 0;}
.tree-left-div .ruler {padding-bottom: 0.6em; font-size: 0.2em;}
      


/****************************************************************************** 
                    Leva strana - sedy blok s odkazy..
******************************************************************************/
.gray-block {
  width:100%;
  padding:3px 0 3px 0;
  margin:20px 0 0 0;
  display:block;
  float:none;
  background:#EFEEEC url('picture/mask/gray-block-bg.gif') right bottom no-repeat;
}
.gray-block h4 {
  padding-left:20px;
  width:114px;
  margin:13px 0 0 0;
  font-size:133%;
  font-weight:bold;
  float:left;
  background:url('picture/mask/arrow3.gif') 5px 6px no-repeat;
}
.gray-block h4 a { color:#FF7200; text-decoration:none; }
.gray-block h4 a:hover { color:#858585; }
.gray-block img { float:right; margin-right:37px; }

/****************************************************************************** 
                    Leva strana - menicko
******************************************************************************/
.gray-block ul {
  margin:0;
  padding:10px 0 6px 10px;;
}

.gray-block ul li {
  list-style-type:none;
  padding-left:5px;
  line-height:18px;
}
.gray-block ul a {
  padding-left:6px;
  background:url('picture/mask/arrow2.gif') 0 7px no-repeat;
  color:#2590CF;
}
.gray-block ul a.click {
  color:#858585;
}
/****************************************************************************** 
                    Modul rychla navigace
******************************************************************************/
#showpath { float:left;font-size:92%; padding:8px 0 15px 5px; width:542px; color:#858481;}
#showpath .home { background:url('picture/mask/arrow5.gif') 0 5px no-repeat; padding-left:9px; }
#showpath .separ { background:url('picture/mask/arrow4.gif') 3px 6px no-repeat; padding:0 4px 0 5px; }
#showpath a { color:#2590CF; text-decoration:underline; }
#showpath a:hover { text-decoration:none; }

/****************************************************************************** 
                    Paticka
******************************************************************************/
#footer {font-size: 92%; width: 760px; margin: 0 auto 0px auto; background: url('picture/mask/footer-bg.gif') 209px 0 no-repeat; height: 28px;}
#foot-left {width:207px; float:left; padding: 12px 0 0 4px; color: #858481;}
#foot-left a {color: #858481; text-decoration: none;}
#foot-left a:hover {text-decoration: underline;}
#foot-right a {color: #2590CF;}
#foot-right {padding: 12px 0 0 4px; width: 545px; text-align: left; float: right; color: #858481;}

/****************************************************************************** 
              Menu v paticce - nebo odkazy na tisk a zpet a nahoru
******************************************************************************/
#footer-links,
#footer-menu { position:absolute; width:550px; height:35px; margin:-35px 0 0 215px; color:#858481;}
#footer-menu .menu-title { margin-right:3px; float: left;}
#footer-menu ul { margin:0; padding:0; display: inline;}
#footer-menu ul li { list-style-type:none; display: block; float:left; border-right: solid #BAB8B5 1px; padding-right: 3px; margin-right: 3px; }
#footer-menu ul li.last {border-right: 0; padding-right: 0; margin-right: 0; }

/****************************************************************************** 
              Paticka - odkazy
******************************************************************************/
#footer-links { text-align:right; font-size:108%; margin:-65px 0 0 203px;}

.link-print2 { padding-left:16px; background: url('picture/mask/ico-blue-print.gif') 0 3px no-repeat; }
.link-back { padding-left:12px;margin-left:15px; background: url('picture/mask/ico-blue-back.gif') 0 4px no-repeat; }
.link-top { padding-left:13px;margin-left:16px; background: url('picture/mask/ico-blue-top.gif') 0 4px no-repeat; }
.link-forw {padding-right:12px; background: url('picture/mask/ico-blue-forw.gif') right 4px no-repeat; }

/****************************************************************************** 
              Menu alternativni
******************************************************************************/
.menu-alt {margin:10px 0 10px 0; padding:0; }
.menu-alt li { list-style-type:none;}
.menu-alt .label, .menu-alt .ruler {background: transparent;}
.menu-alt .label {color: #858481; padding-top: 0.6em; padding-left: 0;}
.menu-alt .ruler {padding-bottom: 0.6em; font-size: 0.2em; line-height: 100%;}


/****************************************************************************** 
                    Fotogalerie
******************************************************************************/
#fotogalerie { padding:6px 0 10px 0;}
#fotogalerie .gal-preview {padding-bottom:15px;width:132px;text-align:center; }
#fotogalerie .gal-section {float:left; height:175px;}
#fotogalerie .gal-preview a {font-weight:bold;}
#fotogalerie .gal-previews td { width:137px;text-align:center; }
#fotogalerie img {border:1px solid #B7B7B9;}
#fotogalerie .table-title { width: 100%; background: url('picture/mask/galerie-border.gif') left bottom no-repeat; margin-bottom:20px;}
#fotogalerie .table-title td { padding:5px 0 2px 15px;} 
#fotogalerie .row1 { background:#EFEEEC url('picture/mask/galerie-border.gif') left top no-repeat; }
#fotogalerie .row2 { background:#EFEEEC url('picture/mask/galerie-border.gif') left bottom no-repeat; }
#fotogalerie .empty { font-size:0px;height:0px;line-height:0px; }
#fotogalerie .table-title span { color:#8D8C88; font-weight:bold;}
#fotogalerie .back-link { margin-bottom:20px; text-align:left;}
#fotogalerie .gal-toptext {width:290px;float:left;}
#fotogalerie .gal-pages {float:right;}
#fotogalerie .gal-photopreview img { margin-top:17px; }
#fotogalerie #gal-des { background: url('picture/mask/galerie-bg.gif') left bottom repeat-x;  }
#fotogalerie .gallery-article { margin:0px auto 20px auto; text-align:center;padding-top:10px;}
#fotogalerie .rtext {text-align:center;width:132px;}
/****************************************************************************** 
                    Poptávkový formulář
******************************************************************************/
#demand {padding-bottom:1em;}
#demand textarea,
#demand input.s-form-input-m,
#demand input.s-form-input { border: 1px solid #BAB8B5; background-color:#EFEEEC; width:214px;font-size:92%;height:15px;margin:0 !important;}
#demand input.sub-prih { border:1px solid #207DB4; background:#2590CF; cursor:pointer; color:#fff; font-size:12px; width:101px;}
#demand textarea { overflow:auto; width:500px; _width:498px; height:84px;font-size:92%;font-family:Arial;}
#demand-table { width:547px; height:82px; margin:10px 0 0 0;}
#demand-table td { font-size:12px; padding-bottom:0px;}
#demand-table .padd-top-3 { padding-top:3px; }
#demand-table .padd-top-6 { padding-top:6px; }
#demand-article {clear:both;margin:9px 0 0 0;} 

#demand .succ-no,
#demand .succ-fill,
#demand .succ-yes {width:100%;text-align:center;font-weight:bold;margin-top:10px;}
#demand .succ-fill { color:#CF2531; }
#demand .succ-no { color:#41CF25; }

/****************************************************************************** 
                    Produkt -  seznam vyrobku
******************************************************************************/
#list { padding-top:63px; padding-bottom:100px; }
#list .sipka { background-position:0 6px;}
#list .product-item { clear:both;background:url('picture/mask/border-gray.gif') 0 0 repeat-x;padding-top:11px;line-height:16px; margin-bottom:17px;}

#list img { border:1px solid #BAB8B5; margin:3px 0 0 10px; float:right;}
#list h3 { clear:both;padding:0 0 3px 17px;margin:0; background-position:1px 4px;}
#list h3.label {color: #858481;}
#list a {color:#2590CF;}

/****************************************************************************** 
                      Mapa webu
******************************************************************************/
#webmap { margin:0 10px 10px 28px; margin: 0; }
#webmap a {color:#777; font-weight: normal; padding: 0 0 0 0;}
#webmap .submenu a { padding-left:1em; }
#webmap a:hover { text-decoration:none; }
#webmap ul { /*margin: 0; padding: 0;*/ padding: 0; _margin: 0 0 0 20px; border-left: solid 1px #99958D; }
#webmap li { margin: 0; padding: 0; list-style-type: none !important;}
#webmap li.submenu {_display: inline; margin-top: 0.5em; padding-bottom: 0.5em;}
#webmap li.submenu ul {margin-left: 2.5em; padding-left: 0; border-left: solid #c0c0c0 1px;}
#webmap h2,
#webmap h3,
#webmap h4, #webmap h5, #webmap h6 {font-size: 100%; margin:0; padding: 0; background: none !important; }
#webmap h2  {margin: 0.5em 0 0.5em 0;}
#webmap h2 a {color: #000;font-weight: bold; padding: 0 0 0 0.5em; }
#webmap h3 a {color: #555;}
#webmap h4 a {color: #333;}
#webmap h5 a {color: #555;}
#webmap h6 a {color: #777;}
#webmap .label {padding-left: 1em;}


/****************************************************************************** 
                      Homepage - clanek  + novinky
******************************************************************************/
#home-news, #home { float:right;width:543px; }
#home h4 {clear:both;}
#home-article { background:url('picture/mask/border-gray.gif') left bottom repeat-x; padding:0 0 60px 0px;width:543px; margin:0 0 20px 0; }
#home-news {  }
.new-item { float:left;width:260px;margin:16px 0 0 0;padding-right:10px;padding-bottom:4px; }
.new-title { font-size:100%; font-weight:bold; background:url('picture/mask/arrow9.gif') 0 5px no-repeat;padding-left:10px;color:#2590CF;}
.img-article { float:right; }
#news { float:left;width:543px;}
.home-news-fold { float:left;background:url('picture/mask/home-news-bg.gif') 0 0 repeat-y; }

#prodejci .img-mapa {float:left;margin:10px 40px 10px 0;border:0;}
#prodejci .checkbox {float:left;margin:1px 0 0 114px;padding:0;height:14px;width:15px;}
#prodejci label {float:left;padding:0;margin:0 0 0 3px;}
#prodejci .map-div { float:left; }
#prodejci .regiony { float:left; margin-top:13px; }
#prodejci .oddel { line-height:7px;font-size:0;}
#prodejci .product-list { margin:53px 0 0 0; }
#prodejci .product-list td {vertical-align:top;padding:0 0 0 16px;line-height:14px;}
#prodejci .product-list td.typ-prodejny {padding:0 0 6px 0 !important;}

/****************************************************************************** 
                      Formatovani - uvnitr clanku article
******************************************************************************/
#article { overflow:auto;}
#article ol, #article ul { margin-bottom: 1em; margin-top:0; }
#article ol ol, #article ul ul { margin-bottom: 0; }


.hp-ul {
  padding:0 0 0 16px;
  margin:0 0 4px 0;
  background: url('picture/mask/arrow6.gif') 6px 7px no-repeat;
}

#mask-form-hotline {float:right; padding-bottom: 7em;}