/*zakladni elementy*/
body {
    margin: 0;
    padding: 0;
    font-size: 9pt; /*odpovida 12px*/
    font-family: 'Arial CE', 'Helvetica CE',Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6{
    margin-top: 25px;
    margin-bottom: 15px;
    color: #EC2227;
}
h1,h2,h3,h4,h5,h6,p{
    margin-left: 8px;
}
p{
    margin-bottom: 0px;
    margin-top: 15px;
}
h1 {
    color: black;
    font-size: 14pt;/*odpovida 18px*/
}
h2{
    font-size: 13.5pt;/*odpovida 18px*/
}
h3 {
    font-size: 13.5pt;
}
h4 {
    font-size: 13pt;
}
h5 {
    font-size: 12pt;
}
h6 {
    font-size: 11pt;
}
a{
    color: #EC2227;
    font-weight: bold;
    text-decoration: none;
}
a img{
    border: none;
}
a:hover{
    text-decoration: underline;
}
div{
    float:left;
}
input, select{
    font-weight: bold;
    font-size: 9pt;
    padding-left: 8px;
    color: black;
    width: 160px;
}
 select{
     width: 174px;
 }
label{
    display: block;
    float: left;
    width: 120px;
}
.cleaner{
    clear: both;
}
.hidden{
    display: none;
}
.show{
    display: block;
}
.small{
    font-size: 8pt;
}
.right{
    text-align: right;
}
.leftFloating{
    float:left !important;
}
.mistake{
    color: red;
}
.black{
    color: black;
}
.other{
    color:#6C7482;
}
.blue{
    color:#29ABE2;
}
.green{
    color: #07B258;
}
.yellow{
    color: #d4be00;
}
.purple{
    color: #6B2A7E;
}
.orange{
    color: #F78F20;
}
.red{
    color: #EC2227;
}
.bronze{
    color: #9A8B7C;
}
.gold{
    color: #A79766;
}
.tinktura{
    color: #C8D000;
}
.intim{
    color: #FC9F98;
}
.spray{
    color: #7E7E81;
}
.derma{
    color: #C84B3C;
}
/* obecne kontejnery */
#page{
    /* width: 1200px;*/
    margin-top: 20px;
    width: 986px;
}

/* header - logo, navigation, kosik  */
#header{
    padding-bottom: 3px;
    width: 100%;
}
#logoContainer{
    margin-left: 20px;
}
#logoContainer a{
    display: block;
    width: 140px;
    height: 54px;
    background: url('/design/logo.png') center no-repeat;
}
#logoContainer h1{
    margin: 0;
}
#logoContainer a span{
    display: none;
}
#navigationContainer{
    width: 670px;
    height: 26px;
    margin-left: 20px;
    margin-right: 20px;
}
#navigationContainer ul{
    list-style-type: none;
    margin: 0px;
    margin-left:-40px;
}
#navigationContainer ul li{
    float: left;
}
#navigationContainer ul li a, #kosik a,#basket a , #close, .ovladani{
    display: block;
    width: 110px;
    height: 26px;
    margin-right: 2px;
    background: #E6E7E7;
    color: black;
    font-weight: bold;
    text-decoration: none;
    float: left;
}
#ovladaniLong{
  width: 140px !important;
}

#navigationContainer ul li a.last{
    margin-right: 0px;
}
#navigationContainer ul li a.active, #navigationContainer ul li a:hover,#basket a:hover{
    background: url('/design/menu-hover.png') center no-repeat !important;
    color: black;
}
#ovladaniLong:hover{
    background: url('/design/produkty-hover.png') center no-repeat !important;
}
#navigationContainer ul li a span , #kosik a span , #close span, #basket a span, .ovladani span{
    display: block;
    margin-top: 5px;
    margin-left: 8px;
}
#kosik a, #close, .ovladani{
    margin-right: 0px;
    width: 116px;
}

#close, .ovladani{
    margin-right: 2px;
}

#kosik a.active, #kosik a:hover,#close:hover,.ovladani:hover{
    background: url('/design/kosik-hover.png') center no-repeat !important;
    text-decoration: none;
    cursor: pointer;
}

/* langs */
#langs{
    width: 825px;
    height: 28px;
}
#langs ul{
    list-style-type: none;
    margin: 0px;
    margin-top:4px;
}
#langs ul li{
    float: right;
    margin: 0px;
}
#langs ul li a{
    margin-right: 5px;
    font-weight: bold;
    text-decoration: none;
    float: left;
    color: #ccc;
    display: block;
    min-width: 25px;
    height: 17px;
}
#langs .activeLang{
    color: black;
}
#langs ul li a span{
    display: none;
}

#lang-cs{
    background: url('/design/flags/flag_cz.gif') center no-repeat;
}
#lang-cs.activeLang{
    background: url('/design/flags/flag_cz.gif') center no-repeat;
}
#lang-de{
    background: url('/design/flags/flag_de.gif') center no-repeat;
}
#lang-de.activeLang{
    background: url('/design/flags/flag_de.gif') center no-repeat;
}
#lang-sk{
    background: url('/design/flags/flag_sk.gif') center no-repeat;
}
#lang-sk.activeLang{
    background: url('/design/flags/flag_sk.gif') center no-repeat;
}
#lang-en{
    background: url('/design/flags/flag_en.gif') center no-repeat;
}
#lang-en.activeLang{
    background: url('/design/flags/flag_en.gif') center no-repeat;
}
#lang-ru{
    background: url('/design/flags/flag_ru.gif') center no-repeat;
}
#lang-ru.activeLang{
    background: url('/design/flags/flag_ru.gif') center no-repeat;
}
#lang-es{
    background: url('/design/flags/flag_es.gif') center no-repeat;
}
#lang-es.activeLang{
    background: url('/design/flags/flag_es.gif') center no-repeat;
}
#lang-it{
    background: url('/design/flags/flag_it.gif') center no-repeat;
}
#lang-it.activeLang{
    background: url('/design/flags/flag_it.gif') center no-repeat;
}
#lang-lt{
    background: url('/design/flags/flag_lt.gif') center no-repeat;
}

#lang-lt.activeLang{
    background: url('/design/flags/flag_lt.gif') center no-repeat;
}

/* content */
#contentContainer{
    width: 670px;
    margin-left: 180px;
    margin-top: 32px;
    margin-bottom: 20px;
}
#contentContainer.contentHome{
    width: 805px;
    margin-top: 0px;
}
#content1, .content1, #content{
    width: 470px;
}
.contentHome #content1{
    width: 555px;
}
#content2, .content2{
    margin-left:20px;
    width: 180px;
}
.contentHome #content2{
    width: 230px
}
#content2 .news, #content2 p{
    width: 100%;
}
#content3,#content4{
    width: 325px;
}
#content4{
    margin-left: 0px;
}
/* produkty */
#produkty{
    /*border-top: 3px solid #EC2227;*/
    margin-top: 10px;
    width: 100%;
}
#produkty div.produkt{
    float: left;
    border-bottom: 2px solid #EC2227;
    padding: 10px;
    width: 650px;
}
#produkty .prostredni{
    float: left;
    width: 160px !important;
}
#produkty .image{
    float: right;
    margin-top: -40px;
}
#produkty h3 {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 400px;
}
#produkty p{
    margin-top: 0;
    margin-bottom: 5px;
}
#produkty .cena{
    font-weight: bold;
    font-size: 14pt;
}
#produkty .popisKratky{
    width: 240px;
    margin-right: 15px;
}
#produkty .control{
    margin-bottom: 20px;
}
#produkty .control label{
    width: 90px;
    font-weight: bold;
    padding-top: 2px;
}
#produkty .control select{
    width: 50px;
    margin-bottom: 5px;
}
#produkty .popisDlouhy{
    display: none;
}
#produkty a{
    color: white;
    display: block;
    height: 26px;
    width: 140px;
    margin-top: 1px;
}
#produkty a:hover{
    color:black;
    text-decoration: none;
    background: url('/design/produkty-hover.png') center no-repeat !important;
}
.delsi{
     width: 200px !important;
}
#produkty a span{
    float:left;
    display: block;
    margin-top: 5px;
    margin-left: 8px;
    cursor: pointer;
}
#produkty a,  #basket a{
    background: black;
}
#produkty a.other, #basket a.other, .dotaz span.other{
    background: #75839A;
}
#produkty a.blue, #basket a.blue, .dotaz span.blue{
    background: #29ABE2;
}
#produkty a.green,  #basket a.green, .dotaz span.green{
    background: #07B258;
}
#produkty a.yellow,  #basket a.yellow, .dotaz span.yellow{
    background: #d4be00;
}

#produkty a.purple,  #basket a.purple, .dotaz span.purple{
    background: #6B2A7E;
}
#produkty a.orange,  #basket a.orange, .dotaz span.orange{
    background: #F78F20;
}
#produkty a.red,  #basket a.red, .dotaz span.red{
    background: #EC2227;
}
#produkty a.bronze,  #basket a.bronze, .dotaz span.bronze{
    background: #9A8B7C;
}
#produkty a.gold,  #basket a.gold, .dotaz span.gold{
    background: #A79766;
}
#produkty a.tinktura,  #basket a.tinktura, .dotaz span.tinktura{
    background: #C8D000;
}
#produkty a.intim,  #basket a.intim, .dotaz span.intim{
    background: #FC9F98;
}
#produkty a.spray,  #basket a.spray, .dotaz span.spray{
    background: #7E7E81;
}
#produkty a.derma,  #basket a.derma, .dotaz span.derma{
    background: #C84B3C;
}

/* zmeny ke kategoriím */
#produkty h2{
    background: #EC2227;
    cursor: pointer;
    color: white;
    padding: 5px 10px;
    width: 650px;
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
    margin-left: 0;
}
#produkty .kategorie-1{
    background: #CCB135;
    /*background: #9F56FB;  */
}
#produkty .kategorie-3{
    background: #7CB61C;
}
#produkty .kategorie-4{
    background: #999;
}
#produkty .kategorie-5{
    background: #0c8645;
}
#produkty .kategorie-6{
    background: #FF4604;
}
#rozcestnik {
    margin-top: 10px;
}
#rozcestnik a{
    display: block;
    float: left;
    height: 113px;
    text-decoration: none;
    width: 223px;
}
#rozcestnik a span{
    display: none;
    margin-top: 72px;
    font-weight: bolder;
    text-align: center;
    font-size: 15pt;
    color: #a3cd09;
}
#rozcestnik a#rozcesnik-kategorie-1{
    background: url("/design/rozcesnikAkce.jpg") center no-repeat;
}
#rozcestnik a#rozcesnik-kategorie-2{
    background: url("/design/rozcesnikEfffi.jpg") center no-repeat;
}
#rozcestnik a#rozcesnik-kategorie-3{
    background: url("/design/rozcesnikAlli.jpg") center no-repeat;
}
#rozcestnik a#rozcesnik-kategorie-4{
    background: url("/design/rozcesnikCidetex.jpg") center no-repeat;
}
#rozcestnik a#rozcesnik-kategorie-5{
    background: url("/design/rozcesnikAlltroz.jpg") center no-repeat;
}
#rozcestnik a#rozcesnik-kategorie-6{
    background: url("/design/rozcesnikGelacide.jpg") center no-repeat;
}
#rozcestnik a#rozcesnik-kategorie-4 span, #rozcestnik a#rozcesnik-kategorie-5 span, #rozcestnik a#rozcesnik-kategorie-6 span{
    display: block;
}
/* basket */
#basket a{
    color: white;
    font-size: 9pt;
}
#basket table{
    width: 100%;
    font-size: 1.1em;
}
#basket thead,#basket tfoot{
    font-size: 1.15em;
}

#basket tfoot td{
   padding-top:20px !important;
}
#basket table td{
    padding:0 10px;
    height: 26px;
}
#basket .nazev{
    width: 150px;
}
#basket .cena,#basket .pocetZaPolozku,#basket .cenaZaPolozku{
    text-align: right;
    padding: 0 20px;
}
#basket .pocetZaPolozku{

}
#basket .cenaZaPolozku{

}
.checks label{
    width: 260px;
}
.checks input{
    width: 30px;
}
.checks a{
 text-decoration: underline;
}
#zprava input{
    width: 40px;
}
/* confirm dialog */
#confirm, #confirmShadow {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
}
#confirmDiv{
    position: absolute;
    border: 1px solid black;
    padding: 10px;
    background: white;
    margin-left: 370px;
    top: 0px;
    left: 0px;
    max-width: 410px;
    z-index: 100;
}
#confirmShadow{
    background: #eee;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#confirm h6, #confirm h3{
    margin: 0;
    margin-bottom: 10px;
}
#confirm .control{
    margin-top: 10px;
    clear: both;
}

/* partneri */
#partneri {
    text-align: center;
}
#partneri td{
    width: 160px;
    padding-top: 20px;
}
#partneri span{
    display: block;
}
#partneri a:hover span{
    text-decoration: underline;
}
/* poradna */
.poradnaKategorie{
    width: 200px;
    margin-right: 20px;
    text-align: center;
    overflow: hidden;
}
.poradnaKategorie a:hover{
    text-decoration: none;
}
.dotaz{
  width: 100%;
}
.dotaz h5{
    margin-bottom: 0;
    font-size: 11pt;
}
.dotaz h5:hover{
    text-decoration: underline;
    cursor: pointer;
}
.dotaz h5 span{
    display: block;
    float: left;
}
.dotaz h5 span.dotazSpan{
    width: 435px;
}
.sipka{
    width: 17px;
    height: 17px;
    margin-right: 10px;
}
.sipka span{
    width: 100%;
    height: 100%;
    background: url('/design/poradna-sipka-sbaleno.png') center no-repeat;
}
.sipka .rozbaleno {
    background: url('/design/poradna-sipka-rozbaleno.png') center no-repeat !important;
}
/* lekarny - efffi points */
#filtrContainer{
    margin-bottom: 20px;
}

#lekarny {
    width: 100%;
}
#lekarny table{
    margin-left: 5px;
}
#lekarny .content4{
    margin-left: 20px;
}
#lekarny table td, th{
    padding: 3px 5px;

     border: 1px solid black;
     border-right: none;
     border-top: none;
}
#lekarny table th{
    background: #E6E7E7;
    border-top: 1px solid black;
}
#lekarny .href{
    border-right: 1px solid black;
}

/* aktuality */
#aktuality{
    width: 100%;
}
#aktuality .news{
    border-bottom: 1px solid #E6E7E7;
    padding-bottom: 10px;
}
.news h3 a{
    text-decoration: underline;
}
.news h3{
    font-size: 11pt;
}

/*rightBanner*/
#rightBanner{
  width: 116px;
  margin-left: 20px;
  text-align: center;
  float: right;
}
#rightBanner p{
    margin-left: 0;
}
/* others */
#facebook a{
    display: block;
    width: 116px;
    height: 36px;
    background: url('/design/facebook.jpg') center no-repeat;

    margin-top: 3px;
}
.paging{
    width: 100%;
    padding-top: 20px;
    text-align: center;
}
.paging .active{
    color: black;
}
#lightbox, #lightbox .div, #outerImageContainer, #imageDataContainer{
    float: none !important;
}
#lightbox #numberDisplay{
    display: none !important;
}
#overlay{
    background: #eee !important;
    opacity: 0.5  !important;
    filter: alpha(opacity=50)  !important;
}

/* vyhledavani */
#searchbox{
    margin-bottom: 20px;
}
#searchbox input{
    height: 20px;
    margin-right: 20px;
    width: 300px;
    float: left;
}
#searchbox a {
    float: left;
}
#search a{
    display: block;
    text-align: right;
}
#search p{
    margin-top: 0;
}

#search, #facebook, .ovladani{
    float: right;
}
#search input{
    width: 108px;
    height: 26px;
    border: none;
    padding-top: 5px;
    background: url('/design/input-short.png') center no-repeat;
}
#loginShowAlli{
    width: 100%;
    float: left;
}

#fbLikeButton{
    position: absolute;
    left: 180px;
    top: 85px;
}
.fbLikeButtonProducts{
    margin-bottom: 10px;
}
#leftBanner{
  position: absolute;
  top: 120px;
  left: 20px;
  width: 140px;
  font-size: 10pt;
  text-align: center;
}
#leftBanner #novinkyHome{
    text-align: left;
    width: 140px;
    margin-bottom: 60px;
}
#leftBanner #novinkyHome h3{
    font-size: 11pt;
}
#leftBanner p, #rightBanner p{
    margin-top: 25px;
}
#leftBanner p:first-child{
    margin-top: 0;
}
#eshopCrumbs{
    width: 100%;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.fb-like-box{
    margin-top: 25px;
    margin-left: 10px;
}