/**
 * 	íconos
 */
i.icon.icon-wdg-contacto{
	background-image: url("../assets/img/icons.png");
}
	.icon-wdg-contacto-open{
		width: 35px;
		height: 35px;
		background-position: -105px 0px;
	}
	
	.icon-wdg-contacto-address{
		width: 24px; height: 24px; background-position: 0px -35px;
	}
	.icon-wdg-contacto-phone{
		width: 24px; height: 24px; background-position: -24px -35px;
	}
	.icon-wdg-contacto-vcard{
		width: 24px; height: 24px; background-position: -48px -35px;
	}
	.icon-wdg-contacto-clock{
		width: 24px; height: 24px; background-position: -72px -35px;
	}
	.icon-wdg-contacto-movile{
		width: 24px; height: 24px; background-position: -96px -35px;
	}






#contacto-modal{
	background: #E9EAEB;
	padding: 0;	
}
	#contacto-modal .modal-body{
		padding: 0;
		overflow: hidden;
		max-height: 500px;
	}
	#contacto-modal-form{
		background: #E9EAEB;
		padding: 20px;
	}
		#contacto-modal-form header h3{
			font-size: 14px;
			font-family: "mr_light";
			color: #2C2A26;
			margin: 0 0 20px 0;
			padding-bottom: 5px;
			line-height: 14px;
			border-bottom: 1px solid #CCC;
		}
		#contacto-modal-form header p{
			font-size: 18px;
			padding-bottom: 20px;
			border-bottom: 1px solid #CCC;
			margin-bottom: 20px;
		}
	
		#contacto-modal-form .control-group{
			margin-bottom: 10px;
		}
		#contacto-modal-form .controls{
			margin: 0;
		}
		#contacto-modal-form-user input{
			width: 390px;
		}
		#contacto-modal-form textarea{
			width: 415px;
			height: 90px;
			margin: 0;
		}

	#contacto-modal-form-options label{
		font-size: 80%;
	}
		#contacto-modal-form-options label input{
			margin-top: 3px;
		}

	
	/**
	 * 	Columna con info y metadados
	 */
	#contacto-modal-info{
		background: #FFF;
		padding: 20px;
		height: 600px;
	}
		.contacto-modal-info-row{
			clear: both;
			float: none;
			margin-bottom: 20px;
		}
		.contacto-modal-info-row .col-icon,
		.contacto-modal-info-row .col-content{
			display: table-cell;
			vertical-align: top;
		}
		.contacto-modal-info-row .col-icon{
			width: 60px;
			text-align: center;
		}
		.contacto-modal-info-row .col-content{
			padding-left: 20px;
			vertical-align: middle;
		}



		#contacto-modal-info-name{
			clear: both;
			float: none;
			min-height: 60px;
			margin-bottom: 20px;
		}
			#contacto-modal-info-name-avatar{
				width: 60px;	
				border: 1px solid #CCC;
				padding: 5px;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				margin-right: 20px;
				float: left;
			}
			#contacto-modal-info-name-id{
				padding-top: 3px;
				font-size: 26px;
				display: block;
				margin-bottom: 10px;
				font-family: "mr_light";
			}
			#contacto-modal-info-name-tagline{
				font-size: 12px;
				display. block;
				text-transform: uppercase;
				overflow: hidden;
			}



		#contacto-modal-info-availability{
			background: #FFF;
		}
			#contacto-modal-info-availability.open{
				color: #78BE20;
			}
			#contacto-modal-info-availability.closed{
				color: #CC3300;
			}

		#contacto-modal-info-address{
			
		}