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

.cervena {
  color:red;
  padding-top:4px;
}
/**************************************************************************************/


/**** naseptavac **********************************************************************/
#naseptavac_result {
  background-color:white;
  left:193px;
  position:absolute;
  top:55px;
  width:480px;
  z-index:150;
}

#naseptavac_result ul {
  width: 456px;
  border:2px solid #1073B9;
  padding: 0px 10px 0px 10px;
  margin: 0;
  background-color:white;
}
#naseptavac_result ul li {
  font-family:Arial,sans-serif;
  font-size: 12px;
  width: 455px;
  height: 45px;
  /* line-height: 20px; */
  display: block;
  border-bottom:1px solid #1073B9;
  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: 85px;
  background-color: #ffffff;
  background-image: url();
  color:#1073B9;
  font-size: 12px !important;
  font-weight:normal;
  font-weight: bold;
  text-decoration: none;
  line-height: 14px;
  height: 14px;
}
#naseptavac_result ul li a:hover {
  color:white;
  background-color: #1073B9;
  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;
}


@media(max-width: 970px){
  #naseptavac_result {
    left:0px;
    width:350px;
    top:83px;
  }
}

@media(max-width: 680px){
  #naseptavac_result {
    left:-146px;
    width:340px;
    top:83px;
  }
  #naseptavac_result ul  {
    width:333px;
  }
  #naseptavac_result ul li {
    width:333px;
  }
}


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


/***** 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; }

.box2 ul.submenu li a {
  height:auto;
}
.box1 div.text h3 {
  font-size:1.3em;
  color: #007ab1;
}
.box1 div.text p.small {
  margin:0 17px 5px;
  color: gray;
  font-size: 0.7em;
}
.box1 div.text div.info p {
  margin: 5px 0 !important;
}
.box1 div.text p span.green  { color: #0ba21d; font-weight: bold; }
.box1 div.text p span.red    { color: #e62b2b; font-weight: bold; }
.box1 div.text p span.yellow { color: #c6db35; font-weight: bold; }
.box1 div.text p span.blue   { color: #0B62A0; font-weight: bold; }

.box1 div.text table span.green  { color: #0ba21d; font-weight: bold; }
.box1 div.text table span.red    { color: #e62b2b; font-weight: bold; }
.box1 div.text table span.yellow { color: #c6db35; font-weight: bold; }
.box1 div.text table td.bordertd { border: 0px solid black; padding: 0 6px 0 3px; }
.box1 div.text table td.bordertd.small { font-size: 0.8em; }
.product a.image , .gallery div.gall a.image { text-align: center; padding-top:4px; height:153px; }
.box1 div.text div.product p {
  min-height:78px;
  /*position: relative;*/
  left:5px;
  width:157px;
}
.box1 div.text div.product p span.popisvypis {
  display: inline-block;
  max-height: 48px;
  height:48px;
  overflow: hidden;
}
.box1 div.text div.product p.title {
  /*height:75px;*/
}

.box1 div.text table {
  font-size:0.9em;
  position: relative;
}
.box1 div.detail table.info , .box1 div.detail table.params{
  margin-left:0px;
}
div.fifty1 { float: left;  width:45%; text-align: right;}
div.fifty2 { float: right; width:50%; text-align: left; }
#page .box1 a.vytvorit2 { 
  background:#1f900e;
  color:#FFFFFF;
  font-size:1em;
  height:40px;
  line-height:40px;
  right:1px;
  text-align:center;
  top:2px;
  width:90px;
  border-width:0px;
  cursor: pointer;
  border-radius:5px;
  font-weight:bold;
  padding:10px;
}
#page .box1 a.vytvorit2:hover { text-decoration: none; background:#0e5a01;}

.box1 div.text label.big {
  font-size:18px;
  font-weight:normal;
}
.box1 div.text input[type=text], .box1 div.text input[type=password], .box1 div.text input[type=email] {
  background:url("../images/form-text-bg3.png") no-repeat scroll left top transparent;
  height:20px;
  position:relative;
  /* border: 1px solid #1073B9; */
  border: 1px solid #DFDFDF;
  padding-left:4px;
}
.box1 div.text input.text-ks {
  background:none;
  height:30px;
  position:relative;
  width:30px;
  border: 1px solid #DFDFDF;
  padding-left:4px;
}
.box1 div.text input.submit-big {
  width:200px;
  text-align:center;
  background:#0095d9;
  border-radius:5px;
  color:#fff !important;
  padding:10px 25px 10px 25px;
  font-size:14px;
  font-weight:bold;
   text-decoration:none !important; 
  vertical-align: middle;
  border:0;
}
.box1 div.text input.submit-big:hover {
  cursor:pointer;
  background:#007ab1; text-decoration:none;

}
.box1 div.text div.sort input {
  line-height:22px;
  background: transparent url() no-repeat;
  border-width:0px;
  height: auto;
}
.box1 div.text textarea {
  background:url("../images/form-text-bg4.png") no-repeat scroll left top transparent;
  position:relative;
  border: 1px solid #DFDFDF;
  padding-left:4px;
  padding-top:3px;
  font-family:Arial,sans-serif;
  font-size:1.1em;
}
.box1 div.text input.submit {
background: #DD5303;
color: #FFFFFF;
font-size: 1em;
right: 1px;
text-align: center;
/*width: 90px;*/
border-width: 0px;
cursor: pointer;
border-radius: 5px;
font-weight: bold;
padding:10px;
}
.box1 div.text input.submit:hover {
  background:#9e3a01;
}
.box1 div.text div.info input.submit {
  padding: 0px;
  margin: 0px;
  height: auto;
  width: auto;
  border-width:0px;
  background-image: url();
  right: 0px;
  top: 7px;
}
.box1 div.text input.small {
  height: 5px;
}
.box1 div.text ul , .box1 div.text ol {
  font-size:0.75em;
}
.box1 div.text ul ul , .box1 div.text ol ol {
  font-size:1.0em;
}

#head div.basket p.name {
  float:left;
  font-size:0.8em;
  height:auto;
  margin:0;
  padding:0 0 0 0;
  width:100px;
  color:#000;
  background:none;
}
#head div.basket p.name a { font-size:1.1em; text-decoration: none;  color:#000; }
#head div.basket p.name a:hover { text-decoration: underline; }

#page img.foto-news {
  margin-bottom:10px;
  margin-left:20px;
}
#page img.foto-news2 {
  float: left;
  margin: 5px 15px 0 0;
  min-width: 150px;
  max-width: 150px;
}

#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;
}
#button_spl {
  /*
  background-image:url("../images/icon-arrow2.png");
  background-repeat:no-repeat;
  display:block;
  float:right;
  font-weight:normal;
  height:25px;
  line-height:25px;
  padding-left:30px;
  width:93px;
  margin-top: 5px;
  */
  display: block;
  width:125px;
  height:36px;
  background-color: #FF0000;
  color:white;
  font-weight: bold;
  padding-top:20px;
  float: left;
  position: relative;
  top:20px;
  left:60px;
  text-decoration: none;
  padding-left:5px;
  padding-right:5px;
  border-bottom: 4px solid #FFD200;
}
#button_spl:hover {
  text-decoration: none;
}

.product a.image {
  /*line-height:262px;*/
}
.product div.img-line-height {
  /*
  height:165px;
  line-height:261px;
  */
}
.product p.title a {
  font-size:1.2em;
}

img.logo-homecredit {
  position: relative;
  /*margin: 30px 0 0 90px;*/
  display: block;
  float: left;
  top:20px;
  left:40px;
}

#navigation li.item6 a span {background-image:url(../images/navigation6.png);}
#navigation li.item7 a span {background-image:url(../images/navigation7.png);}
#navigation li.item8 a span {background-image:url(../images/navigation8.png);}

#navigation li.item6 a:hover span { background-position: right top; }
#navigation li.item7 a:hover span { background-position: right top; }
#navigation li.item8 a:hover span { background-position: right top; }

#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: 350px; }

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

.box1 table#kosik { border-collapse: collapse; width:100%; }
.box1 table#kosik tr {}
.box1 table#kosik tr#header th { background:#007ab1; color:#fff; border-right:1px solid #ddd; padding:5px;}
.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; }

.box1 div.text table.dodani {
  background:#fff;
  padding:10px;
  max-width:700px;
}

.box1 div.text table.platba {
  background:#fff;
  padding:10px;
  max-width:700px;
}

.box1 div.text table tr.pol_kosik3 {
  background:#fff;
  padding:10px;
  
}

#page .box1 #kosik .width100, #page .box1 #kosik .width90, #page .box1 #kosik .cena_celkem, .pol_kosik3 td.right {white-space: nowrap}

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


/* ------ popup okno - kosik -------------------------------------------- */
#addbox {
  background-color:#1073B9;
  color: white;
  border-radius:5px;
  left:50%;
  margin-left: -175px;
  
  position:absolute;
  top:420px;
  z-index:1000;
  display: none;
  width: 350px;
  height: 85px;
  text-align: center;
  -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;
   border-radius:5px;
}
#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;
   border-radius:5px;
}
#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:395px;
  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;
}
#screenshot {
	position:absolute;
	border: 2px #CDD4DA solid;
	background-color: white;
  padding:10px;
	display:none;
	color:black;
	font-size:0.7em;
}
#screenshot img {
  border: 1px solid #CDD4DA;
}
/*************************************************************************/
#popuppayu {
	position:absolute;
	border: 2px solid #E97A00;
	background-color:white;
	padding:5px;
	display:none;
	color: black;
	font-size:0.7em;
  z-index: 1500;
  width:650px;
}
#popuppayu h2 {
  margin:0px;
  padding:0px;
  color:#E97A00;
  font-weight: bold;
}
#popuppayu h3 {
  margin:0px;
  padding:0px;
  color:#1073B9;
  font-weight: bold;
  margin:6px 0px 3px 0px;
}
#popuppayu p {
  margin:3px 0px;
  padding:0px;
}
#popuppayu img {
  float: right;
}
/* --------------------------------------------------------------------- */


div#pzvyraznit p {
  font-weight: bold;
  color: #E97A00;
}

div#pzvyraznit2 p {
  font-weight: bold;
  color: red;
}


.stylekontakt {
}
.stylekontakt table {
  border:1px solid #EDE9E5;
  border-collapse: collapse;
}
.stylekontakt table td {
  border:1px solid #EDE9E5;
  padding-left:5px !important;
}
.stylekontakt table td a {
  text-decoration: underline;
}
.stylekontakt table th {
  border:1px solid #EDE9E5;
  padding-left:5px !important;
  background-color: #1074BB;
  color:white;
}











.product p span.green {
    cursor: pointer;
    text-decoration: underline;
}
.popupskladem {
    position: absolute;
    z-index: 150;
    background-color: #CDD4DA;
    border:1px solid #A9BDCE;
    left: -15px;
    top:  95px;
    padding:10px;
    width:250px;
}
.popupskladem::before {
    border-bottom: 16px solid #a9bdce;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    left: 117px;
    position: absolute;
    top: -16px;
    width: 0;
}
.products .product:nth-child(4n+4) .popupskladem {
    left:-85px !important;
}
.popupskladem h4 {
    color:#0B62A0 !important;
    font-size:14px !important;
    margin:0px !important;
    padding:0 0 10px 0 !important;
    position: relative;
}
.popupskladem h4 a {
    background-color: #ff0000;
    color: #fff;
    display: inline-block;
    font-family: arial,sans-serif;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: -6px;
    text-align: center;
    text-decoration: none;
    top: -5px;
    width: 20px;
    border-radius:3px;
}

.popupskladem p {
    color:#000 !important;
    font-size:11px !important;
    margin:0 0 5px 0 !important;
    padding:0px !important;
    min-height: 18px !important;
    width:auto !important;
    border: 0px !important;
    font-weight: normal !important; 
}
.popupskladem p strong {
    font-weight: bold !important;
}

#page .box1 .width80 {width: 80px !important; padding: 10px 5px 10px 20px; white-space: nowrap}
#page .box1 .width80 input, .detail form input#kk1 {float: left; width: 45px !important; text-align: center; height: 38px !important;box-sizing: border-box;padding: 10px 0; font-weight: bold; font-size: 1em !important; font-family: Arial}
.plus-minus {float: left; display: inline-block; vertical-align: middle; width: 20px; height: 39px; text-align: center; border:0;}
.plus {display: block; height: 19px; width: 20px; cursor: pointer; border:0; margin-bottom:1px; background:#fff; font-weight:700; font-size:16px;}
.minus { height:19px; border:0; background:#fff; font-weight:700; font-size:16px;}
.basket-pcs {float: right; display: block}
.detail .plus-minus {float: none; display: inline-block; vertical-align: middle;}
.detail label.big {vertical-align: middle; margin-right: 10px}
.detail form input#kk1 {float: none; font-size: 1.25em !important; vertical-align: middle; margin-top: -1px}


@media(max-width: 730px){
  #page .box1 .width80 {padding: 10px 5px 10px 15px}
  /*.plus-minus {width: 25px}
  .plus, .plus.minus {width: 25px; height: 28px; line-height: 28px}*/
}

@media(max-width: 650px){
  /*.plus-minus {width: 30px}
  .plus, .plus.minus {width: 30px; height: 25px; line-height: 25px}
  #page .box1 .width80 input {height: 25px !important; width: 30px; margin: 0 0 -1px -1px}
  .detail form input#kk1 {height: 49px !important}*/
  #page .box1 .width80 input {width: 25px !important}
  div.pp_pic_holder {width: 94% !important; left: 3% !important}
  .pp_content, .pp_hoverContainer, #fullResImage {width: 100% !important; height: auto !important} 
}

@media(max-width: 490px){
 #button, #button2, #button3 {
    width: 70px !important;
  }
}

.error {
  background:red;
  color:#fff;
  font-weight:16px;
  padding:10px;
  font-weight:Bold;
  display:block;
}