body {
    background: url("./images/abg.png") repeat-x scroll 0 0 #ffffff;
    font-family: arial, tahoma, verdana, sans-serif;
    margin: 0px;
	padding: 0px;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;
/* Firefox, other Gecko */
    font-size: 13px;
    
}

a {color:#7ea49b;}
.phone,.email {
    background-repeat:no-repeat;
    background-position: 0 50%;
    padding:0 0 0 20px;
}
.phone {background-image:url('./images/ico-phone16.png');}
.email {background-image:url('./images/ico-email16.png');}

#page {
    width:1024px;
    margin: 0 auto;
    background-color:transparent;
}
#top {
    background:none;
    height:130px;
    position:relative;
    margin:0 10px;
}

#quickcontact{
    background:linear-gradient(to right,#fff,#bb0000);

    height:20px;
    position:absolute;
    bottom:0;
    right:0;
   /* width:280px;*/
    padding:5px 10px;
    text-align: right;
}

#topText {
    background: transparent url('images/topText.png') 0 0 no-repeat;
    width:500px;
    height:50px;
    position:absolute;
    top:70px;
    left:115px;
    padding:0;
    text-align:right;
}

.cartTopImage {
    float: left;
    display:block; 
    height:86px; 
    text-decoration:none; 
    width:88px; 
    background: transparent url('images/cart88.png') 0 0 no-repeat;
}
#navigation {
    clear:both;
    background-color:#505150;
    height:30px;
    padding:0px;
    margin:0 10px;
}

.submenuZnacka, .submenuRady, .submenuMedia
, .submenuPrihlaseni 
{
    display:none; 
    position:absolute; 
    top:30px; 
    width:200px;
    border:2px solid #ebebeb;
    border-top:0px;
    background-color:white;
    color:black;
	z-index:10;
}

.submenuPrihlaseni {display:block;right:0px;background-color:white;width:182px;border-color:#505150;border-width:1px;height:151px;}
.submenuZnacka, .submenuRady, .submenuMedia {left:0; }

.LoginFormOnSite {margin-top: 10px;padding:10px;}
.LoginFormOnSite a {padding:3px;display:block;text-decoration:none;}

#navigation .submenuPrihlaseni ul li, 
#navigation .submenuZnacka ul li, 
#navigation .submenuRady ul li, 
#navigation .submenuMedia ul li {
    display:block;
    float:none;
    background: none;
	
}

#navigation a.prihlaseni.person {
    padding: 5px 10px;
    display:block;
    height:20px;
}

#navigation a.prihlaseni.person:before {
    content: url('images/ico-person15.png');
    position:relative;
    top:3px;
    left:-3px;
}

#navigation li.znacka:hover .submenuZnacka,
#navigation li.rady:hover .submenuRady,
#navigation li.media:hover .submenuMedia
{
    display:block;
}


#navigation .submenuPrihlaseni a,
#navigation .submenuZnacka ul li a,
#navigation .submenuRady ul li a,
#navigation .submenuMedia ul li a
{
    background:transparent;
    padding: 6px 12px;
    color: #666;
    display:block;
}

#navigation .submenuPrihlaseni a, #navigation .submenuPrihlaseni p {
    padding: 2px;
}

#navigation .submenuPrihlaseni ul li a:hover, 
#navigation .submenuZnacka ul li a:hover, 
#navigation .submenuRady ul li a:hover, 
#navigation .submenuMedia ul li a:hover
{
    background-color: #ebebeb;
}

#footer ul, #navigation ul { margin:0px; padding:0px; list-style: none;}
#footer ul li a, #navigation ul li a { display:block; color:#fff; text-decoration:none;padding: 6px 20px 7px 20px;height:19px;font-size:13px;}
#navigation ul li:hover { background-color: #a7a8aa; background-image:none;}
#footer ul li, #navigation ul li { 
    display:inline; 
    float:left;
    padding:0; 
    margin:0px 0 0 -1px;
    background: transparent url('images/menuitem_line.png') 100% 2px no-repeat;
    position:relative;
	z-index:20;
top:0px;
left:0px;
height:30px;
}

#footer ul li:hover { background-color:transparent; }
#footer ul li a { color:#666666; text-decoration:underline; padding: 5px 20px; font-size:15px;}

#content {
    clear:both;
    margin:0px;
    padding:0px;
}

#leftPanel {
    margin:0px 224px 0 10px;
    padding:0px;
    background-color:#fff;
}

#leftPanelMenu {
    width:190px;
    float:left;
/*    background-color:#fff;*/
}

#leftPanelContent {
    margin: 0 0 0 0px;
    float:left;
    width:600px;
}

#rightPanel {
    width:214px;
    float:right;
    background-color:transparent;
    margin:0 10px 0 0;
    padding:0px;
}

#footer {
    clear:both;
    background-color:transparent;
    position:relative;
}

#top a.logo {
    text-decoration: none;
    display:block;
    width:350px;
    height:100px;
    background: transparent url('images/logo.png') 50% 50% no-repeat;
    float:left;
}

#infobox {
    background-color:transparent;
    height:90px;
    float:right;
    width: 214px;
    padding:5px;
}

#produktyMenu {
    
}

#produktyMenu ul {margin:0;padding:0;font-size:13px;}
#produktyMenu ul li {
    display: block;
    margin:0 0 1px 0;
    padding:0;
    list-style: none;
    color:#fff;
    width:190px;
    height:30px;
}


#produktyMenu a, #produktyMenu p {
    margin:0;
    padding: 7px 6px 5px 8px;
    text-decoration: none;
/*    background:transparent url('images/menuitem_blank180.png') 0 0 repeat;*/
    display:block;
    width:156px;
    height:18px;
    color:#fff;
/*    font-weight:bold;*/
}
#produktyMenu li.SucheSilne a {background:linear-gradient(#ffe400,#ff9c00);}
#produktyMenu li.SucheJemne a {background:linear-gradient(#fcbf7e,#da7b34); }
#produktyMenu li.Hydratacni a {background:linear-gradient(#7fbec7,#0c92a5);}
#produktyMenu li.Mastna a {background:linear-gradient(#cae794,#85b627);}
#produktyMenu li.Lupy a {background:linear-gradient(#81a58f,#466552);}
#produktyMenu li.Citliva a {background:linear-gradient(#b17eb9,#905599);}
#produktyMenu li.Vypadavani a {background:linear-gradient(#d8888a,#e55257);}
#produktyMenu li.Objem a {background:linear-gradient(#92a8c1,#5e8bbf);}
#produktyMenu li.Normalni a {background:linear-gradient(#d392ba,#b8217f);}
#produktyMenu li.Stylingove a {background:linear-gradient(#7376a2,#252a79);}
#produktyMenu li.Barva a {background:linear-gradient(#aca09a,#7f6e66);}
#produktyMenu li.Kondicioner a {background:linear-gradient(#eebf35,#cb9606);}
#produktyMenu li.AntiAge a {background:linear-gradient(#666,#000);}

#produktyMenu li.Other,#produktyMenu li.Akcni { 
    margin:0 0 3px 10px;
    width:178px;
     -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
/* future proofing */
	-khtml-border-radius: 3px;
/* for old Konqueror browsers */
    height:28px;
    
}

#produktyMenu li.Other a,#produktyMenu li.Akcni a {
    height:24px;
    background:linear-gradient(#aed6cb,#7ea49b);
    color:#000;
    padding:2px 5px 2px 5px;
    width:138px;
     -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
/* future proofing */
	-khtml-border-radius: 3px;
/* for old Konqueror browsers */
    border: 1px solid #505150;
    
}
#produktyMenu li.Akcni a {background:linear-gradient(#ff0080, #f85baa); color:#fff; }
#produktyMenu li.Other a:hover, #produktyMenu li.Akcni a:hover {
    width:168px;
}

#produktyMenu li.Other a div { padding: 3px 3px 3px 35px; margin:2px;}
#produktyMenu li.Akcni a div { padding: 3px 3px 3px 34px; margin:2px;}

#produktyMenu li.Other a div.PredMytim { background:transparent url('images/ico-PredMytim.png') 0 50% no-repeat; }
#produktyMenu li.Other a div.Sampony { background:transparent url('images/ico-Sampony.png') 0 50% no-repeat; }
#produktyMenu li.Other a div.PoSamponu { background:transparent url('images/ico-PoSamponu.png') 0 50% no-repeat; }
#produktyMenu li.Other a div.Styling { background:transparent url('images/ico-Styling.png') 0 50% no-repeat; }
#produktyMenu li.Other a div.SpecialniPece { background:transparent url('images/ico-SpecialniPece.png') 0 50% no-repeat; }
#produktyMenu li.Other a div.Barveni { background:transparent url('images/ico-Barveni.png') 0 50% no-repeat; }

/*#produktyMenu li.colorSucheSilne a, .colorSucheJemne a {color: #eb791f;}
#produktyMenu li.colorHydratacni a{color: #0c92a5;}
#produktyMenu li.colorMastna a {color: #85b627;}
#produktyMenu li.colorLupy a {color: #466552;}
#produktyMenu li.colorCitliva a {color: #666;}
#produktyMenu li.colorVypadavani a {color: #e55257;}
#produktyMenu li.colorObjem a {color: #5e8bbf;}
#produktyMenu li.colorNormalni a {color: #b8217f;}
#produktyMenu li.colorStyling a {color: #252a79;}*/

#produktyMenu a:hover {color:#fff !important; width:176px;}

#produktyMenu li.SucheSilne a:hover, 
#produktyMenu li.SucheSilne.active, #produktyMenu li.SucheSilne.active a {
    background: linear-gradient(#ff9c00,#ffe400);
}
#produktyMenu li.SucheJemne a:hover, 
#produktyMenu li.SucheJemne.active, #produktyMenu li.SucheJemne.active a {
    background: linear-gradient(#da7b34,#ffd291);
}
#produktyMenu li.Hydratacni a:hover, 
#produktyMenu li.Hydratacni.active, #produktyMenu li.Hydratacni.active a {
   background:linear-gradient(#0c92a5,#7fbec7);
}
#produktyMenu li.Mastna a:hover, 
#produktyMenu li.Mastna.active, #produktyMenu li.Mastna.active a {
    background:linear-gradient(#85b627,#cae794);
}
#produktyMenu li.Lupy a:hover, 
#produktyMenu li.Lupy.active, #produktyMenu li.Lupy.active a {
    background:linear-gradient(#466552,#81a58f);
}
#produktyMenu li.Citliva a:hover, 
#produktyMenu li.Citliva.active, #produktyMenu li.Citliva.active a {
    background:linear-gradient(#905599,#b17eb9);
}
#produktyMenu li.Vypadavani a:hover, 
#produktyMenu li.Vypadavani.active, #produktyMenu li.Vypadavani.active a {
    background:linear-gradient(#e55257,#d8888a);
}
#produktyMenu li.Objem a:hover, 
#produktyMenu li.Objem.active, #produktyMenu li.Objem.active a {
    background:linear-gradient(#5e8bbf,#92a8c1);
}
#produktyMenu li.Normalni a:hover, 
#produktyMenu li.Normalni.active, #produktyMenu li.Normalni.active a {
    background:linear-gradient(#b8217f,#d392ba);
}
#produktyMenu li.Stylingove a:hover, 
#produktyMenu li.Stylingove.active, #produktyMenu li.Stylingove.active a {
    background:linear-gradient(#252a79,#7376a2);
}
#produktyMenu li.Barva a:hover, 
#produktyMenu li.Barva.active, #produktyMenu li.Barva.active a {
    background:linear-gradient(#7f6e66,#aca09a);
}
#produktyMenu li.Kondicioner a:hover, 
#produktyMenu li.Kondicioner.active, #produktyMenu li.Kondicioner.active a {
    background:linear-gradient(#cb9606,#eebf35);
}
#produktyMenu li.AntiAge a:hover, 
#produktyMenu li.AntiAge.active, #produktyMenu li.AntiAge.active a {
    background:linear-gradient(#000,#666);
}
#produktyMenu li.Other a:hover, 
#produktyMenu li.Other.active, #produktyMenu li.Other.active a {
    background:linear-gradient(#7ea49b,#aed6cb);
}
#produktyMenu li.Akcni a:hover, 
#produktyMenu li.Akcni.active, #produktyMenu li.Akcni.active a {
    background:linear-gradient(#f85baa,#ff0080);
}
#produktyMenu li.Other a:hover{
    border: 1px solid #505150;
    margin:0 0 1px 0px;
} 
#produktyMenu li.Akcni a:hover {
    border: 1px solid #505150;
    margin:0 0 1px 0px;
    color: #fff;
    
} 
#produktyMenu li.Other.active ,
#produktyMenu li.Akcni.active {
    border: 1px solid #505150;
    margin:0 0 1px 10px;
}

#produktyMenu li.Other.active a
{border:0;color:#fff;}
#produktyMenu li.Akcni.active a 
{border:0;color:#fff;}


.hoverSucheSilne:hover, .divhover:hover {background:linear-gradient(#fff,#fffabf);}
.hoverSucheJemne:hover {background:linear-gradient(#fff,#fce1cd);}
.hoverHydratacni:hover {background:linear-gradient(#fff,#d9ebed);}
.hoverMastna:hover {background:linear-gradient(#fff,#e2fbb1);}
.hoverLupy:hover {background:linear-gradient(#fff,#cbe7d6);}
.hoverCitliva:hover {background:linear-gradient(#fff,#e4d6e6);}
.hoverVypadavani:hover {background:linear-gradient(#fff,#f9dfe0);}
.hoverObjem:hover {background:linear-gradient(#fff,#e5eaf1);}
.hoverNormalni:hover {background:linear-gradient(#fff,#f6d6ea);}
.hoverStylingove:hover {background:linear-gradient(#fff,#e2e3f0);}
.hoverBarva:hover {background:linear-gradient(#fff,#ddd2cd);}
.hoverKondicioner:hover {background:linear-gradient(#fff,#fce398);}
.hoverAntiAge:hover {background:linear-gradient(#fff,#c0c0c0);}
.hoverAkcni:hover {background:linear-gradient(#fff,#c0c0c0);}

.produktyPrehled {
    padding:0px;
    margin: 0 0 0 -1px;
    font-size: 13px;
    line-height:120%;
    border:1px solid #505150;
    width:100%;
    float:left;
}

.produktyPrehled ul {
    font-size: 13px;
    line-height:120%;
    
}

.produktyPrehledPopis {
    float:right;
    width:280px;
    height:280px;
    padding:10px;
    color:#fff;
    font-size:15px;
    line-height:130%;
}

.produktySucheSilne {border: 1px solid #ff9c00;}
.produktySucheJemne {border: 1px solid #da7b34;}
.produktyHydratacni {border: 1px solid #0c92a5;}
.produktyMastna {border: 1px solid #85b627;}
.produktyLupy {border: 1px solid #466552;}
.produktyCitliva {border: 1px solid #905599;}
.produktyVypadavani {border: 1px solid #e55257;}
.produktyObjem {border: 1px solid #5e8bbf;}
.produktyNormalni {border: 1px solid #b8217f;}
.produktyStylingove {border: 1px solid #252a79;}
.produktyBarva {border: 1px solid #7f6e66;}
.produktyKondicioner {border: 1px solid #cb9606;}
.produktyAntiAge {border: 1px solid #000;}
.produktyAkcni {border: 1px solid #ff0080;}
.produktyPredMytim,.produktySampony, .produktyPoSamponu, .produktyStyling, .produktySpecialniPece, .produktyBarveni 
{border:1px solid #7ea49b;}

/*mala ikonka v prehledu*/
.typProduktuPrehled {
    position:absolute;
    top:20px;
    right:10px;
}

.errorbox {
    border: 1px solid #b00; 
    background-color: #facfcf; 
    color:#b00; 
    font-weight: bold; 
    padding:10px;
    margin-bottom: 10px;
}

.infobox {
    border: 1px solid #549EE9; 
    background-color: #EEF5FD; 
    color:#549EE9; 
    font-weight: bold; 
    padding:10px;
    margin-bottom: 10px;
}

.adminbox {
    border: 1px solid #9933cc; 
    background-color: #ebc3ff; 
    color:#9933cc; 
    font-weight: bold; 
    padding:10px;
    margin-bottom: 10px;
}

.greybox {
    border: 1px solid #7c7c7c; 
    background-color: #efefef; 
    color:#7c7c7c; 
    font-weight: bold; 
    padding:10px;
    margin-bottom: 10px;
}
.warningbox {
    border: 1px solid #F07242; 
    background-color: #FDF1EC; 
    color:#F07242; 
    font-weight: bold; 
    padding:10px;
    margin-bottom: 10px;
}


.okbox, .okbox2 {
    border: 1px solid #060; 
    background-color: #cbe9cb; 
    color:#060; 
    font-weight: bold; 
    margin-bottom: 10px;    
    padding:10px;
}


h1, h2, h3 {line-height:140%;margin: 20px 0 5px 0;}
h1 {margin-top:0px;}
h4, h5, h6 {line-height:120%; margin: 15px 0 5px 0;}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:15px;}
h4 {font-size:14px;}
h5 {font-size:13px;}

p {margin:0px; padding:5px 0;}
ul {list-style:square;}

.btn, .btngreen, .btncart, .btncartgreen, .btngrey, .btnemail, .btnemailgreen { 
    background:linear-gradient(#bb0000,#ce2c2c); 
    color:#fff;
    text-decoration:none;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
/* future proofing */
	-khtml-border-radius: 3px;
/* for old Konqueror browsers */
	border: 0px;
	margin: 0px;
    display:inline-block;
    padding: 7px 10px 6px 10px; 
    height:18px;
    font-weight:bold;
    font-size:13px;
}


.btnPrihlasit, .btnPrihlasitAdmin{
    background:linear-gradient(#f55656,#f87878); 
    color:#fff;
    text-decoration:none;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
/* future proofing */
	-khtml-border-radius: 3px;
/* for old Konqueror browsers */
	border: 0px;
	margin: 0px;
    display:inline-block;
    padding: 7px 10px 6px 10px; 
    height:18px;
    font-weight:bold;
    font-size:13px;
}

.btnPrihlasitAdmin {
    background:linear-gradient(#9933cc,#b160d9); 
}

input.btn, input.btngreen, input.btngrey { height:33px; padding:0px 10px;}

.btngreen {
    background:linear-gradient(#aed6cb,#7ea49b); 
    border: 1px solid #7ea49b;
}

.btngrey{
	background:linear-gradient(#b0b0b0, #909090);
	border: 1px solid #909090;
}

.btngrey:hover {
	background:linear-gradient(#909090,#b0b0b0);
}

.btncart, .btncart:hover, .btncartgreen, .btncartgreen:hover, .btnemail, .btnemail:hover, .btnemailgreen, .btnemailgreen:hover {
    background:transparent url('images/btncart.png') 0 0 no-repeat;
    padding-left: 40px;
    border: 1px solid #7ea49b;
}
.btncart:hover {
    background:transparent url('images/btncart_hover.png') 0 0 no-repeat;
}

.btncartgreen {
    background:transparent url('images/btncartgreen.png') 0 0 no-repeat;
    padding-left:10px;
}
.btncartgreen:hover , .btn:hover.btncartgreen:hover {
    background:transparent url('images/btncartgreen_hover.png') 0 0 no-repeat;
    padding-left:10px;
    color: #ffffff !important;
}

.btnemail, .btnemail:hover {
    background:transparent url('images/btnemail.png') 0 0 no-repeat;
    padding-left: 35px;
    color: #fff !important;
}
.btnemail:hover {
    background:transparent url('images/btnemail_hover.png') 0 0 no-repeat;
    color: #fff !important;
}
.btnemailgreen, .btnemailgreen:hover {
    background:transparent url('images/btnemailgreen.png') 0 0 no-repeat;
    padding-left: 35px;
    color: #fff !important;
}
.btnemailgreen:hover {
    background:transparent url('images/btnemailgreen_hover.png') 0 0 no-repeat;
    color: #fff !important;
}
.btn:hover {
    background:linear-gradient(#ce2c2c,#bb0000); 

}
.btnPrihlasit:hover{
    background:linear-gradient(#f87878,#f55656);
    color:#ffffff;    
}

.btngreen:hover {
    background:linear-gradient(#7ea49b,#aed6cb); 
}

/*PRESCRIPTION*/
.step1, .step2, .step3, .step4, .vysledek{
    background-image:url('images/step-x.png');
    background-position:0 0;
    background-repeat:no-repeat;
    width:120px;
    text-align:center;
}
.step2, .step3, .step4, .vysledek{margin-left:-10px;}
.step1.active, .step2.active, .step3.active, .step4.active, .vysledek.active
{background-image:url('images/step-x-active.png');}

.vysledek{
    background-image:url('images/step-last.png');
    width:160px;
}

.step1 a, .step2 a, .step3 a, .step4 a, .vysledek p {
     padding:5px 5px 5px 10px;
     color:#fff;
     text-decoration: none;
     display:block;
}

.carky {background:#fff url('images/recept_point_bg.png') 23px 25px repeat-x;}
.recept {background-color:#e0e0e0; padding:10px;}
.recept-hlavni {
    float:right;
    background-color:#fff;
    width:400px;
    height:70px; 
      -moz-border-radius: 15px 0px 15px 15px;
	-webkit-border-radius: 15px 0px 15px 15px;
	border-radius: 15px 0px 15px 15px;
/* future proofing */
	-khtml-border-radius: 15px 0px 15px 15px;
/* for old Konqueror browsers */
    border-style:solid;
    border-color:#000;
    border-width:2px;
}

.top-right-1, .top-right-2{
    float:right;
    background-color:#fff;
    width:75px;
    height:34px;
    border-style:solid;
    border-color:#000;
    border-width:0 0 2px 2px;   
}
.top-right-2{width:40px;}
.top-left-1{
    background-color:#fff;
    width:140px;
    height:34px;
    border-style:solid;
    border-color:#000;
    border-width:2px;
}
.top-left-2 {
    width:73px;
    height:30px;
    margin-top:-2px;
    border:2px solid #000;
}
.recept-dalsi {
    background-color:#fff;
    border:2px solid #000;
    margin-top:5px;
}



.bglightblue {background-color:#bde0d4;}
.bglightgreen {background-color:#c0e0d5;}
.bgSucheSilne {background-color: #ff9c00;}
.bgSucheJemne {background-color: #da7b34}
.bgHydratacni {background-color: #0c92a5;}
.bgMastna {background-color: #85b627;}
.bgLupy {background-color: #466552;}
.bgCitliva {background-color: #905599;}
.bgVypadavani {background-color: #e55257;}
.bgObjem {background-color: #5e8bbf;}
.bgNormalni {background-color: #b8217f;}
.bgStylingove {background-color: #252a79;}
.bgBarva {background-color: #7f6e66;}
.bgKondicioner {background-color: #cb9606;}
.bgAntiAge {background-color: #000;}
.bgAkcni {background-color: #ff0080;}
.bgPredMytim, .bgSampony, .bgPoSamponu, .bgStyling, .bgSpecialniPece, .bgBarveni {background-color:#7ea49b;}
.bgWhite{background-color:#fff;}
.bgBlack{background-color:#000;}
.bgGrey{background-color:#d0d0d0;}

.bgSucheSilne_indexImg, .bgSucheJemne_indexImg, .bgHydratacni_indexImg, .bgMastna_indexImg, .bgLupy_indexImg,
.bgCitliva_indexImg,.bgVypadavani_indexImg, .bgObjem_indexImg, .bgNormalni_indexImg, .bgStylingove_indexImg, 
.bgBarva_indexImg, .bgKondicioner_indexImg, .bgAkcni_indexImg, .bgPredMytim_indexImg, .bgSampony_indexImg, 
.bgPoSamponu_indexImg, .bgStyling_indexImg, .bgSpecialniPece_indexImg, .bgBarveni_indexImg, .bgAntiAge_indexImg
{
    background-color:transparent;
    background-repeat: no-repeat;
    background-position: 50% 100%; 
}

.bgCitliva_indexImg {background-image:url('produkt/Citliva_index.jpg');}
.bgSucheSilne_indexImg {background-image:url('produkt/SucheSilne_index.jpg');}
.bgSucheJemne_indexImg {background-image:url('produkt/SucheJemne_index.jpg');}
.bgHydratacni_indexImg {background-image:url('produkt/Hydratacni_index.jpg');}
.bgMastna_indexImg {background-image:url('produkt/Mastna_index.jpg');}
.bgLupy_indexImg {background-image:url('produkt/Lupy_index.jpg');}
.bgCitliva_indexImg {background-image:url('produkt/Citliva_index.jpg');}
.bgVypadavani_indexImg {background-image:url('produkt/Vypadavani_index.jpg');}
.bgObjem_indexImg {background-image:url('produkt/Objem_index.jpg');}
.bgNormalni_indexImg {background-image:url('produkt/Normalni_index.jpg');}
.bgStylingove_indexImg {background-image:url('produkt/Stylingove_index.jpg');}
.bgBarva_indexImg {background-image:url('produkt/Barva_index.jpg');}
.bgKondicioner_indexImg {background-image:url('produkt/Kondicioner_index.jpg');}
.bgAntiAge_indexImg {background-image:url('produkt/AntiAge_index.jpg'); background-color:#050608;}
.bgAkcni_indexImg {background-image:url('produkt/Akcni_index.jpg');}
.bgPredMytim_indexImg {background-image:url('produkt/PredMytim_index.jpg');}
.bgSampony_indexImg {background-image:url('produkt/Sampony_index.jpg');}
.bgPoSamponu_indexImg {background-image:url('produkt/PoSamponu_index.jpg');}
.bgStyling_indexImg {background-image:url('produkt/Styling_index.jpg');}
.bgSpecialniPece_indexImg {background-image:url('produkt/SpecialniPece_index.jpg');}
.bgBarveni_indexImg {background-image:url('produkt/Barveni_index.jpg');}

.colorLightblue {color:#bde0d4 !important;}
.colorLightgrey {color:#a7a8aa !important;}
.colorDarkgrey {color:#505150 !important;}
.colorLightgreen {color:#c0e0d5 !important;}
.colorBlack {color:#000 !important;}
.colorWhite {color:#fff !important;}
.colorGrey {color:#c0c0c0 !important;}
.colorRed {color:#ff0000 !important;}
.colorOdkaz {color:#7ea49b !important;} 
.colorPredMytim,.colorSampony, .colorPoSamponu, .colorStyling, .colorSpecialniPece, .colorBarveni
{color:#7ea49b;}


.colorSucheSilne {color: #ff9c00;}
.colorSucheJemne {color: #da7b34}
.colorHydratacni {color: #0c92a5;}
.colorMastna {color: #85b627;}
.colorLupy {color: #466552;}
.colorCitliva {color: #905599;}
.colorVypadavani {color: #e55257;}
.colorObjem {color: #5e8bbf;}
.colorNormalni {color: #b8217f;}
.colorStylingove {color: #252a79;}
.colorBarva {color: #7f6e66;}
.colorKondicioner {color: #cb9606;}
.colorAntiAge {color: #000;}
.colorAkcni {color: #ff0080;}
.colorAdmin {color: #9933cc;}

.strong {font-weight: bold !important;}
.normal{font-weight: normal !important;}
.underline {text-decoration: underline !important;}
.nunderline {text-decoration: none !important;}
.aright {text-align: right !important;}
.aleft {text-align: left !important;}
.acenter {text-align: center !important;}
.vtop {vertical-align: top;}
.vbottom {vertical-align: bottom;}
.mcenter {margin: 0 auto !important;}
.clear {clear: both !important;}
.fleft {float: left !important;}
.fright {float: right !important;}
.blk, .block {display: block !important;}
.inline {display: inline !important;}
.inline-block {display: inline-block !important;}
.dnone {display: none !important;}

.relative {position:relative;}
.absolute {position:absolute;}

.bbottom {border-bottom: 1px solid #858386;}
.btop {	border-top: 1px solid #858386;}
.bleft {border-left: 1px solid #858386;}
.bright {border-right: 1px solid #858386;}
.bnone {border: 0px;}
.border {border: 1px solid #858386;}
.borderBotomGrey {border-bottom: 1px solid #c1c3c1;}
.borderBlack {border: 1px solid #000;}
.border2Black {border: 2px solid #000;}
.bbottomBlack {border-bottom: 1px solid #000;}
.btopBlack {	border-top: 1px solid #000;}
.bleftBlack {border-left: 1px solid #000;}
.brightBlack {border-right: 1px solid #000;}


.mtop {margin-top: 10px !important;}
.mright {margin-right: 10px !important;}
.mbottom {margin-bottom: 10px !important;}
.mleft {margin-left: 10px !important;}
.mtop20 {margin-top: 20px !important;}
.mright20 {margin-right: 20px !important;}
.mbottom20 {margin-bottom: 20px !important;}
.mleft20 {margin-left: 20px !important;}

.mtop5 {margin-top: 5px !important;}
.mright5 {margin-right: 5px !important;}
.mbottom5 {margin-bottom: 5px !important;}
.mleft5 {margin-left: 5px !important;}

.mtopn {margin-top:0px !important;}
.mrightn {margin-right:0px !important;}
.mbottomn {margin-bottom:0px !important;}
.mleftn {margin-left:0px !important;}
.mnone {margin: 0px !important;} 
.mall {margin: 10px !important;}
.mall3 {margin: 3px !important;}
.mall5 {margin: 5px !important;}

.ptop {padding-top: 10px !important;}
.pright {padding-right: 10px !important;}
.pbottom {padding-bottom: 10px !important;}
.pleft {padding-left: 10px !important;}
.pnone {padding: 0px !important;}

.ptopn {padding-top:0px !important;}
.prightn {padding-right:0px !important;}
.pbottomn {padding-bottom:0px !important;}
.pleftn {padding-left:0px !important;}

.pall {padding: 10px !important;}
.pall6 {padding: 6px !important;}

.w20 {width: 20px !important;}
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w150 {width: 150px !important;}
.w180 {width: 180px !important;}
.w190 {width: 190px !important;}
.w200 {width: 200px !important;}
.w220 {width: 220px !important;}
.w230 {width: 230px !important;}
.w240 {width: 240px !important;}
.w250 {width: 250px !important;}
.w260 {width: 260px !important;}
.w270 {width: 270px !important;}
.w280 {width: 280px !important;}
.w290 {width: 290px !important;}
.w295 {width: 295px !important;}
.w300 {width: 300px !important;}
.w330 {width: 330px !important;}
.w350 {width: 350px !important;}
.w360 {width: 360px !important;}
.w380 {width: 380px !important;}
.w400 {width: 400px !important;}
.w430 {width: 430px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w550 {width: 550px !important;}
.w600 {width: 600px !important;}
.w700 {width: 700px !important;}
.w800 {width: 800px !important;}
.h30 {height: 30px !important;}
.h70 {height: 70px !important;}
.h100 {height: 100px !important;}
.h150 {height: 150px !important;}
.h190 {height: 190px !important;}
.h200 {height: 200px !important;}
.h220 {height: 220px !important;}
.h260 {height: 260px !important;}
.h280 {height: 280px !important;}
.h290 {height: 290px !important;}
.h300 {height: 300px !important;}
.h320 {height: 320px !important;}
.h330 {height: 330px !important;}

.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}

hr.clear {
	clear: both;
	height: 1px;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
div.clear {
	clear: both !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	visibility: hidden !important;
	float: none !important;
}
hr {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	border-color: #d9d9d9;
	border-top: 1px;
}


ul.numeric-decimals { counter-reset:section; list-style-type:none; padding:0px; }
ul.numeric-decimals li { list-style-type:none; display:block;counter-increment: item; position: relative;}
ul.numeric-decimals li ul li { list-style-type:none; display:block;counter-increment: item; position: relative;}

ul.numeric-decimals li ul { counter-reset:subsection; padding: 10px 0 10px 30px;}
ul.numeric-decimals li ul li ul { counter-reset:subsection; padding: 10px 0 10px 30px;}

ul.numeric-decimals li:before{
    counter-increment:section;
    content:counter(section) ". ";
}

ul.numeric-decimals li ul li:before {
    counter-increment:subsection;
    content:counter(section) "." counter(subsection) " ";
    position: absolute; margin-right: 100%; right: 10px;
}

ul.numeric-decimals li:before ul li:before{
    counter-increment:section;
    content:counter(section) ". ";
}

ul.numeric-decimals li ul li:before ul li:before {
    counter-increment:subsection;
    content:counter(section) "." counter(subsection) " ";
    position: absolute; margin-right: 100%; right: 10px;
}

ul.numeric-decimals li ul.nocontent li:before {
    content: "\00BB \0020"  !important;
    counter-increment: none !important;
    list-style-type: square;
}

table.kosik {width:100%; padding:0; border-collapse:collapse;}
table.kosik td {border-bottom: 1px solid #a1d3be; padding:5px;}
table.kosik tr:first-child {background-color:#effaf5;}
/*table.kosik tr:first-child:hover {background-color:transparent;}*/

.pdf { background: url('images/appIcon/pdf.png') 0 0 no-repeat; line-height:20px; padding:0px 0px 0px 22px;}

tr.kunInfo:hover {background-color: #d0d0d0;}
tr.kunInfo:hover .duplicityInfo {display:block; }
.duplicityInfo { 
    padding:10px;
    background-color:lightblue;
    display:none; 
    position:absolute; 
    top:0; 
    left:-220px; 
    z-index: 1000; 
    width:200px;
}