@import url("fonts/CartoGothicStd.css");

/* LAYOUT */
body {
	background:url(../images/bg-body-repeat.jpg) repeat-x #edeced; /* In case the user is on a really wide screen */
	font-family: 'CartoGothicStdBook', Helvetica, Arial, sans-serif;
	color:#353636;
}

html {
    overflow-y: scroll;
}

#background {
	position:absolute;
	width:100%;
	height:600px;
	display:block;
	background:url(../images/background.jpg) center top no-repeat;
	z-index:0;
}


#page {
	position:relative;
	width:100%;
	height:600px;
	z-index:1;
}

	#header {
		width:100%;
		height:87px;
		background:url(../images/bg-header.gif) repeat-x;
	}

	#header .container{
		width: 100%;
		position: relative;
	}

	#header .nav_corner{
		position: absolute;
		top: 9px;
		right: 20px;
		z-index: 9999;
	}

	#header .nav_corner .navigation_lang{
		line-height: 22px;
		margin-bottom: 7px;
	}

	#header .nav_corner .navigation_lang a{
		float: right;
		text-decoration: none;
		color: #fff;
		font-size: 14px;
	}

	#header .logo_header{
		position: absolute;
		top: 5px;
		left: 19px;
	}

	#header #menu_principal{
		float: right;
		margin-top: 26px;
	}
	#header #menu_principal a{
		overflow: auto;
		color: #99a1b3;
		text-decoration: none;
		text-transform: uppercase;
	}

	#header #menu_principal a.active, #header #menu_principal a:hover{
		color: #fff;
	}

	#header #menu_principal a .icone_item_menu{
		float: left;
		margin-top: -10px;
		margin-right: 8px;
		height: 33px;
		width: 33px;
		background-image: url(../images/icones_navigation_header.png);
	}

	#item_communications .icone_item_menu{
		background-position: -33px 0;
	}
	#item_portal .icone_item_menu{
		background-position: -66px 0;
	}
	#item_reports .icone_item_menu{
		background-position: -99px 0;
	}
	#item_register .icone_item_menu{
		background-position: -132px 0;
	}

	#header #menu_principal a span{
		float: left;
		margin-right: 16px;
		font-size: 15px;
	}

/* already register link */
.already_register {
	float: right;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

.navigation_lang {
	text-align: right;
	color: #011350;
}

.navigation_lang a {	
	text-decoration: none;
	color: #011350;
}

	.container {
/*		border:1px solid #FF0000;*/
		position:relative;
		width:910px;
		margin:0 auto;
	}	
	
		#content {
			margin:15px 0 0;	
		}
		
			p.introduction {
				color:#011350;
				font-size:18px;
				text-transform:uppercase;
				text-align:center;
				letter-spacing:-0.5px;
				
			}
			
				p.introduction span {
					font-size:37px;
					font-family: 'CartoGothicStdBold', Helvetica, Arial, sans-serif;
				}
				
			#features {
				width:680px;
				height:270px;
				margin:20px auto 0;
				background:url(../images/bg-buttons.jpg) no-repeat center bottom;
			}
			
				div.button {
					position:relative;
					float:left;
				}
				
				#bt-1 {
					width: 222px;	
				}
				
				#bt-2 {
					width:223px;
					margin:0 6px 0 6px;
				}
				
				#bt-3 {	
					width:222px;
				}
								
				img.over {
					display:none;
					position:absolute;
					z-index:1;
					left:0;
					top:0;
					cursor:pointer;
				}
				

			#pin-container {
				position:relative;
				width:690px;
				height:110px;
				margin:0 auto;
				background:url(../images/bg-pin.jpg) no-repeat center bottom;
			}
			
				#col-left {
					float:left;	
					padding:0 0 0 25px;
				}
				
					#col-left p {
						color:#353636;
						font-size:14px;
						line-height:85px;
					}
				
				#col-right {
					float:right;
					padding:25px 25px 0 0;
				}
				#col-right.error {
				  padding-top:14px;
				}
				#col-right p.error {
				  padding-left:2px;
				  font-size:11px;
				  color:red;
				}
						
					input.custom-input {
						height:29px;
						padding: 4px 11px 0;
						border:none;
						font-family: 'CartoGothicStdBook', Helvetica, Arial, sans-serif;
						font-size:15px;
						text-transform:uppercase;
						color:#757575;
						float:left;
					}	
					
					.ie input.custom-input {
						height:25px;
						padding: 8px 11px 0;
					}	
						
					input#pin {
						background:url(../images/bg-input-pin.png) no-repeat;
						width:164px;
					}
					
					input#name {
						background:url(../images/bg-input-name.png) no-repeat;
						width:194px;
						margin:0 10px 0 0;
					}
					
					input#email {
						background:url(../images/bg-input-email.png) no-repeat;
						width:194px;
						margin:0 10px 0 0;
					}

					.fr input#pin {
						background:url(../images/bg-input-pin_fr.png) no-repeat;
					}
					
					.fr input#name {
						background:url(../images/bg-input-name_fr.png) no-repeat;
					}
					
					.fr input#email {
						background:url(../images/bg-input-email_fr.png) no-repeat;
					}
					
					input#pin.focus,
					input#name.focus,
					input#email.focus {
						background-position:left bottom;
					}
					
					a.submit-pin {
						float:left;						
						width:116px;
						margin:0 0 0 10px;
					}
					
					a.submit-get-pin {
						float:left;						
						width:60px;
					}
					
					a.button {
						background: url(../images/bt-generic-right.png) no-repeat scroll right top transparent;
						border: none;
						display: block;
						height: 32px;
						overflow: hidden;
						padding: 0 20px 0 0;
						text-decoration:none;
					}
					
						a.button span {
							background: url(../images/bt-generic-left.png) no-repeat scroll left top transparent;
							color: #FFF;
							cursor: pointer;
							display: block;
							font-size: 16px;
							font-family: 'CartoGothicStdBook', Helvetica, Arial, sans-serif;
							height: 32px !important;
							line-height: 32px;
							white-space: nowrap;
							text-transform:uppercase;
							padding:0 0 0 20px;
							text-align: center;
						}
						
					p.get-pin {
						margin:5px 0 0 5px;
						color:#2a2a2a;
						font-size:11px;
					}
					
						a.get-pin {
							color:#7d5800;
							text-transform:uppercase;
						}
						
				#popup-container {
					display:none;
				}		
						
					#popup {
						display:block;
						position:absolute;
						top:-30px;
						left:0;
						width:684px;
						height:142px;
						background:url(../images/bg-popup.png) no-repeat;
						zoom:1;
					}
					
						#popup-content {
							position:relative;
							width:564px;
							height:136px;
							overflow:hidden;
							margin:0 auto 0;
							padding:6px 60px 0;
						}
							#popup-content .content {
								background:#dfdfdf;
								margin:25px 0 0 0;
							}
							
							#popup-content .message {
								display:none;
								background:#dfdfdf;
								margin:25px 0 0 0;
							}
						
							#popup-content h1 {
								font-size:18px;
								line-height:25px;
							}
							
							#popup-content p {
								font-size:12px;
							}
							
							#popup-content form {
								margin:15px 0 0;	
							}
						
							#popup-content div.message p {
								line-height:20px;
							}
							
							#popup-content a {
								color:#353636;	
							}
						
							a#bt-close-popup {
								position:absolute;
								right:52px;
								top:23px;
								display:block;
								text-indent:-9999em;
								background:url(../images/bt-close.png) no-repeat;
								width:52px;
								height:14px;
							}

							.fr a#bt-close-popup {
								background:url(../images/bt-close_fr.png) no-repeat;
							}
				
			#footer {
				margin:25px 0 0 0;
			}
			
				#footer p {
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#070e0d;
					float:left;
					background:url(../images/bg-footer-separator.gif) no-repeat right center;
					margin:0 12px 0 0;
					padding:0 12px 0 0;
				}
				
				
					#footer p.last {
						background:none;
						padding:0;
						margin:0;
					}

				#footer a {
					color:#070e0d;
					text-decoration:none;
				}
				
					#footer a:hover {
						text-decoration:underline;
					}