@charset "utf-8";
/* CSS Document */

html {
	overflow: auto;
}

body {
	background: #000000;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#web {
	position:absolute;
	top: 50%;
	left: 50%;
	width: 974px;
	height: 578px;
	margin-top: -287px; /*set to a negative number 1/2 of your height*/
	margin-left: -488px; /*set to a negative number 1/2 of your width*/
	overflow: hidden;
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0;	
}

/* ---------------------------------------------------------------------------- */
/*										MAIN									*/
/* ---------------------------------------------------------------------------- */

#main {
	height: 550px;
	width: 968px;
	margin: 2px;
	background: url(../images/css/home_bg.jpg);
}

	#main h1{
		display: block;
		margin: 0;
		padding: 20px 0;
		padding-top: 10px !important;
		padding-left: 30px !important;
	}

#languages {
	padding: 3px;
	text-align: right;
	color: #9C9C9C;
	height: 18px;
}

	#languages span {
		float:right;
		padding: 1px;
		margin-right: 5px;
	}

#countryFlags {
	float: right;
	margin-top: 3px;
}
	#countryFlags ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#countryFlags ul li {
		display: inline;
	}
	
	#countryFlags a {
		display:block;
		float: left;
		border: 1px solid #000000;
		margin: 0 1px;
	}
	
	#countryFlags a:hover {
		border: 1px solid #FFFFFF !important;
	}
	
/* ---------------------------------------------------------------------------- */
/*									BUTTONBAR									*/
/* ---------------------------------------------------------------------------- */

#buttonBar {
	margin-top: 15px;
	padding: 10px;
	padding-left: 50px !important;
}
	
	#buttonBar .buttonOn {
		background: #000000;
		padding: 5px;
		float: left;
		margin-left: 5px;
		border: 1px solid #363636;
	}
		#buttonBar .buttonOn h2 {
			font-weight: bold !important;
		}
		
		#buttonBar .buttonOn img {
			border: 1px solid #FFFFFF !important;
		}
	
	#buttonBar .buttonOff {
		padding: 6px;
		float: left;
		margin-left: 5px;
	}
	
	#buttonBar img {
		border: 1px solid #333333;
		padding: 1px;
	}
	
	#buttonBar a h2 {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight:normal;
		display:block;
		text-align: right;
		padding: 3px;
		border: 0;
		text-decoration: none;
		text-transform: uppercase;
		color: #FFFFFF;
	}

/* ---------------------------------------------------------------------------- */
/*								CANDIDATE AREA									*/
/* ---------------------------------------------------------------------------- */
.loginBox {
	display:none;
	border-top: 1px solid #333333;
	padding: 6px;
}

.loginBox label {
	display: block;
	width: 50px;
	color: #FFFFFF;
	font-size: 11px;
}

.textinput {
	height:			14px !important;
	/*background: 	#2A2A2A url(../images/css/combobox_bg.gif) top repeat-x;*/
	border:			1px solid #2D2D2D !important;
	vertical-align:	baseline;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		11px;
	/*color: 			#9C9C9C;*/
	padding-left:   4px;
}

.joinButton{
	width: auto !important;
	font-size: 11px !important;
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #333333 !important;
	background: url(../images/css/button_bg.gif) repeat-x top !important;	
}

.rememberPassword {
	color: #FFFFFF;
	font-size:	9px;	
}
/* ---------------------------------------------------------------------------- */
/*									UTILIDADES									*/
/* ---------------------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */