/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}
body > img{position: fixed; bottom: 0px;}
a img {border: 0;}

a{color:#10768C;}   

/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge, h1 {
	font-size: 68px;
	line-height: 72px;
	letter-spacing: -1px;
}


.large, h2 {
	font-size: 42px;
	line-height: 48px;
}

.bigger, h3 {
	font-size: 16px;
	line-height: 17px;
}

.big, h4 {
	font-size: 15px;
	line-height: 30px;
}

html, body {
	font: 15px/24px Arial,Verdana,Helvetica,sans-serif;
	height: 100%;
}
.pojemnik{
	height: 100%;
	width: 100%; position:relative;}
.tresc{min-height: 100%; width: 100%; position: relative;}
.st{position:absolute; height: auto; width: 100%; bottom: 0px;}
.small, small {
	font-size: 13px;
	line-height: 18px;
}

/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}

.lewo{float:left;}
.prawo{float:right;}
.clear{clear: both;}
.align_prawo{text-align: right;}
 img{
    max-width: 100%;
    height: auto;
    width: auto\9;
     *width: auto;
     _width: auto;
    }

.img{ padding: 10px 10px 10px 0}
.item .img{width: 30%;}
.item .text {padding-bottom: 20px; width: 67%}
article .text {padding-bottom: 20px;}
.text p{line-height: 20px; padding: 0px 0 0 0px;}
.text h3{padding:10px 0 0px 0;}
.item{padding:10px 0; position:relative; width: 100%}
body {
	background: rgb(232,232,232);
	color: rgb(60,60,60);
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
body#index, body#howitworks, body#formula, body#guarantee{
	background: url("../images/top-1-pasek.gif") repeat-x top left;
	
}

#index header, #howitworks header, #formula header, #guarantee header{
	max-width: 768px;
	min-width: 320px;
	margin:0 auto;
	position:relative;
	height: 310px;
	background: url("../images/top-1.jpg") no-repeat top left;
}
#index header .pojemnik{
	background: url("../images/kobieta-copy-4.png") no-repeat left bottom;
	max-width: 580px;
	min-width: 291px;
	width: 92%;
	height: 98%;
	margin: 0 auto;
}
#howitworks header .pojemnik{
	background: url("../images/pudelko-i-cien.png") no-repeat 0px 86px;
	max-width: 580px;
	min-width: 291px;
	width: 92%;
	height: 98%;
	margin: 0 auto;
}
#howitworks header{height: 360px;}
/*formula*/
#formula header{height: 360px;}
#formula header .pojemnik{
	background: url("../images/zestaw-formula.png") no-repeat -62px 55px;
	max-width: 580px;
	min-width: 291px;
	width: 92%;
	height: 98%;
	margin: 0 auto;  
}

/*formula*/
/*testimonials faq*/
body#testimonials, body#faq{
	background: url("../images/top-2-pasek.gif") repeat-x top left;
	
}
#testimonials header, #faq header{
	max-width: 768px;
	min-width: 320px;
	margin:0 auto;
	position:relative;
	height: 237px;
	background: url("../images/top-2.jpg") no-repeat top left;
}
#testimonials header .pojemnik, #faq header .pojemnik {
	background: none;
	max-width: 580px;
	min-width: 291px;
	width: 92%;
	height: 98%;
	margin: 0 auto;
}
#testimonials h1, #faq h1 {
	margin-top: 30px;
	display:block;
	text-align: right;
}
#testimonials article#kom, #faq article#kom {margin:20px auto;}
#testimonials h3{color:#5FAEB3; font-style: italic; padding-bottom: 10px;}
/*testimonials faq*/
/*faq*/
#faq article#pytania ul{padding: 0px;}
#faq article#pytania ul li{list-style: none; background: none; padding: 10px 0 10px 0;}
#faq article#pytania ul li a{font-weight: bold; text-decoration: none;}
#faq article#pytania ul li a.close {text-decoration: underline; font-weight: normal; float: right;}
/*faq*/


/*guarantee*/

#guarantee header .pojemnik{
	background: url("../images/gwarancje-pan.png") no-repeat 0px 55px; 
	max-width: 580px;
	min-width: 291px;
	width: 92%;
	height: 98%;
	margin: 0 auto;
}

/*guarantee*/

/*form*/
body#form{
	background: url("../images/top-3-pasek.gif") repeat-x top left;
}
body#form_e{
	background: none;
}
#form header{
	max-width: 768px;
	min-width: 320px;
	margin:0 auto;
	position:relative;
	height: 86px;
	background: url("../images/top-3.png") no-repeat top left;
}
#form header .pojemnik {
	background: none;
	max-width: 580px;
	min-width: 291px;
	width: 92%;
	height: 98%;
	margin: 0 auto;
}
#form h1 {
	margin-top: 8px;
	display:block;
	text-align: right;
}
#form article#kom {margin:20px auto;}
#form h3{color:#5FAEB3; font-style: italic; padding-bottom: 10px;}
/*form*/

#opinie cite {border-bottom: 3px double #CAD0D9; font-style: normal; margin: 0px 0 30px 0; display: block;}
h1 {
	margin-top: 90px;
	display:block;
	text-align: right;
}
.col2{
	width: 49%;
	position:relative;
	height: 100%;
}

header a.zamow{	
	text-align: right;
	font-family: Trebuchet MS;
}
header a.zamow img{	text-align: right;}

article{
	min-width: 291px;
	max-width: 580px;
	height: auto;
	width: 92%;
	margin:10px auto;
}
#howitworks article#kom, #formula article#kom{margin:-15px auto;}
article#kom h2{padding:15px; color:#fff; font-size:28px; font-weight: normal; letter-spacing: 0.8px;}
article#kom{
	padding:0px;
	margin:-25px auto 0px;
	position: relative;
	-moz-border-radius:10px  ; 
	-webkit-border-radius:10px; 
	-khtml-border-radius:10px ; 
	border-radius:10px; 
	background-color: #2D4466;
	color:#fff;
}
article#kom p {
	padding:10px;
	font-style: italic; 
}

.ramka{
	padding:0px;
	margin:0px auto 20px;
	position: relative;
	-moz-border-radius:10px  ; 
	-webkit-border-radius:10px; 
	-khtml-border-radius:10px ; 
	border-radius:10px; 
	border:solid 1px #DCDDA1;
	background-color: #FFFFA7;
	color:#000;
}
.ramka p {
	margin:10px; 
}

.stopka{
	height: 70px;
	width: 100%;
}
#form .stopka {height: 60px; display: block;}


footer{
	width:100%;  
	background-color:#10768C;
   	margin-bottom: 0px;
   	position: relative;
   	height: auto;
   	position:fixed;
   	bottom: 0px;
   	margin-top:5px;
}

#form footer{
	background-color: #DDDDDD;
	width:100%;  
   	height: auto;
   	position:relative;
   	bottom: 0px;
 
}
#form .logo{margin:0 auto; max-width: 580px; padding:10px;}

nav{margin:0 auto; width: 100%;}
#menu_wysuwane{display: none;}
nav#menu  ul{position:relative; width: 580px; margin:0 auto; padding-top:10px; list-style:none;}
nav#menu ul li { overflow:hidden;  display:block; float:left; margin: 0;  padding:0px 0 0 3px; text-align: center; line-height:14px; font-size:12px;}  
nav#menu ul li a{ display:block; color:#fff; height: 60px; text-transform: uppercase; text-decoration: none;
	font-size:12px; text-align: center;  font-weight: bold;
	padding-top:10px;
}
nav#menu ul li a:hover, 
nav#menu ul li.getnow a:hover,
nav#menu_wysuwane ul#nav li:hover
{display:block;  -moz-border-radius:5px 5px 0px 0 ; 
	-webkit-border-radius:5px 5px 0px 0; 
	-khtml-border-radius:5px 5px 0px 0; 
	border-radius:5px 5px 0px 0; 
	background-image: linear-gradient(bottom, #29C9DB 12%, #82E0EA 56%);
	background-image: -o-linear-gradient(bottom, #29C9DB 12%, #82E0EA 56%);
	background-image: -moz-linear-gradient(bottom, #29C9DB 12%, #82E0EA 56%);
	background-image: -webkit-linear-gradient(bottom, #29C9DB 12%, #82E0EA 56%);
	background-image: -ms-linear-gradient(bottom, #29C9DB 12%, #82E0EA 56%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.12, #29C9DB),
	color-stop(0.56, #82E0EA)
);}
nav#menu_wysuwane ul#nav li{list-style: none;}
nav#menu ul li a.selected,
nav#menu_wysuwane ul#nav li a.selected 
{display:block;  -moz-border-radius:5px 5px 0px 0 ; 
	-webkit-border-radius:5px 5px 0px 0; 
	-khtml-border-radius:5px 5px 0px 0; 
	border-radius:5px 5px 0px 0; 
	background-image: linear-gradient(bottom, #FFFF27 12%, #FFFF9C 56%);
	background-image: -o-linear-gradient(bottom, #FFFF27 12%, #FFFF9C 56%);
	background-image: -moz-linear-gradient(bottom, #FFFF27 12%, #FFFF9C 56%);
	background-image: -webkit-linear-gradient(bottom, #FFFF27 12%, #FFFF9C 56%);
	background-image: -ms-linear-gradient(bottom, #FFFF27 12%, #FFFF9C 56%);
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.12, #FFFF27),
	color-stop(0.56, #FFFF9C)
);
color:#2C446A;
}
nav#menu ul li.home{width:63px; }
nav#menu ul li.howitworks{width:70px;}
nav#menu ul li.formula{width:80px;}
nav#menu ul li.testimonial{width:105px;}
nav#menu ul li.guarantee{width:99px;}
nav#menu ul li.faq{width:49px;}
nav#menu ul li.getnow{width:92px; }
nav#menu ul li.getnow a, nav#menu_wysuwane ul#nav li.getnow a {text-decoration: underline; -moz-border-radius:5px 5px 0px 0 ; 
	-webkit-border-radius:5px 5px 0px 0; 
	-khtml-border-radius:5px 5px 0px 0; 
	border-radius:5px 5px 0px 0; 
	background-image: linear-gradient(bottom, #FFFF27 12%, #FFFF9C 56%);
	background-image: -o-linear-gradient(bottom, #FFFF27 12%, #FFFF9C 56%);
	background-image: -moz-linear-gradient(bottom, #FFFF27 12%, #FFFF9C 56%);
	background-image: -webkit-linear-gradient(bottom, #FFFF27 12%, #FFFF9C 56%);
	background-image: -ms-linear-gradient(bottom, #FFFF27 12%, #FFFF9C 56%);
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.12, #FFFF27),
	color-stop(0.56, #FFFF9C)
);
color:#2C446A;}

article h2{
	color: #59B1B6;
    font-size: 21px;
    font-weight: bold;
    
    line-height: 24px;
    padding: 20px 0 20px;
    position: relative;
}

article h2 span{ 
	color: #10768C;
    font-size: 21px;
    line-height: 26px;
    display: block;
}

article p{padding: 10px 0 10px 0;}
article cite{
	display: block;
	padding: 10px 0 10px 0;
}

article ul{padding:10px 10px 20px 10px;}
article ul li{list-style: none; background: url("../images/point.png") no-repeat 0px 14px; padding: 10px 0 0 25px;}