﻿.menu img{
  padding: 30px 0px 0px 35px;
  text-align: left
}

/* ------- oformlenie na kataloga ----------------- */

.katalog{
  width: 580px;
  margin-left: 20px;
  margin-top: 40px;
  margin-right: 10px;
  position: relative;
  z-index: 0;
  text-align: justify
}

.katalog ol li{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #006633;
}

img.katalog_h{
  height: 250px;
  float: left;
  margin-bottom: 20px;
  margin-right: 30px;
}

img.katalog_w{
  float: left;
  margin-bottom: 20px;
  margin-right: 30px;
  width: 250px
}

.katalog h2{
 font-size: 13pt;
  text-align: right;
  font-weight: bold;
  color: #FF3300;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 200px;
}


p.kom_kat{
  margin-bottom: 50px;
  text-align: left;
  font-weight: bold;
  color: #333399;
}





td.link{
  width: 200px;
  margin-left: 20px;
  text-align: center;
  margin-bottom: 20px;
}

img.katalog_l_w{
  width: 120px;
  float: none;
  border: 0px;
}

img.katalog_l_h{
  float: none;
  border: 0px;
  height: 120px;
}

/* kozmetikata v kataloga */

.kozmetika{
  width: 580px;
  margin-left: 20px;
  margin-top: 40px;
  margin-right: 10px;
  position: relative;
  z-index: 0;
  float: none;
  text-align: justify
}

.kozmetika h2{
 font-size: 10pt;
  text-align: left;
  font-weight: bold;
  color: #339900;
  margin-right: 5px;
  margin-bottom: 10px;
}

.kozmetika p{
  font-size: 9pt;
}

.kozmetika li{
  font-size: 9pt;
  list-style: disc;
}

li.nf_set{
  float: left;
  margin-right: 10px;
  list-style: none;
  width: 170px;

 }

p.kom_kozmetika{
  text-align: left;
  font-weight: bold;
  color: #333399;
  font-size: 9pt;
}

td.right{
  border-left-style: solid;
  border-left-width: thin;
  width: 300px;
  vertical-align: top
}


/* ------------ levite baneri ------------------*/

.left{
  width: 230px;
  margin: 0px 20px 0px 20px;
}

.left h3{
  font-size: 13pt;
  color: #FFFFFF;
  text-align: left
}

.left p{
  font-size: 10pt;
  font-style: italic;
  color: #FFFFFF
}

.left img{
  max-width: 200px
}

/* ------------ листите с продукти ------------------*/

.center{
   width: 450px;
   padding: 10px 20px 5px 20px;
}

.center h1{
  font-size: 14pt;
  color: #FF9900;
  text-align: right
}

.center h2{
  font-size: 13pt;
  color: #FF9900;
  text-align: left
}

.center p{
  font-size: 11pt;
}

.center sup{
  font-size: 7pt;
  font-weight: bold
}

.center img{
  width: 480px
}

/* ------------ dqsnata chast ------------------*/

.right{
  width: 170px;
  margin: 0px 10px 0px 35px;
  text-align: justify
}

.right h3{
  font-size: 11pt;
  color: #FF9900;
  text-align: left
}

.right p{
  font-size: 10pt;
}

.right img{
  max-width: 100px;
  margin: 0px 10px 10px 10px;
  float: left
}

p.r_kom{
  color: #000000
}

.r_rez{
  width: 170px;

}

.r_rez img{
  width: 170px;
  margin: 0px 10px 0px 35px;
}


.kare_bottom{
  width: 402px;
  height: 102px;
  background-image: url(../images/zdrave/kare_r.jpg);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin: 100px 0px 0px 50px;
  text-align: center;
  padding-top: 30px;
}

.kare_bottom a{
  color: #339933;
  font-size: 11pt;
  text-decoration: none;
  font-weight: bold;
}

.print_bay{
 color: #FF3300;
 font-weight: bold;
 font-style: italic;
 margin: 30px 0px 0px 30px;
 font-size: 11pt;
  width: 500px;
  min-height: 5px;
  display: block;
  float: none;
  text-align: center
}


.pop_up{
  padding: 0px;
  margin: 0px;
  display: block;
  z-index: 100;
  position: absolute;
  left: 300px;
  top: 140px;
  width: 500px;
  height: 370px;
  background-color: #FFFFFF;
  border: thin solid #CCCCFF;
  border-bottom: thick solid #CCCCFF;
  border-right: medium solid #CCCCFF;
  text-align: justify
}

.pop_up a{
   color: #000000;
  text-decoration: none
}

.pop_up p{
  margin: 0pc 20px 10px 20px;
  color: #0000CC
}

.pop_up h3{
  margin: 0pc 20px 20px 20px;
  color: #0000CC;
  text-align: center;
  font-size: 11pt
}

.pop_up img{
  max-width: 200px;
  max-height: 200px;
  float: left;
  margin: 0px 30px 70px 20px
}

p.pop_up_head {
  background-color: #CCCCFF;
  padding: 7px 10px 7px 0px;
  margin: -0px 0px 40px 0px;
  text-align: right
}

.pop_up a:hover {
  color: #FF0000
}


