html, body 
{ 
height: 100%; 
padding: 0; 
margin: 0; 
} 

body {
margin: 0;
padding: 0;
font-family: Arial,Tahoma,Verdana;
font-size: 0.9em;
color: black;
background: url('/images/background.jpg') repeat center top;
text-align: center;
}

img {
border: none;
}

/* HEADLINE */

/* A */
a {outline-style: none; cursor: pointer; color: #7d1f54; text-decoration: underline;}
a:hover {outline-style: none; cursor: pointer; text-decoration: none;}

/* SPAN, P */
p {padding: 0; margin: 0;}
.pink {color: #c82781;}

/* TABLE */
.width40px {width: 40px;}
.padding-right10px {padding-right: 10px;}

#wrap {
min-height: 100%; 
_height: 100%; /* IE */ 
overflow: no;
position: relative;
}
#page {
position: relative;
margin: 0px auto;
width: 980px;
text-align: left;
}
#logo {
position: absolute;
top: 94px;
left: 30px;
width: 215px;
height: 94px;
}
#logo .logoheader {width: 215px; height: 94px; position: relative; margin: 0;}
#logo .logoheader span {background: url('/images/logo.jpg') no-repeat;position: absolute;width: 100%;height: 100%;}
#header {
float: left;
width: 980px;
height: 293px;
background: url('/images/header.jpg') no-repeat 0 73px;
}
#menu {
float: left;
width: 933px;
height: 63px;
background: #b41b64 url('/images/menu.jpg') no-repeat 0 0;
padding: 10px 32px 0 15px;
}
.text {position: absolute; left: 762px; top: 30px; background: #f5dae9 url('/images/search-input.jpg') repeat-x 0 0; height: 18px; width: 160px; border: 1px solid white; padding: 1px 0 0 0; margin: 0; line-height: 1.3em; padding-left: 3px;}
.submit {position: absolute; left: 922px; top: 30px; background: #e68490; height: 21px; width: 25px; border: none; padding: 0; margin: 0; cursor: pointer; outline-style: none;}
#choosen_category {position: absolute; left: 317px; top: 246px; background: url('/images/choosen_category.png') no-repeat 0 0; width: 428px; height: 36px; line-height: 34px; color: white; font-weight: bold; padding-left: 20px;}
/*#choosen_category h2 {font-size: 1.1em; margin: 0;}*/
#basket {position: absolute; left: 807px; top: 244px; width: 130px; height: 40px; background: url('/images/basket.jpg') no-repeat right 8px; padding-right: 30px}

/* CONTENT */
h1 {color: #921A58; font-size: 1.4em; margin-top: 9px;}
h2 {color: #921A58; font-size: 1.2em; margin-top: 12px; border-left: 2px dashed #FEAEF3; border-bottom: 2px dashed #FEAEF3; padding: 5px; clear: both; margin-bottom: 6px;}
#content {float: left; width: 980px; background: url('/images/content.jpg') no-repeat 182px 0; padding-top: 16px; font-size: 0.9em;}
#left {float: left; width: 200px; display: inline; padding-right: 15px;}
#right {float: right; width: 200px; display: inline;}
.box {float: left; width: 200px; background: #ebebeb url('/images/box.jpg') repeat-y 0 0; margin-bottom: 15px;}
.in_box {float: left; width: 200px; position: relative; background: url('/images/box-bottom.jpg') no-repeat 0 bottom; padding-bottom: 15px;}
#catalogue_menu .in_box {background: none; padding: 0px;}
.subheadline {position: relative; display: block; line-height: 36px; height: 36px; width: 173px; background: #db3d6d url('/images/sub-headline.jpg') no-repeat 0 0; margin: 0 0 10px 0; padding-left: 27px; color: white; font-size: 1em; font-weight: bold;}
#center ul {padding-left: 12px;}

#homepage_info {float: left; width: 550px; padding: 10px; margin-bottom: 12px;}
#homepage_info .vybrany_clanek {float: left; width: 300px; height: 110px;}
#homepage_info .novinky {float: left; width: 200px;}

/* CENTER PRODUKTY */
#left_part {float: left; width: 765px;}
#center {float: right; width: 550px;}
#center p {float: left; width: 100%; line-height: 1.1em; padding: 5px 0;}
#center p.info {float: left; width: 510px; line-height: 1.1em; padding: 5px 20px;}
#center table {background: url('/images/underline_2.gif') repeat-x 0 bottom; padding: 5px 15px; margin-bottom: 5px; width: 550px;}
.underline_2 {background: url('/images/underline_2.gif') repeat-x 0 bottom; padding: 5px 0; margin-bottom: 5px;}
.float_right {float: right; text-align: center;}
.float_right a {margin-left: 3px; margin-right: 3px;}
.float_right b {margin-left: 3px; margin-right: 3px;}
.prize {background: url('/images/input-prize.jpg') no-repeat 0 0; width: 39px; height: 22px; border: none; margin: 0 5px 0 5px;}
.filter {background: url('/images/input-filter.jpg') no-repeat 0 0; width: 79px; height: 22px; border: none; margin: 0 5px 0 5px; color: white;}
#products {float: left; width: 550px; padding: 6px 0; display: inline; position: relative;}
.product {float: left; position: relative; width: 160px; height: 280px; background: white url('/images/product.jpg') repeat-x bottom; border: 1px solid #d0aabf; padding: 11px; margin: 0 -1px -1px 0; font-size: 0.85em;}
.product a img {margin: auto; margin-bottom: 10px;}
.product h3 {margin: 0; height: 40px; font-size: 1em;}
.product h3 a {color: #c82781; text-decoration: none;}
.product h3 a:hover {text-decoration: underline;}

.product .ikonky {position: absolute; width: 55px; right: 0px; top: 0px;}
.product .ikonky span {display: none;}
.product .sleva {position: relative; width: 55px; height: 42px; background: url('/images/sleva.png') no-repeat;}

.product .puvodni_cena {font-size: 0.8em; margin-top: -16px; margin-bottom: -7px; text-decoration: line-through;}
.product .puvodni_cena strong {text-decoration: line-through;}
.product .product_underline {background: url('/images/underline.gif') repeat-x 0 bottom; padding: 0; position: relative; text-align: left; height: 15px;}
.product strong {font-size: 1.1em;}
.product_img {height: 120px; text-align: center;}
.product_info {height: 50px; padding: 0; text-align: left;}
a.product_detail {background: #6341b1 url('/images/product_detail.jpg') no-repeat 0 0; width: 48px; height: 22px; display: block; text-align: center; border: none; color: white; font-size: 0.85em; line-height: 22px; font-weight: bold; text-decoration: none;}
a.product_detail:hover {text-decoration: underline;}
.product_into_basket {background: #932d66 url('/images/product_into_basket.jpg') no-repeat 0 0; width: 104px; height: 22px; border: none; color: white; font-size: 0.85em; line-height: 22px; font-weight: bold;}

#product_lefttop {position: absolute; left: 0; top: 6px; width: 16px; height: 15px; background: url('/images/product_lefttop.png') no-repeat 0 0;}
#product_righttop {position: absolute; left: 534px; top: 6px; width: 16px; height: 15px; background: url('/images/product_righttop.png') no-repeat 0 0;}
#product_leftbottom {position: absolute; left: 0; bottom: 5px; width: 16px; height: 15px; background: url('/images/product_leftbottom.png') no-repeat 0 0;}
#product_rightbottom {position: absolute; left: 534px; bottom: 5px; width: 16px; height: 15px; background: url('/images/product_rightbottom.png') no-repeat 0 0;}


#detail .popis {font-weight: normal;}
/* CENTER DETAIL ZBOZI */
a.obrazekbig {float: left; text-align:center; width: 240px; margin-top: 18px;}
#detail .koupit {float: right; width: 300px; margin-top: 30px; }
#detail .koupit .cena {font-size: 1.2em;}
#detail .koupit .puvodni_cena {font-size: 0.9em; text-decoration: line-through;}
#detail .koupit input.ks {width: 30px;  border: 1px solid black; background: #FBEAF4;}
#detail .koupit input.sub {background: #932d66 url('/images/product_into_basket.jpg') no-repeat 0 0; width: 104px; height: 22px; border: none; color: white; font-size: 0.85em; line-height: 22px; font-weight: bold;}

#detail .product .koupit {width: 160px; margin-top: 0px;}

/* CENTER DETAIL KOSIK */
#center .kosik-tabulka {width: 550px; margin: 0px; padding: 0px;}
#center .kosik-tabulka thead td {background: #FBEAF4; padding: 4px; font-size: 10px;}
input.kosikpotvrdit {width: 150px; height: 30px; border: 1px solid black; background: #FBEAF4;}
input.kosikulozit {width: 150px; height: 30px; border: 1px solid black; background: #FBEAF4;}

/* CENTER DETAIL POKLADNA */
input.pokladnaobjednat {width: 150px; border: 1px solid black; background: #FBEAF4;}

/* FOOTER */
#footer {float: left; width: 950px; height: 58px; background: url('/images/footer.jpg') no-repeat center 0; padding: 22px 15px 15px 15px;}
#footer #footer_right {float: right; font-size: 0.9em;}
#footer #footer_right p {text-align: right; padding-top: 5px;}
#footer .separator {padding: 0 15px;}

#paticka {float: left; width: 950px; padding-bottom: 6px; font-size: 0.8em;}

/* FACEBOOK_LEFT */
.facebook_left {text-align: center; margin: auto;}
.facebook_left img {margin-bottom: 6px;}
.facebook_left .no-underline {text-decoration: none;}

/* MENU */
ul#in_menu {float: left; list-style-type: none; display: inline; margin: 0; padding: 0; height: 60px; line-height: 60px;}
ul#in_menu li {float: left;}
ul#in_menu li a {padding: 0 19px 0 17px; display: block; background: url('/images/in_menu.jpg') no-repeat right center; color: white; text-decoration: none; font-size: 1em; font-weight: bold;}
ul#in_menu li a:hover {text-decoration: underline;}

/* UP_BASKET */
#up_basket {position: absolute; left: 637px; top: 95px; margin: 0; padding: 0; list-style: none;}
#up_basket li {height: 36px; font-weight: bold; color: #ef0759;}
#up_basket li a {color: #ef0759;}
#up_basket li#up_1 {padding-left: 159px;}
#up_basket li#up_2 {padding-left: 98px;}
#up_basket li#up_3 {padding-left: 48px;}
#up_basket li#up_4 {padding-left: 0px;}

/* KATEGORIE */
#catalogue_menu h3 {float: left; line-height: 36px; height: 36px; padding-top: 6px; width: 173px; background: white url('/images/sub-headline.jpg') no-repeat bottom; margin: 0 0 0 0; padding-left: 27px; color: white; font-size: 1em; font-weight: bold;}
#catalogue_menu h3.h24 {width: 180px; padding-left: 20px;}
#catalogue_menu h3 a {color: white; text-decoration: none;}
#catalogue_menu h3 a:hover {text-decoration: underline;}
#catalogue_menu h3.alone {background: white url('/images/sub-headline.png') no-repeat bottom;}

ul.menu {float: left; width: 190px; padding: 0px 5px; list-style: none; margin: 0; background: url('/images/box-bottom.jpg') no-repeat 0 bottom}
ul.menu ul.menu {padding: 0 10px; background: none;}
ul.menu li {float: left; width: 190px; background: url('/images/underline.gif') repeat-x 0 bottom;}
ul.menu li a {display: block; background: url('/images/bullet.gif') no-repeat 10px center; padding: 3px 0 3px 30px; text-decoration: none; color: black;}
ul.menu li a.aktivni {font-weight: bold;}
ul.menu li li a {padding-left: 30px; font-weight: normal;}
ul.menu li a:hover {color: #c82781; text-decoration: underline;}
li.kat-2-0 {background: none !important;}

/* PICK COLOR */
/* MENU */
ul#color {list-style-type: none; margin: auto; padding: 0; padding-left: 6px; width: 150px;}
ul#color li {height: 22px; float: left; width: auto; margin-bottom: 7px;}
#color a, #color a span {display:block; height: 22px; overflow:hidden;}
#color a {position:relative; width: 100%; height: 100%;}
#color a span {position:absolute; top:0; left:0;}

#red a, #red a span {width: 22px; background: url("/images/color_red.jpg") no-repeat; margin-right: 7px;}
#purple a, #purple a span {width: 22px; background: url("/images/color_purple.jpg") no-repeat; margin-right: 7px;}
#blue a, #blue a span {width: 22px; background: url("/images/color_blue.jpg") no-repeat;  margin-right: 7px;}
#azur a, #azur a span {width: 22px; background: url("/images/color_azur.jpg") no-repeat;  margin-right: 7px;}
#green a, #green a span {width: 22px; background: url("/images/color_green.jpg") no-repeat;  margin-right: 7px;}
#limet a, #limet a span {width: 22px; background: url("/images/color_limet.jpg") no-repeat;  margin-right: 0px;}
#yellow a, #yellow a span {width: 22px; background: url("/images/color_yellow.jpg") no-repeat; margin-right: 7px;}
#orange a, #orange a span {width: 22px; background: url("/images/color_orange.jpg") no-repeat; margin-right: 7px;}
#pink a, #pink a span {width: 22px; background: url("/images/color_pink.jpg") no-repeat;  margin-right: 7px;}
#brown a, #brown a span {width: 22px; background: url("/images/color_brown.jpg") no-repeat;  margin-right: 7px;}
#grey a, #grey a span {width: 22px; background: url("/images/color_grey.jpg") no-repeat;  margin-right: 7px;}
#black a, #black a span {width: 22px; background: url("/images/color_black.jpg") no-repeat;  margin-right: 7px;}
#white a, #white a span {width: 22px; background: url("/images/color_white.png") no-repeat;  margin-right: 0px;}

/* WISHLIST */
p.wishlist {padding: 0 15px; background: url('/images/letter.jpg') no-repeat 154px center;}
p.wishlist a {color: #7d1f54; width: 140px; padding-right: 40px;}

/* ONAS */
.onas {padding: 6px; float: left; padding-left: 10px;}

/* NOVINKY A INFORMACE */
.margin_padding {margin: 0 5px; padding: 5px 10px 0 10px;}
p.underline {margin: 0 5px; padding: 5px 10px; background: url('/images/underline.gif') repeat-x 0 bottom;}
p.novinka {width: 188px !important; padding: 6px !important;}

/* NEWSLETTER */
#newsletter_text {float: left; background: /*#f6deec*/ url('/images/newsletter_text.jpg') no-repeat 0 0; border: none; width: 101px; height: 22px;}
#newsletter_submit {float: right; background: #8e2961 url('/images/newsletter_submit.jpg') no-repeat 0 0; border: none; width: 61px; height: 22px; line-height: 21px; cursor: pointer; outline-style: none; color: white;}

/* AKCNI ZBOZI */
.product_in_action {float: left; margin: 0px 5px; padding: 5px 10px 10px 10px; background: url('/images/underline.gif') repeat-x 0 bottom; width: 170px;}
.product_in_action h4 {margin: 0; font-size: 0.85em; padding-bottom: 5px;}
.product_in_action h4 a {text-decoration: none; color: #c82781;}
.product_in_action h4 a:hover {text-decoration: underline;}
.product_in_action a img {float: left;}
.product_in_action p {float: left; width: 56px; margin-left: 10px; padding-top: 15px;}
.product_in_action p strong {display: block; padding-bottom: 5px;}
.product_in_action .product_detail {font-size: 0.7em;}
.product_in_action .puvodni_cena {font-size: 0.7em;}

/* REGISTRACE */
.register div.inputs {width: 320px;}
.register label {width: 140px; float: left; margin: 3px; margin-left: 20px; margin-top: 5px;}
.register input {width: 140px; float: right; margin: 3px;}
.register input.tlacitko {margin-top: 18px;}

.login {padding-left: 12px;}

/* CLANKY , CLANEK */
#center #clanek, #center #clanky {width: 550px; padding-left: 0px;}

#center #clanek, #center #clanky {font-size: 12px; color: #535353;}
#center #clanek h1, #center #clanky h1 {
	font-size: 20px; margin-top: 10px; margin-bottom: 10px;
}
#center #clanek h2, #clanky h2 {
	font-size: 16px; color: #4c2b11; margin-top: 10px; margin-bottom: 10px;
}
#center #clanek h2.souvisejici span {display: none;}
#center #clanek .anotace {font-style: italic;}
#center #clanek .text_clanku strong {font-weight: normal;}

	#center #clanky .clanek {padding: 6px; width: 520px; margin-bottom: 18px;}
	#center #clanky .clanek h2 {margin-bottom: 6px; text-align: left; font-size: 14px;}
	#center #clanky .clanek .text_clanku {float: left; width: 400px;}
	#center #clanky .clanek .anotace {}
    #center #clanky .clanek .anotace p {display:  inline;}
    #center #clanky .clanek .anotace a {float: right;}
	#center #clanky .clanek img {margin-top: 18px; margin-left: 0px; margin-right: 12px; float: left;}


	#center .vybrany_clanek {width: 320px; margin-bottom: 18px; margin-left: 0px; margin-right: 12px;}
	#center .vybrany_clanek h2 {margin-bottom: 6px; text-align: left; font-size: 12px;}
	#center .vybrany_clanek .text_clanku {float: left; width: 200px;}
	#center .vybrany_clanek .anotace {}
    #center .vybrany_clanek .anotace p {display:  inline;}
    #center .vybrany_clanek .anotace a {float: right;}
	#center .vybrany_clanek img {margin-top: 36px; margin-left: 0px; margin-right: 12px; float: left;}


#slideshow {
	position: relative;
	width: 540px;
	height: 380px;
	margin: auto; margin-top: 12px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width: 540px;
	height: 380px;
    background-color: #FFF;
	font-family: verdana;
	color:white;
	font-size:12px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
	
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    display: block;
    border: 0;
    margin-bottom: 10px;
}

#slideshow DIV a {
    display: block;
    width: 540px;
    height: 380px;
}

#slideshow DIV a span {
    display: none;
}

.form_adresa input {margin-right: 3px;}
label.error {
	color: red;
	display: none;
}
.povinne {
	color: red;
}

#mapa h3{margin-top: 16px;}
#mapa ul{float: none; height: auto; width: auto; background: none; padding-left:20px;margin-top:3px;}
#mapa li{float: none; height: auto; width: auto; background: none; padding-left:20px;margin-top:3px;}
#mapa a:hover {text-decoration:none}


/* IE 8 */
#center table {padding: 5px 15px; margin-bottom: 5px; width: 520px;}

/* IE 7 */
#center table {%padding: 5px 25px; %margin-bottom: 5px; %width: 550px;}
.product_into_basket {%margin-right: -4px;}
#footer {%margin-top: 10px;}

/* IE 6 */
#left {_margin: 0; _padding-right: 15px;}
#center table {_padding: 5px 30px; _margin-bottom: 5px; _width: 100%;}
#right {_float: right; _margin-right: -10px;}
#choosen_category {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop src='/images/choosen_category.png'); _background: none;}
.product {_height: 287px;}
.product_into_basket {_margin-right: -7px;}
#footer #footer_right {_margin-top: -25px;}
#footer #footer_right {_margin-top: -25px;}