/*
	AUTHOR:	Anna Romańska
				info@dronka.org
				http://dronka.org
*/



/* RESETES & BASIC PAGE SETUP */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}
html 				{overflow-y: scroll;}
ul 				{list-style: none;}
a 					{margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del 				{text-decoration: line-through;}
hr 				{display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
.ie7 img 		{-ms-interpolation-mode: bicubic;}
.ie6 html 		{filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* tables  
table 			{font-size: inherit; font: 100%;}
table 			{border-collapse: collapse; border-spacing: 0;}
th 				{font-weight: bold; vertical-align: bottom;}
td 				{font-weight: normal; vertical-align: top;}*/


input[type="radio"] 					{vertical-align: text-bottom;}
input[type="checkbox"] 				{vertical-align: bottom; *vertical-align: baseline;}
.ie6 input 								{vertical-align: text-bottom;}
select, input, textarea 			{font: 99% sans-serif; line-height:18px;}
button, input, select, textarea 	{margin: 0; padding:0; border:none;}
button 									{width: auto; overflow: visible;}

a:hover, a:active 					{outline: none;}
small 									{font-size: 85%;}
strong, th 								{font-weight: bold;}
td img 								{vertical-align: middle;} 
sub, sup 								{font-size: 75%; line-height: 0; position: relative;}
sup 										{top: -1em;}
sub 										{bottom: -0.25em;}
pre, code, kbd, samp 				{font-family: monospace, sans-serif;}

/* TOOLBOX */
.floatleft 			{float: left;}
.floatright 		{float: right;}
.clear 				{clear: both;}
.out					{text-indent: -9999px;}
img.floatleft {margin-right:20px;}
img.floatright {margin-left:20px;}
.fadeThis * 			{display: none;}

/* LINKS & COLORS */
::selection			{background: #489da9; color:#fff; text-shadow:none;}
::-moz-selection 	{background: #489da9; color:#fff; text-shadow:none;}
a, span.czytaj-dalej, h4.czytaj-dalej					{color: #009cd9; -moz-transition: color .5s; -webkit-transition: color .5s; transition: color .5s;}
a:hover, span.czytaj-dalej:hover, h4.czytaj-dalej:hover			{color: #1072b5;}
#tooltip				{position:absolute;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:2px 4px; color: #63777e;
						 background:#fff; background:rgba(255, 255, 255, 0.9); display:none; z-index:1500; font-size:11px;}
.blue {color:#009cd9;}


/* STRUCTURE AND STUFF */
html, body 			{background:url(../img/body-bg3.png) repeat-x #cee1e8;}
body 					{font: 13px Arial, sans-serif; line-height:18px; color: #4b5559; background:url(../img/body-bg2.jpg) top center no-repeat; min-width:960px}
.wrap		 			{width:960px; margin:0 auto}


/* HEADER */
header {padding-top:20px;}
ul.language {width:960px; margin:0 auto; position:relative; margin-top:-20px; height:21px; background:url(../img/lang-bg.png) no-repeat top right; z-index:3;}
ul.language li a {display:block; text-indent:-9999px; width:16px; height:11px; position:absolute; top:6px;}
ul.language li.pl a {right:48px;}
ul.language li.en a {right:27px;}
ul.language li.de a {right:6px;}
header h1 a.fadeThis {position:relative; display:block; height:30px; width:205px; float:left; background:url(../img/__logo.png) no-repeat; margin:10px 0 0 10px;}
header h1 a.fadeThis span.hover {position: absolute; height: 30px; width:205px; top: 0; left: 0; display: block; cursor:pointer; background:url(../img/__logo.png) bottom center no-repeat;}
span.tel {display:block; text-indent:-9999px; background:url(../img/tel.png) no-repeat; width:175px; height:19px; margin:15px 0 20px;}

nav.top-nav {width:960px; height:72px; background:url(../img/menu-bg.png) no-repeat; position:relative; z-index:1100;}

ol.top-nav {width:960px;}
ol.top-nav li {display:inline; height:57px;}
ol.top-nav li a.fadeThis, ol.top-nav li a.fadeThis span.hover {background:url(../img/menu-bg2.png) no-repeat;}
ol.top-nav li a.fadeThis {position:relative; display:block; height:57px; float:left; cursor:pointer;}
ol.top-nav li a.fadeThis span.hover {position: absolute; height: 57px; top: 0; left: 0; display: block; cursor:pointer;}

ol.top-nav li a.produkty {width:234px;}
ol.top-nav li a.produkty span.hover {width:234px; background-position:0 -57px;}
ol.top-nav li.current a.produkty {background-position:0 -57px; cursor:default;}

ol.top-nav li a.dzialanie {width:113px; background-position: -234px 0}
ol.top-nav li a.dzialanie span.hover {width:113px; background-position:-234px -57px;}
ol.top-nav li.current a.dzialanie {background-position:-234px -114px;}

ol.top-nav li a.skladniki {width:153px; background-position: -347px 0}
ol.top-nav li a.skladniki span.hover {width:153px; background-position:-347px -57px;}
ol.top-nav li.current a.skladniki {background-position:-347px -114px;}

ol.top-nav li a.opinie {width:146px; background-position: -500px 0}
ol.top-nav li a.opinie span.hover {width:146px; background-position:-500px -57px;}
ol.top-nav li.current a.opinie{width:146px; background-position:-500px -114px;}

ol.top-nav li a.gwarancja {width:111px; background-position: -646px 0}
ol.top-nav li a.gwarancja span.hover {width:111px; background-position:-646px -57px;}
ol.top-nav li.current a.gwarancja {width:111px; background-position:-646px -114px;}

ol.top-nav li a.faq {width:95px; background-position: -757px 0}
ol.top-nav li a.faq span.hover {width:95px; background-position:-757px -57px;}
ol.top-nav li.current a.faq {width:95px; background-position:-757px -114px;}

ol.top-nav li a.zamow {width:108px; background-position: -852px 0}
ol.top-nav li a.zamow span.hover {width:108px; background-position:-852px -57px;}
ol.top-nav li.current a.zamow {width:108px; background-position:-852px -114px;}


ol.top-nav ul.lvl2 {display:none; position:absolute; top:57px; left:13px; background:url(../img/lvl2-bg.png) top left no-repeat; width:207px; height:148px; z-index:1000;}
ol.top-nav ul.lvl2 li {display:block; height:25px; padding:5px 0 5px 20px;  }
ol.top-nav ul.lvl2 li a {display:block; height:35px; text-decoration:none; text-transform:uppercase; font:bold 14px "Trebuchet MS", Arial, sans-serif; color:#009cd9; text-shadow:1px 1px #fff;}
ol.top-nav ul.lvl2 li a:hover {color:#1072b5; }
ol.top-nav ul.lvl2 li:hover {background:rgba(223, 236, 240, 0.2);}

.roundabout-holder {height: 444px; width: 520px; margin:-30px 0 0 20px; vertical-align:bottom; z-index:890; position:relative;}
.roundabout-moveable-item {width:157px; height:444px; text-align:center; cursor:pointer;}
.roundabout-in-focus {cursor: auto;}
ul.round {position:relative; z-index:900;}
ul.round li img {width:100%;}
div.product-display {position:relative; display:none; z-index:900; height:444px;}
div.product-info, div.side-info {position:absolute; right:0; top:50px; height:320px; background:#ebf3f6; padding:20px 15px; width:330px; color:#63777e; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow:#fff; text-align:center;  display:block; }
div.product-info h2, div.side-info h2 {font:bold 23px "Trebuchet MS", Arial, sans-serif; color:#009cd9; margin-bottom:7px;}
div.product-info h3, div.side-info h3 {font:18px "Trebuchet MS", Arial, sans-serif; font-weight:regular; margin-bottom:15px;}
div.product-info p {line-height:18px; padding-bottom:7px;}
div.product-info p strong, div.product-info ul li strong {color:#009cd9; font-weight:normal;}
div.product-info a.but-zamow {text-indent:-9999px; display:block; width:200px; height:39px; background:url(../img/__but-zamow.png) no-repeat; position:absolute; top:285px; left:82px;}
div.product-info a.but-zamow:hover {background-position:right center; top:286px; left:83px;}
div.product-info a.prev, div.product-info a.next {cursor:pointer; display:block; text-indent:-9999px; width:20px; height:29px; position:absolute; bottom:30px; left:35px; background:url(../img/prevnext.png) no-repeat; z-index:2000;}
div.product-info a.next {left:305px; background-position:right center;}
div.product-info ul {padding-bottom:4px;}
div.product-info ul li {display:inline-block; background:url(../img/bulet.png) 0 5px no-repeat; padding-left:15px;}
div.tabs, div.cream, div.gel, div.spray {position:absolute; top:20px; left:20px; width:320px; display:none; z-index:2000;}
div.tabs {display:block;}

/* podstrony */
div.content-top {position:relative; z-index:900; height:320px; margin-top:-30px;}
div.content-top img.main {position:absolute; top:40px; left:80px;}
div.content-top a.but-kup-teraz {display:block; position:absolute; width:142px; height:36px; top:185px; left:60px; background:url(../img/but-kup-teraz.png) no-repeat; text-indent:-9999px;}
div.content-top a.but-kup-teraz:hover {background-position:right center;}
div.side-info {height:240px; padding:10px 15px; }
div.side-info p {line-height:18px; padding-bottom:4px;}
div.side-info p a {position:relative; z-index:20;}
div.side-info ul {padding-bottom:4px;}
div.side-info ul li {display:inline-block; background:url(../img/bulet.png) 0 5px no-repeat; padding-left:15px;}
div.side-info h2 {margin-bottom:4px;}
div.side-info h3 {margin-bottom:10px;}
a.but-zamow {text-indent:-9999px; display:block; width:200px; height:39px; background:url(../img/__but-zamow.png) no-repeat; margin:10px auto 1px;}
a.but-zamow:hover {background-position:right center; margin:11px auto 0;}

/* opinie - pasek */
div.opinie {height:245px; background:url(../img/opinie-bg.jpg) repeat-x; padding:20px 0 0;}
div.opinie h3 {font:22px "Trebuchet MS", Arial, sans-serif; color:#09629f; text-shadow:1px 1px #93caed; margin-left:10px; line-height:22px;}
div.opinie h3 span {font-size:16px; font-weight:bold;}
a.but-opinie {width:177px; height:39px; display:block; text-indent:-9999px; background:url(../img/but-opinie.png) no-repeat; margin-right:10px;}
a.but-opinie:hover {background-position:right center;}
div.opinie .wrap {position:relative; height:245px; width:980px;}
div.opinie a.prev, div.opinie a.next {cursor:pointer; display:block; text-indent:-9999px; width:19px; height:28px; position:absolute; bottom:105px; left:-15px; background:url(../img/prevnext2.png) no-repeat; z-index:2000;}
div.opinie a.next {left:975px; background-position:right center;}
div.opinie img.opinie {position:absolute; bottom:-17px; left:10px;}

div.opinie-slide-wrap {margin-top:10px; height:155px; overflow:auto; width:1000px;}
li.opinie-slide {background:#5fabdb; width:440px; height:115px; padding:20px 10px 20px 20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; color:#fff; text-shadow:1px 1px #297db3; font-size:12px; line-height:16px; display:block; margin-left:10px; margin-right:10px}
li.opinie-slide img {margin-right:10px; border:6px #fff solid; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);}
li.opinie-slide q {display:block;}
li.opinie-slide span {display:block; font-weight:bold; margin-bottom:3px;}

div.opinie2 {height:60px; background:url(../img/opinie-bg2.png) repeat-x; padding:20px 0 0; clear:both; margin-top:20px;}
div.opinie2 .wrap {position:relative; height:60px; width:980px;}

div.stars {display:block; width:79px; height:13px; background:url(../img/stars.png) no-repeat; text-indent:-9999px; margin:3px 0;}
div.stars.s4 {background-position:0 -14px;}
div.stars.s3 {background-position:0 -28px;}
div.stars.s2 {background-position:0 -42px;}


/* opinie - podstrona */
div.content-wide {width:920px; background:#ebf3f6; background:rgba(255, 255, 255, 0.5); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:10px 0 20px 0; padding:20px; text-shadow:1px 1px #fff;}
article.opinia {margin:30px 0 0 ; background:#ebf3f6; background:rgba(255, 255, 255, 0.5); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:10px 0 20px 0; padding:10px; text-shadow:1px 1px #fff;}
article.opinia div.floatleft {width:150px; margin-right:10px;}
article.opinia div.floatleft img {border:6px #fff solid; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); width:130px;}
article.opinia span.autor {font:15px "Trebuchet MS", Arial, sans-serif; color:#1676b8; letter-spacing:-1px;}
article.opinia div.list {text-shadow:1px 1px #fff;}
article.opinia p {padding-bottom:5px;}
article.opinia div.efekty span {display:block; font:15px "Trebuchet MS", Arial, sans-serif; color:#1676b8; text-transform:uppercase; margin:0 0 5px 3px;}
article.opinia div.efekty img {height:70px; border:3px #fff solid; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); margin-right:5px;}
article.opinia div.floatright {width:400px;}

p.wiecej-opinii {display:block; text-indent:-9999px; width:167px; height:46px; background:url(../img/but-wiecej-opinii.png) no-repeat; margin: 0 0 10px; cursor:pointer; padding:0;}
p.wiecej-opinii:hover {background-position:right top;}

/* skladniki - podstrona */

div.content-lower div.skladniki h2 {font-size:22px; text-transform:none; padding:5px 0 5px; font-weight:bold;}
div.content-lower div.skladniki h3 {font-size:16px;}
div.content-lower div.skladniki h3, div.content-lower div.skladniki h4 {font:bold 17px "Trebuchet MS", Arial, sans-serif; color:#719716; padding:0 0 0 10px; cursor:pointer; clear:both; background:url(../img/bulet2.png) 0 10px no-repeat; margin-bottom:10px; width:auto;}
div.content-lower div.skladniki h3 em {font-weight:normal; font-size:14px;}
div.content-lower div.skladniki h3 span {display:block; text-indent:-9999px; width:74px; height:17px; background:url(../img/zwin-rozwin.png) no-repeat; float:right; margin:3px 0 0 5px;}
div.content-lower div.skladniki h3:hover {color:#643809; }
div.content-lower div.skladniki h3:hover span {background:url(../img/zwin-rozwin.png) 0 -17px no-repeat;}
div.content-lower div.skladniki h3.rozwiniete span {background:url(../img/zwin-rozwin.png) 0 -34px no-repeat;}
div.content-lower div.skladniki h3.rozwiniete:hover span {background:url(../img/zwin-rozwin.png) 0 -51px no-repeat;}
div.content-lower div.skladniki h4 {font-size:14px; padding:0; background:none; color:#1072b5; margin-bottom:3px;}
div.skladniki img {width:100px; margin:5px 10px 0 0;}
div.skladniki div.w-bg {margin: 0 0 20px; clear:both; padding-bottom:0;}
div.skladniki p.skladniki {font-size:11px; color:#506e08; clear:both; line-height:15px; padding-bottom:20px;}

/* content lower */
div.content-lower {text-shadow:1px 1px rgba(255, 255, 255, 0.7);}
div.content-lower h1, div.content-lower h2, div.content-lower h3 {font:normal 21px "Trebuchet MS", Arial, sans-serif; color:#1072b5;  text-transform:uppercase; letter-spacing:-1px;}
div.content-lower h2 {font-size:18px; text-transform:none; padding:10px 0 10px; font-weight:bold;}
div.content-lower div.content {width:580px; padding:30px 20px 0 0;}
div.content-lower aside {float:right; width:360px;  margin-top:30px; }

div.content-lower aside div.box {text-shadow:1px 1px #fff; background:#ebf3f6; background:rgba(255, 255, 255, 0.5); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; margin-bottom:20px; padding:10px;}
div.content-lower aside div.box h3 {color:#1072b5; font:normal 22px "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; letter-spacing:-1px; padding-bottom:8px;}
div.content-lower aside div.box p {color:#1072b5;}

div.content-lower p {padding-bottom:10px;}
div.content-lower ul {padding:0 0 10px 20px;}
div.content-lower ul li {background:url(../img/bulet.png) 0 5px no-repeat; padding-left:18px;}

span.czytaj-dalej {padding-bottom:30px; cursor:pointer; text-decoration:underline; }
h4.czytaj-dalej {cursor:pointer; padding-top:7px;}
h4.czytaj-dalej span {color:#1072b5;}
div.w-bg {padding:10px; margin-top:10px; text-shadow:1px 1px #fff; background:#ebf3f6; background:rgba(255, 255, 255, 0.5); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; font-size:12px;}
div.w-bg .blue {color:#1072b5;}

p.ramka {padding:8px 5px; font-size: 13px; background-color: #5FABDB; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align:center; text-shadow:1px 1px #297DB3; line-height:20px; margin-bottom:10px;}

div.side-img {background:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:10px 0 0; text-align:center; width:360px; margin-bottom:10px;}

/* 7 zasad */
div.zasady {font-size:12px; padding-top:10px;}
img.zasada {float:left; margin:10px 10px 0 0; clear:both; width:100px;}
div.zasada {margin:10px 0 5px; width:470px; float:left; padding-top:10px; background:none;}
div.zasada h2 {padding:3px 0 0; font-size:16px;}
div.zasada strong {color:#009cd9; font:normal 22px "Trebuchet MS", Arial, sans-serif; letter-spacing:-1px; padding:0 0 5px 0;}
div.zasada p {font-size:14px; color:#1072b5; padding-bottom:0;}

/* kontakt */
article.kontakt div.floatleft {width:280px;}
div.content-lower .kontakt h3 {font-size:14px; text-transform:none; padding:10px 0 5px; font-weight:bold;}

/*strona główna */
div.content-lower div.content-index {padding:0 20px 30px 0;}
div.content-lower div.content-index h1 {text-transform:none;}
div.content-lower div.content-index span {text-transform:uppercase; font-weight:bold; display:block; font-size:26px;}
div.content-lower div.content-index span sup {font-size:11px;}
div.content-lower aside.index {margin-top:0px; }
div.content-lower aside.index div.box {margin-bottom:30px;}
div.content-lower aside div.box h4 {font:bold 13px "Trebuchet MS", Arial, sans-serif; color:#643809; text-transform:uppercase;}
div.content-lower aside div.green ul {padding:0 0 5px 10px}
div.content-lower aside div.green ul li {background:url(../img/bulet2.png) 0 10px no-repeat; padding-left:10px;}
.green {color:#719716; }

/* tabelka porównanie */
table.porownanie {margin:10px 0 5px;}
table.porownanie td{padding:5px;}
table.porownanie th {
	padding:5px;
	font-size: 12px;
	font-variant: small-caps;
	background-color: #5FABDB;
	width:160px;
	color:#f8f8f8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center; vertical-align: middle;
	text-shadow:1px 1px #297DB3; line-height:12px;
	}
table.porownanie th.null {background:transparent;}
table.porownanie td {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	border-radius: 5px;	
	text-shadow:1px 1px #fff;
	color:#575743; vertical-align: middle;
	text-align:center; background:#fff; background:rgba(255, 255, 255, 0.5); }
table.porownanie td div {margin:8px auto;}

/* footer */
footer {height:145px; background:url(../img/footer-bg3.png) no-repeat; padding:15px 20px 30px; width:920px; margin:30px auto 0; color:#3c3c3c; text-shadow:1px 1px #fff; position:relative;}
footer ul {float:left; width:210px; margin-top:10px;}
footer a.int {margin-top:15px; float:left;}
footer p.floatleft {line-height:14px; margin:16px 0 0 5px;}
footer ul li {line-height:14px;}
footer ul li a {text-decoration:none; font-size:11px; -moz-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; text-shadow:1px 1px #fff;}
footer ul li a:hover {margin-left:4px;}
footer a.top {position:absolute; display:block; width:38px; height:23px; background:url(../img/but-top2.png) no-repeat; top:10px; right:10px; text-indent:-9999px; }
footer a.top:hover {background-position:right center;}
footer h3 a.fadeThis {position:relative; display:block; height:18px; width:124px; background:url(../img/__logo-f.png) no-repeat;}
footer h3 a.fadeThis span.hover {position: absolute; height: 18px; width:124px; top: 0; left: 0; display: block; cursor:pointer; background:url(../img/__logo-f.png) bottom center no-repeat;}

/* IE7 */

.ie7 div.skladniki h3, div.skladniki h4 {float:none; clear:both;}
.ie7 div.skladniki h3 span {float:left;}