/**
 * Cojevakci.cz
 * styly.css
 * Soubor s CSS styly
 *
 * @author Josef Šmíd <mail@jsmid.net>
 * @copyright (c) 2011 Josef Šmíd
 * @version 1.5
 */

body
{ 
  font-family: Georgia,serif;
  color: #000;
  background: #fff url(/images/_pozadi.jpg) no-repeat scroll top center;
  text-align: center;
  margin: 0;
  padding: 0;
}

div#pridatObchod .svetem{
    background: url("/images/svetemzvirat.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 118px;
    overflow: hidden;
    text-align: left;
    text-indent: -999px;
    text-transform: uppercase;
    width: 259px;
	   margin-right: -12px;
}
div#pridatObchod .svetem:hover{
    background: url("/images/svetemzvirath.png") no-repeat scroll 0 0 transparent;
 
}

div#horni
{
  margin: 0 auto;
  background-color: #ff7f21;
  height: 6px;
}

div#titulek
{
  width: 960px;
  margin: 0 auto;
  padding: 0;
}

  div#logo
  {
    width: 220px;
    float: left;
    margin: 0 0 20px 0;
  }

  div#pridatObchod
  {
    width: 700px;
    float: right;
   margin: -43px 0 0;
    text-align: right;
  }

    div#pridatObchod p
    {
      margin: 5px 3px 0 3px;
      padding: 0;
    }

  div#menu
  {
    width: 700px;
    float: right;
    margin: 0;
    text-align: right;
  }

    div#menu a
    {
      display: block;
      float: right;
      padding: 20px 5px 20px 20px;
      margin: 0;
      color: #000;
      font-size: 110%;
      text-decoration: none;
      background: none;
    }

    div#menu a:hover
    {
      background: #dfedf1 url(/images/_menu.png) no-repeat bottom center;
    }

div#top
{
  width: 960px;
  margin: 0 auto;
  padding: 0;
}

  div#vyhody
  {
    width: 360px;
    height: 315px;
    margin: 0 ;
    padding: 0;
    background:  #fff;
    float: left;
    text-align: left;
    overflow: hidden;
  }

  div#vyhody p
  {
    font-style: italic;
    margin: 0;
    padding: 75px 20px 20px 20px;
    line-height: 184%;
 
  }

  div.topProduktyL
  {
    width: 43px;
    height: 297px;
    float: right;
	position:relative;
  }

  div.topProduktyL:hover
  {
    cursor: pointer;
  }


  div.topProdukty
  {
    width: 500px;
    height: 297px;
    float: right;
    background: #fff url(/images/_topProdukty.png) no-repeat top center;
    overflow: auto;
    text-align: right;
  }
  
	div#topProdukty3
  {
	  text-align: left;  
  }
	div.topProdukty .topProduktDesc{
	    float: left;
    height: 276px;
    overflow: hidden;
    width: 290px;
	}
	.clear{
		clear: both;
		height:0px;
		line-height: 0px;
		display: block;
	}
	
    div.topProdukty h2
    {
      font-style: italic;
      font-weight: bold;
      font-size: 120%;
      margin: 0;
      padding: 20px 0 10px 0;
      text-align: left;
    }

    div.topProdukty p.puvodne
    {
      font-style: italic;
      font-size: 100%;
      text-align: left;
      margin: 0;
      padding: 5px;
    }

    div.topProdukty p.puvodne span
    {
      text-decoration: line-through;
    }

    div.topProdukty p.usetrite
    {
      font-style: italic;
      color: #779e07;
      font-weight: bold;
      font-size: 140%;
      text-align: left;
      margin: 0;
      padding: 5px;
    }

    div.topProdukty p.nyni
    {
      font-style: italic;
      font-size: 110%;
      margin: 0;
      padding: 5px 5px 15px 5px;
    }

    div.topProdukty p.nyni span
    {
      font-size: 230%;
      font-weight: bold;
    }

  div.topProduktyP
  {
    width: 43px;
    height: 287px;
    float: right;
  }

  div.topProduktyP:hover
  {
    cursor: pointer;
  }

  div.topProdukt
  {
    margin: 0;
    padding: 0;
    width: 500px;
  }

  div.topProduktImg
  {
    width: 180px;
    height: 262px;
    margin: 10px 25px 5px 5px;
    padding: 0;
    float: left;
    overflow: hidden;
  }

  div.fb
  {
    width: 120px;
    text-align: left;
    margin: 20px 0 0 0;
    float: left;
  }

div.topPruh
{
 
  margin: 0 auto 20px auto;
  padding: 0;
}

  div.topOdkazy
  {
    height: 24px;
    float: right;
    margin: 5px 30px 0 15px;
    padding: 0;
    background: transparent url(/images/_topOdkazPozadi.gif) no-repeat scroll center left;
  }

  div.topOdkazy a
  {
    display: block;
    float: left;
    font-size: 90%;
    color: #ff7e1d;
    text-decoration: none;
    width: 24px;
    height: 24px;
    margin: 0 0 0 7px;
    padding: 0;
    background: transparent url(/images/_topOdkaz.gif) no-repeat scroll center center;
  }

  div.topOdkazy a.activeSlide
  {
    color: #fff;
    background: transparent url(/images/_topOdkazAktivni.gif) no-repeat scroll center center;
  }

  div#facebook
  {
    float: right;
  }

div#odkazy
{
  width: 960px;
  height: 100px;
  margin: 0 auto;
 
    padding: 35px 0 50px;
 
 
  clear: both;
}

div#odkazy a {
    background: url("../images/button.jpg") no-repeat scroll left top transparent;
    color: #2B190A;
    display: block;
    float: left;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    height: 52px;
    line-height: 49px;
        margin: 0 9px 0 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    width: 220px;

text-shadow: -1px 1px 0px #ffd7b5;
}


div#odkazy a span {
    left: 12px;
    padding-right: 23px;
    position: relative;
    top: 69px;
	background: url(../images/odkazy-odr.png) no-repeat right top;
}

div#odkazy .catalog{
	background: url(../images/katalog-produktu.jpg) no-repeat;
	display: block;
	height: 109px;
	width: 231px; 
}
div#odkazy .coupon{
    background: url(../images/slevove-kupony.jpg) no-repeat;
	display: block;
	height: 109px;
	width: 231px; 
}
div#odkazy .best{
    background: url("../images/nase-nej.jpg") no-repeat scroll center top transparent;
    display: block;
    height: 116px;
    margin-top: -7px;
    width: 231px;
}
div#odkazy .best span{
   top: 76px;
}
div#odkazy .join{
    background: url(../images/pridej-se-knam.jpg) no-repeat;
	display: block;
	height: 109px;
	width: 231px; 
}


  div#odkazy a:hover
  {
    text-decoration: underline;
	background-position: bottom left;
  }

div#vyhodyVelke
{
  width: 960px;
  margin: 0 auto 20px auto;
  padding: 0;
}

  div#nakupujici
  {
    float: left;
   width: 350px;
    background: #fff url(/images/_nakupujici.png) no-repeat scroll -26px 10px;
    margin: 0;
    padding: 100px 0 20px 0;
    text-align: left;
  }

  div#nakupujici p
  {
    margin: 0;
    padding: 2px 10px 10px 15px;
    font-style: italic;
    font-size: 12px;
    line-height: 150%;
  }
  div#nakupujici img
  {
     margin: 0 20px 10px 0;
  }

  div#majitele
  {
    float: left;
   width: 350px;
    background: #fff url(/images/_majitele.png) no-repeat  -16px  top ;
    margin: 0;
    padding: 100px 0 20px 0;
    text-align: left;
  }

  div#majitele p
  {
    margin: 0;
    padding: 2px 10px 10px 15px;
    font-style: italic;
    font-size: 12px;
    line-height: 150%;
  }
  div#majitele img
  {
     margin: 0 20px 10px 0;
  }

  div#pridejse1
  {
    float: left;
   width: 350px;
    background: #fff url(/images/_vyhody.jpg) no-repeat  0px  top ;
    margin: 0;
    padding: 80px 0 20px 0;
    text-align: left;
  }

  div#pridejse1 p
  {
    margin: 0;
    padding: 2px 10px 10px 15px;
    font-style: italic;
    font-size: 12px;
    line-height: 150%;
  }
  div#pridejse1 img
  {
     margin: 0 20px 10px 0;
  }

  div#pridejse2
  {
    float: left;
   width: 350px;
    background: #fff url(/images/_vyhody.jpg) no-repeat  0px  top ;
    margin: 0;
    padding: 80px 0 20px 0;
    text-align: left;
  }

  div#pridejse2 p
  {
    margin: 0;
    padding: 2px 10px 10px 15px;
    font-style: italic;
    font-size: 12px;
    line-height: 150%;
  }
  div#pridejse2 img
  {
     margin: 0 20px 10px 0;
  }

div#telo
{
  width: 960px;
  margin: 0 auto 10px auto;
  padding: 0;
  text-align: left;
}

div#navigaceZ
{
  width: 9px;
  height: 34px;
  float: left;
  background: #c6dde2 url(/images/_navigaceZ.png) no-repeat scroll center left;
}

div#navigace
{
  height: 34px;
  float: left;
  background-color: #c6dde2;
}

  div#navigace p
  {
    color: #ef4514;
    font-size: 90%;
    margin: 0;
    padding: 7px;
  }

  div#navigace a
  {
    color: #555355;
  }

  div#navigace a:hover
  {
    color: #ef4514;
  }

  div#navigace img
  {
    vertical-align: middle;
  }

div#navigaceK
{
  width: 26px;
  height: 34px;
  float: left;
  margin: 0 10px 0 0;
  background: #c6dde2 url(/images/_navigaceK.png) no-repeat scroll center right;
}

div#obrazek
{
  width: 387px;
  float: left;
  margin: 20px 30px 10px 0;
  padding: 15px 0 25px 0;
  text-align: center;
  background: transparent url(/images/_obrazek.png) no-repeat scroll bottom center;
}

div.obrazekVyp
{
  width: 180px;
  float: left;
  margin: 5px 30px 5px 0;
  padding: 5px 0 15px 0;
  text-align: center;
  background: transparent url(/images/_obrazekVyp.png) no-repeat scroll bottom center;
}

div.obrazekNej
{
  width: 180px;
  float: left;
  margin: 15px 20px 5px 0;
  padding: 5px 0 15px 0;
  text-align: center;
  background: transparent url(/images/_obrazekVyp.png) no-repeat scroll bottom center;
}

div.cisloNej
{
  width: 56px;
  height: 56px;
  float: left;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 2;
}

div.nazevVyp
{
  width: 500px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}

div.nazevNej
{
  width: 240px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}

div.nazevVypAdmin
{
  width: 350px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}

div.nazevVypCely
{
  width: 700px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}

div.cenyVyp
{
  width: 230px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: right;
}

div.cenyNej
{
  width: 240px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}

div#zboziBocni
{
  width: 400px;
  float: right;
  margin: 10px 0 10px 10px;
}

div#spodni
{
  width: 960px;
  margin: 10px auto 10px auto;
  padding: 0;
  background: #fff url(/images/_spodni.png) no-repeat scroll top left;
}

div#spodni img
{
  vertical-align: middle;
  margin-right: 10px;
}

  div#novinky
  {
    width: 360px;
    float: left;
    margin: 25px 0;
    padding: 0;
    text-align: left;
  }

  div.spodniOdkaz
  {
    float: left;
    margin: 20px 15px 0 0;
    padding: 0;
  }

  div.spodniOdkaz p
  {
    font-style: italic;
  }

div#patickaCela
{
  margin: 0 auto;
  padding: 2px;
  background: #e9f2f2 url(/images/_paticka.png) repeat-x top left;
}

  div#paticka
  {
    width: 960px;
    margin: 0 auto;
    padding: 0;
  }

    div#logoSpodni
    {
      float: left;
      margin: 5px 0;
      padding: 0;
      text-align: left;
    }

      div#logoSpodni p
      {
        color: #747176;
        font-size: 90%;
        margin: 5px 0 0 0;
        padding: 0;
        line-height: 160%;
      }

      div#logoSpodni a
      {
        color: #747176;
      }

      div#logoSpodni a:hover
      {
        color: #ef4514;
      }

    div#menuSpodni
    {
      float: left;
      text-align: left;
      margin: 15px 0 5px 0;
      padding: 0;
    }

      div#menuSpodni p
      {
        font-size: 90%;
        margin: 10px 0;
        padding: 0 30px;
      }

      div#menuSpodni a
      {
        color: #000;
      }

      div#menuSpodni a:hover
      {
        color: #ef4514;
      }

    div#menu2Spodni
    {
      float: left;
      text-align: left;
      margin: 15px 0 5px 0;
      padding: 0;
    }

      div#menu2Spodni p
      {
        font-size: 90%;
        margin: 10px 0;
        padding: 0 10px;
        font-style: italic;
      }

      div#menu2Spodni a
      {
        color: #000;
      }

      div#menu2Spodni a:hover
      {
        color: #ef4514;
      }

      div#menu2Spodni img
      {
        vertical-align: middle;
        margin-right: 8px;
      }

    div#facebookSpodni
    {
      float: right;
      background-color: #fff;
      margin: 20px 0;
    }

div#login
{
  margin: 10px 140px;
  padding: 0;
}

  div#login table
  {
    margin: 0 auto;
  }

  div#login table p
  {
    padding: 5px;
    margin: 0;
  }

  div#login input.text
  {
    width: 200px;
    height: 20px;
    _height: 30px;
    border: solid #C0C0C0 1px;
    margin: 4px 0 0 0;
    font-size: 120%;
    padding: 5px;
  }

div#reklama
{
  /*
  visibility: hidden;
  display: none;
  */


  width: 120px;
  height: 620px;
  float: right;
  /* background: #C0C0C0 url(/images/__reklama.png) repeat-y top left; */
  margin: 10px;
  padding: 0;
}

div#obchod
{
  width: 100%;
  height: 20px;
  text-align: left;
}

div#obchodinfo
{
  visibility: hidden;
  background-color: #fff;
  z-index: 0;
  position: relative;
  left: 20px;
  top: -15px;
  margin: 0;
  border: solid #E9E9E9 4px;
  padding: 1px;
  text-align: left;
}

div#obchod:hover div#obchodinfo
{
  visibility: visible;
}
div#obchodinfo:hover
{
  visibility: visible;
}

  div#obchodinfo p
  {
    padding: 7px 20px;
    margin: 0;
    font-size: 90%;
  }

  div#obchodinfo h2
  {
    padding: 7px 20px;
    margin: 0;
    font-size: 110%;
  }

  div#obchodinfo table
  {
    padding: 0;
    margin: 0;
  }

  div#obchodinfo td
  {
    vertical-align: text-top;
    padding: 0;
    margin: 0;
  }

  div#obchodinfo table p
  {
    padding: 7px 20px;
    margin: 0;
    font-size: 90%;
  }

div.slevaNej
{
  width: 58px;
  height: 58px;
  margin: 0;
  padding: 0;
  z-index: 1;
  float: left;
  position: relative;
  bottom: -5px;
  left: 60px;
  background: transparent url(/images/sleva.png) no-repeat scroll top left;
}

div.slevaNej p.sleva
{
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  margin: 10px 0 0 0;
  padding: 0;
}


/* img ********************************************************************** */

img
{
  border-width: 0;
}

img#plus
{
  width: 14px;
  height: 14px;
  vertical-align: middle;
}

img#ilogo
{
  width: 212px;
  height: 136px;
  margin: 20px 3px 10px 3px;
}

img#ipridat
{
  width: 188px;
  height: 39px;
  margin: 30px 3px 10px 3px;
}

img.ipridatdole
{
  width: 188px;
  height: 39px;
  margin: 30px 30px 5px 3px;
  float: right;
}

img#itop
{
  width: 188px;
  height: 40px;
  margin: 5px 3px 10px 20px;
}

img.itopprodukt
{
  float: left;
  width: 180px;
  height: auto;
  margin: 0 0 5px 0;
}

img.icislo
{
  width: 56px;
  height: 56px;
  margin: 0;
  z-index: 1;
  float: left;
  position: relative;
  top: -15px;
  left: -5px;
}

img.koupit
{
  width: 138px;
  height: 40px;
  margin: 5px;
  padding: 0;
}

img.koupitMale
{
  width: 94px;
  height: 28px;
  margin: 5px;
  padding: 0;
}

img.koupitMaleNej
{
  width: 94px;
  height: 28px;
  margin: 5px;
  padding: 0;
  float: right;
}

img.obchodLogoAdmin
{
  width: 120px;
  height: auto;
  margin: 10px 20px 10px 10px;
  float: left;
}

img#zboziVelke
{
  width: 200px;
  height: auto;
  margin: 5px;
}

img.zboziVyp
{
  width: 120px;
  height: auto;
  margin: 5px;
}

img.zboziNej
{
  width: 120px;
  height: auto;
  margin: 0;
  z-index: 0;
  position: relative;
  top: 5px;
  left: -30px;
}

img.ikonka
{
  width: 88px;
  height: 31px;
  margin: 10px;
  float: right;
  vertical-align: middle;
}


/* _div ********************************************************************** */

div.mezera
{
  clear: both;
  width: 100%;
  height: 0;
  margin: -16px 0 0 0;
  padding: 0;
}

div.velkaMezera
{
  width: 2px;
  height: 150px;
  margin: 0;
  padding: 0;
  
}

div.cara
{
  background: transparent url(/images/_cara.gif) repeat-x scroll top left;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 2px;
}

div.zbozi
{
  width: 100%;
  float: left;
  margin: 10px;
  padding: 10px 0;
  background: transparent url(/images/_cara.gif) repeat-x scroll top left;
}
.zbozi.first{
	background: none;
}
  div.zbozi h2
  {
    font-size: 100%;
    font-weight: bold;
    font-style: italic;
    margin: 10px;
    padding: 0;
  }

  div.zbozi h3
  {
    font-size: 100%;
    font-weight: bold;
    font-style: italic;
    margin: 10px;
    padding: 0;
  }

  div.zbozi p
  {
    font-style: italic;
    font-size: 90%;
    line-height: 150%;
    margin: 5px;
    padding: 0;
  }

  div.zbozi p.puvodneVyp
  {
    font-style: italic;
    font-size: 110%;
    margin: 0;
    padding: 15px 5px 0 5px;
  }

  div.zbozi p.puvodneVyp span
  {
    text-decoration: line-through;
  }

  div.zbozi p.nyniVyp
  {
    font-style: italic;
    font-size: 110%;
    margin: 0;
    padding: 5px 5px 10px 5px;
  }

  div.zbozi p.nyniVyp span
  {
    font-size: 210%;
    font-weight: bold;
  }

  div.zbozi p.puvodneNej
  {
    font-style: italic;
    font-size: 90%;
    margin: 0;
    padding: 15px 5px 0 5px;
  }

  div.zbozi p.puvodneNej span
  {
    text-decoration: line-through;
  }

  div.zbozi p.nyniNej
  {
    font-style: italic;
    font-size: 90%;
    margin: 0;
    padding: 5px 5px 10px 5px;
  }

  div.zbozi p.nyniNej span
  {
    font-size: 160%;
    font-weight: bold;
  }

div.nejkat
{
  width: 440px;
  float: left;
  margin: 0 40px 0 0;
  padding: 0;
}

div.prednostni
{
  width: 90%;
  border: solid #E8F5F8 8px;
  margin: 10px;
  padding: 20px;
  background-color: #D9EFF6;
}


/* p, h1 - h6 *************************************************************** */

h1
{
  font-size: 170%;
  font-weight: normal;
  margin: 0;
  padding: 25px 10px 15px 10px;
}

h1.sleva
{
  font-size: 140%;
  font-weight: normal;
  margin: 0;
  padding: 25px 10px 15px 10px;
}

h2
{
  font-size: 120%;
  font-weight: bold;
  margin: 0;
  padding: 15px 10px 10px 10px;
  color: #ef4514;
}

h3
{
  font-size: 110%;
  font-weight: bold;
  margin: 0;
  padding: 15px 10px 10px 10px;
  color: #000;
}

h4
{
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 5px 10px;
  color: #000;
}

p
{
  font-size: 90%;
  margin: 5px;
  padding: 0;
}

p.chyba
{
  display: block;
  width: 100%;
  border: dotted red 1px;
  color: red;
  background-color: #F4E3E0;
  padding: 15px 0;
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 110%;
}

p.ok
{
  display: block;
  width: 100%;
  border: dotted green 1px;
  color: green;
  background-color: #E3F5D6;
  padding: 15px 0;
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 110%;
}

p.stred
{
  text-align: center;
}

p.pravy
{
  text-align: right;
}

p.help
{
  font-size: 70%;
  margin: 0;
  padding: 0;
  font-style: italic;
}

p.puvodneDet
{
  font-style: italic;
  font-size: 100%;
  text-align: right;
  margin: 0;
  padding: 1px;
}

p.puvodneDet span
{
  text-decoration: line-through;
}

p.usetriteDet
{
  font-style: italic;
  color: #779e07;
  font-weight: bold;
  font-size: 140%;
  text-align: right;
  margin: 0;
  padding: 1px;
}

p.nyniDet
{
  font-style: italic;
  font-size: 110%;
  text-align: right;
  margin: 0;
  padding: 1px;
}

p.nyniDet span
{
  font-size: 230%;
  font-weight: bold;
}

p.pagination
{
  text-align: center;
}

/* table ******************************************************************** */

table#zboziCeny
{
  margin: 15px 0 10px 0;
  float: right;
}

table#zboziCeny td
{
  padding: 0 0 0 30px;
  text-align: right;
  vertical-align: middle;
}




/* input ******************************************************************** */

input.buttonOK
{
  background: url(/images/_button.png);
  color: #fff;
  width: 88px;
  height: 30px;
  border-width: 0;
  font: bold italic 90% Georgia,serif;
  padding: 0;
  margin: 0;
}

input.buttonOK:hover
{
  cursor: pointer;
}

input.button
{
  background: url(/images/_button2.png);
  color: #fff;
  width: 120px;
  height: 30px;
  border-width: 0;
  font: bold italic 90% Georgia,serif;
  padding: 0 0 3px 0;
  margin: 10px 5px 0 5px;
  float: right;
}

input.nbutton
{
  background: url(/images/_button2.png);
  color: #fff;
  width: 120px;
  height: 30px;
  border-width: 0;
  font: bold italic 90% Georgia,serif;
  padding: 0 0 3px 0;
  margin: 0 5px 0 5px;
}

input.button:hover
{
  cursor: pointer;
}

input.nbutton:hover
{
  cursor: pointer;
}

select.text
{
  width: 312px;
  border: solid #C0C0C0 1px;
  margin: 2px 0;
  font-size: 90%;
  padding: 5px 5px 3px 5px;
}

input.text
{
  width: 300px;
  height: 15px;
  _height: 27px;
  border: solid #C0C0C0 1px;
  margin: 2px 0;
  font-size: 90%;
  padding: 5px;
}

input.texthledani
{
  width: 150px;
  height: 15px;
  _height: 27px;
  border: solid #C0C0C0 1px;
  margin: 0;
  font-size: 90%;
  padding: 5px;
}

input.doporuceni
{
  width: 200px;
  height: 15px;
  _height: 27px;
  border: solid #C0C0C0 1px;
  margin: 2px 0;
  font-size: 90%;
  padding: 5px;
}

input.mail
{
  width: 150px;
  height: 15px;
  _height: 27px;
  border: solid #C0C0C0 1px;
  margin: 0;
  font-size: 90%;
  padding: 5px;
}

input.mailing
{
  background: url(/images/_button.png);
  color: #fff;
  width: 88px;
  height: 30px;
  border-width: 0;
  font: bold italic 80% Georgia,serif;
  float: right;
  padding: 0 0 1px 0;
  margin: 3px 0 0 5px;
}

input.mailing:hover
{
  cursor: pointer;
}

select.textmaly
{
  width: 65px;
  border: solid #C0C0C0 1px;
  margin: 2px 0;
  font-size: 90%;
  padding: 5px;
}

textarea
{
  border: solid #C0C0C0 1px;
  margin: 2px 0;
  font-size: 90%;
  padding: 5px;
  font-family: Arial, sans-serif;
}

textarea.doporuceni
{
  width: 200px;
  height: 50px;
}



/* ostatní ****************************************************************** */

.noprint
{
}

.nodisplay
{
  visibility: hidden;
  display: none;
}


/* styly pro zobrazení menu po najetí na položku v administraci ************* */

div.zboziadmin
{
  width: 98%;
  float: left;
  margin: 10px;
  padding: 10px 0;
  background: transparent url(/images/_cara.gif) repeat-x scroll top left;
}

  div.zboziadmin h2
  {
    font-size: 100%;
    font-weight: bold;
    font-style: italic;
    margin: 10px;
    padding: 0;
  }

  div.zboziadmin p
  {
    font-style: italic;
    font-size: 90%;
    line-height: 150%;
    margin: 5px;
    padding: 0;
  }

  div.zboziadmin p.puvodneVyp
  {
    font-style: italic;
    font-size: 110%;
    margin: 0;
    padding: 15px 5px 0 5px;
  }

  div.zboziadmin p.puvodneVyp span
  {
    text-decoration: line-through;
  }

  div.zboziadmin p.nyniVyp
  {
    font-style: italic;
    font-size: 110%;
    margin: 0;
    padding: 5px 5px 10px 5px;
  }

  div.zboziadmin p.nyniVyp span
  {
    font-size: 210%;
    font-weight: bold;
  }

div.zboziovl
{
  position: relative;
  top: 0;
  left: 0;
  float: right;
  visibility: hidden;
  _visibility: visible;
  text-align: right;
  font-size: 80%;
  background-color: #fff;
}

div.zboziovl span
{
  font-size: 80%;
  font-style: italic;
}

div.zboziovl a
{
  font-weight: bold;
}

div.zboziadmin:hover div.zboziovl
{
  visibility: visible;
}

div.html
{
  width: 99%;
}

div.htmlovl
{
  position: relative;
  top: 0;
  left: 0;
  float: right;
  visibility: hidden;
  _visibility: visible;
  text-align: right;
  font-size: 80%;
}

div.htmlovl span
{
  font-size: 80%;
  font-style: italic;
}

div.htmlovl a
{
  font-weight: bold;
}

div.html:hover div.htmlovl
{
  visibility: visible;
}


/* hodnocení zatím zakázáno
div.hodnoceni
{
  float: left;
  width: 220px;
  margin: 10px;
  padding: 10px;
  border: dotted #D5D5D5 1px;
}
*/

/* div v administraci */

div.admin
{
  border: solid #E9E9E9 4px;
  padding: 1px;
  width: 100%;
  margin: 0 auto 20px auto;
}

  div.admin p
  {
    padding: 7px 20px;
    margin: 0;
    font-size: 90%;
  }

  div.admin h2 
  {
    padding: 7px 20px;
    margin: 0;
    font-size: 110%;
  }

  div.admin table
  {
    width: 95%;
    padding: 0;
    margin: 0;
  }

  div.admin td
  {
    width: 50%;
    vertical-align: text-top;
    padding: 0;
    margin: 0;
  }

  div.admin table p
  {
    padding: 7px 20px;
    margin: 0;
    font-size: 90%;
  }

div.adminHlavicka
{
  width: 100%;
  background: #fff url(/images/pozadi_admin.png) repeat-x top left;
}
  div.adminHlavicka p
  {
    padding: 10px 10px 25px 10px;
    margin: 0;
    font-size: 100%;
  }

  div.adminHlavicka a.tlac
  {
    display: block;
    width: 115px;
    height: 20px;
    color: #fff;
    background: #fff url(/images/pozadi_tlacitko.png) no-repeat top left;
    margin: 6px 5px 20px 5px;
    padding: 5px 0 0 0;
    _padding: 5px 0 6px 0;
    text-decoration: none;
    text-align: center;
    font-size: 75%;
    float: right;
  }

  div.adminHlavicka a.tlac:hover
  {
    text-decoration: underline;
  }

/* ul li ******************************************************************** */

ul li
{
  text-align: left;
  padding: 5px 2px;
  margin: 0 10px;
  font-size: 90%;
}

/* span ********************************************************************* */

span.titulek
{
  color: #0089BD;
  font-weight: bold;
}

span.popis
{
  font-size: 80%;
}

span.odkaz
{
  font-size: 80%;
  font-weight: normal;
}

/* a ************************************************************************ */

a
{
  color: #ea6c0d;
  text-decoration: underline;
}

a:hover
{
  color: #0092C5;
}

/* table ******************************************************************** */

table
{
  margin: 0 auto;
  text-align: left;
}

td
{
  vertical-align: middle;
}

td.pravy
{
  text-align: right;
}











img.obchodLogoEdit {
  width: 80px;
  height: auto;
  margin: 10px;
  vertical-align: middle;
}
img.letakLogoAdmin {
  width: 80px;
  height: auto;
  margin: 10px;
  float: right;
}
img.letakLogoEdit {
  width: 80px;
  height: auto;
  margin: 10px;
  vertical-align: middle;
}

.ui-tabs{
	    float: right;
    padding: 0;
    position: relative;
    width: 600px;
	overflow: hidden;
	    margin-right: -13px;
}

.ui-tabs .ui-tabs-panel{
padding: 0;
  clear: both;
}

.topProductTabs .ui-tabs-nav{
    margin-left: 37px;
}

.ui-tabs .ui-state-default{
 background: #fcfdfd  url(../images/tab-li.png) repeat-x bottom;
     margin-right: 6px;
}
.ui-tabs .ui-state-default h1{
	padding: 0;
}
.ui-tabs .ui-state-active{
background: #fff;
    margin-right: 6px;
}
.ui-state-active a{
	color: #000!important;
	font-size: 16px;
	
}
.ui-state-default a{
	font-size: 16px;
		color:#617073;
}


#tabs2{
    float: none;
    margin: 0 auto;
    width: 960px;
}

#tabs2 .ui-tabs-nav {
	margin-left:0;
	    height: 38px;
		background: url(../images/tab2bg.jpg) repeat-x bottom;
		padding: 0;
}

#tabs23  .nazevVyp{
	  width: 735px;
}
#tabs2 .ui-tabs-nav li{
	border: 1px solid #d4dee0;
	border-bottom:none;
	   height: 35px;
}


#vyhodyWrap{
	background: url(../images/vyhody-shade.png) no-repeat bottom left;
	padding-bottom: 20px;
	float:left;
}


.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 9px 25px 7px;
    text-decoration: none;
}
div#aa5 div a { font-weight: bold; color: #0059b3; line-height: 15px; }
div#aa5 div p { padding: 0px; margin: 0px; color: #000000; line-height: 15px; }
div#aa5 div { margin: 0.3em 0.1em 0 0.6em; overflow: hidden; width: 137px; height: 90px; float: left; }
div#aa5 { border: 1px solid #999999; background-color: #FFFFFF; font-family: Arial; font-size: 12px; overflow: hidden; width: 728px; height: 90px; }