@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	behavior:url(scripts/csshover2.htc);
}

a img {border:none;}

.bg {
	background:#b4ada9 url(../img/bg.jpg) repeat-x top;
	width:800px;
	margin:0.5% auto;
	padding:40px;

}

.navigation {
	font-size:75%;
	text-align:right;
}

.navigation a {
	text-decoration:none;
	color:#9ea4bb;
}

.navigation a:hover {color:#000;}

.border {border:solid 1px #000;}

.top {
	height:370px;
	background:#faf9f9;
	font-size:90%;
	position:relative;
}

.menu {
	background:#b4bde1 url(../img/bg_menu.jpg) repeat-x top;
	font-size:70%;
	text-transform:uppercase;
	text-align:center;
	position:relative;
	z-index:2;
}

.menu ul {list-style:none;}

.menu li {
	float:left;
	width:19.9%;
	position:relative;
}

.menu ul ul {
	position:absolute;
	bottom:100%;
	width:100%;
	left:0;
	visibility:hidden;
}

.menu ul ul li {
	float:none;
	width:100%;
}

.menu ul ul a {background:#aab8e0;}

.menu ul ul li a:hover {background:#dfe0e5;}

.menu ul ul li:hover a {color:#98a9d9;}

.menu .c, .c, .top_line .c {
	clear:both;
	float:none;
}

.menu a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0.5em 0;
}

.bottom {
	position:relative;
	background:#fff;
	text-align:right;
}

.bottom img {
	position:relative;
	z-index:1;
}

.line {
	height:1px;
	width:90%;
	left:5%;
	bottom:15%;
	background:#000;
	position:absolute;
}

h2 {
	color:#afb1cd;
	font-size:120%;
}

.cnt {height:100%;}

.right {
	float:left;
	width:430px;
	height:100%;
	overflow:auto;
	text-align:left;
	color:#646668;
}

.index {padding:10% 8% 4%;}

.index h2 {
	text-transform:uppercase;
	font-size:100%;
	margin-bottom:2em;
}

.index p {
	margin-bottom:2em;
	text-align:justify;
	font-size:90%;
}

.index h3 {
	font-size:85%;
	padding:0.8em 0;
	clear:both;
}

.historia p {margin-bottom:1.5em;}

.info {padding-top:15%;}

.info h4 {font-size:100%;}

.top_line {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:2;
}

.top_line h2 {
	font-size:170%;
	color:#fff;
	font-weight:normal;	
	padding:0.1em 0;
}

.top_line div {
	float:left;
	width:50%;
	color:#fff;
}

.hgh {font-weight:bold;}

.pic {
	display:block;
	margin:0 auto;
}

.prd a {
	position:absolute;
	bottom:1%;
	left:2%;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
}

.prds {
	position:absolute;
	top:0;
	left:0;
	width:24%;
	height:100%;
	z-index:1;
	opacity:0;
	filter: alpha(opacity=0);
	display:none;
}

.lrg {width:367px;}
.lrg2 {width:217px;}

.mr {width:30%;}

.lst {
	position:relative;
	z-index:5;
	margin:4em 1em 0.5em;
	color:#fff;
	font-size:75%;
	width:95%;
}

.lst div {
	float:left;
	width:50%;
}

.lst a {
	text-decoration:none;
	color:#fff;
	text-transform:lowercase;
	display:block;
	padding-left:0.5em;
}

.lst a:hover {color:#000;}

.lst h3 {
	font-size:100%;
	margin:1em 0 0.6em 0;
}

.product {
	height:370px;
	width:367px;
	background:url(../img/bg_product.jpg) no-repeat bottom #fff;
	float:left;
	text-align:center;
	line-height:370px;
}

.product img {vertical-align:middle;}

.sub {
	font-style:italic;
	margin-bottom:2em;
	font-size:90%;
}

.small {font-size:80%;}

.reponse .top_line {background:#d8b3d0;}
.reponse .hgh, .reponse h4, .str, .reponse .lst_it a, .right .index .reponse a  {color:#caa0c5;}
.reponse #products {background-color:#A4709E;}

.corrective .top_line {background:#142535;}
.corrective .hgh, .corrective h4, .corrective .lst_it a, .right .index .corrective a  {color:#000115;}
.corrective #products {background-color:#252536;}
.corrective .lst a:hover {color:#999;}

.temps .top_line {background:#b9babd;}
.temps .hgh, .temps h4, .temps .lst_it a, .right .index .temps a {color:#a7a9ac;}
.temps #products {background-color:#888A8F;}

.delicate .top_line {background:#f4c6d9;}
.delicate .hgh, .delicate h4, .delicate .lst_it a, .right .index .delicate a  {color:#f2aac3;}
.delicate #products {background-color:#c07c97;}

.purete .top_line {background:#bae0cd;}
.purete .hgh, .purete h4, .purete .lst_it a, .right .index .purete a {color:#95ccb0;}
.purete #products {background-color:#78a083;}

.yeux .top_line {background:#9dccf2;}
.yeux .hgh, .yeux h4, .yeux .lst_it a, .right .index .yeux a  {color:#9dccf2;}
.yeux #products {background-color:#789AB7;}

.vitalite .top_line {background:#F6B136;}
.vitalite .hgh, .vitalite h4, .vitalite .lst_it a, .right .index .vitalite a  {color:#F5A415;}
.vitalite #products {background-color:#DC7722;}

.blanche .top_line {background:#818285;}
.blanche .hgh, .blanche h4, .blanche .lst_it a, .right .index .blanche a  {color:#737373;}
.blanche #products {background-color:#818285;}

.corps .top_line {background:#8D9FCB;}
.corps .hgh, .corps h4, .corps .lst_it a, .right .index .corps a  {color:#7A8FCC;}
.corps #products {background-color:#455EA3;}

.homme .top_line {background:#624A3D;}
.homme .hgh, .homme h4, .homme .lst_it a, .right .index .homme a  {color:#7B4A3D;}
.homme #products {background-color:#573725;}

.soleil .top_line {background:#BA4E13;}
.soleil .hgh, .soleil h4, .soleil .lst_it a, .right .index .soleil a  {color:#BA4E13;}
.soleil #products {background-color:#BE341E;}

.teint .top_line {background:#993333;}
.teint .hgh, .teint h4, .teint .lst_it a, .right .index .teint a {color:#891b1d;}
.teint #products {background-color:#991f1e;}

.flash {
	width:367px;
	height:370px;
	float:left;
}

.salony a:hover, .kontakt a, .index a {
	color:#849ADF;
	text-decoration:none;
}

.linie {line-height:1.5em;}

.linie a {font-size:90%;}

.ndp {text-align:center;}

.linie .ndp {margin-bottom:2.5em;}

.cennik {padding:3% 4% 4%;}

.cennik table {
	text-align:center;
	margin-top:3%;
}

.sml th {padding-top:0.5em;}

.sml th, .cennik td {font-size:70%;}

.cennik td {vertical-align:bottom;}

.cennik .name {
	font-size:75%;
	text-align:left;
}

.str {
	font-weight:bold;
	padding-top:0.5em;
}

.lst_it {
	float:left;
	width:49%;
	height:125px;
}

.lst_img {
	margin-right:5%;
	float:left;
	height:100%;
}

.dsc {
	font-size:70%;
	padding:0 5%;
}

.lst_it .hgh {
	display:block;
	margin-bottom:0.1em;
}

.top_line_1 {
	text-align:center;
	background:#8D9FCB;
	height:8%;
}

.top_line_1 h2 {
	font-size:170%;
	color:#fff;
	font-weight:normal;	
	padding:0.1em 0;
}

.akcie {
	height:92%;
	overflow:auto;
}

.akcie h3 {
	color:#7A8FCC;
	font-size:120%;
	margin-bottom:0.5em;
	clear:both;
}

.container {padding:1em 2em;}

.thumbs {margin-bottom:1em;}

.thumbs img {
	border:1px solid #000;
	padding:2px;
	margin-left:1.5%;
}

.none {display:none;}

.salony {font-size:80%;}

.salony .high, .historia .high {
	color:#7A8FCC;
	font-weight:bold;
}

.salon {margin-bottom:0.5em;}

.salony a {
	color:#d2a7c9;
	text-decoration:none;
	font-weight:bold;
}

.salon img {vertical-align:middle;} 

p.left {text-align:left;}

.new_container {
	float:left;
	width:367px;
	height:370px;
}

.preload img {display:none;}



.osetrenia {line-height:1.3em;}
.osetrenia a {font-size:90%; font-weight: bold;}
.osetrenia a:hover {color: #D2A7C9;}
.osetrenia .ndp {margin-bottom:2.5em;}

.osetrenia-osetrenia .top_line {background:#8D9FCB;}
.osetrenia-osetrenia .hgh, .osetrenia-osetrenia h4, .str, .osetrenia-osetrenia .lst_it a, .right .index .osetrenia-osetrenia a  {color:#7A8FCC;}
.osetrenia-osetrenia #products {background-color:#455EA3;}

.nadpis-osetrenia {color: #455EA3; font-weight: bold; margin-top: 10px;}

.lst2 {
	position:relative;
	z-index:5;
	margin:4em 1em 0.5em;
	color:#fff;
	font-size:75%;
	width:95%;
}

.lst2 div {
	float:left;
	width:90%;
}

.lst2 a {
	text-decoration:none;
	color:#fff;
	text-transform:none;
	display:block;
	padding-left:0.5em;
}

.lst2 a:hover {color:#000;}

.ppripravky	{display: block; padding: 5px; color:#FFF;}
.pphomme	{background: url(../img/ppripravky_bg_homme.jpg) repeat-y;}
.ppsoleil	{background: url(../img/ppripravky_bg_soleil.jpg) repeat-y;}
.ppbody		{background: url(../img/ppripravky_bg_body.jpg) repeat-y;}
.ppjeun 	{background: url(../img/ppripravky_bg_jeun.jpg) repeat-y;}
.ppcorec	{background: url(../img/ppripravky_bg_corec.jpg) repeat-y;}
.pptemps	{background: url(../img/ppripravky_bg_temps.jpg) repeat-y;}
.ppdelic	{background: url(../img/ppripravky_bg_delic.jpg) repeat-y;}
.pppuret	{background: url(../img/ppripravky_bg_puret.jpg) repeat-y;}
.ppyeux		{background: url(../img/ppripravky_bg_yeux.jpg) repeat-y;}
.ppvital	{background: url(../img/ppripravky_bg_vital.jpg) repeat-y;}
.ppblanc	{background: url(../img/ppripravky_bg_blanc.jpg) repeat-y;}
.ppteint	{background: url(../img/ppripravky_bg_teint.jpg) repeat-y;}

a.linkjeun:hover	{color: #caa0c5;}
a.linkcorec:hover	{color: #000115;}
a.linktemps:hover	{color: #a7a9ac;}
a.linkdelic:hover	{color: #f2aac3;}
a.linkpure:hover	{color: #95ccb0;}
a.linkyeux:hover	{color: #9dccf2;}
a.linkvital:hover	{color: #faa635;}
a.linkblanc:hover	{color: #818285;}

a.linkred	{color: #ff0000;}

.index .textodtiene	{margin:0em; margin-bottom: 6px;}
.index .blokodtiene	{width: 345px;}
.index .odtien			{width: 160px; height: 20px;
				 float: right; margin-bottom: 6px;}
.index .vlavo			{float: left; margin-left: 10px; margin-right: 5px;}
.index .odtien img		{float: left; margin-right: 10px;}
.index .odtien p		{margin: 0px; padding: 0px; margin-top:2px;}

.tvare		{color:#646668;}
.tvare a	{color:#7a8fcc; text-decoration:none;}
.tvare a:hover{color:#d2a7c9; text-decoration:underline;}