@charset "utf-8";
/* CSS Document */

body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, cursive;
	font-weight: bold;
}

h1 {
	text-align: center;
}

.marco {
	background-color: white;
	padding: 10px;
	margin: 10px;
	border: 3px solid black;
}

.contenedor {
    width: 95%;
    margin: 0 auto;

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
}

.vertical {
	padding:3px;
	border:1px solid black;
	background-color:white;
	width:300px;
	height:400px;
}

.horizontal {
	border:1px solid white;
	background-color:white;
	width:300px;
	height:196px;
}

.profile-picture {
	border:1px solid white;
	background-color:white;
	width:196px;
	height:196px;
}

.horizontal-large {
	border:1px solid black;
	background-color:white;
	width:900px;
	height:196px;
}

.dataTable {
	width: 100%;
	height: 100%;
}

.dataTable td {
	padding-left: 8px;
}

.dataTable td.label {
	font-weight: 400;
}

.dataTable tr.even {
	background-color: #DDD;
}

.dataTable tr.odd {
	background-color: #EEE;
}