/* Styles by PM
    IAESTE Politechnika Łódzka*/ 

* {
margin:0;
padding:0;
}

.left{float:left;}
.right{float:right;}
	
body {
	background: none;	
	font-family:Verdana,Arial;
	font-size: 62.5%     /*sprawi, że pojedynczy em będzie się równać 10 pikselom (16 x 62,5 = 10); Przykładowo, 12 pikseli może być wyrażona jako 1,2 em*/
}

#divContainer {
	width: 1000px;
	margin: 0 auto;
	height:100%;
}
/*-----------------------------------------------------------------------------> HEADER <-----------------------------------------------------------------------------*/

#divHeader {
	position: absolute; 
	top:0;
	left:0;
	width:100%;
}

#divHeader_inner {
	width:1000px;
	margin:0 auto;
	height:248px;
	background: url(../img/header_versionWithOutLogo.png);
}

#logo{
	position:absolute;
	width:196px; 
	margin:6px 0px 0px 33px;
	padding:0;
}

#logo a{
	padding:0;
	margin:0;
}

#logo img{
	padding:0;
	border:0;
	width:196px;
	height:205px;
	margin:0;
}


/*-----------------------------------------------------------------------------> CONTENT <-------------------------------------------------------------------------------------*/

#divContent {	
	margin:180px 0px 20px 0px;
	position:relative;
}

#divContent  #left{
	float:left;
	height:320px;
	margin-top:70px;
	padding:0;
	position:absolute;
	width:218px;	
}

/*-----------------------------------------------------------------------------> RIGHT SIDE <-------------------------------------------------------------------------------------*/

#divContent  #right{
	float:right;
	height:100%;
	width:790px;
	position:relative;
}

#divContent  #main{
	float:left;
	height:100%;
	width:515px;
}

#main_top{
	background: url(../img/main_top.png) no-repeat;
	height:30px;
	width:515px;
}

#main_middle{
	background: url(../img/main_bkg.png) repeat-y;
	margin-bottom:20px;
	min-height:1080px; 
	width:455px;
	padding:0px 30px 30px 30px;
}

.heading{
	font-size:20px;
	color:#b8580a;
	padding:0px 0px 3px 0px;
}

#main_middle p{
	font-size:11px;
	line-height:1.3;
	padding:0;
	margin:0;
}

#main_middle p a.linki{
	text-decoration:none;
	font-size:12px;
	color:#4e6b84;
	border-bottom:1px dashed #4e6b84;
	padding:0;
	padding-bottom:1px;
} 

#main_middle p a.linki:hover{
	text-decoration:none;
	font-size:12px;
	color:#320d54;
	border-bottom:1px dashed #320d54;
	padding:0;
	padding-bottom:1px;
} 

#main_middle li{
	font-size:12px;
	line-height:1.5;
	margin-left:15px;
	/* border:1px solid red; */ 
}

/*-----------------------------------------------------------------------------> WYBÓR OFERTY <-------------------------------------------------------------------------------------*/

.formContainer{
	border:0;
    border:1px solid #dddddd;
    padding:18px 25px 0px 25px;
	margin:20px 0px 10px 0px;
	font-family:Verdana;
	/* border:1px solid blue; */
}

.rowContainer{
    width:100%;
    padding:5px 0px 5px 0px;
    height:41px;
	/* border:1px solid red; */
}
.rowContainer label{
	font-size:13px;
    width:130px;
    float:left;
    color: #758656;
    font-weight:bold;
	padding:3px 0 0 0 ;
}

.rowContainer input{
    width:200px;
	padding:3px 2px 3px 2px;
	border:1px solid #bbb;
	font-family:Verdana;
	font-size:12px;
	float:right;
}

.rowContainer input:focus{
	border:1px solid #b0b0b0;
	background-color:#f8f8f8;
	font-size:12px;
}

#button_szukaj{
	width:70px;
	padding:2px;
	margin:0 0 15px 200px;

}


/*-----------------------------------------------------------------------------> LISTA OFERT <-------------------------------------------------------------------------------------*/

.checking{
	background:url(../img/ajax-loader.gif) no-repeat center;
	height:50px;
}

.nochecking{
	background:none;
}

#offer_list{
	padding:5px 0;
}

#offer_list p, #offer_list p:visited, #offer_list p:link{
	font-family:Verdana;
	font-size:12px;
	margin:1px 0;
	cursor:pointer;
	padding:2px 0px 2px 4px;
}

#offer_list p:hover{
	color:#666666;
	margin:1px 0;
	padding:2px 0px 2px 3px;
	cursor:pointer;
	border-left:1px solid #b8580a;
}

.error_tooMuch{
	margin:10px 0 10px 100px; 
	font-family:Verdana; 
	font-size:11px; 
	font-style:italic;
}

.error_noResults{
	margin:10px 0 10px 120px; 
	font-family:Verdana; 
	font-size:11px; 
	font-style:italic;
}

/*-----------------------------------------------------------------------------> OFERTA <-------------------------------------------------------------------------------------*/

.checking_offer{
	background:url(../img/ajax-loader.gif) no-repeat center;
	padding-top:20px;
	color:#fff;
}

.hr1{
	margin:0px 0px 5px 0px;
	padding:0;
	background-color:#666666;
}

.hr2{
	clear:both; 
	margin:0px 0; 
	background-color:#666666;
}

.hr3{
	clear:both; 
	margin:5px 0; 
	background-color:#666666;
}

#offer_container{
	width:100%;
	margin-top:20px;
	height:100%;
}

#offer{
	border:1px solid #000000;
}

#offer_header{
	background:url(../img/IAESTE_logo_small.jpg) no-repeat;
	width:100%;
	height:55px;
	font-family:Verdana;
	font-size:15px;
	margin:0;
	padding:0;
}

.offer_header_inner_1{
	height:65%; 
	padding-left:50px;
}

.offer_header_inner_1_cont{
	width:300px; 
	padding-top:10px;
}

.offer_header_inner_2{
	height:35%;
	font-size:12px; 
	margin-top:5px; 
	*margin-top:10px;
}

.offer_header_inner_2_span1{
	margin-left:155px; 
	text-transform:uppercase; 
	font-weight:bold;
}

.offer_header_inner_2_span2{
	margin-left:25px;
}

#offer_content{
	width:100%;
	height:100%;
	position:relative;
}

.content_left{
	float:left;
	width:220px;
	padding:5px 0px 5px 4px;
}

.content_right{
	float:right;
	width:220px;
	padding:5px 0;
}

.employer_info{
	font-weight:bold; 
	font-size:12px;
}

.student_req{
	font-weight:bold; 
	font-size:12px;
}