/* reset */
body, h1, h2, h3, p, img, form, fieldset, ul, li { margin:0; padding:0; border:0; }
html { overflow: auto; }
a { outline:none; }

/* obecne */
body { background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 62.5%; color: #333; text-align: center; }
  body.index { background: #425261; }
.break { clear: both;}

/* uvod */
h1.index a { display: block; background: url('images/big-logo-orac.gif') no-repeat 0px 0px; height: 91px; width: 184px; text-indent: -9000px; margin: 200px 0px 50px 0px; float: left; }
  h1.index a:hover { background-position: -184px 0px; }
p.index { font-size: 1.2em; color: #fff; }
div.index-galery { width: 900px; height: 86px; background: url('images/galerie-home.jpg'); margin: 0px auto; }
    p.index-galery a img { opacity:1; filter:alpha(opacity=100); }
    p.index-galery a:hover img { opacity:0.6; filter:alpha(opacity=60); }
p.novinky { font-size: 1.2em; color: #fff; margin-bottom: 10px; }
  p.novinky a { color: #fff; }
  p.novinky img { margin-top: 10px; }    
#homeHeader { width: 915px; margin: 0px auto; }
  #homeHeader a.circle img { float: right; margin-top: 150px; }
  a.vstupte { display: block; background: #2C3844; margin-bottom: 20px; padding: 5px; color: #fff; text-decoration: none; font-weight: bold; font-size: 1.2em; }
    a.vstupte:hover { color: #F19D19; }

/* header */
#header { height: 91px; background: #425261; margin-bottom: 35px; }
  #header h1 a { display: block; background: url('images/logo-orac.gif') no-repeat 0px 0px; width: 98px; height: 51px; text-indent: -9000px; margin: 25px 0px 0px 20px; float: left; }

/* obal */
#wrapper { width: 950px; text-align: left; float: left; }

/* menu */
#menu { width: 200px; float: left; }
  #menu ul { list-style: none; margin-left: 20px; width: 160px; }
  #menu ul li { border-bottom: 1px solid #435261; padding: 5px 0px; }
  #menu ul li.first { padding-top: 0px; }
  #menu ul li.last { border: none; }
  #menu ul li a { color: #435261; text-decoration: none; font-size: 1.2em; }
  #menu ul li a:hover { color: #E55A2A; }
  #menu ul li span { display: block; padding-left: 15px; }
  #menu ul li span.smaller a { font-size: 1em; }
  
/* obsah */
#content { margin-left: 200px; }
  #content h2 { font-size: 2.8em; color: #80a1ac; font-family: Garamond, serif; margin-bottom: 10px; }
  #content h3 { font-size: 1.1em; color: #333; margin-bottom: 10px; padding-top: 10px; border-top: 1px solid #435261;}
  #content p { font-size: 1.1em; padding-bottom: 10px; }
  #content p.info { margin-top: 10px; }
  #content a { font-weight: bold; color: #425261; }
    #content a:hover { color: #E55A2A; }
  #content a.katalog { margin-left: 15px; }
  
  #content a.luxxus { color: #B6985A; }
  #content a.axxent { color: #B32018; }
  #content a.basixx { color: #B3B4B7; }
    #content a.luxxus:hover, #content a.axxent:hover, #content a.basixx:hover { color: #E55A2A; }
  
  #content ul { list-style: none; font-size: 1.1em; margin-left: 10px; margin-bottom: 15px; }
    #content ul li { background: url('images/li.gif') no-repeat left 50%; padding-left: 12px; }
    #content ul li a { font-weight: normal; text-decoration: none; }
  
#content table.galerie { border-collapse: collapse; float: left; margin-right: 20px; }
  #content table.galerie td { padding:0px 13px 13px 0px; }
  #content table.galerie td img { float: left; }
  
#content table.download { border-collapse: collapse; font-size: 1.1em; }
  #content table.download td { vertical-align: bottom; text-align: center; padding-right: 15px; padding-bottom: 15px; }
  #content table.download td a img { border: 1px solid #000; }
  #content table.download td a:hover img { border: 1px solid #E55A2A; }
  #content table.download td a { font-weight: normal; text-decoration: none; }

#content table.kontakty { border-collapse: collapse; font-size: 1.1em; }
  #content table.kontakty td { padding-right: 10px; }
  
#content table.kolekce { border-collapse: collapse; font-size: 1.1em; margin-bottom: 10px; }
  #content table.kolekce td { vertical-align: top; text-align: center; padding-right: 8px; padding-bottom: 8px; width: 80px;}
  #content table.kolekce td a img { opacity:1; filter:alpha(opacity=100); margin-bottom: 5px; border:1px solid #fff;}
  #content table.kolekce td a:hover img { opacity:0.7; filter:alpha(opacity=70); border:1px solid #E55A2A;}
  #content table.kolekce td a { font-weight: normal; text-decoration: none; color: #2a2a2a; }
  #content table.kolekce td a:hover { color: #E55A2A; }
  #content table.next { margin-top: 10px; }

#content table.galerie { border-collapse: collapse; font-size: 1.1em; margin-bottom: 10px; }
  #content table.galerie td { vertical-align: top; text-align: center; padding-right: 10px; padding-bottom: 8px; }
  #content table.galerie td a img { opacity:1; filter:alpha(opacity=100); margin-bottom: 5px; }
  #content table.galerie td a:hover img { opacity:0.7; filter:alpha(opacity=70); }

#content table.galerie2 { border-collapse: collapse; margin-bottom: 10px; margin-top: 10px; }
  #content table.galerie2 td { vertical-align: top; text-align: center; padding-right: 16px; padding-bottom: 16px; }
  #content table.galerie2 td a img { opacity:1; filter:alpha(opacity=100); }
  #content table.galerie2 td a:hover img { opacity:0.7; filter:alpha(opacity=70); }
  
#mainpic { float: right; margin-top: 10px; }