* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
}
/* ZAKLADNI PRVKY */
body {
    font-family: Tahoma, Verdana, Arial, Sans-serif;
    font-size: 0.8em;
    color: #ffffff;
    background-color: #444444;
    height: 100%;
    text-align: center;
}
h1 {font-size: 1.3em; color: #ffffff; margin: 0px 0px 10px 0px; font-family: Verdana, Tahoma, Arial;}
h2, h3 {font-size: 1.2em; color: #ffffff; font-weight: bold; margin: 0px 0px 10px 0px; font-family: Verdana, Tahoma, Arial;}
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #d0c164;; text-decoration: underline;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #dc0d0d;/*#e26f31;*/ text-decoration: underline;}
p {margin: 0px 0px 10px 0px; font-size: 0.9 em; line-height: 1.5; text-align: justify;}
p.small {font-size: 0.85em;}
a {color: #d0c164; text-decoration: underline;}
a:hover {color: #dc0d0d;/*#e26f31;*/}
a:visited {}
strong {font-weight: bold; /*color: #292929;*/}
img {border: none; margin: 0px 5px 5px 5px}
table {font-size: 100%; margin: 0px auto; border-collapse: collapse;}
table caption {font-weight: bold; color: #1a4b85; margin: 0px auto;}
table img {margin: 0px;}
th {text-align: center; background-color: #dbe0ec; color: #444444;}
tr {border: none;}
th, td {border: 1px solid #adc2db; padding: 2px 8px;}
form {margin: 0px 0px 0px 0px;}
hr {display: none; clear: both;}
hr.normal {
    display: block;
    text-align: center;
    border: 1px solid #ffffff;
    width: 80%;
    margin: 0px auto 10px auto;
}
address {float: left; width: 250px; font-style: normal;}
ul {margin: 0px; padding: 0px 0px 0px 20px; list-style: circle;}

/* OBECNE PRVKY */
.center {text-align: center;}
.cleaner {clear: both;margin: 0px;padding: 0px;}
.clright {clear: right;}
.clleft{clear: left;}
.right {float: right;}
.left {float: left;}
.fnone {float: none;}
.text-right {text-align: right;}
.red {color: red;}
.hmaly {font-size: 1em; font-weight: bold;}
.normal {font-size: 1em;}
.dnone {display: none;}
.small {font-size: 0.8em;}

/* LAYOUT */
#container {
    /*text-align: left;*/
    width: 971px;
    margin: 0 auto;
}

#header {
    display: block;
    font-size: 20px;
    text-align: left;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

#header, #header #logo a, #header #logo a span {
    width: 971px;
    _width: 969px;
    height: 173px;
}

#header #logo a {
    position: relative;
    text-decoration: none;
}
#header #logo a span {
    cursor: pointer;
    display: block;
    position: absolute;top:0;left:0;
    background: url('../_images/header-back.jpg') no-repeat top left;
}

/* horni_lista */
#user_horni_lista {
    text-align: right;
    border-bottom: 3px solid #ee2c01;
}

/* menu horizontal */
#menu_horizontal {
    background-color: #ee2c01;
    text-align: center;
    width: 971px;
    border: 1px solid #000000;
    margin: 0px;
    padding: 4px 0px 4px 0px;
}
#menu_horizontal .polozka {
    background: url(../_images/list.gif) no-repeat 0% 50%;
    padding: 0px 0px 0px 25px;
    margin: 0px 5px;
}
#menu_horizontal .polozka.first {
    background: none;
    padding: 0px;
}
#menu_horizontal a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
#menu_horizontal a:hover {
    color: d0c164;
    text-decoration: underline;
}

/*------------ menu -------------*/
#menu {
    float: left;
    background-color: #222;
    width: 187px;
    _width: 205px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 10px 10px 5px 10px;
    min-height:400px; _height:400px;
}

#menu h2.sortiment, #menu h2.znacky {
    display: block;
    /*font-size: 1px;*/
    margin: 5px 0 2px 0;
} 
#menu h2.sortiment {margin-top:15px}
#menu h2.sortiment span, #menu h2.znacky span {
    position: absolute;top:0;left:0;
    display: block;
    cursor: pointer;
}

/*#menu h2.sortiment, #menu h2.sortiment span {width: 164px;height: 15px;}*/
#menu h2.znacky, #menu h2.znacky span {width: 104px;height: 20px;}

#menu h2.sortiment span {background: #fff89f url('../_images/sortiment.gif') no-repeat top left;}
#menu h2.znacky span {background: #fff89f url('../_images/znacky.gif') no-repeat top left;}

#menu ul {margin: 0; padding: 0;}
#menu ul li {list-style: none;padding: 2px 0;clear:left}
#menu ul li ul {margin:0;padding:0;}
#menu ul li a {padding: 0 0 0 2px; display:block; width:164px;font-weight: normal;float:left;border:none}
#menu ul li a img {border:none; text-decoration:none}
#menu ul li .menuKrizek {width:13px; float:left; padding:3px 3px 0px 3px}
#menu ul li ul .li2_open a, .li_open a { font-weight:bold; /*color:#333*/}
#menu ul li ul .li2_open a { font-weight:bold; /*color:#333; background:#FFFF00*/}
#menu ul li ul .li2_mezera { height: 1px; font-size: 1px;}
.li_open, .li_closed {margin:0}
ul li ul.podmenu {min-height: 2px; _height: 2px;}
.podmenu a {margin: 0 0 0 27px; #margin:0 0 0 15px; font-weight:normal; /*color: #9f191a;*/}
.a_open {font-weight:bold; /*color:#000;*/ /*background-color: #FFFF66;*/}
#menu ul li ul {padding:0; margin:0}
#menu ul li ul li {padding:0; margin:0}
#menu ul li ul li a {padding:0 1px; display:block; width:152px;}

#menu a:hover {/*background-color:#AEFFA6;*//*color:#FF3300;*/text-decoration:none}

#vyhledavani {float:left;width:150px;}


/*-------------- content --------------*/

#main_wrap {
    text-align: left;
    background-color: #000000;
    border-left: 3px solid #ee2c01;
    border-right: 3px solid #ee2c01;
    width: 940px;
    margin: 0px auto;
    /*padding: 20px;*/
}

#main {
    float: right;
    width: 714px;
    _width: 724px;
    min-height: 150px;
    _height: 150px;
    padding: 10px 5px;
    /*border: 1px solid blue;*/
}

#content {
    float: left;
    width: 520px;
}

/*------------ RIGHT STRIPE -------------*/
#right-stripe {
    float: right;
    _float: none;
    display: block;
    text-align: center;
    color: #fff;
    overflow: hidden;
    width: 182px;
}

#right-stripe .tip, #right-stripe .kosik, #nejZbozi, #right-stripe .prihlasen {
    background-color: #222;
    border: 1px solid #666;
    width: 176px;
    _width: 178px;
    margin: 10px 0 0 0;
}

#nejZbozi ol {text-align: left; font-size: 0.8em; margin: 0 0 10px 0; padding: 0 0 0 25px;}
#nejZbozi ol li {list-style: decimal;}

#right-stripe .tip, #right-stripe .kosik, #right-stripe .prihlasen {
    /*background: #fff89f url('../_images/klaunuv-tip-back.jpg') no-repeat bottom center;*/
}

#right-stripe .prihlasen { background-image:none;margin-top:0; padding-bottom:5px}

#right-stripe .tip h2 {
    position: relative;
    font-size: 0.8em;
    display: block;
    width: 176px;
    height: 16px;
    margin: 5px auto 6px auto;
}
#right-stripe .tip h2 span {
    position: absolute;top:0;left:0;
    /*background: #fff89f url('../_images/klaunuv-tip2.gif') no-repeat top left;*/
    display: block;
    width: 176px;
    height: 16px;
}

#right-stripe .kosik {background-image: none; text-align:right; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:0.9em; margin-bottom:17px}
#right-stripe .kosik h2 {
    text-align: center;
    /*position: relative;
    display: block;
    width: 168px;
    height: 89px;
    margin: 5px 10px 5px auto;*/
}
#right-stripe .kosik h2 span {
    /*position: absolute;top:0;left:0;*/
    /*background: #fff89f url('../_images/nakupni-kosik2.gif') no-repeat top left;*/
    /*display: block;
	cursor: pointer;
	width: 168px;
	height: 89px;*/
}
#right-stripe .kos_data { margin:5px}
/*#right-stripe .kos_nazev { text-align:left;border-top:1px solid #CCCCCC}*/
#right-stripe .kos_celkem { width:100px; float:left; text-align:left;}
#right-stripe .kos_zobraz { margin-top:10px; text-align:center;}
#right-stripe .kos_zobraz input{ background:/*#fff89f;*/ border:none; color:#9f191a; font-weight: bold;font-family: Comic Sans MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;font-size: 1em;cursor: pointer;}
#right-stripe .kos_zobraz input:hover { text-decoration: underline; color: #000033}


#footer {
    clear: both;
    background-color: #ee2c01;
    color: #000000;
    text-align: center;
    width: 971px;
    _width: 971px;
    border: 1px solid #000000;
    margin: 0px auto;
    padding: 4px 0px 4px 0px;
}
#footer a {
    color: #000000;
    text-decoration: underline;
}
#footer a:hover {
    color: #d0c164;
}
#footer img {
    border: none;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}
.drobecek {
    color: #d0c164;
    margin: 0px 0px 10px 0px;
}
.drobecek a {color: #d0c164;}
.drobecek a:hover {color: #dc0d0d;}

/*--------------- DROBECEK ----------*/
.drobecek {
    font-size: 1em;
    margin: 0 0 8px 0;
}

/*------------ CLANKY ------------*/

#clanek { font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:1em}
#clanek p { margin-bottom:1.2em; }

/*------------ FORMULARE ------------*/
form input.text-short {width: 170px; margin: 0 0 2px 0;}
form input.text-short2 {width: 155px; margin: 0 0 2px 0;}


/*------------ VYPISY ZBOZI ------------*/
.zbozi { font-size:1em;text-align:center; background-color: #333; border:1px solid #666; width:122px; _width:124px; margin:5px 0 2px 5px; float:left}
.zbozi_img { /*width: 122px;*/ /*height: 122px;*/ margin:2px auto; padding: 0;}
.zbozi_img img{ margin:0 auto; border: 1px solid #999;}
.zbozi_nazev { font-size: 0.9em; height:3.5em; margin:0 2px; width:100%; overflow-x:hidden; overflow-y:hidden;}
.zbozi_nazev a {color:#fff; font-weight:bold; margin: 0;}
.zbozi_cena { color: #CC0000; text-align:right; border-top:1px solid #ffffff; margin:3px 2px 2px 2px;}
.zbozi_pocet {margin-left:7px; text-align:right; width:30px}
.cena {text-align:center; color: #C00; font-weight:bold;}

.filtrovani {margin:17px 0 7px 0; padding:3px 10px; background-color: #333;  border:1px solid #222;}
#strankovani { text-align:center; margin:17px 0 10px 0}
#strankovani a { margin:3px 2px}
#strankovani .str_aktiv {font-weight:bold; font-size:120%}

/*------------ DETAIL ZBOZI ------------*/
.zbozi_detail {padding: 0 10px;}
.zbozi_detail a { font-weight:normal}
.zbozi_detail_img { width:120px;height:120px; float:right; margin: 7px;}
.zbozi_detail_udaje { width:330px; float:left; margin:7px 27px 7px 0}
.zbozi_detail_popisPar { width:100px; float:left; text-align:right; margin:0 17px 1px 0;}
.zbozi_detail_cena { color: #CC0000;font-weight:bold;}
.zbozi_detail_popis {margin:5px 10px;}

.submit_kosik {width:35px;height:22px; background:url('../_images/kosik3.gif') no-repeat -3px -4px; cursor:pointer; vertical-align: bottom; }
.submit_kosik:hover {background:url('../_images/kosik3.gif')  no-repeat top left;}

/*----------- KATALOG ZBOZI ------------*/
#uvod_katalog {margin:20px 0; padding-bottom:10px; border:1px solid #FFCC33; /*background:#FFF9A8;*/}
#uvod_katalog h2 {text-align:center;font-size:150%; margin:10px 0 10px 10px;}
#uvod_katalog li {list-style:none}
#uvod_katalog ul {margin-left:0px}
#uvod_katalog a {font-weight:normal}
#uvod_katalog img {border:none}
/*#uvod_katalog .lidisc {background:url('../_images/balonekm.gif') no-repeat left top; padding-left:15px}*/
#uvod_katalog .lidisc {float:left; width:260px; margin:5px 10px 0 10px}
#uvod_katalog .lidisc li {display:inline;}
.katSubKat a {color:#333;font-size:95%}


.popup { position:absolute; top:300px; left:50%; background: #444444 url(/_images/smaz.png) right top no-repeat; border:3px double #000; text-align:center; padding:40px 0; margin-left:-150px; width:300px;}
#popup { position:absolute; top:320px; left:50%; background: #444 url(/_images/smaz.png) right top no-repeat; border:3px double #000; text-align:center; padding:50px 0; margin-left:-200px; width:400px;}
/*#popup strong {color: #000000;}*/
/*------------- KOSIK --------------------*/
#kosik, #registrace { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:0.9em}
#kosik table { width:520px;}
#kosik td { text-align:left;}
#kosik th { text-align:left;}
#kosik .td_nazev { width:250px}
#kosik .td_cena { width:50px; text-align:right}
#kosik img { border:none}

#kosik .odsad { margin:0 0 10px 20px;}

/*------------- REGISTRACE ---------------*/
.regPolozka { margin:2px 0}
.regPopis { width:100px;float:left; text-align:right; margin-right:10px}
.poznHeslo { margin:17px 0 10px 30px; border-top:1px solid #666666;}
.td_sumace { width:150px; text-align:left}
#registrace table {margin:7px auto 7px 40px}

/*------------- AKTUALITY ---------------*/
.aktualita {margin:0px 0 10px 0}
.aktualita .aktImg {float:left; width:17px; height:17px; margin:0 10px 0 6px}
.aktualita .aktImg img { border:none}
.aktualita .aktText {margin-left:0px;}


/*----- popup nahled vysvetlivky ----*/
.show_popup {
  /*display: block;*/
  position: relative;
  cursor: pointer;
}
.show_popup .active{color: #ffffff; text-decoration: underline;}
.show_popup .popup {
  display: block;
  position: absolute;top: -20px; left: 280px;
  cursor: auto;
  font-size: 0.9em;
  background-color: #d2dae5;
  border: 1px solid #628196;
  /*width: 280px;
  _width: 300px;*/
  visibility: hidden;  
  padding: 10px;
  
}

.show_popup.Hover .popup,
.show_popup:hover .popup {
	visibility: visible;
}

/*pouziti­ hover.htc scriptu pro spravne chovani­ ie*/
.show_popup {
	behavior: url('http://www.alcandles.cz/_css/hover.htc');
}



.kategorie {
    float: left;
    width: 410px;
    height: 200px;
    border: 1px solid #dc0d0d;
    margin: 0px 5px 10px 10px;
    padding: 10px;
}
.kategorie img {
    float: right;
}
.produkty {
    margin: 0px 0px 0px 20px;
}
.produkt {
    float: left;
    border: 1px solid #3b2222;
    width: 170px;
    margin: 0px 20px 30px 10px;
}
.border {
    border: 1px solid #dc0d0d;
    height: 250px;
    padding: 5px;
}

/*--------- form -------*/
input.submit {
    background-color: #dddddd;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}