/* ============================ common ============================== */

body { 
	color: #545454; background: #FBFBFB;
	font: normal 69% Arial, sans-serif;
}

a { color: #4170be; text-decoration: none; }
a:hover { text-decoration: underline; }

img { display: block; }
a img { border: none; }
strong{ font-weight: bold; }

.clearfix:after,
.holder:after,
.welcome-box:after,
#footer:after,
#main-nav:after,
.main-box:after,
.harmonogram:after,
.post:after,
.posts-list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix,
.holder,
.welcome-box,
#footer,
#main-nav,
.main-box,
.harmonogram,
.post,
.posts-list li{ display: inline-table; display: block; height: 1%; }

/* ========================== common end ============================ */

/* ============================ layout ============================== */

.holder{ 
	width: 936px;
	margin: 0 auto;
}

#header{ background: #b11a33 url(../img/bg-header.gif) repeat-x 0 0; }
	#header .holder{
		width: 890px;
		padding: 5px 23px 10px 23px;
		background: url(../img/bg-header-holder.gif) no-repeat 0 0;
	}

#sub-header{
	padding: 20px 0 0 0;
	background: url(../img/bg-sub-header.gif) no-repeat 0 100%;
}

#content{
	width: 890px;
	padding: 23px;
	background: url(../img/bg-content.gif) repeat-y 0 0;
}
	#main-content{
		float: right;
		width: 875px;
	}
		#main{
			float: left;
			width: 588px;
		}
		#main.wide{
			float: none;
			width: 890px;
		}
		#content-side-bar{
			float: right;
			width: 272px;
		}

#side-bar{ 
	float: left;
	width: 0px;
}

#sub-footer{
	width: 890px;
	padding: 23px;
	background: url(../img/bg-sub-footer.gif) repeat-y 0 0;
}

#footer{ 
	background: #828282 url(../img/bg-footer.gif) repeat-x 0 0;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

#header h1{ float: left; }

#top-nav{ float: right; }
#top-nav li{
	float: left;
	margin: 10px 0 10px 20px;
	display: inline;
}
#top-nav li a{
	color: #fff;
	font-size: 1.2em;
}
#top-nav li a strong{ font-weight: bold; }
#top-nav li a.btn-sign-in{
	display: block; position: relative;
	top: -4px;
	width: 178px; height: 20px;
	padding: 4px 0 0 0;
	background: url(../img/btn-sign-in.gif) no-repeat 0 0;
	text-align: center;
}

#top-info{
	clear: both;
	padding: 5px 0 0 0;
	border-top: 1px solid #da546a;
	color: #e39eb5;
}
#top-info p{
	float: left;
}
#top-info ul{
	float: right;
}
#top-info li{
	float: left;
	margin: 0 0 0 10px;
}
#top-info li img{ display: inline; vertical-align: text-top; }
#top-info li a{ color: #e39eb5; }

#banner{
	width: 890px;
	margin: 15px auto 0 auto;
}

/* ========================== header end ============================ */

/* ========================== sub-header ============================ */

#main-nav{
	padding: 0 0 0 8px;
	background: url(../img/bg-main-nav.gif) repeat-y 0 0;
}
#main-nav li{ float: left; }
#main-nav li a{
	display: block;
	padding: 5px 10px;
	font-size: 1.1em;
	color: #888; background: #f3f3f3 url(../img/bg-main-nav-link.gif) repeat-y 0 0;
	border: 1px solid #777; border-left: 0;
}
#main-nav li.current a{
	background: #fff;
	border-bottom: 1px solid #fff;
}
#main-nav li.moje-beltane{
	float: right; display: inline;
	margin: 0 22px 0 0;
}
#main-nav li.moje-beltane a{
	display: block;
	padding: 0;
	background: none;
	border: 0;
}

/* ======================== sub-header end ========================== */

/* ============================ content ============================= */

.main-text{
	margin: 0 0 1em 0;
	color: #d01f3c;
	font-size: 1.8em;
}

.box{
	float: left;
	width: 256px;
	padding: 205px 13px 13px 13px;
	margin: 0 19px 19px 0;
	background: #f0f0f0;
	border: 1px solid #cacaca;
	display: inline;
}
.box.last{ margin-right: 0; }
.box.mlode-talenty		{ background: url(../img/mlode-talenty.jpg) no-repeat 50% 6px; }
.box.zywiolowi-ludzie	{ background: url(../img/zywiolowi-ludzie.jpg) no-repeat 50% 6px; }
.box.zakochani			{ background: url(../img/zakochani.jpg) no-repeat 50% 6px; }
.box h2{
	margin: 0 0 1em 0;
	color: #d01f3c;
	font-size: 1.45em; font-weight: bold;
}
.box p{
	height: 7em;
	font-size: 1.3em; line-height: 1.4em;
}
.box a{ font-size: 1.3em; }

.welcome-box{
	clear: both; float: left;
	width: 566px;
	padding: 0 12px 12px 12px;
	background: url(../img/bg-welcome-box.gif) no-repeat 129px 37px;
	display: inline;
}
.welcome-box img{ float: left; }
.welcome-box p{
	float: right;
	width: 390px;
	padding: 10px;
	background: #fff;
	font-size: 1.2em; line-height: 1.3em;
	display: inline;
}
.welcome-box q{
	display: block;
	margin: 0 0 0.6em 0;
}
.welcome-box cite{
	display: block;
	font-style: italic; text-align: right;
}

.seo-box{
	float: left;
	width: 276px;
	padding: 0 12px 12px 12px;
	display: inline;
}
.seo-box img{ float: right; }

#main h2{
	margin: 0 0 1em 0; padding: 0 0 0.5em;
	color: #d01f3c;
	font-size: 1.8em; font-weight: bold;
	border-bottom: 1px solid #cacaca;
}
#main h2 a{
	color: #d01f3c;
	font-size: 1em; text-decoration: none;
}
#main h3{
	margin: 0 0 1em 0;
	font-size: 1.1em; font-weight: bold;
}

.main-box{
	margin: 0 0 1em 0; padding: 0 0 0.5em;
}
.main-box h2{
	margin: 0 0 1em 0; padding: 0 0 0.5em;
	color: #d01f3c;
	font-size: 1.8em; font-weight: bold;
	border-bottom: 1px solid #cacaca;
}
.main-box img{
	float: left;
	margin: 0 10px 10px 0;
	display: inline;
}
.main-box p{
	margin: 0 0 1em 0;
	font-size: 1.1em; line-height: 1.4em;
}

.ask-box{
	float: left;
	width: 230px;
}
.ask-box .photo{
	float: right;
	width: 120px;
	text-align: center;
}
.ask-box .photo img{
	float: none;
	margin: 0 auto 10px auto;
}
.ask-box h3{
	font-size: 1.1em; font-weight: bold; line-height: 1.4em;
}
.ask-box ul{
	margin: 0 0 1em 0;
	font-size: 1.1em; line-height: 1.4em;
}
.main-box .ask-box img{
	float: none; display: inline;
	margin: 0;
	vertical-align: text-top;
}
.sign-in-box{
	float: left;
	width: 200px;
}
.sign-in-box .btn-sign-in{
	display: block;
	width: 178px; height: 20px;
	padding: 4px 0 0 0;
	color: #fff; background: url(../img/btn-sign-in.gif) no-repeat 0 0;
	font-size: 1.1em; text-align: center;
}

.post{
	font-size: 1.1em; line-height: 1.4em;
}
.post p{ margin: 0 0 1em 0; }
.post img{
	float: left;
	margin: 0 10px 10px 0;
}

.dni-tygodnia{
	width: 581px;
	margin: 0 0 1em 151px;
}
.dni-tygodnia li{
	float: left;
	width: 83px;
	text-align: center;
	font-size: 13px;
}
.line p{
	float: left; display: inline;
	width: 136px;
	margin: 0 15px 0 0; padding: 10px 0 0 0;
	font-size: 13px;
}
.harmonogram{
	float: left;
	width: 581px;
	margin: 0 0 1em 0;
	border: 1px solid #d5d5d5; border-right: 0;
}
.harmonogram li{
	float: left;
	width: 82px; height: 82px;
	border-right: 1px solid #d5d5d5;
	color: #fff;
	text-align: center;
}
.harmonogram li strong{
	display: block;
	width: 100%; height: 57px;
	padding: 25px 0 0 0;
	background: #d01f3c;
}
.line .btn-zapisz-sie{
	float: right;
	padding-top: 27px;
}

.posts-list{ font-size: 1.1em; line-height: 1.4em; }
.posts-list li{ margin: 0 0 1em 0; }
.posts-list img{
	float: left;
	margin: 0 10px 0 0;
}

.testimonials li{
	float: left;
	width: 284px; height: 80px;
	padding: 0 10px 10px 0;
	font-size: 1.1em;
}
.testimonials li img{
	float: left;
	margin: 0 10px 0 0;
}
.testimonials li cite{
	display: block;
	margin: 1em 0 0 0;
	font-style: italic;
}
.testimonials li cite small{ font-style: normal; }

/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

#content-side-bar h2{
	margin: 0.5em 0; padding: 0 0 0.5em 0;
	color: #1a588b;
	font-size: 1.6em;
	border-bottom: 1px solid #cacaca;
}
#content-side-bar li{
	margin: 0 0 1em 0;
	font-size: 1.1em; line-height: 1.4em;
}
#content-side-bar h3{ font-weight: bold; }

#side-bar li{ margin: 0 0 1em 0; }

/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

.col{
	float: left;
	width: 214px;
	margin: 20px 10px;
	color: #fff;
	display: inline;
}
.col h2{ font-weight: bold; }
.col a{ color: #fff; }
.col img{ display: inline; vertical-align: text-top; }

/* =========================== footer end =========================== */