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

details {
	width: 96%;
	margin-top: 1%;
	margin-bottom: 10px;
	margin-left: 2%;
	font-family: "Open Sans", "Arial", sans-serif;
	font-size: 1vw;	
}

details  summary {
	line-height: 1;
	background-color: rgba(24, 24, 24,0.2);
	border: 2px solid #333;
	border-radius: 0 16px;
	position: relative;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.94vw;
}


details  a:visited{
	text-decoration: none;
	font-size: 1em;
}
details  h5 {
	border-radius: 0 0 10px 10px;
	font-size: 0.8vw;
	line-height: 1.4;
	min-height:5vh;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 12px;
}
details h6{
	font-size: 0.9vw;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 0%;
	padding-left: 1%;
}
details  p {
	border-radius: 0 0 10px 10px;
	font-size: 0.85vw;
	line-height: 1.2;
	min-height:4vh;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 1%;
}
details img {
	max-width: 98%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
}
 
.datagrid {
	overflow: hidden;
	border: 2px solid #00b0ff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	font-variant: normal;
	width: 100%;
	min-height:5vh;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-top: 6px;
}
.datagrid table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
} 
.datagrid table td, 
.datagrid table th {
	vertical-align: central;
	font-size: 0.8em;
	color: #000;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
}
.datagrid table tbody td {
	color: #00496b;
	font-size: 0.8em;
	font-weight: normal;
	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E1EEF4;*/
}
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }


.datagrid6 {
	overflow: hidden;
	background-color: rgba(118, 132, 150,0.5);
	border: 2px solid #3FC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1vw;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	width: 98%;
	min-height:3vh;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin-top: 6px;
	color: #FFF;
}
.datagrid7 {
	overflow: hidden;
	border: 2px solid #3FF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1vw;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	width: 98%;
	min-height:3vh;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin-top: 6px;
}

.datagrid9 {
	overflow: hidden;
	border: 2px solid #666;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 100%;
	font-weight: normal;
	font-variant: normal;
	width: 100%;
	min-height:5vh;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-top: 6px;
}
.datagrid9 table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
} 
.datagrid9 table td, 
.datagrid9 table th {
	vertical-align: central;
	padding: 2px;
}
.datagrid9 table tbody td {
	color: #333;
	font-size: 0.8em;
	font-weight: normal;	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E1EEF4;*/
}
.datagrid9 table tbody td:first-child { border-left: none; }
.datagrid9 table tbody tr:last-child td { border-bottom: none; }
	
.demi_g_a {
	grid-column: 1/7;
	grid-row: 3/8;
	background-color: rgba(118, 132, 150,0.6);
	min-height: 59vh;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	border-top: 1px solid #656C7C;
	border-bottom: 1px solid #535864;
	border-left: 1px solid #505561;
	-moz-box-shadow: inset 7px 8px 10px rgba(62,65,73,.53), inset -4px -8px 10px rgba(86,92,103,.51);
	-webkit-box-shadow: inset 7px 8px 10px rgba(62,65,73,.53), inset -4px -8px 10px rgba(86,92,103,.51);
	box-shadow: inset 7px 8px 10px rgba(62,65,73,.53), inset -4px -8px 10px rgba(86,92,103,.51);
	padding-top: 2.8%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
}
.demi_g_a img{
	max-width: 100%;
	height:auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	display: block;
	margin-top: 0.5%;
	margin-right: auto;
	margin-bottom: 0.6%;
	margin-left: auto;
}

.demi_d_a {
	grid-column: 7/13;
	grid-row: 3/8;
	background-color: rgba(118, 132, 150,0.7);
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	border-top: 1px solid #656C7C;
	border-bottom: 1px solid #535864;
	border-left: 1px solid #505561;
	-moz-box-shadow: inset 7px 8px 10px rgba(62,65,73,.53), inset -4px -8px 10px rgba(86,92,103,.51);
	-webkit-box-shadow: inset 7px 8px 10px rgba(62,65,73,.53), inset -4px -8px 10px rgba(86,92,103,.51);
	box-shadow: inset 7px 8px 10px rgba(62,65,73,.53), inset -4px -8px 10px rgba(86,92,103,.51);
	padding: 3%;
}
.demi_d_a img{
	max-width: 100%;
	height:auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	display: block;
	margin-top: 0.5%;
	margin-right: auto;
	margin-bottom: 1%;
	margin-left: auto;
}
.petitemaju{
	font-variant: small-caps;
	font-weight: bolder;
	font-size: 0.85vw;
	}
.petitemajus{
	font-variant: small-caps;
	font-weight: bolder;
	font-size: 1vw;
	}