@font-face {
    font-family: 'DIN';
    src: url('fonts/DIN.eot');
    src: url('fonts/DIN.eot?#iefix') format('embedded-opentype'),
        url('fonts/DIN.woff2') format('woff2'),
        url('fonts/DIN.woff') format('woff'),
        url('fonts/DIN.ttf') format('truetype'),
        url('fonts/DIN.svg#DIN') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archistico';
    src: url('fonts/Archistico-Normal.eot');
    src: url('fonts/Archistico-Normal.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archistico-Normal.woff2') format('woff2'),
        url('fonts/Archistico-Normal.woff') format('woff'),
        url('fonts/Archistico-Normal.ttf') format('truetype'),
        url('fonts/Archistico-Normal.svg#Archistico-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face{
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
		url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
		url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
		url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
		url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style:normal;
}

html, body{
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	background-color: rgb(26, 25, 25);
}

ol, ul {
	padding-left: 30px;
}
.highlight {
	background-color: #f9f9f9;
	padding: 10px;
	border-left: 5px solid #3498db;
}

.modal {
	display: block;
	margin-top: 10vh;
}

	.text-error,
	.text-error:focus{
		border: solid 1px red;
	}
	
	.body{
		position: relative;
		display: block;
		width: 100%;
		max-width: 600px;
		left: 50%;
		transform: translateX(-50%);
		background-color: #fff;
		min-height: 100%;
		padding: 20px;
	}
		.box-image{
			position: relative;
			display: block;
			text-align: center;
		}

		.paus-oval{
			position: relative;
			display: block;
			float: left;
			width: 35%;
			margin-right: 10px;
			border-radius: 48%;
			-webkit-box-shadow: inset 0px 0px 20px 9px rgba(255, 255, 255, 0.8);
			-moz-box-shadow: inset 0px 0px 20px 9px rgba(255, 255, 255, 0.8);
			box-shadow: inset 0px 0px 20px 9px rgba(255, 255, 255, 0.8);
		}
		.luce-right{
			position: relative;
			display: block;
			float: right;
			width: 45%;
			margin-left: 10px;
		}

		.highlight-mini{
			position: relative;
			font-size: 14px;
			padding-left: 30px;
		}
		
/*Tablet / iPad / Laptop Portraid*/
@media only screen
and (min-width: 601px) {
	
}


/*Tablet / iPad / Laptop Landscape*/
@media only screen
and (min-width: 1024px) {
	
}


/*Laptop / Desktop*/
@media only screen
and (min-width: 1280px) {
	
}


/*Desktop 1366*/
@media only screen
and (min-width: 1366px) {
	
}


/*Desktop MAC*/
@media only screen
and (min-width: 1440px) {
		
}


/*Desktop Full HD MAC*/
@media only screen
and (min-width: 1680px) {
	
}


/*Desktop Full HD*/
@media only screen
and (min-width: 1920px) {
	
}