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

@import url(typography.css);

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

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

	body {
		margin: 0px;
		background:url(/img/intro_tlo_grad.gif) repeat-x;
		height: 100%;
	}

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

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


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

	#wrapper {
		position: absolute;
		width: 747px; height:500px;
		top:72px; left:50%;
		margin-left:-373px;
	}

/*	Top
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#top {
		width:100%; height:109px; position:relative;
		background:url(/img/intro_top.jpg) no-repeat;
		text-indent:-9000px;
	}
	
/*	Student/Pracownik box
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#student_box {
		width:372px; height:304px;
		float:left; display:inline;
		padding-top:87px;
		background:url(/img/intro_pic_student.jpg) no-repeat 231px 54px;
	}
	
	#pracownik_box {
		width:372px; height:304px;
		float:right; display:inline;
		padding-top:87px;
		background:url(/img/intro_pic_pracownik.jpg) no-repeat 21px 54px;
	}
	
	#intro .content {
		width:194px; padding-left:26px;
	}
	
	#intro .content h2 {
		font-size:1.64em; line-height:2em;
		margin:0; padding-bottom:5px; margin-bottom:-9px;
		color:#df4d35;
		text-align:right;
		background:url(/img/intro_line_dotted.gif) repeat-x left bottom;
	}
	
	#intro .content p {
		text-align:right;
	}
	
	#pracownik_box .content {
		padding-left:166px;
	}
	
	#pracownik_box .content .b_more {
		float:left;
	}
	
	#pracownik_box .content h2, #pracownik_box .content p  {
		text-align:left;
	}
	
	
/*	Button more
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.b_more {
		display:block; line-height:19px; height:19px;
		width:107px; text-align:center;
		background:url(/img/b_tlo.gif) no-repeat left;
		padding-left:10px;
		float:right;
		margin-bottom:18px;
	}
	
	.b_more a {
		display:block;
		line-height:19px; height:19px; width:97px;
		background:url(/img/b_tlo.gif) no-repeat right;
		padding-right:10px;
		color:#df4d35;		
	}
	.b_more a:hover {
		color:#ff6a51;
	}