/* *********************************************************** */
/* ***************** BEGIN COMMON STYLES ********************* */

/* COMMON CLASSES */

.centerText {text-align: center !important;}
.rightText {text-align: right !important;}

/* COMMON CLASSES END */

/* COMMON ELEMENT STYLES */
span {
	font-weight: bold;
}
img {
	vertical-align: middle;
	margin: 0;
}
p {
	margin: 0;
}
/* *********************************************************** */
/* ***************** BEGIN PAGE STRUCTURE ******************** */
html {
	background: #ccc;
}

body {
	width: 19cm; /*A4 = 210x290 mm*/
	margin: 0 auto;
	padding: 1cm;
	background-color: #fff;
  	color: #012939;
	font-family: Arial, sans-serif;
 	font-size: 11pt;
}
	#header {
		margin-bottom: 7mm;
	}
	h1 {
		text-align: center;
		margin: 0;
		margin-bottom: 0.5cm;
	}
	.resourceContainer {
		border: 0.5mm solid #95bdd4;
		width: 189mm;
		margin-bottom: 0.25cm;
	}
		div.left,
		div.right {
			display: inline-block;
			width: 88.4mm;
			padding: 1mm 3mm; 
			vertical-align: middle;
		}
			.left {
				text-align: left;
			}
			.right {
				text-align: right;
			}
		.name {
			font-size: 14pt;
		}
		div.photoContainer {
			width: 55mm !important;
			text-align: center;
		}
		div.dataContainer {
			width: 122mm !important;
			text-align: left;
		}
			.photo {
				padding: 2px;
				width: 173px;
				height: 130px;
				border: 1px solid #95bdd4;
				display: inline-block;
				vertical-align: middle;
			}
				div.nophoto {
					width: 173px;
					height: 130px;
					line-height: 130px;
					background-color: #c1c4c7;
					color: #efefef;
					text-align: center;
				}
			.dataContainer p {
				margin: 1mm 0;
				padding-left: 8mm;
				background-repeat: no-repeat;
				background-position: center left;
			}
				.address { background-image: url('images/icon_address.png');}
				.phone { background-image: url('images/icon_phone.png');}
				.mail { background-image: url('images/icon_mail.png');}
				.web { background-image: url('images/icon_web.png');}
				.clock { background-image: url('images/icon_clock.png');}

@media print {
	.resourceContainer {page-break-inside: avoid;}
}