/* titles */
.titles {
	background: url('../App_Images/Home/Titles.png') 0 0 no-repeat;
	background-size: 123px;
}

.ti-first {
	height: 43px;
	width: 123px;
	background-position: 0px 0px;
}

.ti-focus {
	height: 64px;
	width: 97px;
	background-position: 0px -43px;
}

.ti-world {
	height: 33px;
	width: 105px;
	background-position: 0px -107px;
}



/* FIRST OF ALL */
#first-of-all {
	margin: 250px 0 -3px 0;
	width: 100% !important;
}

#foa-title {
	margin: 0 0 -3px 0;
}

.foa-image {
	width: 100%;
	border-top: 1px solid rgba(255,255,255,0.60);
	border-bottom: 1px solid rgba(255,255,255,0.60);
}




/* FOCUS ON */
#focus-wrapper {
	padding-top: 50px;
	display: table;
	width: 100%;
}

	#focus-wrapper .table-cell {
		display: table-cell;
	}


#focus-left {
	position: relative;
	width: 108px;
	border-bottom: 1px solid rgba(255,255,255,0.60);
}

	#focus-left #focus-title {
		position: absolute;
		right: 4px;
		bottom: 1px;
	}

#focus-right {
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0.60);
	border-left: 1px solid rgba(255,255,255,0.60);
	border-top: 1px solid rgba(255,255,255,0.60);
}

.focus-image {
	width: 100%;
	margin: 1px 1px -2px 1px;
}

#focus-text
{
	position:absolute;
	bottom:0px;
	width:100%;
	background-color: rgba(0,0,0,0.75);

}
	#focus-text div {
		display: table-cell;
		vertical-align: middle;
	}

	#focus-text .wtext {
		text-transform: uppercase;
		font-size: 11px;
		font-family: 'FontSiteSans-Black', Arial;
		width: 210px;
        color:white;
	}


/* IN THE WORLD */
#world-wrapper {
	display: table;
	width: 100%;
}

#world-title-cont {
	position: relative;
	width: 100%;
	height: 94px;
	line-height: 1px;
	margin-left: 108px;
	border-left: 1px solid rgba(255,255,255,0.60);
}

	#world-title-cont #world-title {
		position: absolute;
		bottom: 0px;
		left: 5px;
	}

#world-wrapper ul {
	display: table-row;
	border: 1px solid red;
}

#world-wrapper li {
	display: table-cell;
	border-top: 1px solid rgba(255,255,255,0.60);
}

#world-wrapper .itw-li-image {
	width: 106px;
	border-right: 1px solid rgba(255,255,255,0.60);
}

	#world-wrapper .itw-li-image .itw-image {
		width: 106px;
		margin: 1px 1px -2px 1px;
	}

#world-wrapper .itw-li-text {
	background-color: rgba(0,0,0,0.75);
	vertical-align: middle;
}

	#world-wrapper .itw-li-text div {
		display: table-cell;
		vertical-align: middle;
	}

	#world-wrapper .itw-li-text .wtext {
		text-transform: uppercase;
		font-size: 14px;
		font-family: 'FontSiteSans-Black', Arial;
		width: 210px;
	
		color: white;
}


/* | VERTICALE */
@media all and (orientation:portrait) {
	#i-background {
		background-image: url(../App_Images/Common/Background-V.jpg);
	}
}

/* _ ORIZZONTALE */
@media all and (orientation:landscape) {
	#i-background {
		background-image: url(../App_Images/Common/Background-H.jpg);
	}

	/* in the world */
	#world-wrapper {
		padding-left: 108px;
	}

	#world-title-cont {
		margin-left: 0px;
	}

	#world-wrapper .itw-li-image {
		border-left: 1px solid rgba(255,255,255,0.60);
	}
}