body, h1, h2, h3, h4, p, img, form, input, textarea, ul, li, fieldset { margin:0; padding:0; border:0; }
a { outline:none; }

body { background: #f7f7f7; font-family: Tahoma, Arial, sans-serif; font-size: 62.5%; color: #333333; text-align: center; }

#header { margin: 0px auto; width: 950px; height: 150px; text-align: left; position: relative; }
  #header h1 a { display: block; width: 183px; height: 90px; background: url('images/logo-decormaison.gif') no-repeat left top; text-indent: -9000px; }
  #header p { width: 500px; height: 90px; line-height: 90px; text-align: right; font-size: 1.1em; position: absolute; top: 0; right: 0; color: #999999; }
  
  /* hlavní menu */
  #header ul { list-style: none; width: 950px; height: 40px; background: url('images/menu-background.gif') no-repeat left top;  }
    #header ul li { float: left; height: 40px; }
    #header ul li a { float: left; display: block; height: 29px; line-height: 29px; margin: 3px; padding: 0px 20px;
                      text-transform: uppercase; color: #cccccc; font-size: 1.1em; font-weight: bold; text-decoration: none;  }
    #header ul li a:hover { background: #000; color: #fff; }
    #header ul li.active a { background: #996600; color: #fff; }
    #header form { display:block; width: 120px; height:28px; position:absolute; right:10px; top:95px; }                                
    #header form select { color:#333333; font-size:1.1em; margin: 2px 0px 0px; padding:2px 2px 2px 4px; width:120px; background: #fff;
                                border:1px solid #999999;}

/* container vystředí obsah */
#container { margin: 0px auto 10px auto; width: 950px; overflow: auto; }

#content { width: 755px; float: left; text-align: left; margin-left: 5px; }
/* indexová stránka s šířším contentem: */
  body.index #content { width: 950px; float: left; text-align: left; margin: 0; }
  
  /* drobečková navigace */
  #content ul.navigace { list-style: none; font-size: 1.1em; overflow: auto; height: 30px; }
  #content ul.navigace li { float: left; padding-right: 8px; }
  #content ul.navigace li a { color:#996600; text-decoration: none; background: url('images/li-navigace.gif') no-repeat right 50%; padding-right: 13px; }
  #content ul.navigace li a:hover { color:#996600; text-decoration: underline; }

  #content h2 { font-size: 2em; font-weight: normal; padding-bottom: 10px; clear: left; }
  body.index #content h2 { font-size: 2em; font-weight: normal; padding-bottom: 10px; padding-top: 15px; background: url('images/footer-background.gif') repeat-x left top; margin-top: 20px; }
  #content p { font-size: 1.1em; padding-bottom: 0.5em; }

  #content a.link { text-decoration: none; color: #996600; font-weight: bold; }
  #content a.link:hover { color: #f09018; }

  #content table.kolekce-hlavni { font-size: 1.1em; border-collapse: collapse; margin-bottom: 15px; }
  #content table.kolekce-hlavni td { border-bottom: 1px dotted #999999; padding: 10px; }
  #content table.kolekce-hlavni td img { float: left; border:1px solid #999999; margin-right: 15px; padding: 1px; }
  #content table.kolekce-hlavni td p { font-size: 1em; padding-top: 10px; }
  #content table.kolekce-hlavni td a { font-size: 1.2em; color: #996600; }
  #content table.kolekce-hlavni td a:hover { color: #f09018; }

  #content table.kolekce-select { font-size: 1.1em; border-collapse: collapse; margin-bottom: 15px; text-align: center; }
  #content table.kolekce-select td { padding: 8px; }
  #content table.kolekce-select td a { text-decoration: none; color: #333333; }
  #content table.kolekce-select td a:hover { color: #f09018; }
  #content table.kolekce-select td a img { border:1px solid #999999; padding: 1px; }
  #content table.kolekce-select td a:hover img { border:1px solid #f09018; }
  
  #content table.symboly { font-size: 1.1em;  }
  #content table.symboly td { padding: 0px 10px 3px 0px; }

  #content ol { font-size: 1.1em; }
  #content ol li { padding: 10px 0px; border-bottom: 1px dotted #999999; margin-right: 20px; }
  #content ol li.last { border: 0; }
  #content ol li a { color: #996600; }
  #content ol li a:hover { color: #f09018; }

  #content dl { font-size: 1.1em; }
  #content dl dt { padding-bottom: 5px; font-weight: bold; }
  #content dl dd { padding-bottom: 15px; }
  
  #content #uvod-top { overflow: auto; }
  
  #content ul.uvod-kolekce { float: right; width: 200px; margin-right: 30px; text-align: left; list-style: none; font-size: 11px; }
  #content ul.uvod-kolekce li { border-bottom: 1px dotted #999999; padding: 8px 15px; }
  #content ul.uvod-kolekce li.kolekce { border: 0; padding: 5px 15px; font-size: 1.2em; text-transform: uppercase; background: #996600; color: #fff; }
  #content ul.uvod-kolekce li a { display: block; text-decoration: none; color: #333333; }
  #content ul.uvod-kolekce li a:hover { text-decoration: underline; color: #996600; }

/* novinky */
#news { width: 180px; float: right; border: 1px solid #cccccc; background: #fff; text-align: left; }
  #news h4 { margin: 10px; color: #996600; font-size: 1.2em; text-transform: uppercase; border-bottom: 2px solid #cccccc; padding-bottom: 5px; }
  #news ul { list-style: none; margin: 10px; font-size: 1.1em; }
  #news ul li { line-height: 1.3em; padding-bottom: 10px; }
  #news ul li a { color:#996600; text-decoration: none; }
  #news ul li a:hover { color:#996600; text-decoration: underline; }

div.historie { float: right; width: 412px; margin-left: 20px; margin-top: -30px; height: 120px; background: url('images/div-historie.gif') no-repeat left top; }
  div.historie p { padding: 15px 20px; }
  div.historie p strong { display: block; color: #996600; font-size: 1.2em; text-transform: uppercase; border-bottom: 2px solid #cccccc; padding-bottom: 5px; margin-bottom: 10px; }
  div.historie p img { float: left; padding-right: 10px;  }
  div.historie a { background: #999999; border: 2px solid #efefef; color: #fff; display:block; padding: 1px 5px; text-decoration:none; float: left; margin-top: 3px;  }
  div.historie a:hover { background: #996600; }

/* patička */
#footer { clear: both; margin: 0px auto; width: 950px; height: 45px; background: url('images/footer-background.gif') repeat-x left top; }
  #footer p { line-height: 45px; color: #999999; font-size: 1.1em; text-align: left; padding-left: 10px; }
  #footer p span { display: none; }

/* album pouze pomocí css */
#album a, #album a:visited, #album a:hover, #album a:active { color:#000; }
#album { width: 500px; height: 351px; background: #eee url('intro/21.jpg') 0px 0px no-repeat; border:1px solid #aaa; }
.gallery { padding: 0px; margin: 319px 0px 0px 0px; list-style-type: none; position: relative; width: 500px; }
.gallery img { border:0px; }
.gallery li { float:left; }
.gallery li a, .gallery li a:visited { font-size:11px; float:left; text-decoration:none; color:#000; background:#fff; text-align:center; width:49px; 
                                       height:26px; line-height:24px; border:1px solid #444; margin:2px; }
.gallery li a img { position:absolute; top:-319px; left:0; visibility:hidden; border:0; }
.gallery li a:hover { background:#ddd; }
.gallery li a:active, .gallery li a:focus { background:#444; color:#fff; }
.gallery li a:active img, .gallery li a:focus img { visibility:visible; }

.gallery li a.a1 { background: url('intro/male/1.gif') 0px 0px no-repeat; }
.gallery li a.a2 { background: url('intro/male/2.gif') 0px 0px no-repeat; }
.gallery li a.a3 { background: url('intro/male/3.gif') 0px 0px no-repeat; }
.gallery li a.a4 { background: url('intro/male/4.gif') 0px 0px no-repeat; }
.gallery li a.a5 { background: url('intro/male/5.gif') 0px 0px no-repeat; }
.gallery li a.a6 { background: url('intro/male/6.gif') 0px 0px no-repeat; }
.gallery li a.a7 { background: url('intro/male/7.gif') 0px 0px no-repeat; }
.gallery li a.a8 { background: url('intro/male/8.gif') 0px 0px no-repeat; }
.gallery li a.a9 { background: url('intro/male/9.gif') 0px 0px no-repeat; }
.gallery li a.a10 { background: url('intro/male/10.gif') 0px 0px no-repeat; }
.gallery li a.a11 { background: url('intro/male/11.gif') 0px 0px no-repeat; }
.gallery li a.a12 { background: url('intro/male/12.gif') 0px 0px no-repeat; }
.gallery li a.a13 { background: url('intro/male/13.gif') 0px 0px no-repeat; }
.gallery li a.a14 { background: url('intro/male/14.gif') 0px 0px no-repeat; }
.gallery li a.a15 { background: url('intro/male/15.gif') 0px 0px no-repeat; }
.gallery li a.a16 { background: url('intro/male/16.gif') 0px 0px no-repeat; }
.gallery li a.a17 { background: url('intro/male/17.gif') 0px 0px no-repeat; }
.gallery li a.a18 { background: url('intro/male/18.gif') 0px 0px no-repeat; }
.gallery li a.a19 { background: url('intro/male/19.gif') 0px 0px no-repeat; }
.gallery li a.a20 { background: url('intro/male/20.gif') 0px 0px no-repeat; }
.gallery li a.a21 { background: url('intro/male/21.gif') 0px 0px no-repeat; }
.gallery li a.a22 { background: url('intro/male/22.gif') 0px 0px no-repeat; }
.gallery li a.a23 { background: url('intro/male/23.gif') 0px 0px no-repeat; }
.gallery li a.a24 { background: url('intro/male/24.gif') 0px 0px no-repeat; }
.gallery li a.a25 { background: url('intro/male/25.gif') 0px 0px no-repeat; }
.gallery li a.a26 { background: url('intro/male/26.gif') 0px 0px no-repeat; }
.gallery li a.a27 { background: url('intro/male/27.gif') 0px 0px no-repeat; }
.gallery li a.a28 { background: url('intro/male/28.gif') 0px 0px no-repeat; }
.gallery li a.a29 { background: url('intro/male/29.gif') 0px 0px no-repeat; }
.gallery li a.a30 { background: url('intro/male/30.gif') 0px 0px no-repeat; }
.gallery li a.a31 { background: url('intro/male/31.gif') 0px 0px no-repeat; }

.break { clear: both;}