/* ~-~-~ Vivien Cosmetics CSSk-cha" by IdeFixx-cha" ~-~-~ */
body { 
/*	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;*/
	FONT-FAMILY: Verdana, Tahoma, "Arial CE", Arial, Helvetica, sans-serif;
/*	font-size: 70%;*/
	font-size: 12px;
	color: rgb(80,80,80);
	background: rgb(153,153,153); /*  url("back2.jpg");;*/
}
* { margin: 0; padding: 0; }

h1 { font-size: 170%; color: rgb(36,92,149); /*#a61514;*/ }
h2, h3 { font-size: 150%; }

a { text-decoration: underline; font-weight: normal; color: #039; }
a:visited { color: #039; }
a:hover, a:active { text-decoration: underline; color: #000; }

img { border: none; }
.onlyprint { display: none; }

p { margin: .2em 0 .3em 0; }

.display-none, hr { display: none; }

#print_logo {
	width:387px;
	height:158px;
	background: url("eos_logo_bw.png");
	/*display: normal;*/
}


#page { 
	margin: 0 auto; width: 1010px; 
	background: rgb(255,255,255) url("back3.png");
}

#site {
	margin: 0 auto; 
	position: relative;
	width: 1010px;
/*	padding: 1px;*/
/*	background: url("site-deco.jpg") 0 -13px no-repeat;
	border: 1px solid #ccc;*/
	border-top: none;
/*	background: rgb(255,255,255) url("cont-back.jpg");*/
}

/* Uzavírá obsah a pravý sloupec */
#box-ab { float: right; width: 890px; }
/* Obsah */
#box-a { width: 740px; float: left; /*background: url("cont-back-left.jpg");*//*border: 1px solid #000000;*/ }
/* Pravý sloupec */
#box-b { width: 130px; float: right; margin-top: 3px;/*border: 1px solid #000000;*//* background: url("cont-back-left.jpg");*/ }

/* Levé menu */
#box-c { width: 120px; float: left; margin-top: 3px; }

/* ~-~-~ Hlavička ~-~-~ */
#theme { /*margin: 0px -1px 0 -1px;*/ height: 220px; background: rgb(36,92,149) url("head.jpg"); }

#top_menu {
	position:absolute;
	left:340px;
	top:20px;
	width:200px;
	height:180px;
	/*border: 1px solid #000000;*/
/*	font-size: 11px;*/
	color:black;
	text-decoration: none;
}

.left_menu_simple {
	color:black;
	text-decoration: none;
}

.left_menu_simple a:hover {
	color:black;
	text-decoration: none;
}


#download {
	position:absolute;
	left:560px;
	top:45px;
	width:201px;
	height:85px;
}

#eos_logo {
	position:absolute;
	left:0px;
	top:0px;
	width:298px;
	height:187px;
}

#top_menu a {
	text-decoration: none;
	color:black;
}	


#logo, #logo a span, #logo div span {
	position: relative;
	top: 4px;
	left: 204px;
	width: 70px;
	height: 97px;
	font-size: 2em;
	background: url("logo-vivien-cosmetics.jpg");
}
#logo a img { display: none; }
#logo a span, #logo div span { position: absolute; top: 0; left: 0; }
#logo a { color: #000; }

#accesslink { position: absolute; z-index: -1; top: 100%; width: 1px; height: 1px; margin: 0; overflow: hidden; }

/* ~-~-~ Hlavní obsah ~-~-~ */
.items { 
	/*background: url("item-pozadi.png") repeat-y;*/
	position: relative;
	left:15px; 
	margin: 0 auto; 
	text-align: center; 
	width: 540px; 
	float: left; 
}
.item { 
	width: 180px; 
	padding: 10px 0 0px 0px; 
	/*margin-left:10px;*/
	float: left; 
	text-align: center; 
/*	border: 1px solid #efefef; */
/*	background: url("item_akce.png") bottom repeat-y; */
}
.photo { min-height: 140px;max-height: 140px; }
.item p { margin-bottom: .6em; padding: 0 10px; text-align: left; }
.item p.name { min-height: 4.5em; overflow: hidden; font-size: .9em;color:rgb(99,44,142); }
.item rada { color:rgb(99,44,142); }
.item p.cena { 
	position:absolute;
	width:170px;
	top:374px;
	left:0px;
	font-weight: bold;
	color:rgb(255,255,255);
	
	/*font-size: 1.6em;*/
}
.item input.pocet {
	position:absolute;
	top:410px;
	left:15px;
	background-color:rgb(255,255,255);
	color:#000000;
	height: 13px;
	width: 53px;
	FONT-SIZE: 11px; 
	border: 1px solid #a8aaad; 
	text-align:center;
}
.item p.cena_katalogova { 
	position:absolute;
	width:170px;
	top:357px;
	left:0px;
	/*font-weight: bold;*/
	/*color:rgb(255,255,255);*/
	/*font-size: 1.6em;*/
}
.item img.obr_kosik { 
	position:absolute;
	top:401px;
	left:93px;
	cursor:pointer;
	/*font-size: 1.6em;*/
}

.item p.description { min-height: 10.5em; overflow: hidden; }
/* Nazev Vyrobku */
.item p a { 
	font-size: 1.6em; 
	/*text-transform: uppercase; */
	letter-spacing: -1px; 
	/*color: #ee1a19 !important; */
	color: rgb(95,38,139);
}
.item p a:hover { color: #000 !important; }

.first { border-top: none; }
.clear { clear: both; }
/*.original-price { text-decoration: line-through; }*/
.new-price { font-weight: bolder; font-size: 1.3em; color: #a61514; }

/* ~-~-~ Hlavní obsah: Detail ~-~-~ */
.detail .photo { float: right; }
.detail .cart { margin-left: 5.3em; }

/* ~-~-~ Pravý sloupec ~-~-~ */
#box-b h3 { padding: 4px; font-size: 1em; text-transform: uppercase; text-align: center; color: #fff; background: #b73f6e url("svetlo-stred.png") 0 -3px repeat-x; }

#rotator { background: #fff; }
#rotator p a { font-size: 1.3em; text-transform: uppercase; letter-spacing: -1px; color: #ee1a19 !important; }
#rotator p a:hover { color: #000 !important; }

.item-row { text-align: center; padding: 15px 0 10px 0; padding-bottom: 10px; }

#rotator .item-row { border: none; width: 210px; }

#action .item-row {
	border-left: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
#action p a { font-size: 1.3em; text-transform: uppercase; letter-spacing: -1px; color: #ee1a19 !important; }
#action p a:hover { color: #000 !important; }

#recommended .item-row {
	border-left: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
#recommended p a { font-size: 1.3em; text-transform: uppercase; letter-spacing: -1px; color: #ee1a19 !important; }

.listing { padding: .1em .4em; margin: 5px 0; color: #000; border-top: 1px solid #A6164D; border-bottom: 1px solid #A6164D; }
.listing a { padding: 0 .2em; margin-right: 3px; }

/* ~-~-~ Levý sloupec ~-~-~ */
#categories, #email { width: 120px; }

#box-c h3 { padding: 4px; font-size: 1em; text-transform: uppercase; text-align: center; width: 172px;
	color: #fff;
	cursor:pointer;
	text-decoration: none;	
	background: #b73f6e url("svetlo-stred.png") 0 -3px repeat-x;
}

#box-c h3 a { 
/*	padding: 4px; 
	font-size: 1em; */
	text-transform: uppercase; 
/*	text-align: center; width: 172px;*/
	color: #fff;
	cursor:pointer;
	text-decoration: none;
}

#categories ul li { display: block; list-style: none; color: #A61514; }

#categories ul li a { 

	display: block; 
	padding: 5px 10px;
/*	margin:none;*/
	text-decoration: none;
	background: rgb(253,234,242); /* url("left_button_lichy.png"); */
	/*background: #e3e7ee url("stin-stred.png") bottom repeat-x;*/
	border-bottom: 1px solid #fff;
	color: rgb(237,15,144);
}
#categories ul li a:hover {
	/*background: #eee url("stin-stred.png") bottom repeat-x;*/
	background: rgb(250,213,229); /*#eee url("left_button_sudy.png");*/
}
/*
#categories ul li strong { display: block; padding: 5px 10px; 
	color: #3f3f3f;
	background: #95a8db url("svetlo-stred.png") 0 -3px repeat-x;
	border-bottom: 1px solid #fff;
}
*/
#categories ul li ul li a, #categories ul li ul li strong { padding-left: 1.3em; }
#categories ul li ul li ul li a, #categories ul li ul li ul li strong { padding-left: 2em; }

#email form { margin: 0 auto; padding: 5px 11px; margin: 0 0 2px 0; }
#email { text-align: center; }
#email form input { margin: 3px auto; }

#news {}

#email form { background: #fff; }

/* ~-~-~ Hlavní menu ~-~-~ */
#menu { 
	position: absolute;
	width: 975px;
	/*width: 100%;*/
	height: 41px;
	top: 121px;
	/*left: 1px;*/
	/*padding: 10px 0;*/
	/*font-size: .95em;*/
	font-size: .8em;
	background: rgb(110,58,150); /*#b73f6e url("svetlo-stred.png") top repeat-x;*/
	/*letter-spacing: -1px;*/
	text-transform: uppercase;
	
	/* border-bottom: 3px solid #95a8db; Podtrhova cara */ 
}
#menu ul li { 
	float: left; 
	list-style-type: none; 
	display: block; 
	list-style: none;
}
#menu ul li a {
	padding: 10px 10px; 
	/*width:65px;height:41px*/
	text-decoration: none;
	background: rgb(110,58,150);/*url("left_button_lichy.png");*/
} 

/*#menu span { display: none; }*/
#menu a, #menu strong 
{
	/*position: relative;*/
	/*width: 80px;*/
	/*height: 100%;*/
	 
	/*padding: 14px 20px; 
	margin-right: 3px;*/
	color: #fff;
/*	top: 14px;*/
	/*background: #b73f6e url("svetlo-stred.png") top repeat-x;*/
/*	background: #b73f6e url("tob_button.png");  top repeat-x;*/
	/*border: 1px solid #cdcdcd;*/
	border-bottom: none;
	/*text-decoration: none;*/
	/*font-weight: bold;*/
}
/*
#menu strong {
	color: #393939;
	background: #95a8db url("tob_button_select.png")top repeat-x;
}
*/
#menu a:hover { 
	/*padding: 10px 8px;
	color: #393939; 
	background: #95a8db url("tob_button.png") top repeat-x; */ 
	background: /*#95a8db*/ url("tob_button_select.png"); /*top repeat-x*/
}

/* ~-~-~ Drobečková navigace ~-~-~ */
#navigation { /*margin-top: 42px;*/ padding: 6px 10px 5px 10px; width: 955px; color: rgb(120,120,120); /*background: url("stin-hore.png") top repeat-x;*/ }
#navigation a { color: rgb(150,150,150); }

#attention { margin: 1px 0 .2em 0; padding: 4px 10px; color: #fff; background: #2f2f2f url("svetlo-stred.png") 0 -3px repeat-x; }
#attention a { color: #fff; }
#attention a:hover { color: #ccc; }

/* ~-~-~ Košík ~-~-~ */
#shopping-cart {
	position: absolute;
	z-index: 3;
	top: 25px;
	right: 1px;
	width: 170px;
	height: 87px;
	padding: 10px 0 0 80px;
	background: url("kosik.png") 6% 50% no-repeat;
	border-left: 1px solid #d990b0;
}

#shopping-cart-in a { color: #fff; }
#shopping-cart h3 { padding-top: 3px; margin-bottom: 3px; font-size: 1em; text-transform: uppercase; color: #fff; /*overflow: hidden;*/ }
#shopping-cart form { margin-top: 8px; text-transform: lowercase; }

#payment {}

/* ~-~-~ Obsah košíku: Objednávka ~-~-~ */
.basket h2 { margin-top: .5em; border-bottom: 1px solid #000; }
.basket form { margin-bottom: 1em; }
.basket span { color: #f00; font-weight: bold; }
table.basket { width: 100%; margin-top: .2em; display: table; text-align: left; border-collapse: collapse; border: none; }
table.basket th { padding: .5em 1em; font-weight: bold; border: 1px solid #fff; background-color: #dfecf7; text-align: center; }
table.basket td { background: none; padding: .5em 1em; vertical-align: middle; border-bottom: 1px solid #dfecf7; }
table.basket .price-align { width: 17%; text-align: right; }
table.basket .prvni { width: 26px; }
table.basket .druhy { width: 220px; }
table.basket .paty { width: 40px; }

/* ~-~-~ Vyhledávání ~-~-~ */
#search {
	position: absolute;
	z-index: 3;
	top: 25px; left: 490px; height: 87px; width: 163px; overflow: hidden;
	padding: 10px 5px 0 65px;
	background: url("lupa.png") 6% 50% no-repeat;
	border-right: 1px solid #8d193c;
	border-left: 1px solid #d990b0;
}
#search, #search a { color: #fff; }
.search-button { margin: 3px 0 0 0; }

#search-in { margin-top: 3px; }

.form-input { margin-top: 3px; padding: 2px 0 1px 0; background: #fff url("stin-hore.png") top repeat-x; border: 1px solid #8d193c; }

/* ~-~-~ Motto ~-~-~ */
#motto {
	position: absolute;
	z-index: 3;
	top: 25px; left: 288px; height: 74px; width: 181px; overflow: hidden;
	padding: 23px 10px 0 10px;
	border-right: 1px solid #8d193c;
	color: #fff;
}
#motto p { font-size: 1.2em; line-height: 130%; }

/* ~-~-~ Přihlášení/registrace ~-~-~ */
#login { position: absolute; z-index: 3; top: 121px; right: 1px; /*width: 250px; text-align: right;*/ padding: 4px 5px 0 0; font-size: .95em; }

/* ~-~-~ Patička ~-~-~ */
#footer { /*margin-top: 10px;*/ 
/*	padding: 5px 10px 5px 5px;*/
	padding: 3px 5px 5px 5px;/* 10px 5px 5px;*/
	font-size: .9em;
	color: rgb(255,255,255);
	background: rgb(36,92,149);/*#95a8db url("svetlo-stred.png") 0 -3px repeat-x;*/
	text-align: right;
}
#sub-footer { 
	text-align: right; 
	padding: 5px 0px 5px 10px; 
	font-size: .9em;
	background: none;
	color: #3f3f3f;
}