/*	-------------------------------------------------------------
	Explore The World - "Praca i nauka za granica"
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Styles for Explore The World
	Filename:		etw.css
	Version:		1.0
	Date:			11/2007
	-------------------------------------------------------------	*/

@import url(typography.css);

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

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

	body {
		margin: 0px; margin-bottom:20px;
		background:url(/img/tlo_grad.gif) repeat-x;
	}

/*	Different
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


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

	#wrapper {
		position: relative;
		width: 900px;
		min-height: 300px;
		margin: 0 auto;
		padding:0 10px 0px 10px;
	}

/*	Top
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#top {
		width:100%; height:69px; position:relative;
	}
	
	#logo {
		display:block;
		padding-left:20px;
		width:89px; height:69px;
		background:url(/img/logo_etw.gif) no-repeat 20px 0;
		text-indent:-9000px;
	}
	
	#top_menu {
		position:absolute; right:12px; top:29px;
		line-height:14px;
		font-size:0.91em;
	}
	#top_menu a { color:#355e8b; }
	#top_menu a:hover { color:#df4d35; }
	
	#top_menu .en {
		padding-left:22px;
		background:url(/img/ico_flag_gb.gif) no-repeat 0 1px;
		line-height:14px;
	}


/*	Menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	div#menu {
		width:100%;
		height:57px;
		background:url(/img/menu_tlo.gif) repeat-x 0 2px;
		padding-left:6px;
	}

	div#menu ul {
		display:block;
		width:100%; height:100%;
		position:relative;
		background:url(/img/menu_tlo.gif) repeat-x 100% 2px;
		z-index:2;
	}
	
	div#menu ul, div#menu ul li {	
		padding:0px;
		margin:0px;
		float:left;
	}
	
	div#menu ul li {
		text-indent: 0; margin-left: 0; 
		position:relative;
		padding: 0 15px 0 14px;
		background:url(/img/menu_separator.gif) no-repeat right 3px;
		list-style-type:none;
		line-height:57px;
	}
	div#menu ul li a {
		display:block;

	}

	div#menu ul li:before {
		content:"";
	}

	div#menu ul li.last-child, div#menu ul li:last-child {
		background-image:none;
	}

	#menu .active {
		background:url(/img/menu_active.gif) no-repeat 50% 0px;
	}


/*	Submenu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
	div#menu ul ul {
		position:absolute; visibility:hidden;
		float:none;
		top:57px; left:0px;
		width:100%;  height:auto;
		background-image:none;
		opacity: 0.9;
	}
	
	div#menu ul li:hover ul, div#menu ul li.hover ul {
		visibility:visible;
	}
	
	div#menu ul li ul {
		width:225px;
	}
	
	div#menu ul li ul li, div#menu ul li ul li:last-child {
		padding:0px; padding-left:7px;
		height:36px; width:100%;
		background:none;
		margin-top:0px; margin-bottom:0px;
		line-height:36px;
		background:url(/img/submenu_tlo.gif) repeat-x 0px 2px;
	}
	div#menu ul li ul li a {
		display:block; height:100%;
		background:url(/img/submenu_tlo.gif) repeat-x 100% 2px;
		text-indent:9px; line-height:36px;
	}


/*	Main Pic
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#studenci #main_pic {
		position:relative;
		width:900px; height:252px; margin-top:18px;
		background:url(/img/mainpic01_form.jpg) no-repeat;
	}
	
	#pracownicy #main_pic {
		position:relative;
		width:900px; height:252px; margin-top:18px;
		background:url(/img/mainpic02_form_12_2011.jpg) no-repeat;
	}
	
	#dymek {
		position:absolute;
		top:36px; left:209px;
		width:295px; height:108px;
	}
	
	.dymek_check {
		float:left; display:inline;
		width:120px; height:18px;
		background-color:#FFFFCC;
		padding-left:27px;
	}
	
	.dymek_check.ico01 {
		background:url(/img/ico_dymek_01.gif) no-repeat;
	}
	.dymek_check.ico02 {
		background:url(/img/ico_dymek_02.gif) no-repeat;
	}
	
	#sidenote {
		position:absolute; top:34px; left:621px;
		width:237px; height:216px;
	}
	
	#sidenote h2 {
		display:block;
		width:119px; height:21px;
		background:url(/img/txt_masz_pytanie.gif) no-repeat 1px 0;
		text-indent:-9000px;
		margin:0px; padding:0px;
	}
	
	#sidenote input {
		width:217px; height:20px;
		border:0px; background:none;
		line-height:20px;
		padding:0 10px 0 10px;
		outline:none;
		color:#4372a6;
		cursor:text;
	}
	
	#sidenote #femail {
		background:url(/img/form_tlo_email.jpg) no-repeat;
		position:absolute; top:73px;
	}
	
	#sidenote select {
		padding:0; border:1px solid #c1cdda; outline:none;
		color:#4372a6; line-height:19px;
		width:237px; height:19px;
		background-color:#eceef0;
		position:absolute; top:37px;
		cursor:pointer;
	}
	
	#sidenote #send_button {
			background: transparent url(/img/form_button.gif) 0 1px no-repeat;
			width: 117px; border: none; height: 20px;
			font-size:11px; cursor:pointer;
			margin-top:-1px; padding-bottom:2px;
			position:absolute;
			top:182px; left:60px;		
	}
	
	#sidenote #send_button:hover, #send_button.hover {
		color:#df4d35;
	}
	
	#sidenote textarea {
		width: 227px; border: none; height: 55px;
		position:absolute; top:110px; left:0px;
		padding:0 0px 0 10px;
		line-height:22px;
		outline:none; color:#4372a6;
		cursor:text;
		border:0px;
		background:url(/img/blank.gif) no-repeat 0px 0px;
	}

/*	MagicBox
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.magicBox {
		border:1px solid #E3E3E3;
		margin-top:18px;
		padding:0pt 20px 0px 20px;
		position:relative;
		display:none;
	}
	.magicBox h1 {
		display:block; height:35px;
		line-height:35px; padding-left:20px;
		background:url(../img/ico_page.gif) no-repeat left center;
		margin-bottom:18px;
		font-size:1.33em;
	}
	.magicBox hr {
		position:absolute; top:35px; left:0px; width:900px; 
		color: #e3e3e3; background-color:#e3e3e3;
	}
	.magicBox  .b_back {
		background:none;
	}
	
	.magicBox.m2 .left {
		margin:0 10px 18px 10px;
	}
	
/*	URL
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#url {
		width:880px; height:36px;
		margin-top:18px;
		background:url(/img/url_tlo.gif) no-repeat 0 0;
		padding-left:20px;
	}
	
	#url p {
		display:block;
		width:100%; height:100%;
		background:url(/img/url_tlo.gif) no-repeat 100% 0;
		line-height:36px;
		margin:0;
	}
	
	#url p span {
		line-height:36px;
		background:url(/img/ico_arrow.gif) no-repeat left center;
		padding-left: 20px;
	}
	
/*	Content wrapper
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#content_wrapper {
		width:582px; min-height:300px;
		padding-right:318px;
		padding-top:18px;
	}

/*	Main column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.main_column {
		width:540px; min-height:100px;
		display:inline; float:left;
		border: 1px solid #e3e3e3;
		position:relative;
		padding:0 20px 0 20px;
		margin-bottom:36px;
		font-size:1.09em;
		line-height:1.50em;
	}
	
	.main_column h1 {
		display:block; height:35px;
		line-height:35px; padding-left:20px;
		background:url(/img/ico_page.gif) no-repeat left center;
		margin-bottom:18px;
		font-size:1.33em;
	}
	
	.main_column h3 {
		font-weight:bold;
	}
	
	.main_column hr {
		position:absolute; top:35px; left:0px; width:580px; 
		color: #e3e3e3; background-color:#e3e3e3;
	}
	
	.main_column .box {
		width:257px;
	}
	
	.main_column ul {
		font-size:1em;
		line-height: 1.64em;
		margin-top: 1.64em;
		margin-bottom: 1.64em;
	}

	.main_column ul ul, .main_column ul ul ul {
		font-size:1em;
		line-height: 1.64em;
		margin-top: 0;	margin-bottom: 0;
	}
	
/*	Rogi
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.tl, .tr, .bl, .br {
		position:absolute; width:6px; height:6px;
		background-repeat:no-repeat;
		clear:both;
	}
	
	.tl { background-image:url(/img/box_tlo_tl.gif); top:-1px; left:-1px; }
	.tr { background-image:url(/img/box_tlo_tr.gif); top:-1px; right:-1px; }
	.bl { background-image:url(/img/box_tlo_bl.gif); bottom:-1px; left:-1px; }
	.br { background-image:url(/img/box_tlo_br.gif); bottom:-1px; right:-1px; }
	
	
/*	Offer box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.offer_box {
		width:282px; padding-left:146px; padding-right:112px;
		position:relative;
		background:url(/img/menu_bottom_separator.gif) repeat-y 438px 0;
		margin-bottom:18px;
	}
	.offer_box.img img {
		float:left; display:inline;
		margin-left:-146px; padding:1px;
		border: 1px solid #e3e3e3;
	}
	.offer_box .ico {
		padding-left:33px;
		line-height:18px;
	}
	.offer_box h3 {
		display:block;
		margin: 0 0 0 -146px;
		width:439px; background-color:#fff;
		padding-bottom:18px;
	}
	.offer_box .more {
		position:absolute;
		bottom:0px; right:0px;
	}
	.offer_box .more .b_more {
		margin-bottom:0px;
	}
	
	.offer_box.full {
		background:none;
		width:540px; padding-left:0px; padding-right:0px;
	}
	.offer_box.full img {
		display:inline;
		margin:5px; padding:1px;
		border: 1px solid #e3e3e3;
	}
	.offer_box.full h3 {
		margin: 0;
	}
	

/*	Info column
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#info_column {
		display:inline; float:right;
		width:298px; padding-right:2px; padding-left:18px;
		min-height:300px;
		margin-right:-318px;
	}
	
	#info_column .box {
		width:183px; min-height:100px;
		border: 1px solid #e3e3e3;
		position:relative;
		padding:0 20px 0 93px;
		margin-bottom:18px;
	}
	
	#info_column .box h1 {
		display:block; height:35px;
		line-height:35px; 
		margin-bottom:18px; margin-left:-83px;
	}
	
	#info_column .box hr {
		position:absolute; top:35px; left:0px; width:296px; 
		color: #e3e3e3; background-color:#e3e3e3;
	}
	
	#info_column .noimg  {
		padding-left:10px;
		width:266px;
	}
	
	#info_column .noimg h1 {
		margin-left:0px;
	}
	
	#info_column .box img {
		float:left; display:inline;
		margin-left:-76px; margin-bottom:15px;
		
	}
	
	#info_column .box:last-child {
		margin-bottom:36px;
	}

/*	Bottom menu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#bottom_menu {
		position:relative;
		width:858px; height:52px;
		border: 1px solid #e3e3e3;
		padding:0 20px 0 20px;	
		clear:both;
		margin-top:18px;
	}
	
	#bottom_menu p {
		display:block;
		width:100%; height:100%;
		line-height:52px;
		margin:0;
		text-align:center;
	}
	
	#bottom_menu a {
		line-height:52px;
		background:url(/img/menu_bottom_separator.gif) no-repeat right center;
		padding:0 20px 0 20px;
		font-size:1.09em;
	}
	
	#bottom_menu a:last-child {
		background-image:none;
	}
	
/*	Button more
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.b_more {
		margin-bottom:18px;
	}

	.b_more {
		display:block; line-height:19px; height:19px;
		background:url(/img/b_tlo.gif) no-repeat left;
		padding-left:10px;
		float:right;
	}
	
	.b_more a {
		display:block;
		line-height:19px; height:19px;
		background:url(/img/b_tlo.gif) no-repeat right;
		padding-right:10px;
		color:#355e8b;		
	}
	.b_more a:hover {
		color:#df4d35;
	}

/*	Button back
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.b_back {
		display:block; position:absolute;
		right:0px; top:8px; padding-left:20px; padding-right:20px;
		height:18px; line-height:18px;
		background:url(/img/ico_arrow2.gif) no-repeat 0px 3px;
		font-size:12px;
	}

/*	Icons
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.ico_ {
		background:url(/img/ico_flag.gif) no-repeat 10px 2px;
	}
	.ico_ae {
		background:url(/img/ico_flag_ae.gif) no-repeat 10px 4px;
	}
	.ico_at {
		background:url(/img/ico_flag_at.gif) no-repeat 10px 4px;
	}
	.ico_be {
		background:url(/img/ico_flag_be.gif) no-repeat 10px 4px;
	}
	.ico_ch {
		background:url(/img/ico_flag_ch.gif) no-repeat 10px 4px;
	}
	.ico_gb {
		background:url(/img/ico_flag_gb.gif) no-repeat 10px 4px;
	}
	.ico_ie {
		background:url(/img/ico_flag_ie.gif) no-repeat 10px 4px;
	}
	.ico_lu {
		background:url(/img/ico_flag_lu.gif) no-repeat 10px 4px;
	}
	.ico_lv {
		background:url(/img/ico_flag_lv.gif) no-repeat 10px 4px;
	}
	.ico_nl {
		background:url(/img/ico_flag_nl.gif) no-repeat 10px 4px;
	}
	.ico_pl {
		background:url(/img/ico_flag_pl.gif) no-repeat 10px 4px;
	}
	.ico_gr {
		background:url(/img/ico_flag_gr.gif) no-repeat 10px 4px;
	}
	.ico_de {
		background:url(/img/ico_flag_de.gif) no-repeat 10px 4px;
	}
	.ico_cy {
		background:url(/img/ico_flag_cy.gif) no-repeat 10px 4px;
	}
	.ico_no {
		background:url(/img/ico_flag_no.gif) no-repeat 10px 4px;
	}
	.ico_is {
		background:url(/img/ico_flag_is.gif) no-repeat 10px 4px;
	}
	.ico_fi {
		background:url(/img/ico_flag_fi.gif) no-repeat 10px 4px;
	}
	.ico_es {
		background:url(/img/ico_flag_es.gif) no-repeat 10px 4px;
	}
	.ico_it {
		background:url(/img/ico_flag_it.gif) no-repeat 10px 4px;
	}
	.ico_fr {
		background:url(/img/ico_flag_fr.gif) no-repeat 10px 4px;
	}
	.ico_tr {
		background:url(/img/ico_flag_tr.gif) no-repeat 10px 4px;
	}
	.ico_uk {
		background:url(/img/ico_flag_uk.gif) no-repeat 10px 4px;
	}
	.ico_au {
		background:url(/img/ico_flag_au.gif) no-repeat 10px 4px;
	}
	.ico_ca {
		background:url(/img/ico_flag_ca.gif) no-repeat 10px 4px;
	}
	.ico_mt {
		background:url(/img/ico_flag_mt.gif) no-repeat 10px 4px;
	}
	.ico_cn {
		background:url(/img/ico_flag_cn.gif) no-repeat 10px 4px;
	}
	.ico_us {
		background:url(/img/ico_flag_us.gif) no-repeat 10px 4px;
	}
	.ico_branza {
		background:url(/img/ico_branza.gif) no-repeat 10px 2px;
	}
	.ico_opis {
		background:url(/img/ico_opis.gif) no-repeat 10px 2px;
	}
	.ico_edit {
		background:url(/img/ico_edit.gif) no-repeat 10px 2px;
	}
	.ico_world {
		background:url(/img/ico_world.gif) no-repeat 10px 2px;
	}
	.ico_spinacz {
		background:url(/img/ico_attachment.gif) no-repeat 10px 2px;
	}
	.ico_car {
		background:url(/img/ico_car.gif) no-repeat 10px 2px;
	}
	.ico_draw {
		background:url(/img/ico_draw.gif) no-repeat 10px 2px;
	}
	.ico_money {
		background:url(/img/ico_money.gif) no-repeat 10px 2px;
	}
	.ico_strona {
		background:url(/img/ico_strona.gif) no-repeat 10px 2px;
	}
	.ico_time {
		background:url(/img/ico_time.gif) no-repeat 10px 2px;
	}
	.ico_zalacznik {
		background:url(/img/ico_zalacznik.gif) no-repeat 10px 2px;
	}
	.ico_zalacznik2 {
		background:url(/img/ico_zalacznik2.gif) no-repeat 10px 2px;
	}
	.ico_book_open {
		background:url(/img/ico_book_open.gif) no-repeat 10px 2px;
	}
	.ico_book {
		background:url(/img/ico_book.gif) no-repeat 10px 2px;
	}
	.ico_house {
		background:url(/img/ico_house.gif) no-repeat 10px 2px;
	}
	.ico_warunki {
		background:url(/img/ico_warunki.gif) no-repeat 10px 2px;
	}

	
/*	Lista krajów itp.
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.main_column.lista {
		margin-bottom:18px;
	}
	
	
	.main_column ul.lista, ul.lista li {	
		padding:0px; margin:0px;
	}
	
	.main_column ul.lista {
		display:block; width:100%;
		overflow:auto; margin-bottom:18px;
	}
	
	ul.lista li {
		position:relative;
		float:left; width:228px;
		text-indent: 0; margin-left: 0; 
		padding: 0 20px 0 22px;
		list-style-type:none;
		line-height:18px;
	}
	ul.lista li a {
		display:block;
		width:100%; height:100%;
		background:url(/img/intro_line_dotted.gif) repeat-x 0 14px;
	}
	ul.lista li a:hover {
		background:url(/img/intro_line_dotted_active.gif) repeat-x 0 14px;
	}
	ul.lista li span {
		margin:0; padding:0; padding-right:12px;
		line-height:18px;
		background-color:#FFF;
	}
	
	ul.lista li .checkbox {
		position:absolute; right:0px; top:0px;
		width:18px; height:18px;
		background:url(/img/checkbox_unchecked.gif) no-repeat 0 2px;
	}
	ul.lista li .checkbox.active {
		background:url(/img/checkbox_checked.gif) no-repeat 0 2px;
	}
	
	ul.lista li:before {
		content:"";
	}
	
	.main_column ul.lista li {
		background-position:left center;
	}
	
/*	Promo boxes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.promo {
		padding:0px; width:580px; color:#FFFFFF;
		background: repeat-x 0px 37px;
	}
	.promo h1 {
		background-repeat:repeat-x;
		padding-left:20px; color:#FFFFFF; height:37px;
	}
	.promo h1 span{
		display:inline; float:left; width:10px; height:37px;
		padding-right:10px; background:no-repeat 0 11px;
	}	
	.promo .tlo {
		min-height:100px; padding-bottom:1px;
		background:no-repeat 100% 37px;
	}
	.promo .content {
		width:330px; padding:0px 20px;
	}
	.promo a { color:#fff; }
	.promo a:hover { color:#ff6f59; }
	.promo ul { padding-left:10px; }	
	.promo .b_back {
		background:none;
	}
	
/*	Promo 1
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.promo.blue { background-image:url(/img/promo1_tlo.gif); background-color:#7bbff8; }
	.promo.blue h1 { background-image:url(/img/promo1_headline.gif); }
	.promo.blue h1 span{ background-image:url(/img/promo1_ico_page.gif); }
	.promo.blue .tlo {	background-image:url(/img/promo1_pic.jpg); }
	
/*	Promo 2
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.promo.orange { background-image:url(/img/promo2_tlo.gif); background-color:#fbda74; }
	.promo.orange h1 { background-image:url(/img/promo2_headline.gif); }
	.promo.orange h1 span{ background-image:url(/img/promo2_ico_page.gif); }
	.promo.orange .tlo {	background-image:url(/img/promo2_pic.jpg); }
	
/*	Promo 3
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.promo.green { background-image:url(/img/promo3_tlo.gif); background-color:#b6e026; }
	.promo.green h1 { background-image:url(/img/promo3_headline.gif); }
	.promo.green h1 span{ background-image:url(/img/promo3_ico_page.gif); }
	.promo.green .tlo {	background-image:url(/img/promo3_pic.jpg); }
	
/*	Promo 4
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#pracownicy .promo.blue .tlo {	background-image:url(/img/promo4_pic.jpg); }
	
/*	Promo 5
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#pracownicy .promo.orange .tlo {	background-image:url(/img/promo5_pic.jpg); }
	
/*	Promo 6
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#pracownicy .promo.green .tlo {	background-image:url(/img/promo6_pic.jpg); }
	
	
/*	Different clases
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.hide { display:none; }
	li.l1:before {
		content:"";
	}
	li.l1 { margin-top:18px; list-style: none; font-size:1.27em; line-height: 1.29em; text-indent: 0; margin-left:0px;}
	li.l1 ul li { 	font-size:0.79em; line-height: 1.64em; }
	.center { text-align:center; }