/* CSS Document */


  * {
  font: normal normal 11px "Trebuchet MS", sans-serif;
  border:0;
  margin:0;
  padding:0;
  outline:0;
  list-style-type: none;
  }
  body {
  background: #690F19 url('../img/design/ima/ima-dekor-header2.png') center top no-repeat;
  color: #fff;
  }
  h1 {
  position: relative;
  margin: 0 auto;
  width: 280px;
  height: 58px;
  overflow: hidden;
  text-align: center;
  font-size: 160%;
  text-indent: 34px;
  }
  #container h1{
  height: auto;
  }
  h1 a {
  display: block;
  position: absolute;
  left:0;
  top:0;
  }
  h2.action {
  font-size: 160%; 
  padding: 5px 10px;
  color: #fff;
  }
  p.description {
  text-align: center; 
  font-family: serif; 
  margin: 5px 0 0 40px;
  color: #fff;
  }
  
  a {
  color: #fff;
  }
  a:hover {
  text-decoration: none;
  }

  #main {
  width: 1000px;
  margin: 0px auto;
  position: relative;
  min-height: 350px;
  background: url('../img/design/ima/ima-dekor-header2.png') center top no-repeat;
  }

  
/* search form mainpage & topmenu*/
  #topmenu {
  position: absolute;
  top: 110px;
  left: 0;
  width: 1000px;
  height: 40px;
  /* overflow: hidden; */
  }
    #boxover {
    position: absolute;
    left: 773px;
    top: -100px;
    width: 90px;
    height: 35px;
    border: 1px solid rgb(167,136,115);
    background-color: #AB0F19;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 8px;
    display: none;
    }   
  #topmenu ul#top {
  position: absolute;
  left: 700px;
  top: 0px;
  width: 110px;
  }
    ul#top li.titlemenu {
    color: #fff;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    font-size: 140%;
    text-align: center;
    cursor: hand;
    cursor: pointer;
    background:url('../img/design/ima/star-static-topmenu.png') no-repeat;
    background-position: right center;         
    }
    li.titlemenu ul {
    display: none;
    position: absolute;
    left: -480px; 
    top: 0;
    width: 480px; 
    height: 28px;
    background: url('../img/design/ima/topmenu-back-header.png') no-repeat;
    background-position: -220px -110px;
    }
    li.titlemenu:hover {
    background: #480A11 !important;
    }         
    li.titlemenu:hover ul {
    display: block;
    }
    li.titlemenu span {font-size: 100%}
    li.titlemenu:hover span {
    visibility: hidden;
    }
    li.titlemenu li {
    float: left;
    height: 40px;
    line-height: 28px;
    }      
    li.titlemenu ul li a { 
    height: 28px;
    float: left;  
    display: block;
    padding: 0 20px;
    line-height: 28px;
    text-decoration: none;
    font-size: 140%;
    color: #fff;
    /* background: #690F19; */
    border-right: 1px solid #31060B; 
    }
    li.titlemenu ul li a:hover {
    color: #fff;
    background: #A0676E;
    }
  form#mainsearch {
  width: 400px;
  position: relative;
  left: 380px;
  top: 0;
  }
    input#submit {
    width: 100px;
    height: 28px;
    font-size: 140%;
    margin-right:0;
    padding-right: 10px;        
    font-weight: bold;
    color: #fff;
    background: #690F19 url('../img/design/ima/star-static-topmenu.png') no-repeat;
    background-position: right center; 
    cursor: hand;
    cursor: pointer;
    }
    input#search {
    height: 26px;
    font-size: 140%;
    background: #A0676E; 
    width: 200px;
    line-height: 28px;
    text-indent: 3px;
    }
    form#mainsearch {
    border-collapse: collapse;}

/* register - login */        
  #register {
  position: absolute;
  right:0;
  width:100px;
  top: 0;
  font-size: 140%;
  font-weight: bold;
  text-align: right;
  border-collapse: collapse;
  }
    #register input.typein {
    padding: 1px;
    background: #A0676E;
    width: 80px;
    margin-bottom: 2px;
    }
    #register input.OK { 
    background: #A0676E;
    margin: 0 0 0 5px;
    cursor: hand;
    cursor: pointer;
    }
    #register a {
    color: #A0676E;
    }
    #register a:hover {
    text-decoration: none;
    color: #fff;
    }
    #register.registerLogged{
    padding: 5px 5px 0 0;
    font-size: 100%;
    font-weight: normal;
    }
    #register.registerLogged a{
    color: #fff;
    }
   
/* product menu */

  ul.menu {
  position: absolute;
  top: 170px;
  left: 0;
  width: 1000px;
  }
  li.typeof {
  width: 166px;
  height: 40px;
  line-height: 40px;
  float: left;
  text-align: center;
  cursor: hand;
  cursor: pointer;
  font-size: 160%;
  color: #fff;
  background: url('../img/design/ima/menu-back-off.png') repeat-x;
  }
  li.typeof a {   
  display: block;
  line-height: 40px;
  text-decoration: none;
  color: #fff !important;
  text-align: center;
  }
  li.typeof ul {
  display: none;
  position: absolute;
  width: 1000px;
  height: 40px;
  left: 0px;
  top: 40px;
  }
  li.typeof:hover {
  background: url('../img/design/ima/menu-back-on.png') no-repeat;
  }
  li.typeof:hover ul {
  display: block;
  background: #480A11;
  }
  li.typeof li {
  float: left;
  height: 40px;
  line-height: 40px;
  }
  ul.menu li.typeof li a {
  height: 40px;
  float: left;  
  display: block;
  padding: 0 6px;
  line-height: 40px;
  text-decoration: none;
  color: black;
  }
  ul.menu li.typeof li a:hover {
  color: #fff !important;
  background: #6A383E;
  }
  .cat1 {background:#690f19;width: 167px !important;}
  .cat2 {background:#690f19}
  
  span.star_dance {
  padding-left: 20px;
  line-height: 22px;
  background: url('../img/design/ima/star-static.png') right bottom no-repeat;  
  }
    li:hover span.star_dance {
    background: url('../img/design/ima/star-anim4.gif') right bottom no-repeat;
    }
    
  
/* cotainer - right content */
  #container {
  top: 250px;
  width: 1000px;
  position: absolute;
  background: url('../img/design/ima/container-back.png') repeat-y;
  border-top: 1px solid #6A383E;
  }
  #content {
  width: 800px;
  float: right;
  background: #480A11; 
  }
  #content h2 {
  font-size: 160%;
  padding: 5px 10px;
  background: #6A383E;
  border-bottom: 1px solid #480A11;
  color: #fff;
  }
  #content h2 a {color: #fff}
  #content h2 a:hover {text-decoration: none}
  
  /* paging */
  
  div.pages {
  display: block;
  width: 800px;
  margin: 10px 0;
  text-align: center;
  background: #6A383E;
  
    }
    div.pages a, div.pages strong {
    font-weight: bold;
    color: #31060B;
    background: #A0676E;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    }
    div.pages span a:hover,div.pages span strong{
    color: #fff;
    background: #31060B;
    }
    div.pages span {
    margin: 0 15px;
    }
    
  /* product box */  
  .box {
  width: 200px;
  float: left;
  overflow: hidden;
  }
  .even {background: #480A11}
  .odd {background: #501219}
  .box:hover {background: #6A383E}
    .box h3 {
    margin: 10px;
    font-size: 125%;
    font-weight: bold;
    }
    .box form {
    font-size: 90%;
    margin: 0 10px 10px 10px;
    }
    .box p {
    margin: 5px 10px;
    color: #fff;
    }
      .box .tobasket {
      padding: 1px;
      font-size: 90%;
      cursor: pointer;
      }
      .box .count {
      width: 20px;
      font-size: 90%;
      padding: 3px 1px 2px 1px;
      text-align: right; 
      }
    .img {
    margin: 9px;
    border: 1px solid black;
    position: relative;
    }
    .img a {
    display: block;
    background: #fff url('../img/design/ima/sorry.png') no-repeat center center;
    width: 180px;
    height: 180px;
    text-align: center;
    }
    .img a.imgExists{
    	background: #690F19;
    }
    .img a img.product {
    
    }
    
    .img .product_new {
    position: absolute;
    width: 70px;
    height: 18px;                
    left: 0;
    top: 5px;
    }
    .img .product_action {
    position: absolute;
    width: 80px;
    height: 18px;
    left: 0;
    top: 5px;         
    }

  img.star {
  margin: 10px 0px -3px 10px;
  }
  table.prod_table  {
  border: 1px solid #31060B;
  color: #fff;
  border-collapse: collapse;
  table-layout: fixed;
  width: 180px;
  }
    table.prod_table tr {
    padding-top: 2px;
    padding-bottom: 2px;
    width: 178px;        
    }
    tr.even {background: #690F19}
    tr.odd {background: #480A11}
          
    td.prod_ID,td.prod_price,td.prod_dimension,td.prod_item {
    font-size:100%;
    padding-left: 2px;
    padding-right: 2px;
    }
    td.prod_dimension {
    font-size: 95%; 
    font-style: italic;
    }
    td.prod_ID {
    width: 55%;
    font-weight: bold
    }
    td.prod_price,td.prod_price_ks,td.prod_item{
    text-align: right;
    }
    #action_basket_basket td.prod_price,td.prod_item {
    width: 21%; 
    vertical-align: top;
    }
    td.prod_item input {
    width: 20px;
    text-align: right;
    height: 14px;
    }
    td.prod_tobasket {text-align: right}
    td.prod_tobasket input {
    background: #A0676E;
    color: #31060B;
    }
    span.prod_ks {
    font-size: 90%;
    font-style: italic;
    }
    
  /* product detail */
  .box_detail {
  width: 600px;
  min-height: 1px;
  float: left;
  text-align: center;
  }
  .box_detail img {
  margin: 9px;
  border: 1px solid #31060B;
  }
  a.box_detail_back {
  font-size: 200%;
  font-weight: bold;
  display: block;
  padding: 9px;
  color: #480A11;
  text-decoration: none;
  }
  a:hover.box_detail_back { 
  color: #F00406;
  }
  .nohover {
  background: #6A383E !important;
  }
  .nohover p { 

  }
  h1#product-title {
  text-align: left !important;
  margin: 10px 10px 0 10px !important;
  padding: 0px !important;
  text-indent: 0 !important;
  }
  table.prod_table_detail  {
  border-top: 1px solid #31060B;
  border-left: 1px solid #31060B;
  color: #fff;
  border-collapse: collapse;
  table-layout: fixed;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 2px;
  margin-right: 1px;
  }
  table.prod_table_detail td,table.prod_table_detail th {
  padding: 5px;
  border-bottom: 1px solid #31060B;
  border-right: 1px solid #31060B;
  font-size: 10px;
  }

/* container - register */
  table#register_form {
  float: left;
  margin: 9px;
  border: 1px solid #31060B;
  
  }
  #register_form th {
  font-weight: bold;
  color: #A0676E;
  text-align: left;
  padding: 3px;
  background: #31060B;
  margin: 2px;
  }
  #register_form input {
  background: #A0676E;
  width: 150px;
  padding: 1px;
  margin-right: 5px;
  }
  #register_form td.submit{
  	padding-top: 10px;
  	text-align: center;
  }
  #register_form td.submit input{
  	width: auto;
  	padding: 2px 20px;
  	cursor: pointer;
  }
  input#register_reset {
  width: 60px;
  background: #F00406;
  cursor: pointer;
  }
  input#register_submit {
  background: #A0676E;
  width: 60px;
  cursor: pointer;
  }
  input#order_print{
  background: #aaa;
  cursor: pointer;
  display: none;
  }
  input#newsbymail {
  width: 20px;
  background: #480A11;
  border: solid #A0676E;;
  }
  td.register_info {
  color: #A0676E;
  font-weight: bold;
  padding-right: 4px;
  }
/* container - basket / action */

  .action_basket {
  position: relative;
  width: 200px;
  float: left;
  color: #fff;
  }
  .action_basket p { 
  margin: 9px;
  line-height: 160%;
  }
  .action_basket p a {
  display: block;
  margin: 25px 0;
  font-size: 125%;
  font-weight: bold;
  color: #fff;
  text-align: center;
  }
  .action_basket p a:hover {
  text-decoration: none;
  }
  .action_basket p a.ahome {
  display: block;
  margin: 5px 0;
  font-size: 110%;
  color: #fff;
  text-align: left;  
  }  
  .action_basket .basket_reset,.action_basket .basket_order  {
  padding: 0;
  font-size: 90%;
  margin-right: 2px;    
  cursor: pointer;  
  }
  .action_basket .basket_reset {
  background: #F00406;
  }
  .action_basket .basket_order  {
  background: #A0676E;
  }
  .basket_table {
  border: 1px solid #6A383E;
  color: #fff;
  border-collapse: collapse;
  table-layout: fixed;
  width: 180px;   
  }
    .basket_table tr {
    width: 178px;        
    }
    .basket_table td {
    padding-top: 4px;
    padding-bottom: 4px;
    }
    .basket_table .basket_buttons {
    text-align: right;
    }
    .basket_table .basket_suma {
    text-align: right;
    }        
  .central {
  padding: 0 9px;
  }
  .basket_info {
  color: #A0676E;
  text-align: right;
  border-top: 1px solid #6A383E;
  padding-right: 1px;
  padding-left: 1px;
  }
  #action_basket_basket{
  	position: relative;
  }
  #action_basket_basket,#action_basket_sleva{
  background: url('../img/design/ima/action-basket-back.png') no-repeat;
  }

/* container - basket + order*/
  table#order_form {
  margin: 9px;
  border: 1px solid #31060B;
  color: #fff;
  }
  #order_form th {
  font-weight: bold;
  color: #A0676E;
  text-align: left;
  padding: 5px;
  background: #31060B;
  }
  #order_form td {
  padding: 5px;
  }
  #order_form
  tr.order_pricerow {
  background: #F00406;
  }
  #order_form a{
  	color: #fff;
  	font-weight: bold;
  }
  .righted {
  text-align: right;
  }
  .order_count {
  width: 30px;
  text-align: right;
  background: #A0676E;
  padding: 1px;
  } 
  
  #order_form .order_delete {
  background: #F00406;
  }
  #order_form .basket_change  {
  background: #A0676E;
  }
  .order_data {
  width: 130px;
  background: #A0676E;
  margin-right: 5px;
  }
  #order_form textarea {
  width: 190px;
  height: 70px;
  }
  
  /*.basket_th_nazev{
  	width: 115px !important;
  }
  .basket_th_velikost{
  	width: 100px;
  }
  .basket_th_ks{
  	width: 40px;
  }
  .basket_th_cena_ks{
  	width: 70px;
  }
  .basket_th_cena{
  	width: 80px;
  }
  .basket_th_smazat{
  	width: 50px;
  }
  .basket_change_col{
  	width: 75px;
  }*/
  .basket_change_pozn{
  display: block;
  	width: 250px;
  }
  
/* container - footer */
  #footer {
  background: #690F19;
  padding: 30px 0; 
  }
  #footer p {
  text-indent: 0;
  text-align: center;
  line-height: 160%;
  padding: 10px 20px;
  background: #480A11;
  color: #6A383E
  }
  #footer p a {
  color: #6A383E;
  }
  #footer p a:hover {
  text-decoration: none;
  color: #fff;
  }

/* general */      
  .cleaner {
  clear: both;
  height: 1px;
  width: 690px;
  font-size: 1px;
  margin: 0;
  line-height: 0;
  margin-bottom: -1px;
  }

  
  
/* text page */
  #text_page {
  margin: 15px 350px 15px 15px;
  }
  #text_page.text_page_wide{
  	margin-right: 0;
  }
  #text_page h2{
  	margin-bottom: 15px;
  }
  #text_page p {
  color: #fff;
  margin-bottom: 15px;
  line-height: 160%;
  }
  #text_page a {
  color: #fff;
  }
  #text_page a:hover {
  text-decoration: none;
  }
  #text_page h3 {
  font-size: 130%;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
  }
  #text_page h4 {
  font-size: 110%;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
  }
  #text_page strong {
  font-weight: bold;
  color: #FFF7EB;
  }
  #text_page ul {
  line-height: 160%;
  margin-bottom: 15px;
  color: #fff;
  }
  #text_page ul li {
  list-style-type: disc;
  margin-left: 15px;
  }

  
  
  p.contentP{
  padding: 10px;
  }
  p.contentP a{
  color: #fff;
  }
  p.contentP strong{
  font-weight: bold;
  }
  
  a#order_back {
  display: block;
  padding: 10px;
  border: 1px solid #31060B;
  margin: 10px 10px 0 10px;
  font-size: 150%;
  }
  a#order_back:hover {
  background-color: #31060B;
  border: 1px solid #31060B;
  }    
  
  #order_form a.order_aromas{
  	font-weight: normal;
  }
  
  
    /* kontaktni formular */
    
      #kontakt_form table {
      margin: 9px;
      border: 1px solid #31060B;
      color: #fff;
      }
      #kontakt_form th {
      font-weight: bold;
      color: #A0676E;
      text-align: left;
      padding: 4px 25px 4px 4px;
      background: #31060B;
      }
      #kontakt_form input.kontakt_data {
      width: 190px;
      }
      #kontakt_form td {
      padding: 4px;
      }
      #kontakt_form textarea {
      width: 190px;
      height: 80px;
      }
      #kontakt_vymazat {
      background: #F00406;
      cursor: pointer;
      }
      #kontakt_odeslat {
      background: #A0676E;
      cursor: pointer;
      }
      
      #kontakt_form label.error{
      display: block;
      }

/* statistika - administrace */

  table#statistika  {
  border: 1px solid #31060B;
  color: #fff;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 20px;
  }
  #statistika th {
  background-color: #fff;
  color: #31060B;
  padding: 4px 10px;
  }
  #statistika td {
  padding: 3px 5px;
  }

  #statistika tr {
  border-bottom: 1px solid #31060B;
  }