@import url("reset.css");



/*--------------------------------------------------------
	css theme name: stylowa moda
	author: bartosz mediger (http://mediger.net)

	created: may 30, 2010


*/






/********************************      Basic Structure      ********************************/

body { line-height: 20px; font-size: 16px; }


body, html { width: 100%; height: 100%; }

body { min-height: 1000px; }

button { border: 0 none; cursor: pointer; }


cite {
	/*position: absolute; right: 0; top: 100px; z-index: 10;
	width: 180px;*/
	display: block;
	min-height: 35px;
	background: url(../images/iCite.png) no-repeat left 3px;
	padding: 0 0 0 55px;
	font-style: italic; }
	
cite .author {
	display: block;
	font-style: normal; }


em { font-style: italic; }

html {
	font-family: 'Georgia', 'Times New Roman';
	background: #a9a5a1 url(../images/back.png) repeat-x;
	line-height: 18px;
	overflow: auto;
	overflow-x: hidden;
	color: #efefef; }


input, textarea {
	font-size: 13px;
	outline: none; }


p { padding-bottom: 15px; }

	p img {
		float: left;
		border: 1px solid #86817e;
		margin: 2px 25px 15px 0; }



strong { font-weight: bold; }



q {
	position: absolute; right: 0; top: 50px;
	width: 320px;
	padding: 5px 0 5px 0;
	border-top: 1px solid #a09a99;
	border-bottom: 1px solid #a09a99;
	font-size: 14px;
	line-height: 14px;
	text-align: right;
	font-style: italic;
	color: #d8d5d5; }

	q span {
		float: right;
		font-size: 12px; }



textarea {
	color: #333;
	overflow: auto; }


ul { margin: 0 0 20px 0; }

	ul li { padding: 1px 0 1px 0; }


ul {
	list-style:disc;
	margin: 0 0 25px 20px; }

	ul li { padding: 1px 0 1px 36px; }


ul.smPad li { padding-left: 10px; }



/********************************      Elements styling      ********************************/

h1 { font-size: 36px; line-height: 42px; }

	h1.image {
		display: block;
		height: 112px;
		margin-top: -60px;
		text-indent: -10000px; }

	h1.media { width: 230px; background: url(../images/h-media.png); }
	h1.partnerzy { width: 324px; height: 141px; background: url(../images/h-partnerzy.png); }
	h1.zyczenia { width: 528px; background: url(../images/h-zyczenia.png); }



h2 { font-size: 30px; line-height: 36px; margin: 0 0 15px 0; }

h3 {
	font-size: 24px;
	line-height: 30px;
	padding: 20px 0 15px 0; }

	h3 span {
		display: block;
		font-size: 18px; }
		
	.bg {
		margin: 15px 0;
		padding: 10px;
		background: #5f5369; }

h4 {
	font-size: 18px;
	line-height: 24px;
	padding: 10px 0 5px 0; }

h5 {
	font-size: 18px;
	line-height: 22px;
	padding: 0 0 5px 0; }

h6 { font-size: 14px; }

address {
	font-size: 14px; }
	
	address p { padding-bottom: 0; }

blockquote p {
	padding: 0 0 25px 0 !important;
	font-size: 18px;
	line-height: 22px; }

small { font-size: 12px; }



a {
	color: white;
	cursor: pointer !important; }

	a:before:hover,
	a:hover {
		border-bottom: none;
		text-decoration: underline;
		color: /*#4d3a36;*/ white; }








#center {
	position: relative;
	width: 960px; min-height: 660px; /*728*/
	margin: 0 auto; }
	
	.start #center { min-height: 718px; }


	#center .content-gallery,
	#center .content-main,
	#center .content-contact,
	#center .content-long {
		float: right;
		width: 640px;
		padding: 160px 0 60px 0; }

	#center .content-gallery {
		width: 100%;
		padding: 200px 0 0 0; }
	

	.publikacje #center .content { padding: 115px 0 100px 0; }

		#center .content-contact {
			float: left;
			width: 500px; min-height: 500px;
			background: url(../images/laptop.png) no-repeat left 510px;
			padding: 160px 0 0 327px; }

			#center .content-contact a { color: white; }
			
			#center .content-contact address { padding-top: 15px; }


		#center .content-long {
			width: 730px;
			padding-right: 60px; }

		#center .content-long h5 { padding: 25px 0 5px 0; }








#coaching-cover { position: absolute; right: 30px; top:  235px; z-index: 10; }







.contact-box {
	position: absolute; left: 560px; top: 50px; z-index: 10;
	width: 400px; }

#contact {
	width: 400px;
	padding: 15px 0 0 0; }

	#contact button {
		float: right;
		width: 62px; height: 28px;
		background: url(../images/btn-wyslij.png);
		text-indent: -10000px; }
		
		#contact button:hover { background-position: 0 -28px; }

	#contact span,
	#contact input { float: left; }
	
	#contact input, #contact textarea {
		width: 258px; height: 20px;
		background: #aea9a7;
		border: 1px solid #8b8684;
		padding: 2px 5px 0 5px;
		resize: none;
		font-size: 11px;
		color: white; }
	
	#contact textarea { height: 100px; }
	
	#contact label {
		float: left;
		width: 400px;
		margin: 2px 0; }
	
	#contact span {
		width: 120px;
		padding: 2px 10px 0 0;
		font-size: 12px;
		text-align: right; }

	#contact .error {
		font: 12px/16px Arial;
		font-weight: bold;
		padding: 0 0 0 130px;
		color: #a3502f; }




#contentFlow { margin-top: -200px !important; }





#foot {
	float: left;
	width: 100%;
	background: #e8e8e8; }
	
	#foot a { border-bottom: none; }
	
	#foot a:hover {
		text-decoration: underline;
		color: black; }

	#foot .content {
		width: 960px; height: 340px;
		margin: 0 auto;
		padding: 25px 0 0 0; }


	#foot .book {
		float: left;
		width: 325px; height: 177px;
		background: url(../images/book.png) no-repeat left top;
		padding: 0 0 0 185px;
		color: #222; }

		#foot .book h4 { padding: 0 0 10px 0; }
		
		#foot .book p {
			padding: 0;
			font-size: 12px; }

		#foot .book .more {
			font-size: 14px;
			text-decoration: none;
			color: #222; }
		
			#foot .book .more:before { content: "» "; text-decoration: none; }


	#foot .gallery {
		float: left;
		position: relative;
		padding: 0 30px 0 30px }
		
		#foot .gallery img { width: 97px; }

		#foot .gallery h4 {
			padding-top: 0;
			font-size: 16px;
			color: #222; }
	
		#foot .gallery li { 
			width: 94px; height: 80px;
			padding: 5px; }




	#foot #end {
		float: left;
		border-top: 1px solid #bababa;
		width: 100%;
		padding: 5px 0 0 0;
		text-align: center; }
		
		#foot #end .created { 
			padding: 0;
			font-size: 10px;
			color: #999; }
			
			#foot #end .created a {
				color: #999;
				cursor: pointer; }
		
		#foot #end .copy { 
			padding-bottom: 5px;
			font-size: 11px;
			color: #555; }

		#foot #end .links { padding: 0 0 10px 0; }

		#foot #end .links a {
			padding: 0 10px 0 5px;
			border-right: 1px solid #999;
			line-height: 10px;
			font-size: 10px;
			text-transform: uppercase;
			color: #333 !important; }
			
			#foot #end .links a:hover { color: black !important; }

		#foot #end .using {
			padding: 00;
			font-size: 10px;
			line-height: 10px;
			color: #999; }
		


	#foot .phone {
		float: right;
		width: 350px; height: 177px;
		background: red;
		background: url(../images/phone.gif) no-repeat right top;
		color: #222; }
		
		#foot .phone h4 { padding: 0; margin: 0; }
		
		#foot .phone p {
			width: 235px;
			font-size: 12px; }
		
			#foot .phone p a { font-size: 14px; color: #372e2c; }



#gallery {
	float: left;
	width: 100%; }

	#gallery a, #gallery img { float: left; }

	#gallery a { margin: 5px; }
	
	#gallery a:hover img { border: 1px solid #cac6c3; }
	
	#gallery img {
		border: 1px solid #b9b5b2;
		padding: 2px; }
	
	#gallery .row {
		clear: both;
		width: 100%; }



	
#inside img.photo {
	
	margin: 0 20px 10px 0;
	padding: 2px; }
	
	#inside h3, #inside h4 { margin-bottom: 10px; }

	#inside table { width: 100%; }

	#inside table td { vertical-align: top; }



#intro { }
	
	#intro p { font-size: 14px; line-height: 18px; }

	#intro .one,
	#intro .two,
	#intro .three,
	#intro .four,
	#intro .five { position: absolute; z-index: 10; }

	#intro .one { 
		top: 120px; left: 240px;
		width: 280px; height: 120px; }

	#intro .two {
		top: 120px; left: 550px;
		width: 420px; }	

	#intro .three {
		top: 280px; left: 380px;
		width: 590px; }

		#intro .three h2 { line-height: 16px; padding-bottom: 5px; }
		#intro .three h5 { padding: 0; }

	#intro .four {
		top: 340px; left: 380px;
		width: 590px;
		}
		
	#intro .five {
		top: 540px; left: 370px;
		width: 620px;
		}
		
		#intro .four p { margin: 0; padding: 0; }

	#intro .content {
		position: absolute; z-index: 10;
		top: 120px; left: 440px;
		width: 480px; }
		
		#intro .content h5 { font-size: 22px; line-height: 30px !important; }



#kontakt {
	float: left;
	position: relative;
	width: 100%; min-height: 550px;
	margin-top: 170px;
	background: url(../images/kontakt.png) no-repeat 0 0; }






#logo {
	display: block;
	position: absolute; left: 0; top: 20px;
	width: 347px; height: 102px;
	background: url(../images/logo-iza.png);
	text-indent: -10000px; }








#media {
	list-style: none;
	padding: 0; }
	
	#media a { text-decoration: underline; }
	
	#media a, 
	#media span {
		margin: 0 0 5px 0;}
		
	#media span:before,
	#media a:before { content: "- " ;}
	
	#media h4 {
		padding: 0;
		text-transform: uppercase; }
	
	#media li { 
		background: url(../images/arrow2.png) no-repeat left 4px;
		padding: 0 0 15px 15px; }










#menu-left {
	
	/*position: absolute; top: 200px; left: 0; z-index: 100;*/
	float: left;
	width: 241px;
	margin-top: 200px; }

	#menu-left a {
		float: left;
		width: 229px; height: 29px;
		background: url(../images/menu.png);
		font-size: 16px;
		padding: 6px 0 0 12px;
		text-transform: uppercase;
		text-decoration: none;
		color: white; }
		
		#menu-left a:before {
			content: "» ";
			text-decoration: none;; }

		#menu-left a:hover,
		#menu-left a.hit {
			background-position: 0 -35px;
			text-decoration: none; }


	#menu-left div {
		float: left;
		padding: 5px 0 15px 0; }

	#menu-left div a {
		width: 209px; height: 21px;
		background: none;
		margin: 1px 0 1px 0;
		padding: 1px 0 0 32px;
		font-size: 15px;
		letter-spacing: 1px;
		text-transform: lowercase;
		border: none; }
		
	#menu-left div a:hover { background: url(../images/menu-sub.png); }
	#menu-left div a.hit { background: url(../images/menu-sub.png) 0 -22px; }
	#menu-left div a:before { content: "- "; }






#menu-top {
	width: 100%; height: 36px;
	background: #51445f;
	border-bottom: 1px solid #837e86; }

	#menu-top .content {
		width: 960px;
		margin: 0 auto; }

		#menu-top .content a {
			float: right;
			height: 26px;
			padding: 10px 10px 0 10px;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-size: 12px;
			color: white; }

		#menu-top .content a:hover { text-decoration: none; }
		
		#menu-top .content a:hover,
		#menu-top .content a.hit { background: #675a77; }
		






#pageflip {
		position: relative; z-index: 200;
		right: 0; top: 0;
		float: right; 
				display: none;

	}
	#pageflip img {
		width: 50px; height: 52px;
		z-index: 99;
		position: absolute;
		right: 0; top: 0;
		-ms-interpolation-mode: bicubic;
		display: none;
	}
	#pageflip .msg_block {
		width: 50px; height: 50px;
		overflow: hidden;
		position: absolute;
		right: 0; top: 0;
		background: url(../images/subscribe.png) no-repeat right top;
	}






#partnerzy { }

	#partnerzy a:hover { text-decoration: underline; }

	#partnerzy dl {
		float: left;
		width: 320px;
		padding: 0 0 15px 0; }
		
		#partnerzy dd {
			width: 219px;
			padding: 0 0 0 3px; }
		
		#partnerzy dd h4 { font-size: 16px; padding: 0; }
	
		#partnerzy dd h6 {
			padding: 0 0 5px 0;
			font-size: 12px; }

		#partnerzy dt, #partnerzy dd { float: left; }






#patroni { position: absolute; left: 0; top: 715px; z-index: 10; }

	#patroni h6 {
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #c3c0bd; }










#referencje { float: left; margin: 0 0 45px 0; }

	#referencje .gallery {
		float: left;
		position: relative;
		padding: 0 30px 0 30px }
		
		#referencje .gallery img { border: 1px solid #86817e; }
	
		#referencje .gallery li { 
			width: 114px; height: 114px;
			padding: 2px; }




#referencje-klienci {}

	#referencje-klienci .meta p { padding: 0 0 10px 0; font-size: 13px; }

	#referencje-klienci .row { padding: 0 0 25px 0; }





#social {
	float: left;
	width: 100%;
	margin: 25px 0 0 0; }

	#social p {
		float: right;
		width: 240px;
		border-top: 1px solid #ededed;
		padding: 5px 5px 0 5px; }

	#social a { 
		float: left;
		width: 250px;
		padding: 2px 0 2px 20px;
		font-size: 12px;
		border-bottom: none; }
		
	#social a:hover { text-decoration: underline; }

	#social .facebook { background: url(../images/social-facebook.gif) no-repeat left 2px; }
	#social .goldenline { background: url(../images/social-goldenline.gif) no-repeat left 2px; }







#ubierz {
	float: right;
	width: 440px; min-height: 630px; }
	
	#ubierz h6 {
		
		color: #efefef; }

	#ubierz p { line-height: 16px !important; }

	#ubierz .one { 
		float: right;
		width: 330px;
		margin-top: -30px;
		padding: 0 0 190px 0; }
	
	#ubierz .two {
		float: right;
		width: 440px; }



	/********************************      General Classes      ********************************/
	
	.list_carousel {
		position: absolute; top: 440px; right: 0;
		width: 412px; height: 220px;
		padding-left: 58px;
		overflow: hidden; }

		.list_carousel h6 {
			width: 365px;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #bdb8b6;
			padding: 0 0 5px 0; }

		.list_carousel li.item {
			display: block;
			position: relative;
			float: left;
			width: 365px; height: 220px;
			padding: 0; }

		.list_carousel p {
			padding-bottom: 5px;
			font-size: 13px;
			line-height: 18px;
			font-style: italic; }

		.list_carousel ul {
			list-style: none;
			margin: 0; }

		.author {
			margin-top: 5px;
			text-align: right; }
		.author:before { content: "~"; }

		.list_carousel .more {
			float: none;
			white-space: nowrap;
			font-weight: bold; }

		.list_carousel .more:hover { text-decoration: underline; }

		#prev, #next {
			position: absolute; top: 60px;
			width: 31px; height: 31px;
			text-indent: -10000px; }
			
		#prev:hover, #next:hover { background-position: 0 -31px; }
		
		#prev {
			left: 0;
			background: url(../images/arrow-left2.png); }
	
		#next {
			right: 0;
			background: url(../images/arrow-right2.png); }







/*---   Dossier   ---*/

.dossierSlide {
	float: right;
	position: relative;
	width: 580px; height: 580px;
	margin: 0 20px 0 0; }

	.dossierSlide .content {
		float: left;
		width: 580px; height: 550px;
		position: relative;
		font-size: 14px;
		overflow: hidden; }
		
		.dossierSlide .content a:hover { text-decoration: underline; }
		
		.dossierSlide .content h6 { font-size: 16px; margin-bottom: 15px; }
	
		.dossierSlide .content ul {
			position: absolute; left: 0; top: 0; z-index: 5;
			width: 100000px; height: 500px;
			list-style: none;
			margin: 0; }
		
			.dossierSlide .content ul li {
				float: left;
				width: 580px;
				padding: 0; }

		.dossierSlide .ar {
			display: block;
			position: absolute; bottom: 0; z-index: 5;
			background: url(../images/arrows-big.png);
			width: 62px; height: 61px;
			text-indent: -10000px; }

		.dossierSlide .prev {
			left: 0;
			background-position: 0 0; }

		.dossierSlide .prev:hover { background-position: 0 -76px; }

		.dossierSlide .next {
			right: 0; bottom: 120px;
			background-position: 0 -152px; }

		.dossierSlide .next:hover { background-position: 0 -228px; }


	.dossierSlide .facebook {
		display: block;
		background: url(../images/facebook_32.png) no-repeat right 0;
		height: 32px;
		padding: 0 45px 0 0;
		line-height: 32px;
		text-align: right;
	}



#zyczenia {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 0; }
	
	#zyczenia a { text-decoration: underline; }
	
	#zyczenia a, 
	#zyczenia span {
		margin: 0 0 5px 0; }
	
	#zyczenia h4 {
		padding: 0;
		text-transform: uppercase; }
	
	#zyczenia li { 
		background: url(../images/icon-quote.png) no-repeat left top;
		padding: 0 0 25px 50px;
		font-size: 16px; }

	#zyczenia p {
		font-size: 16px;
		font-style: italic;
		padding: 0; }

	#zyczenia .info, #zyczenia .url {
		display: block;
		padding: 0 0 0 15px;
		line-height: 12px;
		font-size: 12px;
		font-style: normal; }

	#zyczenia .name {
		display: block;
		margin: 0 0 0 0;
		padding: 5px 0 0 0; }
	
	#zyczenia .url { padding: 2px 0 0 15px; }	
	#zyczenia .url a {
	 	font-size: 11px;
	 	border: none; }






/*---   why stylish fashion   ---*//

.why {
	float: left;
	width: 261px;
	margin: 125px -30px 0 0;
	font-size: 12px; }

	.why h4 { margin-bottom: 10px; }

	.why  p {
		line-height: 16px;
		font-size: 12px;
		text-shadow: none; }








/********************************      General Classes      ********************************/

body.start { background: url(../images/iza.png) no-repeat center 153px;  }
body.dossier { background: url(../images/iza2.png) no-repeat center 393px; }
body.publikacje { background: url(../images/ubierz-sie-w-usmiech.png) no-repeat center 116px;}

button:hover { _filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }


.authors { }

	.authors img { margin: 0 10px 10px 0; }

	.authors p {
		padding: 0 0 25px 0;
		font-size: 11px; line-height: 12px;
		color: #efefef; }
	
	.authors p a { font-size: 12px; }
	
	.authors .name { font-size: 14px; padding: 0 0 5px 0; display: block; color: white !important; }


/*****    Book in promotions    ****/

.book2 {
	position: absolute; right: -100px; top: 150px;
	width: 325px; height: 177px;
	background: url(../images/book.png) no-repeat 0 0; }



.left-container {
	float: left;
	width: 247px;
}


	.wykladowcy {
		/*position: absolute; left: -316px; top: 300px;*/
		float: left;
		width: 247px;
		background: #817981 url(../images/h-wykladowcy.png) no-repeat 0 0;
		margin: 45px 0;
		padding: 45px 0 0 0; }

		.wykladowcy a { font-weight: normal; float: left; }
		.wykladowcy a:hover { text-decoration: none; background: url(../images/w10.png); }
		
		.wykladowcy a span { color: #4d3a36; }
		
		.wykladowcy h5 { margin: 10px 0 5px 9px; }

		.wykladowcy img {
			float: left;
			border: 0 none !important;
			margin: 0 10px 0px 0; }

		.wykladowcy p {
			float: left;
			margin: 0 9px 10px 9px;
			border-bottom: 1px solid #bcb8b5;
			font-size: 11px;
			line-height: 14px;
			color: #efefef; }
			
		.wykladowcy p:last-child { border: 0 none; }
		
		.wykladowcy .name { font-size: 14px; padding: 0 0 5px 0; display: block; color: white !important; }





.error-input, .error-both, .error-same, .error-email, .error-string { background: #d3b4a5 !important; }



.gallery { height: 130px; }

	.gallery ul, .gallery li {
		display: block;
		list-style: none;
		margin: 0; }
		
		.gallery a { float: left; }
		
		.gallery a:hover {
			_filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9;
			border: none !important; }
	
		.gallery ul { padding: 0; }
	
		.gallery li { float: left; }
	
		.gallery .arrow {
			display: block;
			position: absolute; top: 50px;
			width: 23px; height: 23px;
			cursor: pointer; }
		
		.gallery .arrow:hover {
			background-position: 0 -23px;
			border: none !important; }
		
		.gallery .left { 
			left: 0; 
			background: url(../images/arrow-left.png); }
		
		.gallery .right {
			right: 0;
			background: url(../images/arrow-right.png); }




.if {
	height: 185px;
	list-style: none;
	margin: 0;
	padding: 0 0 25px 90px;
	background: url(../images/icon-if.png) no-repeat left; }

	.if li {
		background: url(../images/line.gif) no-repeat left 9px;
		padding: 0 0 0 10px; }


.kup-ksiazke {
	display: block;
	position: absolute; top: 600px; right: 0;
	width: 260px; height: 125px;
	background: url(../images/btn-kup.png);
	margin: 15px 0 0 0;
	text-indent: -10000px; }

	.kup-ksiazke:hover { background-position: 0 -125px; }





.link { text-decoration: underline; }



.menu_body { display: none; }

.menu_head { font-size: 14px; }



.meta {
	position: absolute; left: -316px; top: 0;
	width: 240px;
	background: #918a87;
	padding: 16px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px; }

	.meta h4 {
		padding: 0 0 10px 0;
		font-size: 16px; }
	
	.meta ul {
		list-style: none;
		margin: 0; }

		.meta ul li {
			background: url(../images/line.gif) no-repeat left 8px;
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
			font-size: 12px;
			line-height: 12px; }

	.meta .arrow {
		position: absolute; right: -26px; top: 50%;
		width: 26px; height: 17px;
		background: url(../images/arrow.png); }



.more { float: right; }


.photos-start {
	position: absolute; right: 0; top: 385px; z-index: 10;
	width: 560px; height: 376px;
	background: url(../photos/photos-start.png); }

.photos-start2 {
	position: absolute; right: 0; top: 465px; z-index: 10;
	width: 483px; height: 235px;
	background: url(../photos/photos-start2.png);
}


.recenzja-big {
	width: auto; height: auto; min-height: 360px;
	background: white;
	background-image: none;
	padding: 20px !important;
	color: #333; }

	.recenzja-big { font-style: italic; }
	
	.recenzja-big h3 { border-bottom: 1px solid #ccc; margin-bottom: 15px; }
	
	.recenzja-big img { border: 0 none; }



.row, .row-border {
	position: relative;
	width: 100%; }
	
	.row-border {
		border-bottom: 1px solid #ededed;
		margin: 0 0 15px 0;
		padding: 0 0 10px 0; }


.top {
	float: right;
	width: 72px; height: 21px;
	background: url(../images/btn_do-gory.png);
	text-indent: -10000px; }
	
	.top:hover { background-position: 0 -21px; }


.zimowa-promocja {
	position: absolute; right: -50px; top: 180px;
	width: 320px; height: 210px;
	background: url(../photos/zimowa-promocja.png);
	text-indent: -100000px; }




.clra { height: 1%; }

.clra:after {
	clear: both;
	display: block;
	content: ''; }

/*   Margins   */

.mb15 { margin-bottom: 15px; }
.mt15 { margin-top: 15px; }