.face_img_div{
	overflow: hidden; 
	width:auto; 
	height:auto;
	max-width:100px; 
	max-height:100px;
}

#edit_dados_utilizador{
	width: 850px;
	padding-left: 15px;
}

select, input, textarea {
	font-size: 12px; font-family: Arial, Helvetica, sans-serif;
}

#modelos_search_adv,#select_marcas_adv{width:130px}

td.pesquisa_padd{padding:5px 10px;}

span.titulo_estatistica{ font-weight: bold; margin-bottom: 8px; display: block; }
img.campo_obrigatorio{ vertical-align: bottom; }
.underline{ cursor: pointer; text-decoration: underline; }
.underline:hover{ color: #FF0000; }
.warning{ position: absolute; display: none; z-index: 99999; top: 0px; text-align: center; margin-left: auto; margin-right: auto; padding: 5px 15px; background: rgba(0,0,0,0.75); border-radius: 0px 0px 25px 25px;  }
.red{ color: #FF0000; }
.green{ color: #008000; }
.normalfont{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.link, .subtitles{ color: #000000; font-weight: bold; cursor: pointer; }
.link:hover, .subtitles:hover{ color: #FF0000; }
.gestao_veiculo_links{ color: #000066; cursor: pointer; }
.gestao_veiculo_links:hover{ font-weight: bold; }
.link_prof{ color: #FFFFFF; cursor: pointer; }
.link_prof:hover{ color: #FF0000; }
.link_clear{ border: 0; }
.opt, .close_div{ cursor: pointer; }
.error{ color: #FF0000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.error1{ color: #FF0000; padding: 5px 0px; }
.inputs{ font-size: 10px; }
.back_close{ text-align: right; }
.obg{ background-color: #ffbfbf; border: 1px solid #FF0000; }
.button{ padding: 5px 10px; display: inline-block; cursor: pointer; font-size: 12px; color: #FFF; border-radius: 15px; border: 2px solid #515151; vertical-align: middle; background-color: #3F3F3F; }
.button:hover{ background-color: #e8e8e8; color: #000000; }
.button_text,.button_icon{ vertical-align: middle; cursor: pointer; }
.link_img{ display: inline-block; vertical-align: middle; }
#img_preview{ width: 200px; height: 200px; position: absolute; top: 0px; left: 0px; display: none; background-color: #000000; z-index: 99999; }
#load{ width: 100%; text-align: center; }
#loader{ position: fixed; z-index:9999; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #FFF; }
#loader_gif{ position: fixed; z-index:99999; width: 100px; height: 100px; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; text-align: center; vertical-align: middle; }
#noscript{ z-index: 999999; position: relative; width: 400px; color: #FFF; top: 0px; text-align: center; margin-left: auto; margin-right: auto; padding: 5px 15px; background: rgba(0,0,0,0.75); border-radius: 25px; }
.backgrad{ position: fixed; z-index:9999; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(255,255,255,0.35); display: none; }
	.backgrad_content{ z-index:99999;
		width: 315px;
		margin: auto;
		margin-top: 200px;
		text-align: left;
		background-color: #FFFFFF;
		border-radius: 25px;
		border: solid thin #000000;
		padding: 25px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		overflow: auto;
	}
	.assoc_fb{ float: left; width: 175px; text-align: left; font-size: 12px; font-weight: bold; }
	.assoc_close{ float: right; width: 15px; text-align: right; }
	#cap{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(255,255,255,0.35); display: none; }
	#registo_parte2{ width: 315px;
		left: 0px;
		right: 0px;
		margin: auto;
		margin-top: 100px;
		text-align: left;
		background-color: #FFFFFF;
		border-radius: 25px;
		border: solid thin #000000;
		padding: 25px;
		overflow: auto; }

/**
 * Background da pagina e estrutura base
 */
#wall{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; float: left; }
	#container{ width: 900px; margin-left: auto; margin-right: auto; top: 0px; border-radius: 25px; padding-bottom: 25px; }

/**
 * Header
 */
#header{ width: 900px; height: 75px; padding: 15px 0px; }
	.tema_icon{ border: 0px; }
	.tema_icon:hover{ cursor: pointer; }
	#h_left{ float: left; width: 600px; }
		#logo{ float: left;	width: 300px; height: 50px;	margin-bottom: 10px; }
		#slogan{ float: right; width: 300px; height: 25px; margin-top: 15px; font-size: x-large; margin-bottom: 10px; font-weight: bold; font-style: italic; }
		#fb_like{ margin-bottom: 15px; width: 600px; height: 20px; }
	#h_right{ text-align: right; float: right; width: 300px; margin-top: -30px; height: 100px; }
		.options{ width: 300px; padding-left: 150px; text-align: right; margin-top: 25px; }
		#search_tab{ width: 300px; height: 25px; text-align: right; margin-top: 10px; }
		#search_bar{ background-color: #fff; border: #000 solid 1px; border-radius: 15px; height: 23px; width: 185px; color: #000; outline: none; padding-left: 15px; font-size: 10px; }
		.search_button{ position: relative; top: 5px; right: 35px; margin-right: -20px; border: none; }
		#pesquisa_avancada_div{ right: -50px; position: relative; text-align: center; }
		#pesq_avancada_link{ font-size: 10px; }

/**
 * Perfil
 */
#perfil{ position: relative; width: 900px; height: auto; overflow: auto; z-index: 6; border-radius: 25px; border: #000 solid thin; overflow: hidden; }
	#map_canvas{position:absolute; z-index:999; display: block;}
	#pub{ position: relative; width: 900px; height: 300px; z-index: 7; top: 0px; left: 0px; border-radius: 25px; }
	
	#layer_1{ position: absolute; width: 900px; height: 300px; z-index: 9; top: 0px; left: 0px; right: 0px; border-radius: 25px; background: #0f0f0f; background: rgba(0,0,0,0.20); }
	
	#layer_2{ position: relative; display: none; width: 900px; height: 300px; z-index: 8; top: 0px; left: 0px; border-radius: 25px; }
		#no_vehicles{ display: none; text-align: top; width: 128px; height: 128px; margin-left: 200px; padding-top: 25px; }
		.user_gestao{ width: 900px; display: none; float: left; overflow: hidden; }
		#gerir_veiculos{  }
		.g_ops{ cursor: pointer; }
			#vehicle_info{ width: 900px; height: 250px; }
				#gerir_veiculos_ops, #gerir_perfil_ops{ width: 525px; height: 15px; padding: 15px; z-index: 50; }
				#gerir_veiculos_ops_add{ width: 525px; height: 15px; padding: 15px; z-index: 50; }
					#gerir_veiculos_ops_left, #gerir_perfil_ops_left{ float: left; }
					#gerir_veiculos_ops_right, #gerir_perfil_ops_right{ float: right; }
				#nome_veiculo { padding-left: 25px; }
					.car_name{ display: inline-block; font-weight: bold; font-size: 16px; }
				#lista_veiculos{ width: 530px; height: 200px; float: left; padding: 10px 20px; }
					#other_vehicles{ width: 15px; height: 125px; position: relative; z-index: 101; left: 110px; top: -125px; }
					#vehicles_list{ position: relative; width: 390px; height: 125px; z-index: 100; left: 0px; top: -250px; display: none; background-color: #FFFFFF; padding-left: 130px; padding-right: 10px; border-radius: 15px; overflow-x: scroll; overflow-y: hidden; }
				#descricao_veiculos{ width: 380px; height: 200px; left: 0px; right: 0px; float: right; }
					#descricao_especifica{ top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; height: 150px; width: 150px; float: left; }
					#opcoes_de_veiculos{ width: 210px; height: 150px; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; float: right; color: #000000; }
					
				#dados_veiculos{ width: 275px; height: 200px; float: right; padding: 10px 25px; text-align: center; }	
				
			#vehicle_description{ display: none; width: 850px; padding: 25px; overflow: auto; }
				#g_abastecimentos_label{ display: none; }
				#g_despesas_label{ display: none; }
				#g_incidentes_label{ display: none; }
				#g_details_label{ display: none; }
					.titles{ width: 510px; margin: auto; cursor: pointer; padding: 3px 15px; font-weight: bold; color: #000; border: thin solid #ccc; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background: -moz-linear-gradient(top,  #fff,  #ccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc'); }
					.titles_content{ width: 510px; margin: auto; background-color: #fff; border: thin solid #ccc; display: none; padding: 15px; }
					.g_data_label{ width: 550px; background-color: #fff; border: thin solid #ccc; padding: 15px; margin: auto; }
					.category{ color: #585858; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
					.title{ color: #000; font-size: 14px; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
					.table_incidente{ border-top: solid 1px #828282; width: 550px; height: auto; }
					.table_comentario{ border-top: solid 2px #FFFFFF; background-color: #f4f4f4; width: 430px; height: auto; margin-left: 110px; padding: 5px; }
					.table_comentario_edit{ border-top: solid 2px #FFFFFF; width: 300px; height: auto; padding: 5px; }
					.table_ops{ height: 15px; vertical-align: middle; text-align: center; padding: 0px 3px; }
						.fb_comments{ height: inherit; }
						.c_fbcomments{ height: inherit; margin-left: 100px; padding-top: 5px;}
						.add_button{}
						.form_add_content{ display: none; }
					.form_abastecimento input[type=text]{ width: 75px; height: 16px; vertical-align: middle; }
					.table_despesas { border-spacing: 0; width: 550px; }
					.table_despesas thead td{ padding: 5px 10px; border-bottom: solid 1px #CCCCCC; }
					.table_despesas tbody td{ padding: 5px 10px; }
					.table_abastecimento { border-spacing: 0; width: 550px; }
					.table_abastecimento thead td{ padding: 5px 10px; }
					.table_abastecimento tbody td{ border-top: solid 1px #CCCCCC; padding: 5px 10px; }
					.grey{ background-color: #CCC; }
					.white{ background-color: #FFF; }
		#adicionar_veiculos{ display: none; }
			.addcar{ display: none; width: 525px; height: 200px; padding: 10px 25px; }
			#obg_modelo{ display: none; }
			#finnish { display: none; }
				.upload_img{ margin: 30px 200px; padding: 15px; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; background: #f2f2f2; color: #3366cc; border: 1px solid #ccc; width: 150px; cursor: pointer !important; -moz-border-radius:5px; -webkit-border-radius:5px; }
				.darkbg{ background: #ddd !important; }
				.status{ font-family: Arial; padding: 5px; }
				ul#files{ list-style: none; padding: 0; margin: 0; }
				ul#files li{ padding: 10px; margin-bottom: 2px; width: 200px; float: left; margin-right: 10px;}
				ul#files li img{ max-width: 180px; max-height: 150px; }
				.success{ background: #99f099; border: 1px solid #339933; }
			#cor,#cor_adv{ border: 1px #000 solid; width: 25px; height: 17px; background-color: #FFFFFF; }
				
	#pub_left{ width: 575px; height: 299px; overflow: auto; }
		.pub_text{ width: 525px; height: 199px; text-align: center; vertical-align: middle; color: #FFF; padding: 25px; }
		#pub_img_ch{ width: 120px; height: 19px; padding: 15px; border-radius: 25px; background-color: rgba(0,0,0,0.35); cursor: default; }
		#pub_img_ch:hover{ background-color: rgba(0,0,0,0.75); cursor: default; }
		.ch_pub{ opacity: 0.5; }
		.ch_pub:hover{ opacity: 0.75; cursor: pointer; }

	#layer_3{ position: absolute; width: 325px; height: auto; z-index: 10; top: 0px; right: 0px; color: #FFF; }			
		#pub_right{ width: 325px; height: 299px; }
			#profile_mini{ width: 275px; height: 20px; display: none; color: #FFFFFF; margin: 10px 20px; }
				#profile_name{ height: 20px; float: left; cursor: pointer; }
				#profile_ops{ height: 20px; float: right; }
					#expand_profile_mini{ width: 15px; opacity: 0.5; }
					#expand_profile_mini:hover{ opacity: 1; }
	
	#pub_profile{ display: none; width: 525px; height: 299px; padding: 0px 25px; border-radius: 0px 25px 25px 0px; border: solid 1px #000; }
		
					#view_cars{
					padding: 25px 0px;
					height: 249px;
				}
				#pub_prof_title{
					display: none;
					float: left;
					width: 510px;
				}
				#pub_prof_close{
					float: right;
					text-align: right;
					width: 15px;
					padding-top: 15px;
				}
	
					#scroller_veiculos{
						width: 150px;
						height: 200px;
						float: left;
					}
						
					.veiculo_front{
						height: 125px;
						width: 125px;
					}
						.user_vehicle{
							border-radius: 15px;
						}
						#vehicle_0{
							position: relative;
							width: 125px;
							height: 125px;
							z-index: 101;
							top: 0px;
							left: 0px;
							border-radius: 15px;
							background-color: #FFFFFF;
						}
							.vehicles_list_controller{
								display: none;
							}
						
						
							.scroll-pane { overflow: auto; width: 99%; float:left; }
							.scroll-content { float: left; height: 115px; }
							.scroll-content-item { border-radius: 15px; width: 110px; height: 100px; float: left; margin: 10px 10px 5px 10px; text-align: center; }
							* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
							.scroll-bar-wrap { clear: left; padding: 0px; margin: 0 5px -1px -1px; }
							.scroll-bar-wrap .ui-slider { background: none; border:0; height: 1px; margin: 0px 0px 0px 5px;  }
							.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
							.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1px; }
							.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }

						.vehicle_details{
							display: none;
						}
					
				
				
					.scroll_view{
						overflow: auto;
						width: 525px;
						float: left;
					}
					.scroll_view_content{
						height: 200px;
						margin-left: auto;
						margin-right: auto;
					}
					.scroll_view_content_item{
						width: 100px;
						height: 200px;
						float: left;
						margin: 0px 10px;
						font-size: 10px;
						text-align: center;
						display: inline;
					}
				
					.list{
						width: 150px;
						height: 55px;
					}
					#ac_err{
						color: #FF0000;
					}
				#controllers{
					width: 525px;
					height: 10px;
					text-align: center;
				}
			
			
			
				#right_tabs{
					width: 285px;
					height: 30px;
					padding: 0px;
					margin-top: 10px;
				}
					.right_tabs{
						background: rgba(0,0,0,0.20);
						border-radius: 15px 15px 0px 0px;
						padding: 10px 25px;
						
					}
					.right_tabs:hover{
						cursor: pointer;
					}
						.warn{
							color: #FF0000;
						}
				.right_content{
					margin-top: -5px;
					background: rgba(0,0,0,0.75);
					width: 285px;
					height: 245px;
					padding: 10px 20px;
					border-radius: 0px 25px 25px 25px;
					display: none;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
				}
					.form{
						font-size: 10px;
						width: 150px;
					}
					.form_left{
						width: 120px;
					}
					.form_right{
						width: 150px;
					}
					.rec_pass{
						font-size: 10px;
						color: #FFFFFF;
						text-decoration: none;
					}
					.rec_pass:hover{
						color: #FF0000;
					}
				#welcome{
					width: 285px;
					height: 30px;
					padding: 10px 20px;
					text-align: right;
					background: rgba(0,0,0,0.75);
					border-radius: 25px 25px 0px 0px;
					margin-top: 0px;
				}
					#profile{
						background: rgba(0,0,0,0.75);
						width: 285px;
						height: 230px;
						padding: 10px 20px;
						border-radius: 0px 0px 25px 25px;
						display: none;
					}
						.u_info{
							vertical-align: text-top;
							width: 185px;
						}
						.p_img{
							width: 20px;
							height: 20px;							
						}
						.p_desc{
							height: 20px;
							width: 150px;
						}
/**
 * Menu
 */	
#menu{ width: 200px; height: 20px; position: absolute; z-index: 5; padding: 5px; text-align: center; left: 0px; right: 0px; margin: 0px auto auto auto; border-radius: 0px 0px 35px 35px; background-color: rgba(0,0,0,0.75); }
	.l_menu{ font-size: 20px; opacity: 0.5; width: 20px; height: 20px; padding-bottom: 1px; margin: 0px 5px; }
	.l_menu:hover{ cursor: pointer; opacity: 1; }

/**
 * Corpo da página
 */
#body{ background-color: #FFF; border-top: #000 1px solid; border-left: #000 1px solid; border-right: #000 1px solid; margin-top: -25px; padding-top: 50px; padding-left: 25px; padding-right: 25px; padding-bottom: 25px; overflow: auto; width: 850px; }
	.content{ width: 600px; float: left; display: none; text-align: justify; }
		.subtitles_content{ display: none; }
			#info_contact{ width: 250px; float: left; }
				#barcode{ width: 250px; float: right; text-align: right; }
			.right_panel{ width: 225px; float: right; }
				.r_title{ font-size: 16px; width: 225px; padding: 5px 0px; border-bottom: #000 thin solid; font-weight: bold; }
				#modelos_search_n{ display: none; }
				#modelos_list_n{ display: none; }
				
		#pesquisa_por_veiculos{ width: 600px; }
		#veiculos_existentes{ margin: auto; width: 575px; border-spacing: 0px; }
				 .img_pesquisa{ text-align: center; padding: 10px 0px; border-bottom: #CCC solid 1px; }
				 	.v_pesquisa_img{ width: 50px; height: 50px; overflow: hidden; border-radius: 10px; }
				 .v_pesquisa_desc{ top: 0px; width: 115px; padding: 10px 0px; padding: 0px 5px; border-bottom: #CCC solid 1px; text-align: left; }
				 	.veiculo_font{ font-weight: bold; font-size: 14px; }
	
		#p_car_profile{ width: 600px; height: 200px; padding-left: 15px }
			#p_car_id{ float: left; width: 310px; height: 200px; }
				#p_car_image{ float: left; width: 100px; height: 100px; }
				#p_car_name{ float: right; width: 200px; height: 100px; }
				#p_car_description{ margin-top: 110px; width: 300px; }
			#p_car_graphic{ float: right; width: 250px; text-align: center; padding-right: 25px; }
		#p_car_ops{ width: 600px; border-top: #666666 solid 1px; padding-top: 10px; margin-top: 10px; }
			.dados_da_pesquisa{ display: inline; margin: 0px 15px; }
			.sub_dados_da_pesquisa{ display: none; margin-left: 15px; }
			.selected{ border-bottom: #000000 solid 1px; }
			.p_car_other{ font-size: 10px; border: 1px solid #CCC; display: table-cell; width: 100px; }
		.p_car_details{ float: left; width: 250px; vertical-align: top; }
			.p_car_details_t{ font-weight: bold; padding: 5px 5px 5px 0px; }
		.p_car_others{ float: right; width: 250px; vertical-align: top; }
		.car_options{ text-align: center; width: 75px; height: 50px; font-size: 10px; vertical-align: top; word-break: normal; overflow: hidden; display: inline-block; }
		#pesquisa_graficos{ width: 250px; height: 150px; margin: auto; text-align: center; }
		
		.pesquisa_tipo{ display: none; padding-top: 15px; border-top: 2px solid #000000; }
		#pesquisa_mostra_veiculo{ display: none; width: 575px; }
		#pesquisa_mostra_user{ display: none; width: 575px; }
			#pesquisa_veiculos{ font-weight: bold; font-size: 16px; }
			#pesquisa_utilizadores{ font-weight: bold; font-size: 16px; }
		.help_content{ display: none; }
		.help_link{ font-size: 14px; color: #000000; font-weight: bold; }
		.help_link_open{ color: #CCCCCC; }

/**
 * Rodape da pagina
 */
#footer{ border-bottom: #000 thin solid; border-left: #000 thin solid; border-right: #000 thin solid; background-color: #FFF; padding: 25px; width: 850px; overflow: auto; }
	#copy{ border-top: #000 thin solid; padding: 25px 25px 0px 25px; float: left; width: 325px; }
	#contacts{ border-top: #000 thin solid; padding-top: 25px; width: 475px; float: right; }
	#e_mail{ float: left; width: 300px; }
	#social{ float: right; width: 150px; padding-right: 25px; }
#terms{	text-align: center;	padding: 10px; }

/**
 * Graficos
 */
.data-point-label{
	background-color: #FFFFFF;
}
.graph_arrows{
	display: none;
}

