/*
color:#71A2C9; - niebieski
color:#D1939E; - ciemny roz
color:#F2D8D9; - jasny rozowy
#D1D1D1;
#E5DFDF;
*/

/*--------------->> Basic reset <<---------------------------*/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
* :focus, * :hover, * :active { outline:0 none; }
a:hover,a:focus,a:active {outline:0 none;}

/*------------------------->> Typography <<------------------------*/
/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, 'Helvetica Neue', Helvetica, sans-serif - p, t

Baskerville, 'Times New Roman', Times, serif - p
Baskerville, 'Times, Times New Roman', serif - t

Cambria, Georgia, Times, 'Times New Roman', serif - p, t
'Century Gothic', 'Apple Gothic', sans-serif - p, t

Consolas, 'Lucida Console', Monaco, monospace - p, t

'Copperplate Light', 'Copperplate Gothic Light', serif - p, t

'Courier New', Courier, monospace - p, t

'Franklin Gothic Medium', 'Arial Narrow Bold', Arial, sans-serif - p, t

Futura, 'Century Gothic', 'Apple Gothic', sans-serif - p, t

Garamond, 'Hoefler Text', 'Times New Roman', Times, serif - p
Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif - t

Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif - p
Geneva, Verdana, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - t

Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif - p
Georgia, Times, 'Times New Roman', serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

'Helvetica Neue', Arial, Helvetica, sans-serif - p
Helvetica, 'Helvetica Neue', Arial, sans-serif - t

Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif - p, t

'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif - p, t

Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif - p
Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, 'Times New Roman', Georgia, serif - p, t

Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/

body	 {font-family: Helvetica,Arial,sans-serif;}

h1, h2, h3, h4, h5, h6				{ color:#71A2C9;}

h1, h2								{ line-height: 36px; margin-bottom: 18px; }
h1, h2, h3, h4						{ margin-top: 18px; }
h3, h4, h5, h6						{ line-height: 18px; }
h1									{ font-size: 36px; top: 5px; }
h2									{ font-size: 28px; top: 8px; }
h3									{ font-size: 22px; top: 1px; }
h4									{ font-size: 18px; top: 2px; }
h5									{ font-size: 15px; top: 4px; }
h6									{ font-size: 13px; top: 5px; }

p, pre, address						{font-size:12px; line-height: 18px;}

abbr, code, kbd,
samp, small, var						{ line-height: 15px; }

ul, ol, dl		 					{ font-size: 14px; line-height: 19px; position: relative; top: 5px; margin-top: 18px; margin-bottom: 18px; }

li ul, li ol, ul ul, ol ol			{ top: 0; margin-top: 0; margin-bottom: 0; }

li h1, li h2, li h3,
li h4, li h5, li h6,
li p									{ top: 0; }
form, legend, label					{ font-size: 13px; line-height: 18px; }
legend								{ position: relative; top: 5px; }
input, textarea						{ font-size: 12px; }
table								{ font-size: 13px; }
caption								{ font-size: 13px; line-height: 18px; }

ul li								{list-style: disc;list-style-position: outside;}

.tabcontent h3 {color:#D1939E;}

strong {color:#5b5b5b;font-weight:bold;}
/*--------------->> layout <<---------------------------*/
html {}

body {background:#fff url('../images/body-bg.jpg') repeat-x;}

.container {width: 960px;margin:0 auto;}

#content {margin-top:10px;}

.header {background:#F2D8D9 url('../images/header_pink.png') no-repeat center;height:165px;
font-family:Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif;
}

.header h1 {padding-top:1em;}
.header h3 {font-style:italic;}
.header h1,.header h3,.header span {text-align:center;color:#5b5b5b;}
.header span {
	display:block;
	font-style:italic;
	padding:10px 0 0;
}
.footer {background:#F2F2F2;padding:1em 0;border-top:1px solid #ccc;}
.footer p {font-size:12px; color:#D1939E;color:#5B5B5B;font-weight:bold;}
.footer p span {margin-left:15px;}
.footer .contanier {width:960px; margin:0 auto;}

/*------------------------->> klasy <<------------------------*/

.left {float:left; display:inline;}
.right {float:right; display:inline;}
.col {float:left; display:inline;}
.box {width: 400px;}
.clear {clear:both;}
.wrapper {padding:0 2em;}
.hr {clear: both;width: 100%;border-top: 1px solid #ccc;}
.first {margin-right:20px;}

.foto {width:450px}
.foto img {border:1px solid #ccc;padding:1px;margin-bottom:10px;}
/*--------------->> tabs <<---------------------------*/
#nav {	
	background:#fff url('../images/nav-bg2.jpg') repeat-x;
	height:156px;
	width:960px;
	margin-top:-4px;
}

#nav ul {width:960px;margin:0 auto;}

#nav li {float:left;padding-left:1px;width:175px;list-style-type:none;text-align:center;margin-left:0;}

#nav a {
	color:#333333;
	display:block;
	padding:17px;
	position:relative;
	word-spacing:-2px;
	font-size:11px;
	height:122px;
	text-decoration:none;
}

#nav a.current {background:url('../images/down_large.jpg') 0 -4px;}

#nav img {margin:3px 0 5px 27px;padding:4px;display:block;}

#nav strong {display:block;font-size:17px;color:#D1939E;}

/* panes */
#panes {
	background:#fff url('../images/contentbg.jpg') repeat-x;
	width:960px;
	height:320px;
	margin-bottom:-20px;
	padding-bottom:20px;	
	position:relative;
	border-top:1px solid #ccc;	
}


#panes div.tabcontent {
	display:none;
	position:absolute;
	top:20px;
	left:20px;
	color:#444;
	width:950px;
	min-height:310px;
	background: url('../images/flower.gif') no-repeat 761px 212px;
}

.tabcontent li {list-style:none;background:url('../images/li.gif') no-repeat 0 0;padding-left:20px;}

#panes img {float:left;margin-right:20px;}

#panes p.more {color:#000;font-weight:bold;}

#panes h3 {margin:0 0 -5px 0;font-size:22px;font-weight:normal;}

.overlay {display:none;width:500px;padding:20px;background-color:#ddd;}

/*--------------->> galeria <<---------------------------*/
/* the overlayed element */
.simple_overlay {	
	display:none;		
	z-index:10000;		
	background-color:#333;	
	width:675px;	
	min-height:200px;
	border:1px solid #666;		
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
	top:0;
	left:0;
}

.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


#img {border:1px solid #666;}

/* "next image" and "prev image" links */
.next, .prev {	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {text-decoration:underline;background-color:#000;}

/* when there is no next or previous link available this class is added */
.disabled {visibility:hidden;}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {display:block;}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}


/* the thumbnails */
#triggers {
	text-align:center;
}

#triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:15px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* the active thumbnail */
#triggers a.active img {
	outline:1px solid #000;
	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}