/* -----------------------------------------------------------------------

   BlueTrip CSS Framework
   
   Mike Crittenden
   mike@capsizedesigns.com
   Copyright 2008 Mike Crittenden
   
   License - MIT or GPL (whichever suits you better)

----------------------------------------------------------------------- */

/* MEYER RESET v1.0 */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse:collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

	body { 
		background: #161616 url(/images/bg/1.jpg) no-repeat center top;	
		color: #000; 
	 }

/* BASIC TYPOGRAPHY */

	body { font-size: 8pt; word-spacing: 1pt; letter-spacing: 0; font-family: Tahoma; }
	strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
	cite, em, dfn { font-style: italic; }
	code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace; }
	del { text-decoration: line-through; color: #666; }
	ins, dfn { border-bottom: 1px solid #ccc; }
	small, sup, sub { font-size: 85%; }
	abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
	a abbr, a acronym { border: none; }
	abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
	sup { vertical-align: super; }
	sub { vertical-align: sub; }

/* QUOTES */

	blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
	blockquote *:first-child:before { content: "\201C"; }
	blockquote *:first-child:after { content: "\201D"; }
	
/* FORMS */

	fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
	legend { font-weight: bold; font-size:1.2em; }
	label { font-weight: bold; }
	textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
	textarea, input[type='text'], input[type='password'], input[type='submit'], input[type='button'], select { -moz-border-radius: 3px; }
	textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
	textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
	input, select { cursor: pointer; }
	input[type='text'],input[type='password'] { cursor: text; }
	
	.form_error { color: red; font-weight: bold; }
	
/*Headings */
	
	.container h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
	.container h1{ font-size:16pt; letter-spacing:-0.5px;}
	.container h2{ font-size:17pt; }
	.container h3{ font-size:12pt; }
	.container #element_info .label, .container h4,.container h5,.container h6{ font-size:12pt; }


	/*Headings - color*/
	
	.container h1, .container h1 a:link, .container h1 a:visited, .container h1 a:focus, .container h1 a:active { color: #F7AC2E; }
	.container h2, .container h2 a:link, .container h2 a:visited, .container h2 a:focus, .container h2 a:active { color: #F7AC2E; }
	.container h3, .container h3 a:link, .container h3 a:visited, .container h3 a:focus, .container h3 a:active { color: #F7AC2E; }
	.container h4, .container h4 a:link, .container h4 a:visited, .container h4 a:focus, .container h4 a:active,
	.container h5, .container h5 a:link, .container h5 a:visited, .container h5 a:focus, .container h5 a:active,
	.container h6, .container h6 a:link, .container h6 a:visited, .container h6 a:focus, .container h6 a:active { color: #F7AC2E; }
	.container h1 a:hover,.container h2 a:hover,.container h3 a:hover,.container h4 a:hover,.container h5 a:hover,.container h6 a:hover { color: #FAC641; }		
	
	/* Links */
	.container .location-link { cursor: pointer; }
	.container a:link,.container a:visited, .container .location-link {  text-decoration: none;  font-weight:700; }
	.container a:link, .container .location-link { color:#565656; }
	.container a:visited { color:#565656; }
	.container a:hover, .container .location-link:hover { color: #da752c;}	
    .container a:active,.container a:focus {  color: #565656; }
	.container  code, .container  pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
	
	code { font: 10pt Courier, monospace; } 
	blockquote {  font-size: 10pt; }
	hr { background-color: #ccc; }

	a img { border: none; }


/* Table */
    table { text-align:left; border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
 	th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc;}
	th { font-weight: bold; }
	tfoot { font-style: italic; }
	caption { background: #fff; text-align:left; }
	thead {display: table-header-group;}
	tr {page-break-inside: avoid;} 
	tr.even td  { background: #e5ecf9; }
    .no-border, .no-border th, .no-border td { border:none; }
	.middle { vertical-align: middle; }
/* Hr */
	hr {background:#ddd;color:#ddd;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
	hr.space {background:#fff;color:#fff;}
	
/* LISTS */
	 ul li {  }
	 ul { list-style-type: none; }
	 ul ul { list-style-type: square; }
	 ul ul ul { list-style-type: circle; }
	 ol { list-style-position: outside; list-style-type: decimal; }
	 dt { font-weight: bold; }

/* MARGINS & PADDINGS */

	.container blockquote *:first-child { margin: .8em 0; }
	.container hr, .container ul, .container ol, .container dl, .container pre, .container blockquote, .container address, .container table, .container form { margin-bottom: 1.2em; }
	.container p { margin-bottom: 7px; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
    h1 { margin: 1em 0 .5em;  }
    h2 { margin: 1em 0 .5em; }
    h3 { margin: .7em 0 .6em; }
    h4 { margin: .6em 0 .6em; }
    h5, .container #element_info .label { margin: 1.3em 0 .7em; }
    h6 { margin: 1.6em 0 .8em; }
    th,   td { padding: .5em; }
    caption { padding-bottom: .8em; } /* padding instead of margin for IE */
    blockquote { padding: 0 1em; margin: 1.6em 0; }
    fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
    legend { padding-left: .8em; padding-right: .8em; }
    legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
    textarea, input { padding: 0.2em 0em; /*padding: .3em .4em .15em .4em;*/ }
    .container input { line-height: 1.1; font-size: 1em; }	
    select { padding: .1em 0em; }
    option { padding: 0 .4em; }
    a {  } /* for larger click-area */
    dt { margin-top: .8em; margin-bottom: .4em; }
    ul { }
    ol { margin-left: 2.3em; }
    ol ol,   ul ol { margin-left: 2.5em; }
    form div { margin-bottom: .8em; }
    .no-padding { padding:0px; }
/* 24 COLUMN GRID */

	.container { margin: 0 auto; overflow: hidden; }
	.w-950 {width:950px;}
	.w-960 {width:960px;}
	.w-1040{width:1040px;}
	.w-1250 {width:1250px;}

	.last, div.last {margin-right:0 !important;}
	.separator-x, .column, div.span-1, div.span-2,div.span-2_25,div.span-2_5, div.span-3,div.span-3_25,div.span-3_5, div.span-4,div.span-4_5, div.span-5,div.span-5_25,div.span-5_5,.span-5_7, div.span-6,div.span-6_25,div.span-6_5, div.span-7, div.span-7_25, .span-7_7, .span-7_75, div.span-8, div.span-9,div.span-9_25, div.span-10, div.span-11, div.span-12,div.span-12_75, div.span-13,div.span-13_5, div.span-14,div.span-14_5,div.span-14_25, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, .span-26,.span-26_1 {float:left;display:inline;/*for ie*/}
	.separator-x { width: 10px; height: 1px; }
	.separator-y { background:#dbe4e6; height: 10px; clear: both; }

	div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
	div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
	div.colborder-min {padding-right:15px;margin-right:5px;border-right:1px solid #eee;}
	
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear { clear: both; display: block; overflow: hidden; width: 0; height: 0; }
	
/* MILKBOX */
#mbOverlay { position: absolute; left: 0; width:100%; background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */ z-index:100; cursor: pointer; }
#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:9999;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 0px solid #fff;/* set the Milkbox border */
	border-bottom: 0px solid #fff;
	margin:0; 
	padding:5px;/* set the Milkbox padding */
	padding-bottom:0px;
}

.mbLoading{ background: #fff url(/images/content/milkbox/loading.gif) no-repeat center; }/* IMAGE: loading gif */
#mbImage{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }
.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }

/* *** BOTTOM *** */
#mbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; padding: 0; margin: 0; }

/* navigation - be careful if you change buttons dimensions */
#mbNavigation{ float:right; width:100px; padding: 0px 0px; margin: 2px 0; border-left:1px solid #9c9c9c; }
#mbCount{ width:55px; overflow:hidden; padding-top:4px; margin-right: 10px; float:right; text-align:right; font-size:9px; }
#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayLink, #mbStopLink {
	outline:none;
	display:block;
	float:right;
	height:18px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}
#mbPrevLink, #mbNextLink, #mbPlayLink, #mbStopLink{ width:17px; }
#mbPrevLink{ background: transparent url(/images/content/milkbox/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(/images/content/milkbox/next.gif) no-repeat; }/* IMAGE: next */
#mbPlayLink{ background: transparent url(/images/content/milkbox/play.gif) no-repeat; }/* IMAGE: next */
#mbStopLink{ background: transparent url(/images/content/milkbox/stop.gif) no-repeat; }/* IMAGE: next */

/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayLink:hover,a#mbStopLink:hover { background-position: 0 -23px; }

#mbCloseLink { width:20px; background: transparent url(/images/content/milkbox/close.gif) no-repeat; }
/* description */
#mbDescription{ float: left; margin-right:27px; padding:0px 10px 0 0; font-weight: normal; text-align:justify; }

/* --- SLIDER --- */
#img_gallery { text-align: center; }
#img_gallery .mover{
	margin: 5px auto;
	/*width: 575px;*/
	overflow: hidden;
}

#img_gallery #wrapper{
	overflow:hidden;
	padding:4px 2px;
	/*width: 460px;*/
	/*width: 537px;*/
	float:left;
	height:75px;
	background:#c4c4c4;
	position: relative;
}

#items{
	margin:0px 0px;
	padding:0px;
	list-style:none;
	width:50000px;
	position: relative;
	letter-spacing:0em;
}
#items li{
	float:left;
	list-style:none;
	margin-right:2px;
	height:80px;
	width:125px;
	overflow: hidden;
}
#items .thumb{
	cursor:pointer;
	margin:0px;
	padding:0px;
}
#items .large{
	display:none;
	position:absolute;
}
#fullimg .loading{
	width: 24px;
	height: 24px;
}
#fullimg .thumb{display:none;}

#items .item  p, #items .item  span{
	display:none;
	text-indent: -2000em;
}
#moveleft, #moveright{
	margin:0px;
	height:58px;
	color: white;
	width: 16px;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000;
	display:block;
	cursor: pointer;
	float:left;
}
#moveleft{background: url('/images/page/imagegalery/left.gif');}
#moveright{background: url('/images/page/imagegalery/right.gif');}
#moveleft:hover, #moveright:hover{background-position:bottom; }

#fullimg { position: relative; background: #000; text-align:center; margin: 10px auto; overflow:hidden; }
#fullimg td { padding: 0; vertical-align: middle; text-align: center; }

#opaBar {
	background:transparent url(/images/page/opaBar.png) repeat scroll center top;
	bottom:0px;
	left:7px;
	overflow:hidden;

	position:absolute;
	width:310px;
	/*height: 280px;*/
	z-index:2;
	color: #FFF;
}

#zwin { height: 29px; text-align: right; }
#zwin img { cursor: pointer; }
#opaBar .content { padding:4px 10px 8px; }

#sekcja { margin: 10px; }


/**
 * SLIDER
 */

#przewin, .przewin {
	float:left;
	overflow:hidden;
	margin:0px;
	padding:0px;
	width:97%;
	position: relative;
}
.width-wpisy{ width: 490px; }
.width-opis{ width: 695px; }


#slider-content, .slider-content {
	float: right;
	width: 12px;
	visibility: hidden;
	position: relative;
	left: 0px;
	top: 0;
}
#slider-content *, .slider-content * {
	margin: 0;
	padding: 0;
}
#slider , .slider {
	background-color: #D1D1D1;
	margin: 5px 0px;
}
#knob , .knob {
	width: 12px;
	height: 20px;
	background-color: #E6E7E8;
	cursor: pointer;
}
#button-top, .button-top , #button-bottom , .button-bottom {
	cursor:pointer;
	width: 12px;
	height:8px;
	overflow: hidden;
}

#button-top , .button-top{
	background: url(/images/scroll/scroll_up.jpg) no-repeat;
}
#button-bottom, .button-bottom  {
	background: url(/images/scroll/scroll_down.jpg) no-repeat;
}

/* STYLE UNIWERSALNE */
.border-none { border:none; }
.t-left { text-align:left; }
.t-right { text-align:right; }
.t-center { text-align:center; }
.left { float:left; overflow: hidden; display: inline; }
.right { float:right; overflow: hidden; display: inline; }
.disp-none { display:none; }
.disp-block { display:block; }
.bnone, .bnone td, .bnone tr { border: 0px solid #fff;}

#page_bg { position: absolute; z-index: -100; top:0; left:0; }

#logo_nav { background: url(/images/page/nav_bg.png) repeat-y; width: 210px; position:relative; }
#logo_nav table td { vertical-align:middle; }

#nav { margin-right: 0px; width: 200px; overflow: hidden; }
#nav ul { margin:0 10px 0px;}
#nav li { font-family: Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:-0.2px; list-style:none; }
#nav ul li a, #nav ul li b { font-size: 18px; }
#nav ul li ul li a { font-size: 14px; }
#nav b, #nav li a:link, #nav li a:focus, #nav li a:active, #nav li a:visited, .path { color: #3B3B3B; }
#nav li ul li a:link, #nav li ul li a:focus,  #nav li ul li a:active, #nav li ul li a:visited { color: #4B4B4B; }
#nav li a:hover, #nav li ul li a:hover { color: #6B6B6B; }

.content_bg { background: #f7ac2e; } 
.section_bg { background: url(/images/page/section_bg.png); color: #FFF; } 

#article h1 { margin-top: 0;  }
#article .content { text-align: left; }

.logo { text-align: center; margin: 15px 0px 10px 0; } 

#sekcja h1 { color: #f1f1f1; }

.path { margin: 0px 10px 10px 10px; }
.path a:link, .path a:focus, .path a:active, .path a:visited { color: #3B7078; }
.path a:hover { color: #4D939E; }

#sekcja h1 { margin: 0 0 10px 0; }	
#sekcja .content-text  { /*font-family: georgia, Garamond, "Times New Roman",serif;*/ font-size:9pt; line-height:18px; margin-bottom:7px; }

.maxim { padding: 4px 0px; display: block;  font-weight: bold; text-align: center; color: #000; }
.contact { color: #000; padding: 10px; display: block; position: absolute; bottom: 0px; left: 0px; width: 190px; height: 27px; overflow: hidden; }
.contact span { font-weight: bold; margin-right:10px; text-align:right; width:80px; }
.design_by { color: #EEE; text-align: right; }
.design_by a:link, .design_by a:visited, .design_by a:focus, .design_by a:active { color: #F7AC2E; }
.design_by a:hover { color: #AB7820; }