/**** vypis oznameni ******************************************************************/
div#echo {
  background:url("") repeat scroll 0 0 #fff;
  border:1px solid #ff0000;
  margin:0 0 4px 0;
  padding:1px;
  position:relative;
  width:733px;
}
div#echo span {
  background-color: #ff0000;
  display: block;
  padding: 5px 15px 5px 15px;
  color:#000;
  color:#fff;
  font-weight: bold;
  font-size: 0.8em;
}
/**************************************************************************************/


/**** naseptavac **********************************************************************/
#naseptavac_result {
  background-color:white;
  left:-257px;
  position:absolute;
  top:25px;
  width:480px;
  z-index:150;
}
#naseptavac_result ul {
  width: 456px;
  border:2px solid #ff0000;
  padding: 0px 10px 0px 10px;
  margin: 0;
  background-color:white;
  height:auto;
}
#naseptavac_result ul li {
  font-family:Arial,sans-serif;
  font-size: 12px;
  width: 455px;
  height: 30px;
  line-height: 30px; 
  display: block;
  border-bottom:1px solid #ff0000;
  position: relative;
}
#naseptavac_result ul li.lastli {
  border-bottom-width:0px;
}
#naseptavac_result ul li img {
  margin-top: 4px;
  border-width: 0px;
}
#naseptavac_result ul li a.img {
  position: absolute;
  top: 0px;
  left: 5px;
}
#naseptavac_result ul li a.img:hover {
  background-color: white;
}
#naseptavac_result ul li a {
  display: inline;
  float:none;
  position: absolute;
  top: 10px;
  left: 35px;
  background-color: #ffffff;
  background-image: url();
  color:#ff0000;
  font-size: 12px;
  font-weight:normal;
  font-weight: bold;
  text-decoration: none;
  line-height: 14px;
  height: 14px;
}
#naseptavac_result ul li a:hover {
  color:white;
  background-color: #ff0000;
  text-decoration: none;
  font-weight: bold;
  line-height: 14px;
}
#naseptavac_result ul li a span , #naseptavac_result ul li a:hover span {
  display: inline;
  position: relative;
  text-decoration: none;
  line-height:14px;
  height:14px;
}
#naseptavac_result ul li span.price {
  position: absolute;
  left: 85px;
  top: 25px;
}
#naseptavac_result ul li span.price strong {
  color: #1073B9;
}

/**************************************************************************************/


/***** upravy layoutu *****************************************************************/
#navigation li.item1 a:hover span , #navigation li.item2 a:hover span , #navigation li.item3 a:hover span , #navigation li.item4 a:hover span , #navigation li.item5 a:hover span { background-position: right top; }



.product a.image , .gallery div.gall a.image { text-align: center; padding-top:20px; height:140px; }


div.fifty1 { float: left;  width:45%; text-align: right;}
div.fifty2 { float: right; width:50%; text-align: left; }
#page .box1 a.vytvorit2 { background:url("../images/button-bg1.png") repeat-x scroll left top #DD5303;
  display: block;
  border-width:0;
  color:#FFFFFF;
  cursor:pointer;
  font-size:0.95em;
  height:19px;
  line-height:23px;
  text-align: center;
  position: relative;
  top: 2px;
  text-decoration: none;
}
#page .box1 a.vytvorit2:hover { text-decoration: none; }

#head div.basket p.name {
  background:url("") no-repeat scroll left 0 transparent;
  float:left;
  font-size:0.7em;
  height:auto;
  margin:0;
  padding:0 0 0 0;
  width:100px;
}
#head div.basket p.name a { font-size:1.0em; text-decoration: none; }
#head div.basket p.name a:hover { text-decoration: underline; }

#button , #button2 , #button3 {
  background-image:url("../images/icon-arrow2.png");  
  background-repeat:no-repeat;
  display:block;
  float:left;
  font-size:0.8em;
  height:25px;
  line-height:25px;
  padding-left:30px;
  width:85px;
  margin-top: 20px;
}

#page .box1 .width30 { width: 30px; }
#page .box1 .width50 { width: 50px; }
#page .box1 .width70 { width: 70px; }
#page .box1 .width80 { width: 80px; }
#page .box1 .width90 { width: 90px; }
#page .box1 .width100 { width: 100px; }
#page .box1 .width110 { width: 110px; }
#page .box1 .width120 { width: 120px; }
#page .box1 .width130 { width: 130px; }
#page .box1 .width140 { width: 140px; }
#page .box1 .width150 { width: 150px; }
#page .box1 .width175 { width: 175px; }
#page .box1 .width200 { width: 200px; }
#page .box1 .width300 { width: 300px; }

.box1 .right { text-align: right; }
.box1 .left  { text-align: left;  }

.box1 table#kosik { border-collapse: collapse; width:95%; }
.box1 table#kosik tr {}
.box1 table#kosik tr#kos_cena_celkem { line-height: 30px; }
.box1 table#kosik tr#kos_cena_celkem td { border-bottom-width:0px; }
.box1 table#kosik th { border-bottom:1px solid #ECECEC; line-height: 26px; }
.box1 table#kosik td { border-bottom:1px solid #ECECEC; }

/**************************************************************************************/


/* ------ popup okno - kosik -------------------------------------------- */
#addbox {
  background-color:#1073B9;
  color: white;
  left:550px;
  position:absolute;
  top:420px;
  z-index:1000;
  display: none;
  width: 350px;
  height: 85px;
  text-align: center;
  border: 1px #5BB1EE solid;
  -moz-border-radius:3px;
}
#addbox a#button5 {
  background:url("../images/button-bg1.png") repeat-x scroll left top #DD5303;
  color:#FFFFFF;
  height:19px;
  line-height:19px;
  right:1px;
  text-align:center;
  top:2px;
  width:41px;
  padding: 3px 10px;
  cursor: pointer;
  width:130px;
  float: left;
  margin-left: 20px;
  font-size:0.8em;
}
#addbox a#button6 {
  background:url("../images/button-bg1.png") repeat-x scroll left top #DD5303;
  color:#FFFFFF;
  height:19px;
  line-height:19px;
  right:1px;
  text-align:center;
  top:2px;
  width:41px;
  padding: 3px 10px;
  cursor: pointer;
  width:130px;
  float: right;
  margin: 0px 20px 0px 0px;
  font-size: 0.8em;
}
#addbox a#button5:hover , #addbox a#button6:hover {
  text-decoration: none;
}
/* ------ popis postovneho --------------------------------------------- */
#hlidaci-pes {
  -moz-border-radius:3px 3px 3px 3px;
  background-color:#1073B9;
  border:1px solid #5BB1EE;
  color:white;
  display:none;
  height:150px;
  left:550px;
  position:absolute;
  text-align:center;
  font-size: 0.8em;
  top:420px;
  width:600px;
  z-index:1000;
  padding: 10px;
}
#hlidaci-pes a { color: white; text-decoration: underline; }
#hlidaci-pes a:hover { text-decoration: none; }
#hlidaci-pes img { float: left; }
#hlidaci-pes form { margin-top:20px; }
#hlidaci-pes input { background:url("../images/form-text-bg3.png") no-repeat scroll left top transparent; border:1px solid #DFDFDF; height:20px; padding-left:4px; }
#hlidaci-pes input.submit { background:url("../images/button-bg1.png") repeat-x scroll left top #DD5303; color:#FFFFFF; height:23px; text-align:center; border-width:0px; cursor: pointer; }

#doporucte {
  -moz-border-radius:3px 3px 3px 3px;
  background-color:#1073B9;
  border:1px solid #5BB1EE;
  color:white;
  display:none;
  height:355px;
  left:550px;
  position:absolute;
  text-align:center;
  top:420px;
  width:550px;
  z-index:1000;
  font-size: 0.8em;
  padding:0 10px 10px 10px; 
}
#doporucte h2 { margin-bottom:0; }
#doporucte p { float:left; margin:0 0 15px 0; text-align:left;}
#doporucte span { display:block; height:25px; left:40px; line-height:25px; position:relative; width:190px; }
#doporucte a { color: white; text-decoration: underline; }
#doporucte a:hover { text-decoration: none; }
#doporucte img { float: left; }
#doporucte form { margin-top:0px; }
#doporucte input { background:url("../images/form-text-bg3.png") no-repeat scroll left top transparent; border:1px solid #DFDFDF; height:20px; padding-left:4px; }
#doporucte input.submit { background:url("../images/button-bg1.png") repeat-x scroll left top #DD5303; color:#FFFFFF; height:23px; text-align:center; border-width:0px; cursor: pointer; }
#doporucte textarea { padding-left:4px; padding-top:3px; font-size:1.1em; font-family:Arial,sans-serif; border:1px solid #DFDFDF; background:url("../images/form-text-bg4.png") no-repeat scroll left top transparent; height:100px; width:540px; }

#dopoructebg , #hlidaci-pesbg { background-color:black; height:100%; left:0; position:absolute; top:0; width:100%; z-index:100; display: none;}
/* ------ popis postovneho --------------------------------------------- */
#screenshot2{
	position:absolute;
	border: 1px gray solid;
	background-color:#E97A00;
	padding:10px;
	display:none;
	color:white;
	font-size:0.7em;
}
#screenshot2 img {
  border: 1px gray solid;
}
/* --------------------------------------------------------------------- */