@charset "utf-8";
/* CSS Document */
/* 
	content:
	- PRESETS
	- LAYOUT
	- COMMON

	COLOR SET:

	.color00 - bialy (#ffffff)
	.color01 - czarny (#000)
	.color02 - niebieski (#0066ff)
	.color03 - czerwony (#ff0000)
	.color04 - szary jasny (#999)
	.color05 - szary sredni (#666)	
	.color06 - szary ciemny (#333)	
	
*/



/* ------------------------------------------------------------------ */
/* PRESETS */

	@import url("presets_min.css");
	
/* ------------------------------------------------------------------ */
/* TEXT CONTAINER */
	
	@import url("textcontainer.css");
	

/* ------------------------------------------------------------------ */
/* LAYUOT */
	
	body { margin-bottom:10px }
	
	#container {
		width:980px;
		margin:0 auto;
	}
	
	#body {
		clear:both;
		overflow:hidden; 
	}
	
	* html #body { height:1% }
	
	div.cols-menu {
		/* width:215px; */
		width:165px; 
		float:left;
		display:inline;
		padding:30px 30px 30px 0
	}
	
	div.cols1 {
		width:765px; 
		padding:30px 20px 30px 0;
		float:right;
		display:inline
	}
	
	div.cols2-1 {
		width:590px; 
		float:left;
		display:inline;
		padding:30px 20px 30px 0
	}

	div.cols2-2 {
		width:160px; 
		float:right;
		display:inline;
		padding:30px 0
	}	
	
/* ------------------------------------------------------------------ */
/* HEADER */	
	
	div#top {
		clear:both;
		height:90px;
	}
	
	a#logo {
		width:172px; 
		height:54px; 
		display:inline;
		float:left;
		margin:20px 0 0 35px;
		text-indent:-9000px;
		background:url(../images/logo_enbio.gif) no-repeat 0 0
	}
	
	ul#flags {
		margin:40px 20px 0;
		padding:0;
		list-style-type:none;
		float:right;
		display:inline
	}
	
	ul#flags li, ul#flags a {
		width:20px; 
		height:12px; 
		float:left;
		display:inline;		
		text-indent:-9000px
	}
	
	ul#flags a:hover {
		filter:alpha(opacity=65);
		-moz-opacity: 0.65;
		opacity: 0.65;	
	}
	
	ul#flags li { margin-right:10px }
	
	ul#flags li a.pl { background:url(../images/flags_sprites.gif) no-repeat 0 0 }
	ul#flags li a.en { background:url(../images/flags_sprites.gif) no-repeat -20px 0 }
	ul#flags li a.de { background:url(../images/flags_sprites.gif) no-repeat -40px 0 }
	
	
	
	
	div#menu-top {
		clear:both;
		height:30px;
		background:url(../images/menu_sprites.gif) repeat-x 0 0;
	}
	
	div#banner {
		clear:both;
		height:200px;
		padding-bottom:6px;
		background:url(../images/menu_sprites.gif) repeat-x 0 100%
	}
	
	div#bannerFlash {
		background:#fff;
		clear:both;
		height:200px
	}


/* ------------------------------------------------------------------ */
/* menu top */
	
	#menu-top {
		clear:both;
		height:30px
	}

	#menu-top ul {
		margin:0;
		padding:0;
		list-style-type:none
	}
	
	#menu-top ul li { float:left; display:inline }
	
	#menu-top ul li a {
		width:90px;
		display:inline;
		height:21px;
		float:left;
		color:#fff;
		font:bold 11px Tahoma, Geneva, Verdana, sans-serif;
		text-decoration:none;
		padding:9px 30px 0 30px;
		text-align:center
	}	
	
	#menu-top ul li a:hover, #menu-top ul li.on a {
		color:#fff;
		background:url(../images/menu_sprites.gif) repeat-x 0 -30px
	}

	
	/* sub menu */
	
	#menu-top div.outlinemenu {
		position:absolute; /*leave this alone*/
		display:none; /*leave this alone*/
		width:150px; /*default width of menu*/
		overflow-x:hidden;	
	}
	
	#menu-top div.outlinemenu div.outlinemenu-body {
		clear:both; 
		overflow:hidden;
	}
	
	* html #menu-top div.outlinemenu div.outlinemenu-body { height:1% }

	#menu-top div.outlinemenu ul {
		list-style-type: none;
		margin:0;
		padding:0;
	}
	
	#menu-top div.outlinemenu ul li {
		clear:both;
		display:block;
		border-bottom:1px solid #888;
	}
	
	#menu-top div.outlinemenu ul li a {
		clear:both;
		width:130px;
		height:auto;
		display:block;
		font:bold 11px Tahoma, Geneva, Verdana, sans-serif;
		color:#525252;
		padding:5px 10px;
		text-align:center;
		background:#f4f4f4;
	}
	
	#menu-top div.outlinemenu ul li a:hover{
		color:#fff;
		background:#AB2230
	}

	* html #menu-top div.outlinemenu li {height: 1%; }
	* html #menu-top div.outlinemenu li a { height: 1%; }



/* ------------------------------------------------------------------ */
/* menu left */
	
	ul.submenu {
		list-style-type:none;
		margin:0;
		padding:0
	}
	
	ul.submenu li {
		/* margin-bottom:1px; */
		display:inline;
		float:left;
		width:100%;
		background:#e6e6e6 url(../images/submenu_sprites.gif) repeat-x 0 -36px
	}
	
	ul.submenu li a {
		padding:6px 0 5px 15px;
		float:left;
		display:inline;
		width:150px;
		color:#3e3e3e;
		text-decoration:none;
		text-align:left;
		line-height:12px;
		border-bottom:1px solid #fff
	}

	ul.submenu li a.on, ul.submenu li a:hover {
		color:#fff;
		background:url(../images/submenu_sprites.gif) repeat-x 0 0;
		border-bottom:1px solid #9e2630
	}
	
	ul.submenu ul.submenu-2 li { 
		background:#999;
		border-bottom:1px solid #fff
	}
	
	ul.submenu ul.submenu-2 li a {
		color:#fff;
		border:0;
		text-align:left;
		padding-left:30px;
		padding-right:10px;
		width:125px;
		background:#e6e6e6 url(../images/submenu_sprites.gif) repeat-x 0 -72px
	}
	
	ul.submenu ul.submenu-2 li a:hover, ul.submenu ul.submenu-2 li a.on { 		
		border:0;
		color:#ff0000;
		background:#e6e6e6 url(../images/submenu_sprites.gif) repeat-x 0 -72px
	}

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

	#footer {
		clear:both;
		color:#dadada;
		font-size:11px;
		text-align:center;
		border-top:2px solid #e3e3e3
	}

	#footer p.nav { padding:10px 0 0 }
	#footer a { text-decoration:none }	
	#footer a strong { color:#666 }		

	#footer p.nav a {
		color:#999;
		margin:0pt 8px 0pt 6px;
	}
	
	#footer p.nav a:hover { text-decoration:underline }	
	#footer p.copyright { padding-top:8px; padding-bottom:10px }

	#footer p.copyright a, #footer p.created a { 
		color:#999;
		font-size:11px;
	}	


/* ------------------------------------------------------------------ */
/* main */	

	div.bx-news {
		clear:both;
		/* background:#f8f8f8 url(../images/news_sprites.gif) no-repeat 100% 100% */
		background:#f8f8f8
	}

	div.bx-news h1 {
		clear:both;
		height:20px;
		display:block;
		font:bold 11px Tahoma, Geneva, Verdana, sans-serif;
		color:#fff;
		background:url(../images/news_sprites.gif) no-repeat 0 0;
		padding:5px 10px 0 20px
	}
	
	div.bx-news h1 a {
		font-weight:normal;
		float:right;
		color:#fff
	}
	
	div.bx-news h1 a:hover { color:#edd3d6 }
	
	div.bx-news div.body { padding:20px }
	
	div.bx-news p {
		color:#333;
		font:normal 11px  Tahoma, Geneva, Verdana, sans-serif;
	}
	
	div.bx-news p.title { margin-bottom:5px }
	
	div.bx-news p.title, div.bx-news p.title a {
		color:#1a1a1a;
		font-weight:bold;
		text-decoration:none
	}
	
	div.bx-news p.title a:hover {
		text-decoration:underline;
		color:#ac2230
	}
	
	div.bx-news p.more {
		text-align:right;
		margin-bottom:10px
	}

	div.bx-news p.more, div.bx-news p.more a {
		font-weight:bold;
		color:#ac2230
	}


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

	div.thumb-links {
		clear:both;
		margin-top:25px
	}
	
	div.thumb-links img {
		float:left;
		margin:0 10px 10px 0;
	}
	
	div.thumb-links a {
		font-weight:bold;
		text-decoration:none;
		color:#333;
	}	
	
	div.thumb-links a:hover { 
		color:#ac2230; 
		text-decoration:underline 
	}
	


/* ------------------------------------------------------------------ */
/* expert */	

	div.bx-expert {
		clear:both;
		background:#f8f8f8 url(../images/expert_sprites.gif) no-repeat 100% 100%
	}

	div.bx-expert h1 {
		clear:both;
		height:20px;
		display:block;
		font:bold 11px Tahoma, Geneva, Verdana, sans-serif;
		color:#fff;
		background:url(../images/expert_sprites.gif) no-repeat 0 0;
		padding:5px 10px 0 20px
	}
	
	div.bx-expert p { padding:15px 0 }
	
	div.bx-expert a { 
		font:18px Arial, Helvetica, sans-serif;
		color:#333;
		text-decoration:none
	}
	
	div.bx-expert a:hover {
		color:#ac2230; 
		text-decoration:underline 		
	}


/* ------------------------------------------------------------------ */
/* 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:150px; }

	table.thumb01 td { height:112px; background:#F7F7F7 }

	table.thumb01 td p {
		overflow:hidden;
		text-align:center;
		padding:0;
	}

	table.thumb01 td p img {
		margin:0;
		padding:0
	}

		
/* ------------------------------------------------------------------ */
/* spacers */

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


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

	div.navi-pages {	
		margin:0 12px 0 0;
		padding:5px 0 5px 0;
		float:left;
		display:inline;		
	}
	
	div.navi-pages * { font-family:Tahoma, Geneva, Verdana, sans-serif; font-size:11px }
	
	div.navi-pages .navi-dot { float:left; color:#aaa }
	
	div.navi-pages .page-off, div.navi-pages .page-active {	
		height:16px;
		width:18px;
		margin:0;
		float:left;
		display:inline;
		padding:0;
		text-align:center;		
	}

	div.navi-pages a { text-decoration:none }
	
	div.navi-pages .page-off a { color:#ac2230 }
	
	div.navi-pages .page-spacer {		
		height:16px;
		width:8px;
		margin:0;
		float:left;
		display:inline;
		padding:0;
		text-align:center;
		color:#999;
		font-weight:normal;		
	}

	div.navi-pages .page-active {		
		background:#ac2230;
		font-weight:bold;
		color:#fff;	
	}
	
	div.navi-pages .page-active a { color:#fff; position:relative; left:1px }

	div.navi-pages .page-step {		
		height:16px;
		float:left;	
		margin:0 10px;	
		color:#999;
		font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:9px;
	}
	
	div.navi-pages .page-step a {		
		color:#999;	
		text-decoration:none;
		font:bold 11px Tahoma, Geneva, Verdana, sans-serif
	}
	
	div.navi-pages .page-step a:hover {		
		color:#ac2230;
		text-decoration: underline;			
	}
	
	div.navi-pages .page-step a span { font-weight: normal }
	
	div.navi-pages .page-off, div.navi-pages .page-active {
		min-width:18px;
		width: auto !important;
		width: 18px;
	}
	
	div.navi-pages .page-arrow {
		width:10px; 
		height:18px; 
		display:block; 
		float:left
	}	


/* ------------------------------------------------------------------ */
/* news */	

	div.news-item {
		clear:both;
		overflow:hidden;
		background:url(../images/news_item_bg.gif) repeat-y 152px 0
	}
	
	* html div.news-item { height:1% }
	
	div.news-item table.thumb {
		float:left;
		display:inline;
		margin:0 25px 0 0;
	}
	
	div.news-item h2 { margin:8px 0 7px }
	
	div.news-item h2, div.news-item h2 a {
		font:bold 12px Tahoma, Geneva, Verdana, sans-serif;
		color:#ac2230;
		text-decoration:none
	}
	
	div.news-item p { color:#333; padding-right:20px }
	div.news-item div.short { height:60px; color:#333; padding-right:20px }
	p.date { color:#acaaa7 }
	
	div.news-item h2 a:hover { text-decoration:underline }
	
	div.news-item a.btn { margin-top:30px }
	div.news-item p.date { font-size:11px; color:#888 }


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

	.btn {
		display:block;
		height:18px;
		background:url(../images/btn_bg.gif) repeat-x 0 0;
		/* text-indent:-9000px */
		font:bold 11px Tahoma, Geneva, Verdana, sans-serif;
		color:#fff;
		text-decoration:none;
		text-align:center;
		padding-top:4px
	}
	
	.btn-czytajwiecej { /* background:url(../images/btn_czytajwiecej.gif) no-repeat 0 0; */ width:115px }
	.btn-wrocdolisty { /* background:url(../images/btn_wrocdolisty.gif) no-repeat 0 0; */ width:115px }
	.btn-zapytajeksperta { /* background:url(../images/btn_zapytajeksperta.gif) no-repeat 0 0; */ width:160px }

	a.btn-map {
		width:140px; 
		height:42px;
		display:block; 
		background:url(../images/btn_map.gif) no-repeat 0 0;
		padding:12px 0 0 60px;
		font:bold 12px/14px Tahoma, Arial, Verdana;
		color:#AC2230;
		text-decoration:none
	}

/* ------------------------------------------------------------------ */
/* common */
	
	h1.page-title {
		color:#ac2230; 
		font:bold 13px Tahoma, Geneva, Verdana, sans-serif; 
		margin-bottom:15px
	}

	p.more {
		text-align:right;
		white-space:nowrap;
		padding:5px 0;
		color:#ac2230
	}
	
	p.more a {
		color:#ac2230;
		text-decoration:none;
	}
	
	p.more a:hover { text-decoration:underline }

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

	div.thumb-left p, div.thumb-right p {
		text-align:center;
		padding:5px;
		background:#f2f2f2
	}
	
	div.thumb-left img, div.thumb-right img { border:1px solid #fff }
		
	div.thumb-left {
		/* width:220px; */
		float:left;
		margin:0 20px 10px 0
	}

	div.thumb-right {
		/* width:220px; */
		float:right;
		margin:0 0 10px 20px
	}