.mask {
	background-image	: url(../pictures/background_black.png);
	background-repeat	: repeat;
	
	-webkit-transition	: all 0.5s ease-in-out;
	-moz-transition		: all 0.5s ease-in-out;
	-o-transition		: all 0.5s ease-in-out;
	-ms-transition		: all 0.5s ease-in-out;

	transition			: all 0.5s ease-in-out;
}

.mask > div {
	position			: relative;

	width				: 550px;

	margin-top			: 50px;	
	
	overflow			: hidden;
		
	background-color	: rgb(255, 255, 255);						
	border-radius		: 6px 6px 5px 5px;
	box-shadow			: 0 0 10px 2px rgba(250, 250, 250, 0.6);
}

.popupClose {
	width				: 40px;
	height				: 40px;
	
	overflow			: hidden;
	
	background-color	: rgb(50, 50, 50);
	border-radius		: 0 5px 0 0;
}


.popupClose > img {
	margin				: 10px;

	cursor				: pointer;

	-webkit-transition	: all 0.1s ease-in-out;
	-moz-transition		: all 0.1s ease-in-out;
	-opera-transition	: all 0.1s ease-in-out;
	-ms-transition		: all 0.1s ease-in-out;

	transition			: all 0.1s ease-in-out;
}

.popupClose > img:hover {
	-webkit-transform	: rotate(45deg);
	-moz-transform		: rotate(45deg);
	-o-transform		: rotate(45deg);
	-ms-transform		: rotate(45deg);

	transform			: rotate(45deg);
}

.popupTitle {
	width				: 510px;
	height				: 40px;
	
	background-color	: rgb(93, 120, 142);
	border-radius		: 5px 0 0 0;
}

.popupTitle > h4 {
	margin				: 10px 0 0 10px;
}

.popupContent {
	width				: 470px;

	margin				: 20px 40px 30px 40px;
}

.popupContent > p {
	margin				: 20px 0 10px 0;
}

.popupContent > ul {
	margin				: 5px 0 10px 20px;

	line-height			: 1.2em;
}

.popupContent > ul > li {
	list-style-type		: square;
}	

#popupContact > div.popupContent > p:before {
	color				: rgb(148, 12, 27);
}

/*.contact-name:before {
	content				: "\E023\00A0";
}

.contact-address:before {
	content				: "\E01A\00A0";
}*/

.contactPhone:before {
	font-family			: "LigatureSymbols";
	content				: "\E100\00A0";
	
	padding-right		: 10px;
}

.contactMail:before {
	font-family			: "LigatureSymbols";
	content				: "\E08A\00A0";
}

.contactVcard:before {
	font-family			: "LigatureSymbols";
	content				: "\E137\00A0";
}

.link {
	text-align			: left;
}

.link:before {
	font-family			: "LigatureSymbols";
	content				: "\E082\00A0";
}

.textLink > a {
	padding				: 0 5px 0 5px;
	margin				: 0;
}

.textLink:hover > a  {
	color				: rgb(250, 250, 250);
	background-color	: rgb(148, 12, 27);
	border-radius		: 4px;
	padding				: 0 5px 0 5px;
	margin				: 0;
}

.hidden {
	display				: none;
}