/* GENERAL */
html {
  background: url(images/gradient1.png) no-repeat 85% -350px #ee5885; /* przezroczystość 70% */
  font-family: "Century Gothic", sans-serif;
  margin: 0;
  padding: 0;
}

body {
  background: url(images/szycie1.png) repeat-x 0 0 ;
  margin: 0;
  padding: 0;
  z-index: 1;
}

h1 {
	font-size:18.7px;
	padding:0px;
	margin: 0px;
	text-transform:uppercase;
	font-weight:bold;
}
h2 {
	font-size:8pt;
	padding:0px;
	margin: 0px;
	text-transform:uppercase;
	font-weight:normal;
}
.pisane {
  font-size: 9pt;
  font-weight: bold;
  text-decoration: underline;
}

#glowna {
  width: 100%;
  height: 100%;
  background:url(images/motyle.png) center top;
  margin:0;
  padding:0;
}

#sitedo {
  width: 940px;
  height: 100%;
  background: url(images/gradient2.png) no-repeat 0 320px; /* przezroczystość 30% */
  margin:0 auto;
  padding:0;
}

/* HEADER */
.header {
  width: 940px;
  margin: 0;
	height:100px;
	/*border:#ff00ff 1px solid;*/
}

/* HEADER: logo */
header #logo {
	position:absolute;
	top:37px;
	left:-26px;
	width: 25px;
	height: 25px;
	font-size:35px;
	white-space:nowrap;
	color:#fff;
	text-transform:uppercase;
	text-shadow: 1px 1px 0px rgba(0,0,0, .4);
	background: url('images/home.png') center no-repeat #7c009b;
	border-right: 1px solid #a44db9;
	overflow: hidden;
}
header #logo:link, 
header #logo:visited, 
header #logo:hover, 
header #logo:focus {
	text-decoration:none;
}

 
 /* HEADER: navigation add */
#navadd {
	position:absolute;
	float: left;
	top:0px;
	right:0;
	text-shadow: 1px 1px 0px rgba(0,0,0, .3);
	overflow: hidden;
	margin: 0;
}
#navadd ul {
	list-style:none;	
	float:left;
	margin: 10px 10px 0 0;
}	
#navadd li {
	display:block;
	float:left;
	margin:0 0 0 30px;
}
#navadd li a h2 {
	font-size:8pt;
	padding:0px;
	margin: 0px;
	text-transform:uppercase;
	font-weight:bold;
}
#navadd li a:link, 
#navadd li a:visited {
	color:#fff;
	text-decoration:none;
	text-shadow: 1px 1px 0px rgba(0,0,0, .3);
}	
#navadd li a:hover, 
#navadd li a:focus {
	color:#FFF;
	text-decoration:none;
}
#navadd li.current a {
	color:#FFF;
	text-decoration: underline;
}
 
 /* HEADER: navigation */
header nav {
	position: absolute;
	top: 37px;
	left:0;
	height: 63px;
	width: 100%;
	background: #7c009b;
	overflow: hidden;
	margin: 0;
}
header nav ul {
	list-style:none;
	margin: 0px;
	width: 100%;
	height: 100%;
	padding: 0;
}	
header nav li {
	display:inline;
	float:left;
	height: 100%;
	margin: 0;
	padding: 16px 23px 16px 23px;
	border-right: 1px solid #a44db9;
}

header nav li a h1 {
	margin-top: -5px;
	margin-left: -1px;
}
header nav li a h2 {
  
}
header nav li a span {
	position:absolute;
	display: block;
	bottom:0;
	font-size:26pt;
	padding:0px;
	margin: 0px 0px 10px 73px;
	text-transform:uppercase;
	font-weight:bold;
}

header nav li a:link, 
header nav li a:visited {
	color:#eee;
	text-decoration:none;
}	
header nav li a:hover, 
header nav li a:focus {
	color:#ee5885;
	text-decoration:none;
}
header nav li.current {
	color:#7c009b;
	background:#ffffff;
	border-right: none;
}
header nav li.current a,
header nav li.current_last a,
header nav li.current_last a:link,
header nav li.current_last a:visited {
	color:#7c009b;
}
header nav li.current a:hover,
header nav li.current_last a:hover {
	color:#ee5885;
}
header nav li.special  {
	color:#7c009b;
	background:#f6d2dd;
	padding: 16px 35px 0px 22px;
	border-right: none;
}
header nav li.current_special {
	color:#7c009b;
	background:#ffffff;
	padding: 16px 35px 0px 22px;
	border-right: none;
}
header nav li.special a,
header nav li.current_special a,
header nav li.current_special a:link,
header nav li.current_special a:visited {
	color:#7c009b;
}
header nav li.special a:hover,
header nav li.current_special a:hover {
	color:#ee5885;
}
header nav li.first  {
	border-right: none;
}
header nav li.current_first  {
	color:#7c009b;
	background:#ffffff;
	border-right: none;
}
header nav li.first a {
  color:#ffffff;
}
header nav li.current_first a,
header nav li.current_first a:link,
header nav li.current_first a:visited {
	color:#7c009b;
}
header nav li.first a:hover,
header nav li.current_first a:hover {
	color:#ee5885;
}

header nav li.last {
	border-right: none;
	padding-right: 21px;
}
header nav li.current_last {
  border-right: none;
	padding-right: 21px;
	color:#7c009b;
	background:#fff;
}

.wrapper {
	width:940px;
	margin:0 auto;
	position:relative;
	display:block;
}
a:link, a:visited {
	color:#316594;
	text-decoration:underline;
}
a:hover, a:focus {
	color:#222;
	text-decoration:underline;
}	

/* SLIDER: homepage */
#sliders_a {   
  background: #ffffff;  
  width: 940px;   
  height: 375px;   
  margin: 0px auto;   
  position: relative;
  border-bottom: 12px solid #d01d53; 
  z-index: 30; 
}
#slider-top_a {   
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 40%, rgba(255,255,255,1) 65%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(40%,rgba(255,255,255,0)), color-stop(65%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 40%,rgba(255,255,255,1) 65%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(255,255,255,0) 40%,rgba(255,255,255,1) 65%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(255,255,255,0) 40%,rgba(255,255,255,1) 65%); /* IE10+ */
  background: linear-gradient(left,  rgba(255,255,255,0) 40%,rgba(255,255,255,1) 65%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
  border: 7px solid #ffffff;   
  width: 926px;   
  height: 321px;
  margin: 0px auto;   
  position: relative; 
  z-index: 50;
} 
#slider_a {   
  clear: both;
  position: absolute;
  background: url(images/szycie1.png) repeat-x 0 -100px #ee5885;
  width: 940px;   
  height: 335px;   
  margin: -335px auto 0px auto;   
  z-index: 30;
}  

#procent {
  position: absolute;
  right: 0;
  width: 275px;
  height: 300px;
  background: url('images/pomoz-oliwce.png') 30px 25px no-repeat #fff;
  margin: 0px;
  padding: 165px 10px 0 30px;
  text-shadow: 0px 0px 1px rgba(0,0,0, .3);
} 
#procent div {
  text-align: center;
  font-size:10pt;
  width: 160px;
  margin: 0 auto;
  margin-top: 30px;
  margin-left: 30px;
  line-height:15px;
}
#procent a:link,
#procent a:visited,
#procent a:hover {
  color: #ee5885;
  text-decoration:underline;
}


/* SLIDER: inne strony */
#sliders_b {   
  background: #ffffff;  
  width: 940px;   
  height: 175px;   
  margin: 0px auto;   
  position: relative;
  border-bottom: 12px solid #d01d53; 
  z-index: 30; 
}
#slider-top_b {   
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  rgba(255,255,255,0) 40%, rgba(255,255,255,1) 65%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(40%,rgba(255,255,255,0)), color-stop(65%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 40%,rgba(255,255,255,1) 65%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  rgba(255,255,255,0) 40%,rgba(255,255,255,1) 65%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  rgba(255,255,255,0) 40%,rgba(255,255,255,1) 65%); /* IE10+ */
  background: linear-gradient(left,  rgba(255,255,255,0) 40%,rgba(255,255,255,1) 65%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
  border: 7px solid #ffffff;   
  width: 926px;   
  height: 120px;
  margin: 0px auto;   
  position: relative; 
  z-index: 50;
} 
#slider_b {   
  clear: both;
  position: absolute;
  background: #ee5885;
  width: 926px;   
  height: 135px;   
  margin: 0px auto;  
  z-index: 30;
}  


/* shadow long */
.shadow-long {
  background: url(images/shadow1.png) no-repeat 0px 0px;
  width: 100%;
  height: 20px; 
  margin: 0;
  overflow: hidden;
}

/* HEADER: breadcrumbs */
header .breadcrumbs {
	text-shadow: 1px 1px 0px rgba(0,0,0, .3);
	font-size:11px;
	overflow:hidden;
	color:#fff;
	text-transform:uppercase;
	width:100%;
	height: 15px;
	margin: -5px 0 0 5px;
	padding: 0;
}
header .breadcrumbs a:link, 
header .breadcrumbs a:visited {
	color:#fff;
	text-decoration:underline;
}
header .breadcrumbs a:focus, 
header .breadcrumbs a:hover {
	color:#d01d53;
	text-decoration:underline;
}
#index header .breadcrumbs {
	display:none; /* no reason to have breadcrumbs on homepage */
} 

/* SHORT'Y */
.short {
  position: relative;
  height: 280px;
  width: 940px;
  padding: 0;
  margin: -32px auto 0 auto;
  z-index: 200;
}
.short div {
  width: 235px;
  height: 100%;
  float: left;
}
.short div.misio {
  background: url(images/ico-misio.png) no-repeat center;
}
.short div.book {
  background: url(images/ico-book.png) no-repeat center;
}
.short div.roz {
  background: #d01d53;
} 
.short div.fiolet {
  background: url(images/szycie2.png) repeat-x #7c009b;
}
.short div.roz div.rozowe {
  width: 180px;
  height: 220px;
  background: url(images/title-info.png) no-repeat bottom;
  margin: 30px 25px;
  color: #ffffff;
  font-size: 8pt;
  font-family: Verdana;
}
.short div.fiolet div.fioletowe {
  width: 180px;
  height: 220px;
  background: url(images/title-historia.png) no-repeat top left;
  margin: 30px 25px;
  padding: 80px 0 0 0;
  color: #ffffff;
  font-size: 8pt;
  font-family: Verdana;
}

.short div.roz a,
.short div.fiolet a {
  color: #ffffff;
}


/* shadow short */
p.shadow-short {
  background: url(images/shadow2.png) no-repeat top right;
  width: 100%;
  height: 20px; 
  margin: 0;
  overflow: hidden;
}



/* BODY CONTENT */
article {
	float:right;
	width:670px;
	min-height:400px;
	margin: 15px auto;
	background:#fff;
	-moz-box-shadow: 10px 1px 10px rgba(0,0,0, .07);
	-webkit-box-shadow: 10px 1px 10px rgba(0,0,0, .07);
	box-shadow: 10px 1px 10px rgba(0,0,0, .07);
}
article h1 {
	margin:0 0 0px 0;
	color: #7c009b;
	font-size:34px;
}
article h2 {
	margin:0 0px 40px 0;
	color: #7c009b;
	font-size:18px;
}
article h3 {
	font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif;
	margin:0 0 15px 0;
	color: #275176;
	font-size:25px;
}
article h4 {
	font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif;
	margin:0 0 10px 0;
	color: #555;
	font-size:20px;
	font-weight:100;
}
article h5 {
	font-family: arial, serif;
	margin:0 0 10px 0;
	color: #333;
	font-size:15px;
}
article h6 {
	font-family: arial, serif;
	margin:0 0 10px 0;
	color: #666;
	font-size:14px;
}
article section {
	padding:40px;
	line-height:22px;
	font-size:14px;
	color:#333;	
}
article section p {margin:0 0 25px 0;}
article section ul, 
article section ol {
	margin:0 0 25px 30px;
}
article section ul ul, 
article section ol ol,
article section ul ol, 
article section ol ul {
	margin:0 0 0 25px;
}
article section code {
	border:1px solid #ccc;
	background:#f6f6f6;
	font-size:12px;
	padding:1px;
}
article section pre {
	border:1px solid #ccc;
	background:#f6f6f6;
	padding:15px;
	margin:0 0 25px 0;
	line-height:16px;
	font-size:13px;
	color:#555;
	text-shadow: 1px 1px 0px #fff;
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	-khtml-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
}
article section pre code {
	border:none;
	background:none;
	padding:none;
}
article section blockquote {
	margin:0 0 25px 20px;
	color:#555;
	line-height:20px;
	font-family:georgia, garamond, serif;
	font-style:italic;
	padding:0 0 0 15px;
	border-left:1px solid #ccc;
}
article section .footer {
	color:#888;
	font-size:11px;
	margin-top:40px;
	border-top:1px dotted #ccc;
	padding-top:15px;
}
article section .footer p {
	margin:0 0 10px 0;
}


/* SIDEBAR */
aside {
	float:right;
	width:260px;
	margin:40px 0 0 0;
}
aside .section {
	padding:0 0 0 30px;	
}
aside .section {
	margin:0 0 40px 0;
	font-size:11px;
	line-height:16px;
	color:#555;
	text-shadow: 1px 1px 0px #fff;
}
aside .section p {
	margin:0 0 15px 0;
}
aside .section ul, 
aside .section ol {
	margin:0 0 15px 20px;
}
aside .section h2 {
	background:#333;
	border-top:1px solid rgba(255,255,255,.4);
	text-shadow: 1px 1px 0px rgba(0,0,0,.5);
	text-transform:uppercase;
	background: -moz-linear-gradient(top, #444 0%, #222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); 
	font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif;
	font-weight:100;
	color:#fff;
	font-size:19px;
	line-height:19px;
	margin:0 0 20px -31px;
	padding:5px 0 7px 25px;
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	-khtml-border-radius:0 4px 4px 0;
	-webkit-border-radius:0 4px 4px 0;
}


/* FOOTER */
footer {
	padding:0px 0px 15px 0px;
	text-shadow: 1px 1px 0px rgba(0,0,0,.2);
	color:#fff;
	font-size:10px;
}
footer .left {
	float:left;
	width:40%;
	text-align:left;
}
footer .right {
	float:right;
	width:60%;
	text-align:right;
	padding: 0px 10px 0px 0px;
}
footer a:link, footer a:visited {
	color:#fff;
	text-decoration:underline;
}
footer a:hover, footer a:focus {
	color:#fff;
	text-decoration:underline;
}