html body {
	background: black;
	margin: 0;
	padding: 0;
	position: relative;
	color: white;
	font-family: arial;
}

/* Main containers */

.main-container {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1920px;
	height: 1080px;
	overflow: hidden;
}

.title-banner {
	display: flex;
	background-image: url("assets/Baner-MNetHD-Cropped.jpg");
	background-size: cover;
	width: 100%;
	height: 190px;
	border-bottom: 10px solid #fff3;
}

.middle-content {
	display: flex;
	width: 100%;
	height: 700px;
	overflow: hidden;
}

.lower-third {
	display: flex;
	background-image: url("assets/Baner-MNetHD-Cropped.jpg");
	background-size: cover;
	width: 100%;
	height: 200px;
    border-top: 10px solid #fff5;
}




/* Title Banner nested divs */

.title-left {
    width: 18%;
    height: 100%;
    background: url("assets/logo-info_v2.png") no-repeat right;
    background-size: 80%;
    padding-top: 0px;
    overflow: hidden;
    opacity: 1;
}

.title-center {
    width: 58%;
    height: 100%;
}

.title-right {
	margin-top: 12px;
	padding-left: 30px;
    width: 20%;
    height: 100%;
    text-align: center;
}






/* Middle conntent nested divs */

.left-column {
    display: block;
    width: 70%;
    height: 100%;
}


.right-column {
	display: block;
	background: url("assets/Baner-MNetHD-Cropped.jpg") no-repeat;
	background-color: #3b464f;
	background-size: cover;
	width: 30%;
	height: 100%;
	border-left: 10px solid #fff3;

}




/*Middle right column nested divs*/


.right-top {
}

.right-bottom {
}


/*Right-top nested divs*/

#Slajd01 {
	display: block;
}


/* Lower third nested divs */
.lower-top-left {
	position: absolute;
	width: 200px;
    height: 83px;
    font-family: Arial;
    font-size: 30px;
    text-align: right;
    padding-top: 16px;
    padding-right: 10px;
    background-color: #00607033 !important;
    color: #ffffff;
}

.lower-top-right {
	position: absolute;
	height: 100px;
	width: 100%;
	left: 220px;
	background-color: #00000066 !important;
	overflow: hidden !important;
}



/* Custom CSS */

.title-right-spacer1 {
	height: 35px;
}

.digital-clock {
	color: white;
	font-size: 45px;
	text-shadow: 1px 1px black;
}


.digital-date {
	color: #ddd;
	text-shadow: 1.4px 1.4px #0005;
	font-size: 25px;
}

.title-right-spacer2 {
	height: 15px;
}

.digital-meteo {
	font-size: 25px;
	display: flex;
	position: absolute;
	background: #ffffff45;
	height: 30px;
	width: 360px;
	right: 0px;
	border-left: 10px solid #c01a1a;
	text-shadow: 1.4px 1.4px #0005;
}

.digital-meteo-city {
	text-transform: uppercase;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 30px;
}

.digital-meteo-temperature {
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 30px;
	color: black;
	background: #eee;
	opacity: .8;
}


#fg-widget-414bed374119c5db41781877c .uw-footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	opacity: .87;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 35px !important;
    text-transform: uppercase;
    border-left: 100px solid orange;
	
}