*{
    margin: 0px;
    padding: 0px;
}

body {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 0.75em;
    background: #fff url('/images/bg-body.png') 0px 240px no-repeat;
    text-align: center;
    color: #333333;
}

img { border: none; }
fieldset { border: 0px; }
input, textarea { font-family: Tahoma, Arial, sans-serif; }
table { font-size: 1em; }

.cleaner { clear: both; }

a { color: #d40000; }
a:hover { text-decoration: none; }

#header {
  width: 810px;
  height: 200px;
  margin: 0px auto;
  position: relative;
}

#header h1 a {
  width: 204px;
    color: #333;
    position: absolute;
    top: 63px;
    left: 56px;
    font-weight: normal;
    font-size: 20px;
    text-decoration: none;
    text-align: center;
}

#header h1 a span {
    background: url('/images/logo-wdw.png') 0px 0px no-repeat;
    width: 204px;
    height: 51px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}

#header object, #header img {
  float: right;
  width: 460px;
  height: 200px;
}

#menu {
  width: 100%;
  height: 24px;
  background: #d40000; 
}

#menu ul {
  width: 810px;
  margin: 0px auto;
  padding: 0px;
  list-style-type: none;
}

#menu ul li {
  display: inline;
  float: left;
}

#menu ul li a {
 color: #fff;
 font-size: 0.9em;
 font-weight: bold;
 text-decoration: none;
 line-height: 24px;
 float: left;
 height: 24px;
 display: block;
 padding: 0px 15px;  
}

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

#menu ul li.active { background: #fff url('/images/menu-li-left.png') 0px 0px no-repeat; }
#menu ul li.active a { color: #333; background: url('/images/menu-li-right.png') right 0px no-repeat; }

#main {
  width: 810px;
  margin: 35px auto 0px auto;
  text-align: left;
}

#main p {
  text-align: justify;
  margin-bottom: 25px;
  line-height: 1.5em;
}

#main h2 {
  height: 18px;
  font-size: 1.2em;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 3px;
  border-bottom: 2px solid #e9e9e9;
}

#main h2 span {
  height: 18px;
  width: 100%;
  display: block; 
  position: absolute;
  top: 0px;
  left: 0px;
}

/* homepage */
#main h2 span.label1 { background: url('/images/label-o-spolecnosti.png') 0px 0px no-repeat; }
#main h2 span.label2 { background: url('/images/label-kdo-vyuziva.png') 0px 0px no-repeat; }
#main h2 span.label3 { background: url('/images/label-nase-produkty.png') 0px 0px no-repeat; }
#main h2 span.label4 { background: url('/images/label-aktuality.png') 0px 0px no-repeat; }
#main h2 span.label6 { background: url('/images/label-nastaveni.png') 0px 0px no-repeat; }

/* webdesign */
#main h2 span.label11 { background: url('/images/label-webdesign.png') 0px 0px no-repeat; }

/* redakcni system */
#main h2 span.label21 { background: url('/images/label-rs.png') 0px 0px no-repeat; }
#main h2 span.label22 { background: url('/images/label-vyhody-rs.png') 0px 0px no-repeat; }
#main h2 span.label23 { background: url('/images/label-demoverze-rs.png') 0px 0px no-repeat; }

/* eshop */
#main h2 span.label31 { background: url('/images/label-eshop.png') 0px 0px no-repeat; }
#main h2 span.label32 { background: url('/images/label-eshop-vyhody.png') 0px 0px no-repeat; }
#main h2 span.label33 { background: url('/images/label-eshop-demoverze.png') 0px 0px no-repeat; }

/* seo optimalizace */
#main h2 span.label41 { background: url('/images/label-seo.png') 0px 0px no-repeat; }
#main h2 span.label42 { background: url('/images/label-seo-coumime.png') 0px 0px no-repeat; }

/* marketing */
#main h2 span.label51 { background: url('/images/label-marketing.png') 0px 0px no-repeat; }

/* reference */
#main h2 span.label61 { background: url('/images/label-vybirame.png') 0px 0px no-repeat; }

/* kontakt */
#main h2 span.label71 { background: url('/images/label-kontakt.png') 0px 0px no-repeat; }
#main h2 span.label72 { background: url('/images/label-mapa.png') 0px 0px no-repeat; }
#main h2 span.label73 { background: url('/images/label-informace.png') 0px 0px no-repeat; }

/* obecne */
#main h2 span.label01 { background: url('/images/label-reference.png') 0px 0px no-repeat; }
#main h2 span.label02 { background: url('/images/label-nabizime-vam.png') 0px 0px no-repeat; }
#main h2 span.label03 { background: url('/images/label-ukazky.png') 0px 0px no-repeat; }
#main h2 span.label04 { background: url('/images/label-napiste-nam.png') 0px 0px no-repeat; }
#main h2 span.label05 { background: url('/images/label-rychly-kontakt.png') 0px 0px no-repeat; }
#main h2 span.label06 { background: url('/images/label-spokojeny-klient.png') 0px 0px no-repeat; }

#main img.logoHome { margin-right: 2px; }

#main #left {}

#main #left .message {
                width: 519px;
                height: 35px;
                color: #fff;
                line-height: 35px;
                margin-bottom: 20px;
                font-weight: bold;
              }
#main #left .message.error { background: url('/images/error-bg.png') 0px 0px no-repeat; }
#main #left .message.ok { background: url('/images/ok-bg.png') 0px 0px no-repeat; }


#main #left {
        width: 520px;
        float: left;
      }

#main #left ul {
        margin: 0px 0px 30px 0px;
        padding: 0px;
        list-style-type: none 
      }            

#main #left ul li {
        padding-left: 20px;
        margin-bottom: 10px;
        font-size: 1.1em;
        background: url('/images/dot-red.png') 0px 3px no-repeat;
}

#main #left .productHome {
              width: 160px; 
              float: left;
              margin-right: 18px;
              _margin-right: 12px;
            }
#main #left .noMarginRight { margin-right: 0px; }

#main #left .productHome p {
              margin: 0px 0px 0px 4px;    
            }              

#main #left .preview  {
              clear: both;
              font-size: 1em;
              min-height: 100px;
              padding-bottom: 20px;
            }


#main #left .preview img {
              float: left;
              width: 100px;
              line-height: 100px;
              margin-right: 20px;
              border: 1px solid #e9e9e9;
}

#main #left .references {
                 width: 370px; 
                 height: auto; 
                 border-right: 1px solid #CCCCCC; 
                 float: left; 
                 padding-right: 10px;
               }      

#main #right {
        width: 225px;
        float: right;
      }      

#main #right p.news { line-height: 1.3em; }

#main #right p.refs { margin-bottom: 5px; text-align: left; }

#main #right #config, #main #right #client {
               margin-bottom: 15px;
               padding: 2px 0px 5px 2px;
               background: #e9e9e9;
               font-size: 0.9em;
             }

#main #right #config p, #main #right #client p {      
               margin: 4px 5px;
             }          

#main #right #config p span { 
               display: block;
               float: left;
               margin-right: 4px;
               cursor: pointer;
               background: #FFFFFF;
               border: 1px solid #000;
             }                

#main #right #config p span.active { background: #000; }

#main #right #config p span.xs {
               width: 8px;
               height: 8px;
               font-size: 6px;
               position: relative;
               top: 4px;
             }
#main #right #config p span.s {
               width: 10px;
               height: 10px;
               font-size: 8px;
               position: relative;
               top: 3px;
             }
#main #right #config p span.m {
               width: 12px;
               height: 12px;
               font-size: 10px;
               position: relative;
               top: 2px;
             }
#main #right #config p span.l {
               width: 14px;
               height: 14px;
               font-size: 12px;
               position: relative;
               top: 1px;
             }
#main #right #config p span.xl {
               width: 16px;
               font-size: 14px;
               height: 16px;
             }

#main #right #config a { 
               color: #333;
             }

#main #right #config_send { 
               display: none;
             }
             
#main #right form fieldset {
        width: 178px;
        margin-bottom: 3px;
        background: url('/images/cnt-input.png') 0px 0px no-repeat;
      }
      
#main #right form fieldset label { float: right; }      
      
#main #right form input {
        width: 100px;
        height: 20px;
        border: 0px;
        font-size: 12px;
        padding: 2px 3px 0px 3px;
        background: transparent;
        float: left;
      }
      
#main #right form input.btn { padding: 0px; float: none; margin-top: 3px; }      

#main #right form textarea {
        width: 180px;
        height: 133px;
        border: 0px;
        font-size: 12px;
        padding: 2px;
        background: url('/images/cnt-textarea.png') 0px 0px no-repeat;
      }
      

#footer {
  width: 810px;
  margin: 30px auto;
  text-align: left;
  padding: 5px 0px;
  font-size: 0.9em;
  border-top: 2px solid #E9E9E9;
} 

#footer a.gray { color: #444444;}

#config_send_dialog p {
  text-align: justify;  
}

#reference-detail-content h2 {
  height: 18px;
  text-align: left;
  font-size: 1.2em;
  margin: 15px 0px;
  padding-bottom: 3px;
  border-bottom: 2px solid #e9e9e9;
} 

#reference-detail-right {
  float: right;
  text-align: left;
  width: 250px;
}

#reference-detail-right p {
  margin: 20px 0px;
}

#reference-detail-right img {
  float: left; 
  clear: left;
}

#map {
  width: 520px;
  height: 200px;
  border: 0px solid red;
}

.javascript_required { display: none; }
.tooltip_thumb { color: #d40000; text-decoration: underline; cursor: pointer; }
.tooltip_thumb:hover { text-decoration: none; }
.right {  text-align: right; }
.failed_label { color: #d40000; font-weight: bold; }
.spantohref { color: #d40000; text-decoration: underline; cursor: pointer; }
.spantohref:hover { text-decoration: none; }