// Small screens
/*@media only screen {
	.sidebar_pending a{
		margin-left:80px;
	}
	.sidebar_completeness img{
		margin-left:80px;
	}
	#header{
		height:128px;
	}
	#login_container{
		background: #1B3A66;
		position:relative;
		top:-242px;
	}
	#login_container .form_item{
		width:60%;
		margin-left:20%;
	}
	#login_container .form_item.last{
		padding-left:15%;
		width:60%;
	}
	.logged{
		margin-top:-31px;
	}
	li.login_li #log{
		display:block;
	}
	#login_container #submit-login:hover{
		background:#1b779e;
	}
	.icon_user{
		top:-18px;
		left:105px;
	}
	.icon_settings{
		top:-18px;
		left:-50px;
	}
} /* Define mobile styles */

/*@media only screen and (max-width: 40em) { 
	.sidebar_pending a{
		margin-left:80px;
	}
	.sidebar_completeness img{
		margin-left:80px;
	}
	#header{
		height:128px;
	}
	#login_container{
		position:relative;
		top:-120px;	
		display:none;
		width: 80%;
		margin-left: 10%;
		background: #6FC397;
		padding-bottom:10px;
	}
	#login_container .form_item{
		width:60%;
		margin-left:20%;
	}
	#login_container .form_item.last{
		padding-left:15%;
		width:60%;
	}
	li.login_li #log{
		display:block;
	}
	#login_container #submit-login:hover{
		background:#1b779e;
	}
	.logged{
		margin-top:-31px;
	}
	.icon_user{
		top:-18px;
		left:105px;
	}
	.icon_settings{
		top:-18px;
		left:-50px;
	}
	p#logo img{
		width:256px;
	}
	#logo{
		text-align: center;
	}
	#navigation{
		width:100%;
	}
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
/*@media only screen and (min-width: 40.063em) { 
	
	li.login_li #log{
		display:none;
	}
	#login_container form {
	display: inline-block;
	width: 100%;
}
#login_container .form_item, .experienta .form_item, .oferta .form_item {
	display: inline-block;
	width: 38%;
	margin-left: 2%;
	text-align: left;
	position: relative
}
#login_container .form_item.last {
	width: 14%
}
#login_container input {
	display: inline-block;
	width: 100%;
	border: none;
	background: #fff;
	padding: 2px 0 2px 5px;
	font-size: 12px
}
#login_container label {
	display: inline-block;
	color: #fff;
	font-size: 9px;
	clear: both
}
#login_container #submit-login {
	width: auto;
	background: #2398CC;
	color: #fff;
	padding: 2px 15px;
	margin-left: 15px;
	font-size: 12px;
	cursor: pointer
}
#login_container #submit-login:hover {
	background: #6FC397
}
#login_container #password_field a {
	color: #2398CC;
	font-size: 9px;
	text-align: right;
	position: absolute;
	right: 0;
	top: 5px;
	text-decoration: none;
}
#login_container #password_field a:hover {
	color: #6FC397;
}
	
} /* min-width 641px, medium screens */
/*@media only screen and (min-width: 641px) and (max-width: 777px) { 
	p#logo img{
		width:179px;
	}
	#logo{
		float:left;
	}
	#login_container.form_item{
		width:22%;
	}
	
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	.section_left{
 	width:50%;
 	float:left;
 	margin-bottom: 7px;
 }
 .section_right{
 	width:46%;
 	float:left;
 	margin-left:-1px !important;
 }
	
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
/*@media only screen and (min-width: 64.063em) { 
	margin-left:-1px !important;
	
} /* min-width 1025px, large screens */

/*@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
	
	
	} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
/*@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

/*@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
/*@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xlarge screens */