@charset "utf-8";
/* N. O. A. CSS Document */



body {
  margin: 0; padding: 0;
  text-align:center;
  background: #000000 url(../img/bg_body2.jpg) center repeat-y;
  }

#window {
  margin: 0 auto; padding: 0;
  background: url(../img/bg_window2.jpg) center top no-repeat;
  text-align: center;
  }

#body1000 {
  margin: 0 auto; padding: 0;
  width: 1000px; text-align: left;

  }

#main1 {
  margin: 0 auto; padding: 0;
  /* height: 850px; */
  width: 1000px;
}

#main2 {
  margin: 0 0 0 2px; padding: 0;
}

#top {
  position: relative;
  margin: 0; padding: 0;
  width: 962px; height: 215px; text-align: left;
  background: url(../img/bg_top2.jpg);
}

#main2  {
  margin: 0; padding: 0;
  width: 992px;
  }

#left {
  float: left;
  margin: 0; padding: 0;

  }

#left2  {
  margin: 0; padding: 0;
  width: 688px; height: 484px;
   background: url(../img/bg_left.jpg);
  }

#gallery {
  margin: 0; padding: 0;
  width: 688px; height: 111px;
  background: url(../img/bg_gallery.jpg);
  text-align: center;
  }

#right  {
  float: right;
  margin: 0; padding: 0;
  width: 304px; height: 595px;
  text-align:left;
  background: url(../img/bg_right.jpg);
  }

#sbottom{
  margin: 0; padding: 0;
  height: 12px;
  clear: both;
  }

#ext_bottom {
  width: 992px; margin: 0; padding: 0; position: relative; text-align: left;
  }

#bottom {
  margin: 0; padding: 0;
  position: relative;
  width: 957px; height: 29px;
  font: normal 11px Helvetica, sans-serif; color: #FFFFFF;
  background:url(../img/bg_bottom.jpg) repeat-x;
  }

#bott_left {
  float:left;
  margin: 0; padding: 0;
  width: 250px; height: 29px; text-align:left;
  background: url(../img/bg_bottom_left.jpg) left no-repeat;
}

#bott_left p{
  margin: 0; padding: 7px 0 0 13px;
}


#bott_right {
  float:right;
  margin: 0; padding: 0;
  width: 300px; height: 29px; text-align: right;
  background: url(../img/bg_bottom_right.jpg) right no-repeat;
}

#bott_right p{
  margin: 0; padding: 7px 13px 0 0;
}

#bott_right a {
  font: normal 11px Helvetica, sans-serif; color: #FFFFFF;
  text-decoration: none;
}
#bott_right a:hover
{
  text-decoration: underline;
}


#bott_middle {
  margin: 0 0 0 250px; padding: 0;
  text-align:center;
  }

#bott_middle2 {
  margin: 0; padding: 0;
  height: 29px; text-align:center;
  }

.bott_middle2{
  margin:  0; padding: 0 0 0 0;
  font: bold 21px Tahoma, sans-serif; color: #771213;
}

ul.menu {
   margin: 0; padding: 5px 0 0 169px;
   list-style-type:none;
   height: 160px; width: 180px;
   text-align:left;
   font: normal 16px Helvetica, sans-serif; color: #FFFFFF;
   cursor:pointer;
   }
ul.menu a {
  display:block;
  padding: 0px 0 0 6px;
  height: 19px; color:#FFFFFF;
  text-decoration: none;
}
ul.menu a:hover {
  background:transparent url(../img/bg_menu_w.gif) left no-repeat; color:#771213;
  }
ul.menu li {
  margin: 0 0 1px 0;
  cursor: pointer;
}
ul.menu li.active {
/*  padding: 0px 0 0 6px;*/
  height: 22px;
  color:#771213;
  background:transparent url(../img/bg_menu_w.gif) left no-repeat;
  cursor: pointer;
}

ul.menu li.active a {
  color: #771213;
}

#languages {
  margin: 0; padding: 7px 7px 0 0;
  height: 17px; text-align: right;
  font: normal 10px Helvetica, sans-serif; color: #bda27d;
}

#languages a { color: #bda27d; text-decoration: none; }
#languages a:hover {text-decoration: underline; color: #FFFFFF; }


/* podstranka */

#main3pr {
	
	background: url(/img/bg_main4_body.jpg) repeat-y scroll 4px 0 transparent;
    margin: 0;
    padding: 0;
}
  #main3 {
    margin:0 0 0 4px; padding:0 0 7px 0;
    /*background: transparent url(../img/bg_main3.jpg) left top no-repeat;*/
	background: transparent url(../img/bg_main4_top.jpg) left top no-repeat;
    min-height: 440px;
    }
  #main3b {
    margin:0 0 0 4px; padding:0;
    }
	
#main3bottom { /* bottom */
    clear: both;
    margin: 0 0 0 4px; padding: 0;
    height: 10px;
    background: transparent url(../img/bg_main4_bottom.png) left top no-repeat;
    }

  #left3 {
    float:left;
    width:169px;
    margin:0; padding:0;
    }
  #right3 {
    float:right;
    width:38px;
    margin:0; padding:0;

    }
  #middle3 {
    margin:0 38px 0 169px; padding: 0;
    }

  .cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
    background:transparent;
    }

    #gallery3 {
      margin: 0; padding: 0;
      width: 964px; height: 108px;
      background: url(../img/gal3_bg.jpg) left no-repeat;
    }
    #gallery3b {
      margin: 0; padding: 8px 0 0 1px;
      height: 81px; text-align:center;
    }


#left3_inlay {
  margin: 36px 8px 0 8px; padding: 0;
  background: url(../img/left3_inlay_bg.jpg) repeat-y;
  }

#left3_left{
    float:left;
    width:8px; height: 440px;
    margin:0; padding:0;
}
#left3_right{
    float:right;
    width:8px;
    margin:0; padding:0;

}
#left3_middle{
    margin:0 8px;
    }


#left3_top {
  margin: 0; padding: 0;
  width: 153px; height: 19px;
  background: url(../img/left3_top.jpg) no-repeat;
  }
#left3_bottom {
  margin: 0; padding: 0;
  width: 153px; height: 31px;
  background: url(../img/left3_bottom.jpg) no-repeat;
  }
#left3_menu {
  margin: 0; padding: 0;
  min-height: 600px; _height: 390px;
  background: url(../img/left3_menu_bg.jpg) bottom repeat-x;
}

  ul.left, ul.left li ul {
    margin:0; padding:0 0 0 11px;
    list-style-type:none;
    text-align:left;
    font:bolder 12px Helvetica, sans-serif; color: #FFFFFF;
    }

  ul.left li {
    margin: 0; padding: 5px 10px 5px 0;
    }
  ul.left a {
    display: block;
    margin: 0; padding: 0;
    color: #ffffff;
    text-decoration: none;
  }

  ul.left a:hover {
    text-decoration: underline;
    color: #80060a;
  }

  ul.left li.active {
    text-decoration: underline;
    color: #80060a;
  }

  ul.left li.active a {
    color: #80060a;
  }

  ul.left li a.active {
    text-decoration: underline;
    color: #80060a;
  }

  ul.left li ul {
    padding: 0 0 0 36px;
    font:normal 12px Helvetica, sans-serif; color: #FFFFFF;
  }


/*
  ul.left li {
    margin:0 0 1px 0; padding:5px 0 5px 11px;
    }
  ul.left li:hover {
    color: #80060a;
    }
  ul.left li ul {
    margin:0; padding:0 0 0 37px;
    list-style-type:none; text-align:left; font:bolder 12px Helvetica, sans-serif;
    }
  ul.left li.last {
    margin:0; padding:5px 0 0 0;
    }
  ul.left li.active {
    display:block;
    margin:5px 0 5px 11px; padding:5px 0 5px 0;
    background:transparent url(../img/star.gif) left no-repeat; color:#80060a;}
  ul.left li a {
    display:block;
    margin:0; padding:0 0 0 11px;
    text-decoration:none; color:#FFFFFF; }
  ul.left li a:hover {
    color:#80060a; background:transparent url(../img/star.gif) left no-repeat;
    }
*/
  #rozcestnik {
    margin: 0; padding: 0;
    }

.rozcestnik {
  list-style:none; margin: 0 0 0 23px; padding: 0;
}
.rozcestnik > div { float:left; width: 244px;  }

  #roz_in {
    margin: 0; padding: 0;
    height: 62px;
  }


  #roz_praktik, #roz_lucis, #roz_klasik, #roz_elegant, #roz_uni, #roz_paspart, #roz_art {
    margin: 0; padding: 0;
    width: 244px; height: 360px;
	background: url(/img/roz_any.png);
  }
  
  #roz_jideln, #roz_rameck, #roz_motivy {
    margin: 0; padding: 0;
    width: 244px; height: 340px;
  }

  #roz_jideln  { background: url(../img/roz_praktik.jpg); }
  #roz_rameck  { background: url(../img/roz_elegant.jpg); }
  #roz_motivy  { background: url(../img/roz_paspart.jpg); }


  /* #roz_praktik  { background: url(../img/roz_praktik.jpg); }
  #roz_klasik   { background: url(../img/roz_klasik.jpg); }
  #roz_elegant  { background: url(../img/roz_elegant.jpg); }
  #roz_uni    { background: url(../img/roz_uni.jpg); }
  #roz_paspart  { background: url(../img/roz_paspart.jpg); }
  #roz_art    { background: url(../img/roz_art.jpg); } */

  #roz_praktik p, #roz_lucis p, #roz_klasik p, #roz_elegant p, #roz_uni p, #roz_paspart p, #roz_art p {
    margin: 0; /*padding: 0 21px 0 50px;*/
    font: normal 12px Helvetica, sans-serif; color: #ffffff;
    text-align: right; display: block;
  }
  
  
  #roz_praktik div, #roz_lucis div, #roz_klasik div, #roz_elegant div, #roz_uni div, #roz_paspart div, #roz_art div {
    margin: 30px 0 0 28px;
	width: 80px;
  }
  
  
  #roz_jideln p, #roz_rameck p, #roz_motivy p {
    margin: 0; padding: 0 21px 0 50px;
    font: normal 12px Helvetica, sans-serif; color: #ffffff;
    text-align: right; display: block;
  }

  h3, h3 a, h3 a:active, h3 a:visited {
    margin: 0 0 0 0; padding: 19px 0 0 0; text-decoration: none;
    font: normal 20px Helvetica, sans-serif; color: #80060a; text-align: center;
  }
  h3 a:hover {
    text-decoration:underline;
    }

  .nic {
    margin: 0; padding: 0;
    }


/* podstranka 2 */

  #main4 {
    margin:0 0 0 4px; padding:0;
    /* background: transparent url(../img/bg_main3.jpg) left top no-repeat; */
    /* min-height: 440px; _height: 440px; */
    }
  #main4b { /* background - body */
    margin:0; padding:0;
    width:958px;
    background: url(../img/bg_main4_body.jpg) repeat-y;
    }
  #main4t { /* background top */
    margin: 0; padding: 0;
    background: transparent url(../img/bg_main4_top.jpg) left top no-repeat;
    }
  #main4bottom { /* bottom */
    clear: both;
    margin: 0; padding: 0;
    height: 10px;
    background: transparent url(../img/bg_main4_bottom.png) left top no-repeat;
    }

    #left4 {
    float:left;
    width:169px;
    margin:0; padding:0;
    }
    #right4 {
    float:right;
    width:186px;
    margin:0; padding:0;
    }
    #middle4 {
    margin:0 186px 0 169px; padding: /*37px*/ 0 0 0 0;
    text-align:left;
    }

  #right4_top {
    margin: 0; padding: 0;
    background: url(../img/right4_top.jpg);
    }
  #right4_body {
    margin: 0; padding: 10px 0 0 0;
    background: url(../img/right4_body.jpg) top left no-repeat;
    min-height: 402px; _height: 402px;
    }

  #right4_body a {
    color: #FFF;
  }

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

  #right4 h4 {
    margin: 0; padding: 17px 0 0 16px;
    font: normal 14px Helvetica, sans-serif; color: #ffffff; text-align: left;
    }

  #right4 p {
    margin:0; padding: 0 13px 8px 16px;
    font: normal 13px Helvetica, sans-serif; color: #ffffff; text-align: left;
    line-height: 20px;
    }

  #right4_materialy {
    margin:0 0 0 14px; padding:0;
    width: 160px; min-height: 160px;
    background:url(../img/materialy.jpg) no-repeat;
    }

  ul.materialy {list-style-type:none; margin:0 0 0 25px; padding:21px 0 0 0; width: 114px; }
  ul.materialy li {float:left; height: 36px;}

  #middle4_left {
    float: left;
    margin:0; padding:0;
    width: 255px; height: 353px;
    background:url(../img/leftak.png) left top no-repeat;
    }
  #middle4_left img {
    margin: 7px 0 0 3px; padding: 0;
    }
  #middle4_mid {
    margin: 0 0 0 260px; padding:0;
    text-align:left;
    min-height: 353px;

    }
  #middle4_mid h2 {
    margin: 0; padding: 0 0 0 12px;
    font: normal 18px Helvetica, sans-serif; color: #d0bd90; text-align: left;
    }
  #middle4_mid p {
    margin: 0; padding: 17px 22px 0 12px;
    font: normal 12px Helvetica, sans-serif; color: #ffffff; text-align: justify;
    line-height: 20px;
    }
  ul.middle4 { list-style-type:none; margin:0 0 0 4px; _margin:0; padding:7px 0 0 0; width: 588px; }
  ul.middle4 li { margin: 0 4px 4px 0; padding: 0; float: left; width: auto /*61px*/; height: 82px; background: transparent; /*url(../img/gal4_bgoff.png)*/; text-align: left; }

  ul.middle4 li a img { margin: 9px 0 0 6px; padding: 0; }
  ul.middle4 li.dir {
	  width: 82px;
	  height: 70px;
	  margin-top: 12px;
	  vertical-align: bottom;
	  background: url(/gallery/folder_red.png);
	  cursor: pointer;
	  position: relative;
  }
  
  ul.middle4 li.dir p {
	  position: absolute;
	  top: 100%;
	  margin-top: -41px;
	  width: 100%;
	  text-align: center;
	  font-weight: bold;
	  color: #fff;
  }



.detail_wrap {
  position: relative;
  display: block;
  height: 200px;
}


/**
 * ESHOP *
 */

div.boxes {
	position: relative;
	width: 754px; heght: 100%;
	min-height: 440px;
	background-color: #fff;
	margin: -26px 0 0;
	padding: 10px 0 0 14px;
	border-left: 2px solid #970b0e; border-right: 2px solid #970b0e;
}

div.boxes-desc {
	min-height: 80px;
	margin: -26px 0 50px;
	padding: 1px 0 1px 14px;
}

div.boxes-desc * {
	font-family: Helvetica,sans-serif;
	font-size: 12px;
}

div.boxes img.upper-border { position: absolute; top: 0; left: -2px; }
div.boxes img.bottom-border { position: absolute; left: -2px; top: auto; bottom: 0; }


div.pbox {
	position: relative;
	margin: 0 20px 40px 0;
	height: 205px; width: 357px;
	float: left;
}

div.pbox div.imgbox {
	margin: 0;
	display: table-cell;
	background: url('../img/img_border.gif') no-repeat;
	width: 158px; height: 158px;
	text-align: center; vertical-align: middle;
}

div.pbox table.imgs { margin: 8px 0 0 -3px; }

div.pbox table.imgs tr td {
	/*display: table-cell;*/
	background: url('../img/img_border_small.gif') no-repeat;
	width: 35px; height: 35px;
	text-align: center; vertical-align: middle;
}

div.pbox table.imgs tr td img { text-align: left; }

div.pbox table.imgs tr td img { width: 31px; max-height: 33px; }


div.pbox div.desc {
	position: absolute;
	top: 0; left: auto; right: 0;
	width: 190px;
	color: #575757; 
}

div.pbox div.desc h3 { font-size: 15px; color: #75070a;  margin: 0 0 10px; padding: 0; text-align: left; font-weight: bold; }

div.pbox div.desc div.details { font-size: 12px; }

div.pbox div.desc div.details var { font-style: normal; }
div.pbox div.desc div.details input { border: 1px solid #aeaeae; width: 35px; height: 15px; }

div.pbox div.desc div.details span.str { color: #bd994d; }
div.pbox div.desc div.details label.str { text-transform: uppercase; }
div.pbox div.desc div.details .str { font-weight: bold; }

div.pbox div.desc hr { color: #bfae83; margin: 5px 0 0px; }

div.pbox div.desc div.content { font-size: 11px; margin: -5px 0 0; height: 95px; }

div#boxes div#sum-box {
	background: url('../img/eshop_bar.gif');
	width: 754px; height: 28px;
	padding: 10px 0 0; margin: 0 0 0 -7px;
	position: absolute;
	bottom: 10px;
	float: left;
}

div#boxes div.clear { clear: both; height: 40px; }

div#boxes div#sum-box span { margin: 0 0 0 17px; color: #555555; }
div#boxes div#sum-box span#price_total { margin: 0; color: #63000a; font-weight: bold; }
div#boxes div#sum-box input {
	background: url('../img/eshop_send.gif') no-repeat;
	width: 72px; height: 29px;
	border: 0; margin: -5px 5px 0 0;
	cursor: pointer;
	color: #fff;
	float: right;
}

div#boxes div#sum-box table {
	float: right;
	border: 0;
	margin: -8px 2px 0 0;
}

div#boxes div#sum-box table input { margin: 0; }


div#boxes div#ship { height: 500px; }

div#boxes div#ship fieldset { border: 0; }
div#boxes div#ship fieldset.faktura { position: relative; float: left; margin: 0 0 30px; height: 210px; }
div#boxes div#ship fieldset.faktura legend { color: #900500; font-size: 14px; margin: 18px 0 20px; }
div#boxes div#ship fieldset.platba { position: relative; float: right; margin: 50px 220px 0 0; height: 190px; }
div#boxes div#ship fieldset.fakturace { position: relative; float: right; margin: 0 150px 0 0; }
div#boxes div#ship fieldset.dodaci { position: relative; float: left; }

div#boxes div#ship legend { color: #3e3e3e; font-weight: bold; font-size: 13px; }
div#boxes div#ship label { color: #3e3e3e; font-weight: normal; font-size: 13px; }
div#boxes div#ship input[type="text"] { border: 1px solid #b6b6b6; width: 180px; height: 17px; }

div.text1 {
  margin: 0; padding: 15px 10px 0 144px;
  font: normal 14px Helvetica, sans-serif; color: #FFFFFF;
  }

div.text1 a {
  color: #FFFFFF;
  text-decoration: underline;
}

div.text1 a:hover
{
  color: #FFFFFF;
  text-decoration: none;
}

div.text1 #frm-loginForm {
	margin: 0 auto;
	width: 300px;
}