body {
background-color:#fff;
overflow:scroll;
}

#kontener {
font-family: Arial;
color:#fff;
font-size:12px; 
margin-left:auto; 
margin-right:auto; 
width:1000px;
}

#top {
height: 75px;
margin-top:0px;
margin-bottom:0px;
}
#menu_top {
width:auto;
height:75px;
text-align: right;
float:right;
}
.menu li {
	list-style:none;
	float:left;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	height:0px;	
	padding:5px 0px 0px 0px;
}
.menu li a {
	text-decoration:none;
	font-family:"arial";
	font-size:24px;
	line-height:75px;
	padding:0px 15px;
	color:#253861;
}
.menu li a:hover {
	color:#FFFFFF;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
}
.menu li:hover {
	background-color: #253861;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:75px;
}
.menu li:active {
	background-color: #84a3b8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height:75px;
}
.menu li:hover a {color:#ffffff;}
#kontent {
width:1000px;
}
#home1 {
height:315px;
margin-top:25px;
background-repeat: no-repeat;
background-position: left;
}
#home1 img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#home2 {
width: 700px;
background-color: #2e4477;
text-align: justify;
font-size: 14px;
padding: 80px 40px 40px 40px; 
margin-left: 0px; 
float: right; 
margin-top: -30px; 
line-height: 150%;
text-indent: 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#home2 ul {
padding-left: 10px; 
margin-top:5px;
margin-bottom: 20px;
}
#home2 li {
list-style-type:disc; 
list-style-position: inside;
}
#home3 {
width: 700px;
background-color: #253861;
text-align: justify;
font-size: 14px;
padding: 80px 40px 40px 40px; 
margin-left: 0px; 
float: right; 
margin-top: -30px; 
line-height: 150%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#home3 a {
color: #fff; text-decoration: none; 
}
#home4 {
width:801px;
margin-top: -30px;
float: right; 
height:auto;
}
#home5 {
width: 780px;
text-align: justify;
color: #253861;
font-size: 14px;
margin-left: 20px; 
float: right; 
margin-top: -30px; 
line-height: 150%;
text-indent: 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: solid 1px #253861;
}
#home5 ul {
list-style-type:square;
list-style-position: inside;
margin-top: 0px;
padding-left: 0px;
}

#home5 ul li {	
color: #4bb92d;
padding-top: 0px; 
padding-bottom: 0px;
}
#home5 span {
color: #253861;
}
#home6 {
width: 780px;
text-align: justify;
color: #253861;
font-size: 14px;
margin-left: 20px; 
float: right; 
margin-top: -30px; 
line-height: 150%;
text-indent: 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: solid 1px #253861;
}
#home6 a {
	text-decoration: none;
	color: #253861;
}
#home6 a:hover {
color:#4bb92d;
}
#polityka {
width: 780px;
text-align: justify;
color: #253861;
font-size: 14px;
margin-left: 0px; 
float: right; 
margin-top: -30px; 
line-height: 150%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: solid 1px #253861;
}
#polityka ul span {
margin-left: -40px;
}
#polityka ul {
text-indent: 0px;
list-style-type:lower-alpha;
list-style-position: outside;
}
#polityka hr {
margin-left: 0px;
color: #4bb92d;
background-color: #4bb92d;
height: 2px;
margin-top:1px;
border: 0 none;
}

.greenspot_remover { width: 257px; height:195px; display:inline-block; background-image: url('../img/Greenspot_Remover.png');} 
.greenspot_remover:hover { background-image: url('../img/Greenspot_RemoverH.png');}
.super_bodyshine { width: 257px; height:195px; display:inline-block; margin-right: 11px; background-image: url('../img/Super_Bodyshine.png')} 
.super_bodyshine:hover { background-image: url('../img/Super_BodyshineH.png')}
.shine_yellowout { width: 257px; height:195px; display:inline-block; background-image: url('../img/shine_yellowout.png') } 
.shine_yellowout:hover { background-image: url('../img/shine_yellowoutH.png') }
.rosewater_shampoo { width: 257px; height:195px; display:inline-block; margin-right: 11px; background-image: url('../img/Rosewater_Shampoo.png');} 
.rosewater_shampoo:hover { background-image: url('../img/Rosewater_ShampooH.png')}
.rosewater_conditioner { width: 257px; height:195px; display:inline-block; margin-right: 11px; background-image: url('../img/Rosewater_Conditioner.png');} 
.rosewater_conditioner:hover {background-image: url('../img/Rosewater_ConditionerH.png')}
.detangler_shine { width: 257px; height:195px; display:inline-block; margin-right: 11px; background-image: url('../img/Detangler_Shine.png');} 
.detangler_shine:hover { background-image: url('../img/Detangler_ShineH.png')}
#menu {
float: left;
width: 190px;
padding-left: 10px;
height: 40px;
}
#menu ul {
list-style-type:disc;
list-style-position: inside;
margin-top: 0px;
padding-left: 0px;
}

#menu ul li {	
list-style-type:disc;
border-bottom: 1px solid #253861;
padding-top: 7px; 
padding-bottom: 7px;
color:#0072a5;
font-size: 14px;
font-weight: bold;
}
#menu li a{
color:#000; 
text-decoration:none;
}
#menu li a:hover {
color:#253861; 
text-decoration:none;
}
#menu2 {
float: left;
width: 195px;
margin-left: -35px;
height: auto;
}
#menu2 ul {
margin: 0px;
}
#menu2 li {
list-style-type:none;
padding-top: 10px;
}
.left_rosewaters { width: 195px; height:26px; display: block;background-image: url('../img/left_rosewaters.png');} 
.left_rosewaters_active { width: 195px; height:26px; display: block;background-image: url('../img/left_rosewatersH.png');} 
.left_rosewaters:hover { background-image: url('../img/left_rosewatersH.png');}
.left_bodyshine { width: 195px; height:26px; display: block; background-image: url('../img/left_bodyshine.png')} 
.left_bodyshine_active { width: 195px; height:26px; display: block; background-image: url('../img/left_bodyshineH.png')} 
.left_bodyshine:hover { background-image: url('../img/left_bodyshineH.png')}
.left_detlanger { width: 195px; height:26px; display: block; background-image: url('../img/left_detlanger.png') } 
.left_detlanger_active { width: 195px; height:26px; display: block; background-image: url('../img/left_detlangerH.png') }
.left_detlanger:hover { background-image: url('../img/left_detlangerH.png') }
.left_greenspot { width: 195px; height:26px; display: block; background-image: url('../img/left_greenspot.png');} 
.left_greenspot_active { width: 195px; height:26px; display: block; background-image: url('../img/left_greenspotH.png');} 
.left_greenspot:hover { background-image: url('../img/left_greenspotH.png')}
.left_rosewaterc { width: 195px; height:26px; display: block; background-image: url('../img/left_rosewaterc.png');} 
.left_rosewaterc_active { width: 195px; height:26px; display: block; background-image: url('../img/left_rosewatercH.png');}
.left_rosewaterc:hover {background-image: url('../img/left_rosewatercH.png')}
.left_shine { width: 195px; height:26px; display: block; background-image: url('../img/left_shine.png');} 
.left_shine_active { width: 195px; height:26px; display: block; background-image: url('../img/left_shineH.png');} 
.left_shine:hover { background-image: url('../img/left_shineH.png')}
#produkt {
float: right;
width: 800px;
}
#produkt .pdf {text-align: right; font-weight: bold; height: 40px; float:right;}
#produkt .image {margin-bottom:10px; margin-top:80px; margin-left:10px; float:left; text-align:center; width:150px; height:auto; display:block;}
#produkt .opis {margin:80px 30px 10px 30px; float:right; width:580px;color: #000;}
#produkt .opis ul{padding-left: 10px; margin-top:5px;}
#produkt .opis li {list-style-type:square; list-style-position: inside;}
#produkt .image img {margin-bottom: 5px;border: 0px #666 solid; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
h1 {
font-size: 18px;
margin: 0px;
color: #4bb92d;
}
hr {
margin-left: 20px;
color: #4bb92d;
background-color: #4bb92d;
height: 2px;
margin-top:1px;
border: 0 none;
}
#produkt .image a {
 opacity: 1;
 -webkit-transition: opacity 0.3s ease-out; 
    -moz-transition: opacity 0.3s ease-out; 
     -ms-transition: opacity 0.3s ease-out; 
      -o-transition: opacity 0.3s ease-out; 
         transition: opacity 0.3s ease-out;
}
#produkt .image a:hover { opacity: 0.3; }
#produkt .tytul {font-weight:bold; font-size:14px; margin-left:10px; color: #000; text-decoration: none;}
#stopka {
width: 1000px; 
height:120px; 
background: #253861;
margin-top: 25px; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#stopka a {color: #fff; text-decoration: none; }
#stopka a:hover {color:#4bb92d; text-decoration: none;}