/*
   __              __
  /\ \  __        /\ \
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com

*/

/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.over0 {overflow:hidden; height:0px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}

/* BASE
----------------------------------------------------------------------------- */

body {
	margin:0;
	background: #0a0500 url(images/bg.jpg) no-repeat top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.3em;
	color: #FFFFFF;
}
.main { position:relative; margin:0 auto; width: 942px; background: #000000; }

/* HEADER
----------------------------------------------------------------------------- */
.header { background: url(images/header-bg.jpg) repeat-x; position: relative; height: 132px; }
.header .logo { padding: 0 0 0 30px; }
.header .lang { position: absolute; width: 250px; left: 680px; top: 80px; }
.header .lang .col1 { float: left; font-size: 12px; letter-spacing: -0.02em; color: #919191; height: 20px; text-transform: uppercase; }
.header .lang .col2 { float: left; height: 20px; padding: 2px 0 0 5px; }
.header .lang .col2 img { float: left; }
.header .lang .box { background: #1f1f1f; padding: 5px 9px 5px 9px; position: absolute; top: 25px; width: 144px; left: 85px; z-index: 1000; }
.header .lang .box li { height: 20px; float: left; padding: 2px; }
.header .lang .box li a { color: #FFFFFF; text-decoration: underline; display: block; }
.header .lang .box li p,
.header .lang .box li img { float: left; }
.header .lang .box li img { padding: 2px 0 0 0; }
.header .lang .box li p { padding: 0 0 0 5px; }

/* MENU
.................................. */
.menu{ position: relative; height: 30px; overflow: hidden; !z-index: -1; }
.menu ul {
	position: absolute;
	left: 0px;
	top: 0px;
}
.menu ul li { float: left; }
.menu ul li img { display: block; }
.menu ul li .hover img,
.menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

/* CONTENT
----------------------------------------------------------------------------- */
.content { !z-index: -1; overflow: hidden; width: 942px; }
.butbar { position: relative; width: 942px; height: 83px; overflow: hidden; margin: 0 auto; }
.butbar ul { position: absolute; left: 7px; top: 8px; width: 980px; }
.butbar ul li { padding: 0 9px 0 0; float: left; }
.butbar ul li a img { filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; }
.butbar ul li a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }

/* FOOTER
----------------------------------------------------------------------------- */
.footer img { padding: 0 0 0 196px; }
.footer {height: 150px;margin-bottom: 20px;}
.footer a {color: #ff6600;}
/* -------------------------------------------------------------------------- */
/* HOME
/* -------------------------------------------------------------------------- */

#home { background: url(images/home_bg1.jpg) no-repeat 0 386px; }
#home img { display: block; }
#home .box2 { height: 376px; position: relative;  background-color: #000000;}
#home .box2 .p1 {
	width: 577px;
	top: 28px;
	left:29px;
	position: absolute;
}
#home .box2 .p1 p {
	font-size: 15px;
	padding: 12px 0 0 0;
}
#home .box2 .p1 p span { font-size: 13px; }
#home .box3 { padding: 0 0 0 28px; }
#home .box3 li { position: relative; float: left; height: 364px; width: 288px; padding: 0 11px 0 0; }
#home .box3 li p { font-size: 15px; position: absolute; top: 162px; left: 0px; width: 270px; font-size: 14px; }
#home .box3 li p span { font-size: 13px; /*color: #787878;*/ display: block; padding: 5px 0 0 0; }
#home .box3 li a img {
	position: absolute;
	top: 287px;
	left: 0px;
}

/* -------------------------------------------------------------------------- */
/* BENEFITS
/* -------------------------------------------------------------------------- */

#benefits { background: url(images/benefits_bg1.jpg) no-repeat; height: 881px; position: relative; }
#benefits img { display: block; }
#benefits p,
#benefits h2 { position: absolute; }
#benefits h2.title1 { left: 25px; top: 32px; }
#benefits h2.title2 { left: 0px; top: 291px; }
#benefits h2.title3 { left: 49px; top: 390px; }
#benefits h2.title4 { left: 49px; top: 490px; }
#benefits h2.title5 { left: 49px; top: 600px; }
#benefits p.text1 { left: 32px; top: 105px; width: 885px; }
#benefits p.text3 {
	left: 28px;
	top: 423px;
	width: 450px;
}
#benefits p.text4 {
	left: 28px;
	top: 523px;
	width: 450px;
}
#benefits p.text5 {
	left: 28px;
	top: 633px;
	width: 450px;
}
#benefits p.text6 {
	left: 28px;
	top: 690px;
	width: 885px;
}
#benefits .graphic { position: absolute; left: 501px; top: 391px; }

/* -------------------------------------------------------------------------- */
/* BENEFITS
/* -------------------------------------------------------------------------- */

#howitworks {
	background: url(images/howitworks_bg1.jpg) no-repeat;
	/*height: 1241px;*/
	position: relative;
	background-image: url(images/cc/howitworks_bg1.jpg);
}
#howitworks1 {
	background: url(images/safety_bg1.jpg) no-repeat;
	/*height: 1241px;*/
	position: relative;
	background-image: url(images/safety_bg1.jpg);
}

#howitworks img { display: block; }
#howitworks .box1 { height: 505px; padding: 22px 0 0 29px; }
#howitworks .box1 p { font-size: 15px; padding: 12px 0 0 0; width: 400px; line-height: 15px; }
#howitworks .box1 p span { font-size: 13px; color: #787878; }
#howitworks .box2 ul { padding: 44px 0 0 26px; }
#howitworks .box2 li { width: 439px; padding: 0 10px 0 0; float: left; }
#howitworks .box2 li h2 { height: 32px; }
#howitworks .box2 li p { height: 88px; padding: 15px 0 0 0; }

/* -------------------------------------------------------------------------- */
/* SCIENTIFIC PROOF
/* -------------------------------------------------------------------------- */

#scientificproof { background: url(images/scientificproof_bg1.jpg) no-repeat; }
#scientificproof img { display: block; }
#scientificproof .box1 { padding: 63px 0 0 22px; height: 361px; }
#scientificproof .box1 p { font-size: 15px; padding: 12px 0 0 0; width: 450px; }
#scientificproof .box1 p span { font-size: 13px; /*color: #787878; */}
#scientificproof .box2 { padding: 0 0 0 22px; height: 267px; }
#scientificproof .box2 li { float: left; width: 283px; padding: 0 21px 0 0; }
#scientificproof .box2 li p { display: block; padding: 10px 0 0 0; /*color: #787878;*/ }
#scientificproof .box3 { position: relative; height: 556px; }
#scientificproof .box3 p,
#scientificproof .box3 h2 { position: absolute; }
#scientificproof .box3 h2.title1 { top: 138px; left: 62px; }
#scientificproof .box3 h2.title2 { top: 275px; left: 62px; }
#scientificproof .box3 p.text1 { top: 173px; left: 30px; width: 400px; }
#scientificproof .box3 p.text2 { top: 310px; left: 30px; width: 400px; }
#scientificproof .box3 p.text3 { top: 418px; left: 30px; width: 884px; }
#scientificproof .box4 ul { padding: 47px 26px 0 26px; }
#scientificproof .box4 ul li .title { font-weight: bold; padding: 0 0 0 35px; float: left; }
#scientificproof .box4 ul li .date { float: right; }
#scientificproof .box4 ul li .title h2 { font-size: 14px; color: #787878; text-transform: uppercase; }
#scientificproof .box4 ul li .title strong { color: #e74100; }
#scientificproof .box4 ul li .p { padding: 20px 0 22px 0; line-height: 17px; }
#scientificproof .box5 ul { padding: 30px 0 0 30px; height: 485px; }
#scientificproof .box5 li { width: 288px; height: 452px; float: left; position: relative; margin: 0 10px 0 0; }
#scientificproof .box5 li span { position: absolute; top: 30px; left: 0px; text-align: center; display: block; font-size: 15px; font-style: italic; font-weight: bold; padding: 0 15px; }
#scientificproof .box5 li.li1 span { color: #fbc026; }
#scientificproof .box5 li.li2 span { color: #b9bf2d; }
#scientificproof .box5 li.li3 span { color: #e74100; }
#scientificproof .box5 li p { position: absolute; left: 30px; top: 107px; width: 240px; line-height: 13px; /*color: #787878; */}
#scientificproof .box5 li p strong { color: #FFFFFF; }

/* -------------------------------------------------------------------------- */
/* FAQ
/* -------------------------------------------------------------------------- */

#faq img { display: block; }
#faq .box1 { background: url(images/faq_box1-bg1.jpg) no-repeat; _height:1%; }
#faq .box1 h2 { padding: 32px 0 0 19px; }
#faq .box1 ul { padding: 15px 0 50px 34px; }
#faq .box1 li { background: url(images/faq_box1-li.jpg) no-repeat 0 5px; height: 45px; }
#faq .box1 li.color { color: #FFFFFF; }
#faq .box1 li.color a { color: #a1a1a1; }
#faq .box1 li a { font-size: 15px; text-decoration: underline; display: block; color: #FFFFFF; font-weight: bold; width: 370px; }
#faq .box1 li { color: #787878; padding: 0 0 0 35px; }
#faq .box2 { background: url(images/faq_box2-bg1.jpg) no-repeat; }
#faq .box2 ul { padding: 57px 0 0 47px; }
#faq .box2 li { border-left: 4px solid #f54500; padding: 0 190px 0 10px; font-size: 15px; position: relative; margin: 0 0 30px 0; }
#faq .box2 li h2 { color: #f54500; display: block; padding: 0 0 10px 0; font-size: 15px; }
#faq .box2 li .backtt { position: absolute; right: 57px; top: 30px; }

/* -------------------------------------------------------------------------- */
/* SUCCESS STORIES
/* -------------------------------------------------------------------------- */

#successstories { position: relative; background: url(images/successstories_bg1.jpg) no-repeat; }
#successstories img { display: block; }
#successstories h2 { padding: 34px 0 0 21px; }
#successstories p { left: 30px; top: 124px; position: absolute; width: 380px; }
#successstories ul { padding: 130px 0 0 20px; width: 1000px; }
#successstories li { background: url(images/successstories_li.png) no-repeat; width: 439px; float: left; padding: 0 15px 50px 0; }
#successstories li h3 { font-size: 17px; color: #f54500; padding: 5px 0 5px 45px; }
#successstories li span { padding: 0 0 0 12px; display: block; }
#successstories li em { font-weight: normal; display: block; text-align: right; color: #787878; font-size: 15px; padding: 5px 0 0 0; }

/* -------------------------------------------------------------------------- */
/* ORDER NOW
/* -------------------------------------------------------------------------- */

#ordernow { position: relative; background: url(images/order_bg1.jpg) no-repeat; }
#ordernow img { display: block; }
#ordernow .box1 { height: 389px; }
#ordernow .box1 h2 { padding: 35px 0 0 22px; }
#ordernow .box1 p { font-size: 15px; padding: 12px 0 0 29px; width: 450px; }
#ordernow .box1 p span { font-size: 13px; color: #787878; }
#ordernow .box2 ul li { position: relative; width: 471px; overflow: hidden; float: left; }
#ordernow .box2 ul li p { position: absolute; left: 510px; top: 45px; width: 200px; text-align: center; font-size: 16px; }
#ordernow .box2 ul li p strong { display: block; color: #d61e00; }
#ordernow .box2 ul li .bt1 { position: absolute; bottom: 5px; right: 5px; }
#ordernow .box2 ul li .bt2 {
	position: absolute;
	bottom: 11px;
	left: 22px;
}
#ordernow .box3 {}
#ordernow .box3 ul li { float: left; position: relative; }
#ordernow .box3 ul li .p1 { position: absolute; top: 94px; left: 34px; width: 435px; }
#ordernow .box3 ul li .p1 a { color: #ec3700; }
#ordernow .box3 ul li .p2 { position: absolute; top: 111px; left: 138px; width: 300px; font-size: 13px; }
#ordernow .box3 ul li .p2 a { color: #ec3700; }
#ordernow .box4 {}
#ordernow .box4 h2 { padding: 18px 0 0 22px; }
#ordernow .box4 p { padding: 30px 0 0 20px; font-size: 15px; width: 710px; text-align: justify; }

/* -------------------------------------------------------------------------- */
/* ORDER FROM
/* -------------------------------------------------------------------------- */

#orderform { position: relative; background: url(images/orderfrom_bg1.jpg) no-repeat; }
#orderform img { display: block; }
#orderform .box1 { height: 396px; position: relative; }
#orderform .box1 h2 { padding: 35px 0 0 22px; }
#orderform .box1 p { font-size: 15px; padding: 12px 0 0 29px; width: 450px; }
#orderform .box1 p span { font-size: 13px; color: #787878; }
#orderform .box2 { float: left; width: 333px; }
#orderform .box2 ul li { padding: 20px 0 0 0; position: relative; height: 100%; overflow: hidden; }
#orderform .box2 ul li p { position: absolute; bottom: 15px; left: 75px; font-size: 22px; font-weight: bold; color: #d61e00; }
#orderform .box2 ul li .radio { position: absolute; top: 90px; left: 292px; }
#orderform .box3 { float: right; width: 560px; position: relative; overflow: hidden; }
#orderform .box3 .form ul { /*position: absolute; top: 65px; left: 35px;  */   padding-left: 35px;
    padding-top: 20px;}
#orderform .box3 .form li { height: 25px; overflow: hidden; !height: 22px; }
#orderform .box3 .form label {
	float: left;
	width: 105px;
	display: block;
	text-transform: uppercase;
	text-align: right;
	padding: 2px 5px 0 0;
	font-size: 11px;
}
#orderform .box3 .form li input,
#orderform .box3 .form li select { float: left; }
#orderform .box3 .form li select { width: 325px; }
#orderform .box3 .form li input { border: 1px solid #989999; padding: 2px; width: 320px; }
#orderform .box3 .form li small label { font-size: 10px; line-height: 11px; padding: 0 5px 0 0; }
#orderform .box3 .total {
	/*position: absolute;
	top: 470px;
	left: 52px;*/
	    padding-bottom: 15px;
    padding-left: 52px;
}
#orderform .box3 .total label,
#orderform .box3 .total input { float: left; }
#orderform .box3 .total label { display: block; width: 40px; padding: 2px 0 0 0; }
#orderform .box3 .total input { border: 1px solid #989999; padding: 2px; width: 200px; }
#orderform .box3 .bt { position: absolute; top: 413px; left: 132px;}
#orderform .box3 .bt input { border: 1px solid #013d74; font-weight: bold; padding: 0px 10px; background: #FFFFFF; }
#orderform .box3 .card { padding: 470px 0 30px 0; padding: 0px 0 30px 0; }
#orderform .box3 .card ul li { float: left; padding: 0 35px 0 0; }
#orderform .box4 { height: 288px; background:url(images/order_box4-bg1.jpg) no-repeat; }
#orderform .box4 h2 {
	padding: 18px 0 0 22px;
}
#orderform .box4 p { padding: 30px 0 0 20px; font-size: 15px; width: 710px; text-align: justify; }

/*FORM ----------------*/

.form li { height: 25px; overflow: hidden; !height: 22px; list-style-type:none; }
.form label { float: left; width: 110px; display: block; text-transform: uppercase; text-align: right; padding: 2px 5px 0 0; font-size: 12px; color:#fff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; }
.form li input, .form li select { float: left; }
.form li select { width: 285px; }
.form li input { border: 1px solid #989999; padding: 2px; width: 280px; }
.form li small label { font-size: 10px; line-height: 11px; padding: 0 5px 0 0; }
.comments { color:#fff; font-size:9px; font-family:Tahoma; line-height:10px;}

.formSubmit { margin-left:150px; color:#fff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px;}

.total {color:#fff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; margin-left:50px; margin-bottom:15px}
.total input{margin-left:3px;}
.buy {color:#fff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; margin-left:150px; margin-bottom:15px}

.massCollectDisallowed {
    font-weight: bold;
    color: #FF3300;
}

.messageContainer {
    color: #797979;
    font-family: Tahoma;
    font-size: 12px;
}
.capcha{
    float:left;
}
#capcha{
    margin-top:12px;
}
#orderform .box3 .form .contact ul {
    clear:both;
    float:left;
    width:100%;
}
.sendbt{
    float:left;
    clear:both;
}
.contact{
    height:320px;
}
.contact #message{
    width:324px;
}

.pbox1{
	background: url('images/cc/home_bckground_25.jpg') no-repeat top left;
	width:942px;
	height:241px;
	position:relative;
}
p.bl{
	display: block;
	position:absolute;
}

.pbox1 ul{
	display: block;
    position: absolute;
    right: 0;
    top: 62px;
    width: 239px;
}
.pbox1 .p1{
	display: block;
    left: 40px;
    line-height: 25px;
    position: absolute;
    top: 63px;
    width: 412px;
}
.pbox1 h2{
	color:#F14B00;
	padding:10px;
}
.pbox1 ul li{
	padding-bottom:8.6px;
	font-weight: bold;
}
.pbox1 ul li.c2{
	color:#CCC;
}
.pbox2{
	position: relative;
	height:294px;
	background: url('images/cc/bg_cytat.jpg') no-repeat top left;

}
.pbox2 a{
    height: 230px;
    position: absolute;
    right: 19px;
    top: 29px;
    width: 274px;
}
.pbox2 h3{
    color: #F14B00;
    left: 65px;
    position: absolute;
    text-decoration: underline;
    top: 22px;
}
.pbox2 p{
	display: block;
    font-style: italic;
    left: 44px;
    line-height: 25px;
    position: absolute;
    top: 68px;
    width: 572px;
}
.box2 .hwr{
	position:absolute;
	bottom:30px;
	right:30px;
}
.pbox3{
	background: url('images/cc/howitworks_bg3.jpg') no-repeat top left;
	height:473px;
	position: relative;
}
.pbox3 p.p1{
	display: block;
    left: 335px;
    line-height: 24px;
    position: absolute;
    top: 35px;
    width: 559px;

}
.pbox3 p.p2{
	display: block;
    left: 20px;
    line-height: 24px;
    position: absolute;
    top: 328px;
    width: 552px;
}
.pbox3 p.p1 img{
	margin:10px 0px;
}
.bbox1{
	background: url('images/cc/korzysci_pole-01.jpg') no-repeat top left;
	height:632px;
	position: relative;
}
.bbox1 p,.bbox2 p{
	position:absolute;
	display: block;
	width:262px;
	line-height: 24px;
}
.bbox1 p img,.bbox2 p img{
	display: block;
	margin-bottom: 5px;

}
.bbox1 .p1{
	left: 28px;
    top: 25px;
}
.bbox1 .p2{
	right: 72px;
    text-align: right;
    top: 25px;
}
.bbox1 .p3{
	top:351px;
	left: 28px;
}
.bbox1 .p4{
	top:351px;
	left:324px;
}
.bbox1 .p5{
	top:351px;
	left:620px;
}
.bbox2{
	background:url('images/cc/jkorzysci_pole_10.jpg') no-repeat top left;
	height:292px;
	position: relative;
}
.bbox2 .p6{
	top:20px;
	left: 28px;
}
.bbox2 .p7{
	top:20px;
	left:324px;
}

/******SATYSFAKCJA********/

#sat {position: relative;margin-top: 10px;margin-top: 30px;margin-bottom: 40px;}
#sat p {line-height: 25px;}
.sat1 {}
.sat2 {position:absolute;top: 110px;width: 550px;left:50px;font-size: 14px;}

/*************************/



/*discount*/

#orderform .box3 .form li.discountCode{
	/*height: 110px;
	background: url(/images/CC_kod.jpg) no-repeat top left ;
	background-position: right top;*/
	color:#000;
	margin:10px 0px;
	position: relative;
	height: auto;
	text-transform: uppercase;
	color: #FFF;
	padding-bottom: 14px;
}

#orderform .box3 .form li.discountCode label{
	/*width:164px;
	font-weight: bold;*/
}
#orderform .box3 .form li.discountCode input{
	/*width:208px;*/
}
#orderform .box3 .form li.discountCode div{
	/*padding-left:60px;
	clear: both;
	width:374px;
	padding-top:10px;
	padding-bottom:10px;
	color:#FFF;*/
	padding-top:5px;
	padding-bottom:5px;
	
}
#orderform .box3 .form #discount_code.error{
	border: 1px solid red;
	background-color: #FFAAAA;
}
#orderform .box3 .form #discount_code.ok{
	border: 1px solid #00BC28;
	background-color: #BAFFCC;
}

#orderform .box3 .form li.discountCode #discount_code_txt{
    color: red;
    /*left: 330px;
    position: absolute;
    top: 35px;*/
	
}