@charset "utf-8";
/* CSS Document */
/*

	COLOR SET:
	.color00 - white (#ffffff)
	.color01 - black (#000)
	.color02 - blue (#0066ff)
	.color03 - red (#ff0000)
	.color04 - grey light (#999)
	.color05 - grey medium (#666)	
	.color06 - grey dark (#333)	

*/


/* ------------------------------------------------------------------ */
/* layout */
	
	body { 
		background:#fff url(../images/background.gif) repeat-x 0 0;
		font:12px/14px Arial, "Helvetica Neue", Helvetica, sans-serif
	}
	
	#container {
		width:970px;
		margin:45px auto;
	}
	
	#body {
		clear:both;
		overflow:hidden;
		background:#fefefe url(../images/body_bg.gif) repeat-x 0 100%;
		position:relative;
	}
	
	* html #body { height:1% }
	
	#branding {
		width:475px;
		height:324px;
		float:left;
		display:inline;
		z-index:0;		
	}
	
	#brandingNoFlash {
		width:485px;
		height:324px;
		position:absolute;
		bottom:0;
		left:0;
		background:url(../images/banner2_bg.jpg) no-repeat 0 0;
		z-index:1;
	}
	
	#brandingFlash {
		width:485px;
		height:324px;
		position:absolute;
		bottom:0;
		left:0;
		z-index:0;
	}

	#logo {
		width:112px;
		height:68px;
		position:absolute;
		display:block;
		left:50px;
		top:0;
		background:url(../images/logo_espina.gif) no-repeat 0 0;
		text-indent:-9000px;
		z-index:2;
	}

	#page {
		width:465px;
		float:right;
		display:inline;
		padding:5px 20px 20px 0;
	}
	
	#main #page { width:485px; padding:5px 0 20px 0 }
	
	div.info-bx {
		clear:both;
		overflow:hidden;
		background:#494645 url(../images/bars_sprites.png) no-repeat 0 -128px;
		padding:10px 30px 0
	}
	
	* html div.info-bx { height:1% }
	
	div.info-bx-btm {
		clear:both;
		height:11px;
		font-size:0;
		line-height:0;
		background:url(../images/bars_sprites.png) no-repeat 0 -117px
	}
	
	div.info-bx h2 {
		color:#fff;
		font:bold 14px/17px Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
	
	div.info-bx h2 a {
		color:#fff;
		text-decoration:none
	}
	
	div.info-bx h2 a:hover { text-decoration:none; color:#66ad00 }
	
	div.info-bx p {
		color:#b2b1b0;
		padding-bottom:10px;
		font:11px/14px Arial, "Helvetica Neue", Helvetica, sans-serif
	}
	

/* ------------------------------------------------------------------ */
/* header */	
	
	#header {
		clear:both;
		height:72px;
		background:url(../images/bars_sprites.png) no-repeat 0 0
	}

	#nav {
		margin:15px 0 0 0;
		padding:0;
		list-style-type:none;
		float:right;
		display:inline;

	}
	
	#nav li {
		float:left;
		display:inline;
		margin:0 40px
	}
	
	#nav li a {
		height:14px;
		background-image:url(../images/nav_sprites.gif);
		background-repeat:no-repeat;
		display:block;
		text-indent:-9000px
	}

	#nav li a:hover {
		filter:alpha(opacity=65);
		-moz-opacity: 0.65;
		opacity: 0.65;
	}
	
	#nav li.on a:hover {
		filter:alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}

	#nav li a.nav-main { width:88px; background-position:0 0 }
	#nav li a.nav-services { width:39px; background-position:0 -14px }
	#nav li a.nav-portfolio { width:53px; background-position:0 -28px }
	#nav li a.nav-contact { width:48px; background-position:0 -42px }

	#nav li.on a.nav-main { background-position:-88px 0 }
	#nav li.on a.nav-services { background-position:-88px -14px }
	#nav li.on a.nav-portfolio { background-position:-88px -28px }
	#nav li.on a.nav-contact { background-position:-88px -42px }



/* ------------------------------------------------------------------ */
/* footer */	

	#footer {
		clear:both;
		height:29px;
		margin:25px 0 0;
		background:url(../images/bars_sprites.png) no-repeat 0 -72px;
		color:#fff;
		text-align:center;
		padding:16px 0 0 0;
		font:11px/11px Arial, "Helvetica Neue", Helvetica, sans-serif
	}


/* ------------------------------------------------------------------ */
/* common */
		
	.page-title {
		font:normal 18px/24px Arial, Tahoma, Verdana;
		color:#2e9d06;
		padding-bottom:20px
	}
	
	h2 {
		font:bold 16px Arial, Tahoma, Verdana;
		color:#66ad00;
		padding:15px 0
	}
	
	a { color:#66ad00 }
	a:hover { color:#ff0000; text-decoration:underline }
	
	a.more {
		color:#66ad00;
		text-decoration:none;
		background:url(../images/arrow02.gif) no-repeat 100% 5px;
		padding-right:7px
	}
	
	a.more:hover { color:#ff0000; text-decoration:underline }



/* ------------------------------------------------------------------ */
/* buttons */

	.btn {
		cursor:pointer;
		border:0;
		text-indent:-9000px
	}
	
	a.btn { display:inline; float:left }
	
	.btn-on, .btn:hover {
		filter:alpha(opacity=80);
		-moz-opacity: 0.80;
		opacity: 0.80;
	}	
	
	.btn-dalej { width:73px; height:26px; background:url(../images/btns_sprites.gif) no-repeat 0 0 }
	.btn-wyslij { width:73px; height:26px; background:url(../images/btns_sprites.gif) no-repeat 0 -26px }
	.btn-anuluj { width:73px; height:26px; background:url(../images/btns_sprites.gif) no-repeat 0 -52px }
	
	
	
/* ------------------------------------------------------------------ */
/* spacers */

	div.spacer {
		clear:both;
		margin-bottom:10px;
		padding-top:10px;
		font-size:0;
		line-height:0;
		height:1px;
	}
	
	div.spacer-line01 { border-bottom:1px solid #e5e5e5 }
	div.spacer-dot01 { background:url(../images/spacer_dot01.gif) repeat-x 0 100% }

	div.vspacer-01 {
		clear:both;
		overflow:hidden; 
		background:url(../images/vspacer.png) no-repeat 50% 100%
	}
	
	* html div.vspacer-01 { height:1%; background:url(../images/vspacer.gif) no-repeat 50% 100% }

	
/* ------------------------------------------------------------------ */
/* navi-pages */		

	div.navi-pages {
		clear:both;
		overflow:hidden; 
		text-align:left;
		font:normal 11px/25px Tahoma, Geneva, Verdana, sans-serif
	}
	
	* html div.navi-pages { height:1% }
	
	div.navi-pages a {
		padding:2px 6px;
		text-decoration:none;
		font:normal 11px/25px Tahoma, Geneva, Verdana, sans-serif;
		color:#5ba740
	}
	
	div.navi-pages a:hover { text-decoration:underline }	
	div.navi-pages span { padding:0 5px; color:#94A0BE }
	div.navi-pages a.page:hover { background:#eee; color:#666; text-decoration:none }	
	div.navi-pages a.on { background:#5ba740; color:#fff }
	div.navi-pages a.on:hover { text-decoration:none }
	div.navi-pages a.on strong { position:relative; left:1px }
	div.navi-pages .disabled, div.navi-pages .disabled:hover { color:#ccc; cursor:default; text-decoration:none }
	





/* ------------------------------------------------------------------ */
/* thumb */		

	table.thumb {
		/* float:left;
		display:inline; */
		text-align:center;
		/* background-color:#fff; */
	}

	table.thumb td { vertical-align:middle }
	
	table.thumb01, table.thumb01 td,  table.thumb01 td p { width:100px; }
	table.thumb01 td { border-bottom:5px solid #83b414; height:80px; padding-bottom:5px }
	table.thumb01 td p { height:80px; overflow:hidden; text-align:center; padding:0 }
	table.thumb01 td p img { margin:0; padding:0; width:100px; height:80px; }


/* ------------------------------------------------------------------ */
/* gallery */		

	ul.gallery {
		margin:0;
		padding:0;
		list-style-type:none
	}
	
	ul.gallery li {
		width:100px;
		height:103px;
		float:left;
		display:inline;
		margin:0 15px 20px 0;
		padding-bottom:3px;

	}
	
	ul.gallery li p.title {
		font:normal 11px/11px Arial, "Helvetica Neue", Helvetica, sans-serif;
		height:15px;
		text-align:center;
		padding-top:5px;
		color:#999
	}
	
	#pane1 { height:247px }
			
	.jScrollPaneTrack { background:url(../images/windows_track.gif) repeat-y }
	.jScrollPaneDrag { background:url(../images/windows_drag_middle.gif) no-repeat 0 50% }
	.jScrollPaneDragTop { background:url(../images/windows_drag_top.gif) no-repeat; height:4px }
	.jScrollPaneDragBottom { background:url(../images/windows_drag_bottom.gif) no-repeat; height:4px }
	a.jScrollArrowUp { height:17px; background:url(../images/windows_arrow_up.gif) no-repeat 0 0 }
	a.jScrollArrowUp:hover { background-position:0 -20px }
	a.jScrollArrowDown { height:17px; background:url(../images/windows_arrow_down.gif) no-repeat 0 0 }
	a.jScrollArrowDown:hover { background-position: 0 -20px }
	a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position:0 -40px }
	

/* ------------------------------------------------------------------ */
/* forms */	
	
	div.form-container td { padding-right:10px; vertical-align:top }
	
	div.form-container input, 
	div.form-container textarea, 
	div.form-container select { 
		font:12px Arial, "Helvetica Neue", Helvetica, sans-serif;
		vertical-align:middle;
		outline:none;
	}

	div.form-container input.text, div.form-container textarea, div.form-container select {
		width:100%;
		margin:3px 0;
		border:1px solid #fff;
		padding:2px 0;
		color:#fff;
		background:#c2c2c2
	}
	
	div.form-container input.error, div.form-container textarea.error, div.form-container select.error {
		border:1px solid #ff0000;
		background:#c2c2c2
	}
	
	div.form-container label { padding:4px 0 0 0; display:block; color:#666 }
	div.form-container label.error { padding:0; color:#ff0000; font-size:10px }
	
	#contact input.text, #contact textarea { width:300px }
	#contact textarea { height:80px }
	

/* ------------------------------------------------------------------ */
/* messages */	

	div.send-info {
		clear:both;
		padding:10px 15px 0;
		overflow:hidden;
		margin:10px 0;
		text-align:center;
		background:#fff; 
		border:1px solid #ccc
	}
	
	div.send-info p {
		padding:0 0 10px !important;
		font:bold 12px/17px Arial, "Helvetica Neue", Helvetica, sans-serif;
		text-align:center;
		color:#66ad00 !important; 
		vertical-align:middle;
		white-space:nowrap
	}		

	div.send-info p.error { color:#ff0000 }
	
	div.send-info p.ajax-loader { 
		background:url(../images/ajax_loader.gif) no-repeat 0 0 !important; 
		padding-left:25px !important; 
		width:90px !important;
		margin:0 auto !important
	}