/*	-------------------------------------------------------------
	Baltic Business Service Center
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Styles for Baltic Business Service Center
	Filename:		styles.css
	Version:		1.0
	Date:			09/2007
	-------------------------------------------------------------	*/

@import url(reset.css);
@import url(typography.css);

/*	Bug hunting
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/** { border: 1px solid red; }*/

	body {
		margin:0px;
		background:url(../img/tlo_gradient.png) repeat-x;
	}

/*	Wrapper
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#wrapper {
		position: relative;
		width: 766px;
		min-height:500px;
		margin: 0 auto;
		padding:71px 0px 0px 0px;
	}

/*	Top
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#logo {
		position:absolute;
		top:18px; left:13px;
		width:316px; height:36px;
		background:url(../img/logo_bbsc.gif) no-repeat;
		text-indent:-9000px;
	}
	
	#logo_wneiz {
		position:absolute;
		top:18px; left:388px;
		width:100px; height:36px;
	}
	
	#logo_interreg {
		position:absolute;
		top:18px; left:498px;
		width:100px; height:36px;
	}
	
	#logo_bbdn {
		position:absolute;
		top:18px; left:608px;
		width:45px; height:36px;
	}

	#logo_ue {
		position:absolute;
		top:18px; left:663px;
		width:45px; height:36px;
	}
	
/*	Shape
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.shape {
		width:100%; min-height:500px;
		background:url(../img/shape_tlo.gif) repeat-y;
		margin-bottom:14px;
	}
	.content {
		position:relative;
		padding:19px 2px 0px 2px;
		width:762px; min-height:500px;
		background:url(../img/shape_top.png) no-repeat;
	}
	.shape_bottom {
		width:100%; height:18px;
		background:url(../img/shape_bottom.png) no-repeat;
		clear:both;
	}
	
	
/*	Menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	ul#menu {
		display:block;
		height:28px;
		position:relative;
		padding-left:26px;
	}
	
	#menu li {
		float:left;
		position:relative;
		padding:0px;
		margin:0 5px 0 5px;
		background:url(../img/menu_right.png) right no-repeat;
		list-style:none;
		height:28px;
	}
	
	#menu li a {
		display:block;
		line-height:28px;
		padding: 0px 15px 0px 15px;
		background:url(../img/menu_left.png) left no-repeat;		
	}
	
	#menu li:hover, #menu li.hover, #menu li.active {
		background:url(../img/menu_active_right.gif) right no-repeat;
	}
	
	#menu li a:hover, #menu li.active a {
		background:url(../img/menu_active_left.gif) left no-repeat;
	}
	
	
/*	Flags
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#flags {
		position:absolute;
		top:22px; right:1px;
		width:80px; height:12px;
	}
	
	#pl { background:url(../img/ico_flag_pl.png) no-repeat; }
	
	#gb { background:url(../img/ico_flag_gb.png) no-repeat; }
	
	#flags a {
		display:inline;
		width:16px; height:11px;
		background-position:0px -11px;
		margin-right:23px; float:right;
	}
	
	#flags a:hover, #flags a.active  { background-position:0 0; }

	
/*	Main Picture
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.mainpic {
		position:relative;
		width:762px; height:170px;
		background:url(../img/pic_mainpic.jpg) no-repeat;
		margin-bottom:36px;
	}
	
	#slogan_en {
		position:absolute;
		left:514px; top:28px;
		width:223px; height:90px;
		background:url(../img/pic_slogan2_en.gif) no-repeat;
	}
	
	#slogan_pl {
		position:absolute;
		left:514px; top:28px;
		width:223px; height:90px;
		background:url(../img/pic_slogan2_pl.gif) no-repeat;
	}
	
	
	#b_slogan {
		position:absolute;
		left:651px; top:134px;
		width:65px; height:18px;
		background:url(../img/b_mainpic_txt.gif) no-repeat;
	}
	
	#b_slogan a { display:block; font-size:0.917em; color:#FFF; line-height:16px; margin:0px auto; text-align:center; }
	
	#b_slogan a:hover { color:#ffe658; }
	
/*	Main Column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.main_column {
		width:462px; min-height:150px;
		padding-left:24px;
	}
	
	p img[align=left] {
		margin-top:2px; margin-right:19px;
	}
	p img[align=right] {
		margin-top:2px; margin-left:19px;
	}
	p#wstep img {
		float:left;
		margin-top:2px; margin-right:19px;
	}

/*	Map
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#map {  
		float:right;
		position:relative;
		width:320px;
		height:252px;
		background:url(../img/pic_map.jpg) no-repeat;
	}	
	
	#indicator {  
		position:absolute;  
		width:24px; 
		height:23px;
	}	
	
	.niemcy {  
		left:93px;
		top:130px;
	}	
	
	.szczecin { 
		left:119px;
		top:117px;	
	}		
	
	ul {
		display:block;
		padding-left:31px;
	}	
	
	li {   
		display:block;
		background:url(../img/ico_wybicie.gif) no-repeat 1px 6px;
		padding-left:18px;	
	}	
	
	ul.list {  
		display:block;
		padding-left:31px;
		width:100px;
		float:left;	
	}		
	
	.list li {  
		display:block;
		height:18px;
		background:url(../img/ico_wybicie.gif) no-repeat 1px 6px;
	}		
	
	.list li { 
		padding-left:18px; 
	}		
	
	.list li:hover { 
		background:url(../img/ico_wybicie_active.gif) no-repeat 0px 6px; 
	}	

/*	Box Column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.box_column {
		position:relative;
		float:right;
		width:239px; min-height:150px;
		padding-right:15px; padding-left:12px;
		background:url(../img/shape_box_tlo.gif) repeat-y;
	}
	
	.box_top {
		width:251px; height:8px;
		background:url(../img/shape_box_top.gif) no-repeat;
		margin:0px;
		margin-left:-12px;
		position:absolute; top:0px;
	}
	
	.box_bottom {
		width:251px; height:8px;
		background:url(../img/shape_box_bottom.gif) no-repeat bottom left;
		clear:both; margin-left:-12px;
		position:absolute; bottom:0px;
	}
	
	.box_column h2 strong {
		color:#dec538;
	}
	
	.box_column h2 {
		display:block;
		padding-left:43px;
		line-height:3.375em;
		margin:0px;
	}
	
	.box_column h2.ico01 { background:url(../img/ico01.jpg) no-repeat 0px 11px; }
	.box_column h2.ico02 { background:url(../img/ico02.jpg) no-repeat 0px 11px; }
	.box_column h2.ico03 { background:url(../img/ico03.jpg) no-repeat 0px 12px; }
	
	.hr {
		display:block;
		line-height:1px;
		margin-left:-12px;
		width:251px; height:1px;
		background:url(../img/line_box.gif) repeat-x;
	}
	
	.box_column p {
		font-size:0.917em;
		line-height:1.636em;
		margin-top:1.636em;
		margin-bottom:1.636em;
	}
	
	
/*	Shape Kontakt
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.shape_kontakt {
		width:100%; min-height:180px;
		
		background:url(../img/shape_tlo.gif) repeat-y;
		margin-bottom:18px;
	}
	.shape_kontakt .content {
		padding:1px 0px 0px 0px;
		width:766px; min-height:180px;

		background:url(../img/shape_kontakt_top.png) no-repeat;
	}
	.shape_bottom {
		width:100%; height:18px;
		background:url(../img/shape_bottom.png) no-repeat;
		clear:both;
	}
	#contact_form_container {
		height:210px;
	}
	.shape_kontakt .content .box_column { background:none; margin-top:54px;}
	.shape_kontakt h2 { padding-left:0px; line-height:1.125em; }

/*	Formularz
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	textarea, input { 
		border:none; line-height:18px; color:#FFFFFF; background-color:#ffffff;
		font-size:0.917em;
	}
	
	input#fTopic {
		width:280px; height:19px;
		background:url(../img/form_temat_tlo.png) no-repeat;
		padding-left:10px;
	}

	input#fEmail {
		width:123px; height:19px;
		padding-left:10px;
		background:url(../img/form_email_tlo.png) no-repeat;
	}
	
	#fTxt {
		display:block; margin-top:18px;
		padding:18px; padding-left:10px; padding-top:10px;
		width:417px; height:115px;
		background:url(../img/form_txt_tlo.png) no-repeat;
		margin-bottom:18px;
	}
	
	#submit {
		background-color:#3366CC;
		display:block; margin-top:18px; margin:0px auto;
		background:url(../img/b_submit.png) no-repeat;
		width:155px; height:18px; line-height:18px;
	}
	
	#contact_form_info_div {
		position:absolute;
		width:417px;
		margin-left:100px;
		margin-top:80px;
		font-weight:bold;
        }
/*	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#footer { text-align:center; font-size:0.917em; }