@charset "UTF-8";
/* CSS Document LAYOUT for empregodirecto.pt by joão torres e pedro barata*/

* { margin:0; padding:0; }

html, body {
   margin:0;
   padding:0;
   height:100%;
}

body{
	background: #ffffff url(../layout/bg_html_home1.jpg) repeat-x;
	font:normal 0.75em/1.5 helvetica, arial;
	color:#666;
}

.clear {clear:both;}

ul{margin:0 0 20px; list-style: none;}
ul li{
	padding-left: 12px;
	background: url(/images/) no-repeat 0 5px;
	margin: 0 0 5px;
}

a img{border:0;}
a {color:#000000; text-decoration:none;}
a:focus, a:hover {text-decoration:underline;}

.more a {padding-left: 12px; background: url(/images/) no-repeat 0 3px;}

#header{
	width:960px;	
	height:140px;
	margin:auto;
}

#header_preview{
	width:100%;	
	height:140px;
	margin:auto;
}

#logo {
	width:337px;
	height:49px;
	padding:60px 0 0 0;
}

#nav {float:right; margin-top:4px;}
#nav ul {margin:0;}
#nav li {
	float:left;
	display:block;
	height: 25px; 
	margin:0 0 0 2px;
	font-size:1.2em;
	background:#fff;
}

#nav li:hover {background:#FCC80C; color:#FCC80C;}
#nav a {
	display: block;
	color:#000;
	padding-top:2px;
	overflow: hidden;
	cursor: pointer;
}
#nav a:hover {color:#000; text-decoration:none;}

#nav_home {width:45px;}
#nav_post_job {width:75px;}
#nav_post_job a{font-weight:bold;}
#nav_see_all {width:auto; padding-right:10px;}
#nav_faqs {width:80px;}

#content_main_short {height:100px;}
#content_main_short_preview {height:100px;}
#content_main {height:270px;}
#content_main, #content_main_short {
	width:960px;
	margin:auto; 
	margin-top:20px;
}

#content_main_short_preview {
	width:100%;
	margin:auto; 
	margin-top:20px;
}

#content_main h1, #content_main_short h1, #content_main_short_preview h1 {
	width:600px;
	margin-left:10px;
	float:left;
	color:#4c4c4c;
	font-size: 28px;
	font-family: helvetica, arial;	
}

#content_main span, #content_main_short span, #content_main_short_preview span {
	color:#FCC80C;
	background-color:#fff;
	border:2px solid #fff;
}

#content_main span.xpto, #content_main_short span.xpto, #content_main_short_preview span.xpto {color:#FCC80C; background:none; border:none;}

#content_main .jobheader, #content_main_short .jobheader {
	width:960px;
	margin:auto;
	margin-top:30px;
	background-color:#CCE4F1;
	border:3px solid;
	border-color:#bbbbbb;	
  	color: #4c4c4c;
	padding-left:10px;
}

#content_main_short_preview .jobheader_preview {
	width:650px;
	margin:auto;
	margin-top:30px;
	background-color:#CCE4F1;
	border:3px solid;
	border-color:#bbbbbb;	
  	color: #4c4c4c;
	padding-left:10px;
}
#content_main .jobheader_preview {
	width:650px;
	margin:auto;
	margin-top:30px;
	background-color:#CCE4F1;
	border:3px solid;
	border-color:#bbbbbb;	
  	color: #4c4c4c;
	padding-left:10px;
}

#content_main span.main, #content_main_short span.main, #content_main_short_preview span.main {
	font-size: 80%;
	font-family: helvetica, arial;
	color:#F41E29;
	background:none;
	border:none;
}

#content_main .hidden, #content_main_short .hidden, #content_main_short_preview .hidden {color:#C6C6C6;} 

#info_products {
	width:100%;
	height:150px;
	float:left;
	position:relative;
	margin:0 0 0 0;
	margin-top:30px;	
}

div.classic {
	width:380px;
	height:150px;
	float:left;
	margin-left:50px;
}

div.corporate {
	width:380px;
	height:150px;
	position:relative;
	float:right;
	margin-right:40px;
}

#livesearch {
	width:580px;
	height:70px;
	margin:auto;
	float:left;
	margin:40px 0 40px 10px;
}

#livesearch h4  {
	font-size:13px;
	color:#4c4c4c;
	height:20px;
}

#livesearch h4 span.xpto {background:#ffffcc; color:#4c4c4c;}
#livesearch h4 img {margin-left:10px; vertical-align:middle;}
#livesearch h5 {font-size:11px;color:#666;margin-top:3px;}
.search_term {
	width:580px;
	height:25px;
	font-size:21px;
	padding:5px;
	border:2px solid #FCC80C;
}

.search_term:focus {
	border:2px solid #7DB9DA;
	outline-color: #7DB9DA;
	outline-style:none;
	outline-width:0;
}

#mrec {
	width:300px;
	height:250px;
	float:right;
	margin:0 0 20px 0;
	border:1px solid #ccc;
}

#adsgoogle {
	width:580px;
	height:30px;
	margin:auto;
	float:left;
	margin-left:10px;
}

#adsgoogle_bottom {
	width:940px;
	height:30px;
	margin:auto;
}

#allboxes {
	width:960px;
	height:auto;
	margin:auto;
}

#form_postjob {
	width:370px;
	float:left;
	position:relative;
	margin-bottom:50px;
	margin-top:30px;
	padding-left:10px;
}

#form_postjob h4{font-size:15px; color:#4c4c4c;}

div.product_info {
	width:355px;
	height:65px;
	margin-top:10px;
	margin-bottom:10px;
	border:5px solid #999999;
	background-color:#FFFfaa;
	padding-left:10px;
	padding-top:3px;
	font-size:13px;
	color:#4c4c4c;
}

div.product_info a {
	font-weight:bold;
	background:#4c4c4c;
	color:#ffffff;
}

div.product_info a:hover {
	font-weight:bold;
	background:#FFFF00;
	color:#4c4c4c;
}

div.extras {
	width:355px;
	height:190px;
	margin-top:10px;
	margin-bottom:10px;
	border:5px solid #999999;
	background-color:#FFFfaa;
	padding-left:10px;
	padding-top:3px;
	padding-right:3px;
	font-size:13px;
	color:#4c4c4c;
	line-height:normal;
}

div.extras h3 {
	color:#5BB26B;
	font-weight:bold;
	font-size:17px;
}

div.extras a {
	font-weight:bold;
	background:#4c4c4c;
	color:#ffffff;
}

div.extras a:hover {
	font-weight:bold;
	background:#FFFF00;
	color:#4c4c4c;
}

.postjob {
	width:370px;
	height:25px;
	font-size:17px;
	color:#4c4c4c;
	padding:5px;
	border:2px solid #949494;
}

.postjob:focus {
	border:2px solid #7DB9DA;
	margin:0;
	outline-color: #7DB9DA;
	outline-style:none;
	outline-width:0;
}

.required {
	width:370px;
	height:25px;
	font-size:17px;
	color:#4c4c4c;
	background-color:#FFFFcc;
	padding:5px;
	border:2px solid #949494;
}

.required:focus {
	border:2px solid #7DB9DA;
	margin:0;
	outline-color: #7DB9DA;
	outline-style:none;
	outline-width:0;
}

.required_failed {
	width:370px;
	height:25px;
	font-size:17px;
	padding:5px;
	background-color:#FFFFcc;
	border:2px solid #F41E29;
	margin:0;
	outline-color: #F41E29;
	outline-style:none;
	outline-width:0;
}

.description:focus {
	border:2px solid #7DB9DA;
	margin:0;
	outline-color: #7DB9DA;
	outline-style:none;
	outline-width:0;
}

.category {font-size:19px;}
.category_failed {font-size:19px; color:#FF0000; background-color:#FFFFcc;}

.company_logo {font-size:17px; margin-left:0; margin-right:1px;}

.bottom {
	width:960px;
	height:25px; 
	margin:auto; 
	background-color:#FFFFAA; 
	font-size:13px;
	padding:5px 0 0 15px;
}
.bottom a {color:#4c4c4c; text-decoration:underline; }
.bottom a:hover {color:#FFFFFF; background-color:#4c4c4c;}

#description_content {width:960px; margin:auto;}

#description_content_preview {width:100%; margin:auto;}

#description_content li, #description_content_preview li {
	color:#4c4c4c;
	font-family: helvetica, arial;
	font-size:17px;
	text-align:justify;
}

#description_content p, #description_content_preview p{
	color:#4c4c4c;
	font-family: helvetica, arial;
	font-size:17px;
	font-weight:normal;
}

#description_content a, #description_content_preview a{
	color:#4c4c4c;
	font-family: helvetica, arial;
	font-size:17px;
}

#description_content a.exact {background-color:#CCE4F1; color:#4c4c4c; text-decoration:underline; font-size:13px;}

#description_content a:hover{color:#ffffff; background-color:#4c4c4c; text-decoration:none;}

#right_column {
	width:425px;
	float:right;
	margin-top:30px;
	margin-bottom:70px;
}

#right_column h4{font-size:15px; color:#4c4c4c;}

#right_column a:hover{color:#FFFFFF; background-color:#4c4c4c;}

.full_preview {
	font-size:15px;
	color:#4c4c4c;
	text-decoration:underline;
}

.full_preview a:hover {text-decoration:none;}

#api_map{
	height:250px;
	border:1px solid;
	margin-top:10px;
	margin-bottom:30px;
}

#box_api_map_detail{ width:450px; height:250px; margin-left:12px; position:relative;}

#job_preview {
	border:5px solid #949494;
	margin-top:10px;
	margin-bottom:10px;
}

#header_jobpreview {
	color:#4c4c4c;
	font-size: 1.3em;
	font-family: helvetica, arial;
}

#header_jobpreview span {
	color:#4c4c4c;
	background-color:#CCE4F1;
	border:2px solid #bbbbbb;
	font-weight:bold;
}

#job_description_preview li {
	color:#4c4c4c;
	font-family: helvetica, arial;
	font-size:13px;
}

#job_description_preview p{
	color:#4c4c4c;
	font-family: helvetica, arial;
	font-size:13px;
	font-weight:normal;
}

#job_description_preview span{
	font-weight:normal;
}

#job_description_preview a{
	color:#4c4c4c;
	font-family: helvetica, arial;
	font-size:13px;
}

div.not_found {margin-left:10px;}

div.not_found h3 {font-size:15px; color:#CC0000;}

#help {
	width:960px;
	min-height:500px;
	margin:auto;
	font-family: helvetica, arial;
	color:#4c4c4c;
	font-size:17px;
	text-align:justify;
	padding-left:10px;
}

#help p {padding-left:10px;}

.faq_title{color:#D63D45;}

#help a{color:#4c4c4c;font-weight:bold;}

#help a:hover{background-color:#ffffaa; color:#4c4c4c; text-decoration:none;}

#sectionHeader {
	width:960px;
	margin:auto;
	margin-top:10px;
}

#sectionHeader h2 {
	height:30px;
	margin-left: 10px;
	margin-bottom:20px;
  	color: #908F8F;
  	font-size: 23px;
  	font-family: helvetica, arial;
  	
}

.sectionHeaderpremium {margin-bottom: 10px;}
.sectionHeaderpremium span.premium {font-size:13px; color:#f41e29;}
.sectionHeaderpremium h2 {
  	color:#4c4c4c;
  	font-size: 23px;
  	font-family: helvetica, arial;
  	margin: 0;
  	padding-left: 10px;
}

#job_list {
	width:960px;
	margin:auto;
}

.sectionHeader_category1 {
	width:960px;
	margin:auto;
	margin-bottom: 10px;
	background-color:#CCE4F1;
	border:3px solid;
	border-color:#bbbbbb;
	margin-top:20px;
	margin-left:7px;
}

.sectionHeader_category1 h2 {
	height:30px;
  	color: #4c4c4c;
  	font-size: 23px;
  	font-family: helvetica, arial;
  	padding-left:10px;
	padding-top:2px;
}

#jobs_cats  {margin-left:10px; width:100%; height:auto; float:left;}
#jobs_cats a {
	font-size:14px; 
	color:#4c4c4c;
	margin-right:5px; 
	text-decoration:none; 
	background-color: #CCE4F1; 
	border:1px solid #cce4f1;
}

#jobs_cats a:hover {background-color: #fbc80b; border:1px solid #fbc80b;}
	
.listings {
	width:960px;
	margin:auto;
  	font-size: 14px;
  	line-height: 1.4em;
  	margin-bottom: 25px;
  	padding-left: 8px;
}

.listings a {color:#4c4c4c; text-transform:none;}

.listings ul {
  	list-style: none;
  	margin-left: 0;
  	padding-left: 0;
}

.listings li {padding: 5px; border-bottom:1px solid #999999;}

.listings li:hover {
	background-color: #CCE4F1;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
}

.listings li span {
  	color: #b5722b;
  	font-size: 80%;
  	padding: 0 3px;
	margin-top:0;
}

.listings span.quick_view a {
	color:#908F8F;
	float:right;
	margin:0 0 0 0;
	margin-top:-20px;
	padding-right:10px;
}

.listings li.shade {border-bottom:1px solid #999999; background-color:#FFFFcc;}

.listings li.shade:hover {
	background-color:#FFFFaa;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
}

.listings li.shade a {color:#4c4c4c;}

.listings li.shade a:hover {color:#4c4c4c;}

.listings li.shade_premium {border-bottom:1px solid #999999; background-color:#ffffaa;}

.listings li.shade_premium:hover {
	background-color:#FFFF66;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
}

.listings li.shade_premium a {color:#4c4c4c;}
.listings li.shade_premium a:hover {color:#4c4c4c;}

.listings li.more a{
	font-size: 13px;
  	text-align: left;
	color:#5BB26B;
}

#account{
	width:100%;
	height:500px;
	margin: 0 0 0 0;
	position:relative;
	border-top: 1px solid #4c4c4c;
}

#account p {
	margin-top:10px;
	margin-right:5px;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
	display:inline;
	float:left;
	padding-left:5px;
	padding-top:2px;
	background-color:#5BB26B;
}

div.personal_data p { width:120px; margin-left:10px;}

div.activity p{
	width:58px;
	margin-top:10px;
	margin-right:5px;
}

div.history p{
	width:55px;
	margin-top:10px;
	margin-right:5px;
}

div.tabs {
	width:840px;
	height:400px;
	margin-top:54px;
	margin-left:10px;
	position:relative;
	border:1px solid #4c4c4c;
}

#footer {
	width:100%;
	height:100px;
	margin:auto;
	background:#494748;
	font-size:15px;
	color:#ffffff;
}

.footerin{
	padding:0;
	margin:auto;
	padding-top:20px;
}
#footer p {line-height:10px;}
#footer a {
	font-size:13px;
	color:#ffffff;
	background:none;
}

#footer a:hover {color:#FFFFFF; background-color:#4c4c4c;}
#footer a:hover img {text-decoration:none;}