@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;
}

.btn {
	background: #22638f;
	background-image: -webkit-linear-gradient(top, #22638f, #15415c);
	background-image: -moz-linear-gradient(top, #22638f, #15415c);
	background-image: -ms-linear-gradient(top, #22638f, #15415c);
	background-image: -o-linear-gradient(top, #22638f, #15415c);
	background-image: linear-gradient(to bottom, #22638f, #15415c);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	font-family: Arial;
	color: #ffffff;
	font-size: 20px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	margin: 0px auto;
}

.btn:hover {
	background: #3191cc;
	background-image: -webkit-linear-gradient(top, #3191cc, #2871a1);
	background-image: -moz-linear-gradient(top, #3191cc, #2871a1);
	background-image: -ms-linear-gradient(top, #3191cc, #2871a1);
	background-image: -o-linear-gradient(top, #3191cc, #2871a1);
	background-image: linear-gradient(to bottom, #3191cc, #2871a1);
	text-decoration: none;
}