@font-face {
  font-family: 'LucidaHandwrit';
  src: url('../fonts/LucidaHandwritRegular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/LucidaHandwritRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/LucidaHandwritRegular.woff2') format('woff2'), /* Modern Browsers */
       url('../fonts/LucidaHandwritRegular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/LucidaHandwritRegular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/LucidaHandwritRegular.svg') format('svg'); /* Legacy iOS */  
  font-weight: normal;
  font-style: normal;
}

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Orbitron', sans-serif;
	height: 100%;
	width: 100%;
	background-image: url('../immagini/Immagini base/sfondo.jpg');
	background-size: cover;
	background-repeat: repeat;
}

.contenitore_titolo {
	font-family: 'Lucida sans unicode', serif;
}

.contenitore_testo {
	
	padding-left: 15px;
	
}

.contenitore_curriculum {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.contenitore_custom_scrollbar {
	width: 75%;
}

.modal-content {
	background-color: rgba(255,255,255,0.7);
}
.inlinea {
	display: inline;
}

.barra_sfogliatore {
	display: none;
}

.contenitore_sfogliatori_Firefox {
	background-color: #090347;
	position: absolute;
	left: 0px;
	top: 20px;
	height: 95%;
	width: 99%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	z-index: 1000;
}

.testata_Firefox {
	border-bottom: 1px solid #fdf1c0;
	color: #fdf1c0;
	font-family: 'EB Garamond', serif;
	padding: 5px;
	font-size: 18px;
}

.body_Firefox {
	height: 80%;
	position: relative;
}

.sfogliatori_Firefox {
	height: 100%;
	width: 100%;
}

.immagine_arte_cultura {
	position: absolute;
	top: 50%;
	left: 50%;
}

.icona_chiudi {
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.titoli_servizi {
	color: inherit;
	font-size: inherit;
	margin: 0px;
}

.cv_index {
	color: #fdf1c0;
	font-size: 22px;
	display: inline-block;
	position: relative;
	top: 4px;
	font-family: 'Lucida Sans Unicode', sans-serif;
}

.piva_index {
	color: #fdf1c0;
	font-size: 18px;
	font-family: 'Lucida Sans Unicode', sans-serif;
}

.no_strong {
	font-weight: normal;
}

.clear {
	clear: both;
}

/* large Desktops --------------------*/

@media (min-width: 1200px) {

	.contenitore_index {
		height: 100%;
		position: relative;
	}
	
	.testa_sfondo_index {
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 2;
	}
	
	.contenitore_titolo {
		color: #ffffff;
		padding-top: 108px;
	}
	
	.testo_maiuscolo {
		font-size: 40px;
	}
	
	.testo_multimediale {
		font-size: 40px;
	}
	
	.testo_soluzioni {
		font-size: 30px;
	}
	
	.testo_intermedio {
		font-size: 26px;
		font-style: italic;
	}
	
	.mejs-container {
		height: 315px !important;
		width: 100% !important;
	}
	
	.testo_alto_basso {
		font-size: 46px;
		text-transform: uppercase;
	}
	
	.testo_comunicazione {
		margin-top: 7px;
	}
	
	.contenitore_firma_home {
		font-family: 'LucidaHandwrit', serif;
		color: #0a1a29;
		position: absolute;
		bottom: 99px;
		left: 86px;
		font-size: 26px;
	}
	
	.contenitore_firma_contatti {
		color: #fdf1c0;
		text-decoration: none;
		margin-left: 0px;
		position: absolute;
		bottom: 50px;
		right: 105px;
		font-family: 'LucidaHandwrit', serif;
		font-size: 33px;
	}
	
	.contenitore_firma_contatti:hover {
		color: #fdf1c0;
		text-decoration: none;
	}
	
	.contenitore_home {
		background-color: #090347;
		height: 667px;
		width: 1366px;
		position: relative;
	}
	
	.sottovoce {
		font-weight: normal;
		font-size: 26px;
	}
	
	.descrizione_cataloghi {
		margin-top: -30px;
	}
	
	.logo {
		position: absolute;
		left: 0px;
		bottom: 0px;
	}
	
	.voce_menu {
		font-size: 24px;
		color: #fdf1c0;
		cursor: pointer;
	}
	
	.voce_servizi {
		text-transform: uppercase;
		font-size: 30px;
		font-weight: bold;
	}
	
	.barra_menu {
		margin-right: 35px;
		margin-top: 31px;
	}
	
	.nav > li > a {
		padding: 10px;
	}
	
	.colonna_contatti {
		padding-top: 60px;
	}
	
	.contenitore_bandierine {
		position: absolute;
		top: 41px;
		right: 75px;
	}
	
	.contenitore_bandierine_home {
		margin-top: 5px;
	}
	
	.contenitore_bandierine_interne {
		position: absolute;
		left: 38.8%;
		top: 155px;
	}
	
	.titolo {
		color: #fdf1c0;
		font-size: 30px;
		text-align: right;
		padding-right: 75px;
		padding-top: 31px;
		font-weight: bold;
	}
	
	.contatto {
		display: inline;
		padding-right: 10px;
	}
	
	.altro_contatto {
		display: inline;
		padding-right: 5px;
	}
	
	.esempi_grafica {
		margin-top: 15px;
	}
	
	.contenitore_testo {
		color: #ffffff;
		text-align: center;
		font-family: 'Lucida sans unicode', serif;
		font-size: 16px;
		
	}
	
	.esempi_di {
		margin-top: 20px;
	}
	
	.grassetto {
		font-weight: bold;
	}
	
	.testo_descrittivo {
		margin-top: 25px;
	}
	
	.date {
		margin-bottom: 15px;
		color: #fdf1c0;
	}
	
	.bottone_chiudi {
		position: absolute;
		left: 39%;
		top: 107px;
		font-family: 'EB Garamond', serif;
		padding: 2px;
		background-color: #427eb2;
		color: #ffffff;
		font-weight: bold;
		font-size: 18px;
	}
	
	.bottone_chiudi:hover, .bottone_chiudi:link, .bottone_chiudi:visited {
		color: #ffffff;
	}
	
	.contenitore_slider {
		top: 11px;
		position: relative;
		overflow: hidden;
		height: 550px;
		width: 300px;
	}
	
	
	.cont_div {
		position: absolute;
		top: -200px;
		width: 100%;
		z-index: 10000000;
	}
	
	
	.cont_immagini {
		display: block;
		height: auto;
		margin-bottom: 25px;
	}

	.cont_immagini_servizi {
		display: block;
		padding-right: 10px;
		height: 200px;
	}
	
	.cont_immagini_app {
		display: block;
		padding-right: 10px;
		height: 310px;
	}
	
	.cont_immagini:hover, .cont_immagini:focus {
		background-color: #eee;
	}
	
	.cont_immagini a:hover, .cont_immagini a:focus {
		text-decoration: none;
		color: #fdf1c0 !important;
	}
	
	.cont_text_video {
		margin-top: 50px;
	}
	
	.ucfirst {
		text-transform: capitalize;
	}
	
	.nome {
		font-size: 20px;
	}
	
	.immagine_profilo {
		height: 490px;
		position: relative;
		left: 35px;
	}
	
	.contenitore_descrizione {
		display: inline-block;
		vertical-align: middle;
		line-height: normal;
		width: 100%;
	}
	
	.contenitore_sinistra {
		height: 180px;
		line-height: 180px;
		text-align: left;
	}
	
	.contenitore_sinistra_app {
		height: 290px;
		line-height: 290px;
	}
	
	.link_invisibile, .link_invisibile:hover, .link_invisibile:focus, .link_invisibile:active, .link_invisibile:visited {
		color: inherit;
		text-decoration: none;
	}
	
	.modal-content {
		font-family: 'EB Garamond', serif;
	}
	
	.cont_text {
		text-align: center;
	}
	
	.cont_text_seo{
		text-align: center;
	}
	
	.testo_bold {
		font-size: 18px;
	}
	
	.thumb {
		display: inline-block;
		margin-bottom: 10px;
		margin-right: 40px;
		width: 135px;
	}
	
	.thumb img {
		cursor: pointer;
	}
	
	.img_thumb {
		margin-bottom: 20px;
	}
	
	.img_cursore {
		cursor: pointer;
	}
	
	#modale_grafica {
		top: 30px;
	}
	
	#modale_sfogliatori {
		height: 100%;
		top: 20px
	}
	
	.barra_sfogliatore {
		position: absolute;
		top: 20px;
		z-index: 10000;
		left: 0;
		width: 100%;
	}
	
	.modal_dialog_sfogliatori {
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	
	.modal_content_sfogliatori {
		height: 95%;
		background-color: #070707;
	}
	
	.modal_body_sfogliatore {
		height: 100%;
	}
	
	.sfogliatori {
		height: 95%;
		width: 100%;
	}
	
	.chiudi_sfogliatori {
		color: #aedcec;
		opacity: 1;
		text-shadow: none;
	}
	
	.chiudi_sfogliatori:hover {
		color: #aedcec;
		opacity: 1;
		text-shadow: none;
	}
	
	.contenitore_curriculum {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		text-align: left;
	}
	
	#contenitore_grafica {
		text-align: center;
	}
	
	#immagine_effetto {
		margin: 40px auto 0px auto;
	}
	
	.cursori {
		opacity: 0;
		position: relative;
		left: -20px;
	}
	
	.cursori_grandi {
		opacity: 0;
		position: relative;
		left: -30px;
		top: -3px;
	}
	
	.img_anteprima {
		float: right;
		margin-right: 25px;
	}
	
	.img_ecommerce {
		float: right;
		margin-right: 25px;
	}
	
	.img_sem {
		float: right;
		margin-right: 29px;
	}
	
	.img_blog {
		float: right;
		margin-right: 23px;
	}
	
	.img_gestionali {
		float: right;
		margin-right: 20px;
	}
	
	.footer {

		width: 100%;
		height: 6%;
		background-color: #ffffff;
		color: #eb4b3e;
		font-family: 'Times New Roman', serif;
		
		font-size: 18px;
	
	}
	
	.credits {
		
		margin: 0px;
		padding-top: 15px;
		
	}
	
	.nome_credits {
		font-size: 17px;
	}
	
	.immagine_arte_cultura {
		margin-left: -435.5px;
		margin-top: -305px;
		width: 871px;
	}
	
	.firma_dicitura {
		position: absolute;
		left: auto;
		right: 120px;
		bottom: 82px;
		top: auto;
	}
	
	.freccetta_cv {
		position: relative;
		top: 100px;
		right: 100px;
		z-index: 1000;
	}

}


/* Computer 10 pollici */

@media (min-width: 980px) and (max-width: 1199px) {

	.contenitore_index {
		height: 100%;
		position: relative;
	}
	
	.testa_sfondo_index {
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 2;
		width: 250px;
	}
	
	.contenitore_titolo {
		color: #ffffff;
		padding-top: 63px;
	}
	
	.testo_maiuscolo {
		font-size: 36px;
	}
	
	.testo_multimediale {
		font-size: 36px;
	}
	
	.testo_soluzioni {
		font-size: 22px;
	}
	
	.testo_intermedio {
		font-size: 26px;
		font-style: italic;
	}
	
	.testo_alto_basso {
		font-size: 38px;
		text-transform: uppercase;
	}
	
	.testo_comunicazione {
		margin-top: 7px;
	}
	
	.contatto {
		display: inline;
		padding-right: 0px;
	}
	
	.altro_contatto {
		display: inline;
		padding-right: 5px;
	}
	
	.contenitore_firma_home {
		font-family: 'LucidaHandwrit', serif;
		color: #0a1a29;
		position: absolute;
		bottom: 46px;
		left: 40px;
		font-size: 16px;
	}
	
	.contenitore_firma_contatti {
		color: #fdf1c0;
		text-decoration: none;
		margin-left: 0px;
		position: absolute;
		bottom: 50px;
		right: 95px;
		font-size: 22px;
		font-family: 'LucidaHandwrit', serif;
	}
	
	.contenitore_firma_contatti:hover {
		color: #fdf1c0;
		text-decoration: none;
	}
	
	.contenitore_home {
		background-color: #090347;
		height: 667px;
		width: 1366px;
		position: relative;
	}
	
	.colonna_contatti {
		padding-top: 60px;
	}
	
	.sottovoce {
		font-weight: normal;
		font-size: 26px;
	}
	
	.logo {
		position: absolute;
		left: 0px;
		bottom: 0px;
	}
	
	.voce_menu {
		font-size: 24px;
		color: #fdf1c0;
		cursor: pointer;
	}
	
	.voce_servizi {
		text-transform: uppercase;
		font-size: 30px;
		font-weight: bold;
	}
	
	.barra_menu {
		margin-right: 35px;
		margin-top: 31px;
	}
	
	.nav > li > a {
		padding: 10px;
	}
	
	.contenitore_bandierine {
		position: absolute;
		top: 41px;
		right: 75px;
	}
	
	.contenitore_bandierine_home {
		margin-top: 5px;
	}
	
	.titolo {
		color: #fdf1c0;
		font-size: 30px;
		text-align: right;
		padding-right: 75px;
		padding-top: 31px;
		font-weight: bold;
	}
	
	.contenitore_testo {
		color: #ffffff;
		text-align: center;
		font-family: 'Lucida sans unicode', serif;
		font-size: 16px;
		
	}
	
	.cont_text_video {
		margin-top: 5px;
	}
	
	.grassetto {
		font-weight: bold;
	}
	
	.date {
		margin-bottom: 15px;
		color: #fdf1c0;
	}
	
	.esempi_grafica {
		margin-top: 5px;
		font-size: 14px;
	}
	
	.bottone_chiudi {
		position: absolute;
		left: 35%;
		top: 107px;
		font-family: 'EB Garamond', serif;
		padding: 2px;
		background-color: #427eb2;
		color: #ffffff;
		font-weight: bold;
		font-size: 18px;
	}
	
	.bottone_chiudi:hover, .bottone_chiudi:link, .bottone_chiudi:visited {
		color: #ffffff;
	}
	
	.contenitore_bandierine_interne {
		position: absolute;
		left: 34.8%;
		top: 150px;
	}
	
	.contenitore_slider {
		top: 11px;
		position: relative;
		overflow: hidden;
		height: 400px;
		width: 300px;
	}
	
	
	.cont_div {
		position: absolute;
		top: -200px;
		width: 100%;
		z-index: 10000000;
	}
	
	
	.cont_immagini {
		display: block;
		height: auto;
		margin-bottom: 25px;
	}

	.cont_immagini_servizi {
		display: block;
		padding-right: 10px;
		height: 200px;
	}
	
	.cont_immagini_app {
		display: block;
		padding-right: 10px;
		height: 310px;
	}
	
	.cont_immagini:hover, .cont_immagini:focus {
		background-color: #eee;
	}
	
	.cont_immagini a:hover, .cont_immagini a:focus {
		text-decoration: none;
		color: #fdf1c0 !important;
	}
	
	.ucfirst {
		text-transform: capitalize;
	}
	
	.nome {
		font-size: 20px;
	}
	
	.immagine_profilo {
		position: relative;
		left: 5px;
	}
	
	.contenitore_descrizione {
		display: inline-block;
		vertical-align: middle;
		line-height: normal;
		width: 100%;
		font-size: 14px;
	}
	
	.contenitore_sinistra {
		height: 134px;
		line-height: 134px;
		text-align: left;
	}
	
	.contenitore_sinistra_app {
		height: 215px;
		line-height: 215px;
	}
	
	.link_invisibile, .link_invisibile:hover, .link_invisibile:focus, .link_invisibile:active, .link_invisibile:visited {
		color: inherit;
		text-decoration: none;
	}
	
	.modal-content {
		font-family: 'EB Garamond', serif;
	}
	
	.cont_text {
		text-align: center;
		font-size: 14px;
	}
	
	.cont_text_seo{
		text-align: center;
		font-size: 14px;
	}
	
	.testo_bold {
		font-size: 16px;
	}
	
	.testo_descrittivo {
		margin-top: 15px;
	}
	
	.thumb {
		display: inline-block;
		margin-bottom: 5px;
		margin-right: 10px;
		width: 50%;
	}
	
	.thumb img {
		cursor: pointer;
	}
	
	.img_thumb {
		margin-bottom: 10px;
	}
	
	.img_cursore {
		cursor: pointer;
		width: 150px;
	}
	
	#modale_sfogliatori {
		height: 100%;
		top: 20px
	}
	
	.barra_sfogliatore {
		position: absolute;
		top: 20px;
		z-index: 10000;
		left: 0;
		width: 100%;
	}
	
	.modal_dialog_sfogliatori {
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	
	.modal_content_sfogliatori {
		height: 95%;
		background-color: #070707;
	}
	
	.modal_body_sfogliatore {
		height: 100%;
	}
	
	.sfogliatori {
		height: 95%;
		width: 100%;
	}
	
	.chiudi_sfogliatori {
		color: #aedcec;
		opacity: 1;
		text-shadow: none;
	}
	
	.chiudi_sfogliatori:hover {
		color: #aedcec;
		opacity: 1;
		text-shadow: none;
	}
	
	.contenitore_curriculum {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		text-align: left;
	}
	
	#contenitore_grafica {
		text-align: center;
	}
	
	#immagine_effetto {
		margin: 0px auto;
		width: 350px;
	}
	
	.cursori {
		opacity: 0;
		position: relative;
		left: -20px;
	}
	
	.cursori_grandi {
		opacity: 0;
		position: relative;
		left: -30px;
		top: -3px;
	}
	
	.img_anteprima {
		float: right;
		margin-right: 25px;
		height: 185px;
	}
	
	.img_sem {
		float: right;
		margin-right: 29px;
		height: 200px;
	}
	
	.img_blog {
		float: right;
		margin-right: 23px;
		width: 250px;
	}
	
	.img_ecommerce {
		float: right;
		margin-right: 25px;
		width: 200px;
	}
	
	.img_gestionali {
		float: right;
		margin-right: 20px;
		width: 310px;
	}
	
	.descrizione_cataloghi {
		margin-top: -168px;
		font-size: 14px;
	}
	
	.esempi_di {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.mejs-container {
		height: 250px !important;
		width: 100% !important;
	}
	
	.descrizione_video {
		margin-bottom: 0px;
		margin-top: 15px;
	}
	
	.footer {

		width: 100%;
		height: 10%;
		background-color: #ffffff;
		color: #eb4b3e;
		font-family: 'Times New Roman', serif;
		font-size: 16px;
	
	}
	
	.credits {
		
		margin: 0px;
		padding-top: 12px;
		
	}
	
	.nome_credits {
		font-size: 17px;
	}
	
	.immagine_arte_cultura {
		margin-left: -321.5px;
		margin-top: -225px;
		width: 643px;
	}
	
	.firma_dicitura {
		position: absolute;
		left: auto;
		right: 120px;
		bottom: 82px;
		top: auto;
	}
	
	.freccetta_cv {
		position: relative;
		top: 40px;
		right: 100px;
		z-index: 1000;
	}
	
}


/* Tablet verticale ------------------------- */
@media (min-width: 768px) and (max-width: 979px) {

	.contenitore_index {
		height: 100%;
		position: relative;
	}
	
	.testa_sfondo_index {
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 2;
		width: 250px;
	}
	
	.contenitore_titolo {
		color: #ffffff;
		padding-top: 63px;
	}
	
	.testo_maiuscolo {
		font-size: 36px;
	}
	
	.testo_multimediale {
		font-size: 36px;
	}
	
	.testo_soluzioni {
		font-size: 22px;
	}
	
	.testo_intermedio {
		font-size: 26px;
		font-style: italic;
	}
	
	.testo_alto_basso {
		font-size: 38px;
		text-transform: uppercase;
	}
	
	.testo_comunicazione {
		margin-top: 7px;
	}
	
	.contatto {
		display: inline;
		padding-right: 0px;
	}
	
	.altro_contatto {
		display: inline;
		padding-right: 5px;
	}
	
	
	.riga_cv {
		
		margin: 25px 0px 20px 0px;
		
	}
	
	.contenitore_firma_home {
		font-family: 'LucidaHandwrit', serif;
		color: #0a1a29;
		position: absolute;
		bottom: 46px;
		left: 40px;
		font-size: 16px;
	}
	
	.contenitore_firma_contatti {
		color: #fdf1c0;
		text-decoration: none;
		margin-left: 0px;
		position: absolute;
		bottom: 50px;
		right: 95px;
		font-size: 22px;
		font-family: 'LucidaHandwrit', serif;
	}
	
	.contenitore_firma_contatti:hover {
		color: #fdf1c0;
		text-decoration: none;
	}
	
	.contenitore_home {
		background-color: #090347;
		height: 667px;
		width: 1366px;
		position: relative;
	}
	
	.colonna_contatti {
		padding: 60px 17px 0px 0px;
	}
	
	.sottovoce {
		font-weight: normal;
		font-size: 26px;
	}
	
	.logo {
		position: absolute;
		left: 0px;
		bottom: 0px;
	}
	
	.voce_menu {
		font-size: 24px;
		color: #fdf1c0;
		cursor: pointer;
	}
	
	.voce_servizi {
		text-transform: uppercase;
		font-size: 30px;
		font-weight: bold;
	}
	
	.barra_menu {
		margin-right: 35px;
		margin-top: 31px;
	}
	
	.nav > li > a {
		padding: 10px;
	}
	
	.contenitore_bandierine {
		position: absolute;
		top: 41px;
		right: 75px;
	}
	
	.contenitore_bandierine_home {
		margin-top: 5px;
	}
	
	.titolo {
		color: #fdf1c0;
		font-size: 30px;
		text-align: right;
		padding-right: 75px;
		padding-top: 31px;
		font-weight: bold;
	}
	
	.contenitore_testo {
		color: #ffffff;
		text-align: center;
		font-family: 'Lucida sans unicode', serif;
		font-size: 16px;
		
	}
	
	.cont_text_video {
		margin-top: 5px;
	}
	
	.grassetto {
		font-weight: bold;
	}
	
	.date {
		margin-bottom: 15px;
		color: #fdf1c0;
	}
	
	.esempi_grafica {
		margin-top: 15px;
		font-size: 20px;
	}
	
	.bottone_chiudi {
		position: absolute;
		left: 31%;
		top: 107px;
		font-family: 'EB Garamond', serif;
		padding: 2px;
		background-color: #427eb2;
		color: #ffffff;
		font-weight: bold;
		font-size: 18px;
	}
	
	.bottone_chiudi:hover, .bottone_chiudi:link, .bottone_chiudi:visited {
		color: #ffffff;
	}
	
	.contenitore_bandierine_interne {
		position: absolute;
		left: 30.4%;
		top: 150px;
	}
	
	.contenitore_slider {
		top: 11px;
		position: relative;
		overflow: hidden;
		height: 400px;
		width: 260px;
	}
	
	
	.cont_div {
		position: absolute;
		top: -200px;
		width: 100%;
		z-index: 10000000;
	}
	
	
	.cont_immagini {
		display: block;
		height: auto;
		margin-bottom: 25px;
	}

	.cont_immagini_servizi {
		display: block;
		padding-right: 10px;
		height: 200px;
	}
	
	.cont_immagini_app {
		display: block;
		padding-right: 10px;
		height: 310px;
	}
	
	.cont_immagini:hover, .cont_immagini:focus {
		background-color: #eee;
	}
	
	.cont_immagini a:hover, .cont_immagini a:focus {
		text-decoration: none;
		color: #fdf1c0 !important;
	}
	
	.ucfirst {
		text-transform: capitalize;
	}
	
	.nome {
		font-size: 20px;
	}
	
	.immagine_profilo {
		position: relative;
		left: 5px;
		width: 200px;
	}
	
	.contenitore_descrizione {
		display: inline-block;
		vertical-align: middle;
		line-height: normal;
		width: 100%;
		font-size: 12px;
	}
	
	.contenitore_sinistra {
		height: 115px;
		line-height: 115px;
		text-align: left;
	}
	
	.contenitore_sinistra_app {
		height: 215px;
		line-height: 215px;
	}
	
	.link_invisibile, .link_invisibile:hover, .link_invisibile:focus, .link_invisibile:active, .link_invisibile:visited {
		color: inherit;
		text-decoration: none;
	}
	
	.modal-content {
		font-family: 'EB Garamond', serif;
	}
	
	.cont_text {
		text-align: center;
		font-size: 16px;
	}
	
	.cont_text_seo{
		text-align: center;
		font-size: 16px;
	}
	
	.testo_bold {
		font-size: 16px;
	}
	
	.testo_descrittivo {
		margin-top: 15px;
	}
	
	.thumb {
		display: inline-block;
		margin-bottom: 5px;
		margin-right: 10px;
		width: 60%;
	}
	
	.thumb img {
		cursor: pointer;
	}
	
	.img_thumb {
		margin-bottom: 10px;
	}
	
	.img_ecommerce {
		float: right;
		margin-right: 25px;
	}
	
	.img_cursore {
		cursor: pointer;
		width: 150px;
	}
	
	#modale_sfogliatori {
		height: 100%;
		top: 20px
	}
	
	.barra_sfogliatore {
		position: absolute;
		top: 20px;
		z-index: 10000;
		left: 0;
		width: 100%;
	}
	
	.modal_dialog_sfogliatori {
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	
	.modal_content_sfogliatori {
		height: 95%;
		background-color: #070707;
	}
	
	.modal_body_sfogliatore {
		height: 100%;
	}
	
	.sfogliatori {
		height: 95%;
		width: 100%;
	}
	
	.chiudi_sfogliatori {
		color: #aedcec;
		opacity: 1;
		text-shadow: none;
	}
	
	.chiudi_sfogliatori:hover {
		color: #aedcec;
		opacity: 1;
		text-shadow: none;
	}
	
	.contenitore_curriculum {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		text-align: left;
	}
	
	#contenitore_grafica {
		text-align: center;
	}
	
	#immagine_effetto {
		margin: 40px auto 0px auto;
		width: 350px;
	}
	
	.cursori {
		opacity: 0;
		position: relative;
		left: -20px;
	}
	
	.cursori_grandi {
		opacity: 0;
		position: relative;
		left: -30px;
		top: -3px;
	}
	
	.img_anteprima {
		float: right;
		margin-right: 25px;
		height: 225px;
	}
	
	.img_sem {
		float: right;
		margin-right: 29px;
		height: 210px;
	}
	
	.img_blog {
		float: right;
		margin-right: 23px;
		width: 300px;
	}
	
	.img_gestionali {
		float: right;
		margin-right: 20px;
		width: 350px;
	}
	
	.descrizione_cataloghi {
		margin-top: -185px;
		font-size: 16px;
	}
	
	.esempi_di {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.mejs-container {
		height: 250px !important;
		width: 100% !important;
	}
	
	.descrizione_video {
		margin-bottom: 0px;
		margin-top: 15px;
	}
	
	.footer {

		width: 100%;
		height: 5%;
		background-color: #ffffff;
		color: #eb4b3e;
		font-family: 'Times New Roman', serif;
		font-size: 14px;
	
	}
	
	.nome_credits {
		font-size: 14px;
	}
	
	.credits {
		
		margin: 0px;
		padding-top: 15px;
		
	}
	
	.immagine_arte_cultura {
		margin-left: -232px;
		margin-top: -162.5px;
		width: 464px;
	}
	
	.firma_dicitura {
		position: absolute;
		left: auto;
		right: 50px;
		bottom: 10px;
		top: auto;
	}
	
	.freccetta_cv {
		position: relative;
		top: 40px;
		right: 20px;
		z-index: 1000;
	}
	
}

/* Telefonino orizzontale ------------------------- */
@media (max-width: 767px) {

	.collapse {
		display: block;
	}
	
	.navbar-toggle {
		display: none;
	}

	.nav > li {
		display: inline-block;
		vertical-align: top;
	}
	
	.contenitore_index {
		height: 100%;
		position: relative;
	}
	
	.testa_sfondo_index {
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 2;
		width: 150px;
	}
	
	.contenitore_titolo {
		color: #ffffff;
		padding-top: 63px;
	}
	
	.testo_maiuscolo {
		font-size: 18px;
	}
	
	.testo_multimediale {
		font-size: 18px;
	}
	
	.testo_soluzioni {
		font-size: 16px;
	}
	
	.testo_intermedio {
		font-size: 14px;
		font-style: italic;
	}
	
	.testo_alto_basso {
		font-size: 20px;
		text-transform: uppercase;
	}
	
	.testo_comunicazione {
		margin-top: 7px;
	}
	
	.contatto {
		display: inline;
		padding-right: 0px;
	}
	
	.altro_contatto {
		display: inline;
		padding-right: 5px;
	}
	
	.riga_cv {
		
		margin: 25px 0px 20px 0px;
		
	}
	
	.contenitore_firma_home {
		font-family: 'LucidaHandwrit', serif;
		color: #0a1a29;
		position: absolute;
		bottom: 22px;
		left: 19px;
		font-size: 14px;
	}
	
	.contenitore_firma_contatti {
		color: #fdf1c0;
		text-decoration: none;
		margin-left: 0px;
		position: absolute;
		bottom: 20px;
		right: 95px;
		font-size: 16px;
		font-family: 'LucidaHandwrit', serif;
	}
	
	.contenitore_firma_contatti:hover {
		color: #fdf1c0;
		text-decoration: none;
	}
	
	.contenitore_home {
		background-color: #090347;
		height: 667px;
		width: 1366px;
		position: relative;
	}
	
	.colonna_contatti {
		padding: 20px 17px 0px 0px;
		font-size: 12px;
		margin-top: -110px;
	}
	
	.icona_cornetta {
		width: 14px;
	}
	
	.logo {
		position: absolute;
		left: 0px;
		bottom: 0px;
	}
	
	.voce_menu {
		font-size: 14px;
		color: #fdf1c0;
		cursor: pointer;
	}
	
	.voce_servizi {
		text-transform: uppercase;
		font-size: 20px;
		font-weight: bold;
	}
	
	.barra_menu {
		margin-right: 0px;
		margin-top: 31px;
	}
	
	.nav > li > a {
		padding: 10px;
		font-size: 18px;
	}
	
	.contenitore_bandierine {
		position: absolute;
		top: 41px;
		right: 75px;
	}
	
	.contenitore_bandierine_home {
		margin-top: 5px;
	}
	
	.titolo {
		color: #fdf1c0;
		font-size: 22px;
		text-align: right;
		padding-right: 75px;
		padding-top: 10px;
		font-weight: bold;
	}
	
	.contenitore_testo {
		color: #ffffff;
		text-align: center;
		font-family: 'Lucida sans unicode', serif;
		font-size: 16px;
		
	}
	
	.cont_text_video {
		margin-top: 5px;
	}
	
	.grassetto {
		font-weight: bold;
	}
	
	.date {
		margin-bottom: 15px;
		color: #fdf1c0;
	}
	
	.esempi_grafica {
		/*margin-top: 15px;
		font-size: 16px;*/
		display: none;
	}
	
	.bottone_chiudi {
		position: absolute;
		left: 20%;
		top: 107px;
		font-family: 'EB Garamond', serif;
		padding: 2px;
		background-color: #427eb2;
		color: #ffffff;
		font-weight: bold;
		font-size: 18px;
	}
	
	.bottone_chiudi:hover, .bottone_chiudi:link, .bottone_chiudi:visited {
		color: #ffffff;
	}
	
	.contenitore_bandierine_interne {
		position: absolute;
		left: 19%;
		top: 150px;
	}
	
	.contenitore_slider {
		top: 11px;
		position: relative;
		overflow: hidden;
		height: 200px;
		width: 145px;
	}
	
	.sottovoce {
		font-weight: normal;
		font-size: 20px;
	}
	
	.cont_div {
		position: absolute;
		top: -200px;
		width: 100%;
		z-index: 10000000;
	}
	
	
	.cont_immagini {
		display: block;
		height: auto;
		margin-bottom: 25px;
	}

	.cont_immagini_servizi {
		display: block;
		padding-right: 10px;
		height: 200px;
	}
	
	.cont_immagini_app {
		display: block;
		padding-right: 10px;
		height: 310px;
	}
	
	.cont_immagini:hover, .cont_immagini:focus {
		background-color: #eee;
	}
	
	.cont_immagini a:hover, .cont_immagini a:focus {
		text-decoration: none;
		color: #fdf1c0 !important;
	}
	
	.ucfirst {
		text-transform: capitalize;
	}
	
	.nome {
		font-size: 20px;
	}
	
	.immagine_profilo {
		position: relative;
		left: 0px;
		top: 25px;
		width: 75px;
	}
	
	.contenitore_descrizione {
		display: inline-block;
		vertical-align: middle;
		line-height: normal;
		width: 100%;
		font-size: 12px;
	}
	
	.contenitore_sinistra {
		height: 84px;
		line-height: 84px;
		text-align: left;
	}
	
	.contenitore_sinistra_app {
		height: 133px;
		line-height: 133px;
	}
	
	.link_invisibile, .link_invisibile:hover, .link_invisibile:focus, .link_invisibile:active, .link_invisibile:visited {
		color: inherit;
		text-decoration: none;
	}
	
	.modal-content {
		font-family: 'EB Garamond', serif;
	}
	
	.cont_text {
		text-align: center;
		font-size: 14px;
	}
	
	.cont_text_seo{
		text-align: center;
		font-size: 12px;
	}
	
	.testo_bold {
		font-size: 14px;
	}
	
	.testo_descrittivo {
		margin-top: 0px;
	}
	
	.thumb {
		display: inline-block;
		margin-bottom: 5px;
		margin-right: 10px;
		width: 38%;
	}
	
	.thumb img {
		cursor: pointer;
	}
	
	.img_thumb {
		margin-bottom: 10px;
	}
	
	.img_cursore {
		cursor: pointer;
		width: 85px;
		margin-bottom: -25px;
	}
	
	.img_ecommerce {
		float: right;
		margin-right: 15px;
		width: 85px;
	}
	
	.sottoparagrafo {
		margin-top: -10px;
	}
	
	#modale_sfogliatori {
		height: 100%;
		top: 20px
	}
	
	.barra_sfogliatore {
		position: absolute;
		top: 20px;
		z-index: 10000;
		left: 0;
		width: 100%;
	}
	
	.modal_dialog_sfogliatori {
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	
	.modal_content_sfogliatori {
		height: 95%;
		background-color: #070707;
	}
	
	.modal_body_sfogliatore {
		height: 100%;
	}
	
	.sfogliatori {
		height: 95%;
		width: 100%;
	}
	
	.chiudi_sfogliatori {
		color: #aedcec;
		opacity: 1;
		text-shadow: none;
	}
	
	.chiudi_sfogliatori:hover {
		color: #aedcec;
		opacity: 1;
		text-shadow: none;
	}
	
	.contenitore_curriculum {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		text-align: left;
	}
	
	#contenitore_grafica {
		text-align: center;
	}
	
	#immagine_effetto {
		margin: 10px auto 0px auto;
		width: 250px;
	}
	
	.cursori {
		opacity: 0;
		position: relative;
		left: -20px;
	}
	
	.cursori_grandi {
		opacity: 0;
		position: relative;
		left: -30px;
		top: -3px;
	}
	
	.img_anteprima {
		/*float: right;
		margin-right: 25px;
		height: 225px;*/
		display: none;
	}
	
	.img_sem {
		/*float: right;
		margin-right: 29px;
		height: 210px;*/
		display: none;
	}
	
	.img_blog {
		/*float: right;
		margin-right: 23px;
		width: 100px;*/
		display: none;
	}
	
	.img_gestionali {
		/*float: right;
		margin-right: 20px;
		width: 200px;*/
		display: none;
	}
	
	.descrizione_cataloghi {
		/*margin-top: -255px;
		font-size: 16px;*/
		display: none;
	}
	
	.esempi_di {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.mejs-container {
		height: 250px !important;
		width: 100% !important;
	}
	
	.descrizione_video {
		margin-bottom: 0px;
		margin-top: 15px;
	}
	
	.modale_contatti {
		padding: 3px;
	}
	
	.footer {

		width: 100%;
		height: 10%;
		background-color: #ffffff;
		color: #eb4b3e;
		font-family: 'Times New Roman', serif;
		font-size: 12px;
	
	}
	
	.nome_credits {
		font-size: 14px;
	}
	
	.credits {
		
		margin: 0px;
		padding-top: 3px;
		
	}
	
	.immagine_firma_dicitura {
		width: 120px;
	}
	
	.immagine_arte_cultura {
		margin-left: -146.5px;
		margin-top: -102.5px;
		width: 293px;
	}
	
	.firma_dicitura {
		position: absolute;
		left: auto;
		right: 30px;
		bottom: 10px;
		top: auto;
	}
	
	.freccetta_cv {
		position: relative;
		top: 50px;
		right: 20px;
		z-index: 1000;
	}
	
}

/* Telefonino verticale ------------------------- */
@media (max-width: 480px) {

	.collapse {
		display: block;
	}
	
	.navbar-toggle {
		display: none;
	}

	.nav > li {
		display: inline-block;
		vertical-align: top;
	}
	
	.navbar .container-fluid {
		padding: 0px;
	}
	
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin: 0px;
		padding: 0px;
	}
	
	.contenitore_index {
		height: 100%;
		position: relative;
	}
	
	.testa_sfondo_index {
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 2;
		width: 150px;
	}
	
	.contenitore_titolo {
		color: #ffffff;
		padding-top: 63px;
	}
	
	.testo_maiuscolo {
		font-size: 14px;
	}
	
	.testo_multimediale {
		font-size: 14px;
	}
	
	.testo_soluzioni {
		font-size: 16px;
	}
	
	.testo_intermedio {
		font-size: 14px;
		font-style: italic;
	}
	
	.testo_alto_basso {
		font-size: 20px;
		text-transform: uppercase;
	}
	
	.testo_comunicazione {
		margin-top: 7px;
	}
	
	.contatto {
		display: inline;
		padding-right: 0px;
		font-size: 10px;
	}
	
	.altro_contatto {
		display: inline;
		padding-right: 5px;
		font-size: 10px;
	}
	
	.riga_cv {
		
		margin: 25px 0px 20px 0px;
		
	}
	
	.contenitore_firma_home {
		font-family: 'LucidaHandwrit', serif;
		color: #0a1a29;
		position: absolute;
		bottom: 22px;
		left: 19px;
		font-size: 14px;
	}
	
	.contenitore_firma_contatti {
		color: #fdf1c0;
		text-decoration: none;
		margin-left: 0px;
		position: absolute;
		bottom: 20px;
		right: 18px;
		font-size: 16px;
		font-family: 'LucidaHandwrit', serif;
	}
	
	.contenitore_firma_contatti:hover {
		color: #fdf1c0;
		text-decoration: none;
	}
	
	.contenitore_home {
		background-color: #090347;
		height: 667px;
		width: 1366px;
		position: relative;
	}
	
	.colonna_contatti {
		padding: 40px 25px 0px 16px;
		font-size: 12px;
		margin-top: 0px;
	}
	
	.icona_cornetta {
		width: 14px;
	}
	
	.logo {
		position: absolute;
		left: 0px;
		bottom: 0px;
	}
	
	.voce_menu {
		font-size: 14px;
		color: #fdf1c0;
		cursor: pointer;
	}
	
	.voce_servizi {
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		line-height: 18px;
	}
	
	.barra_menu {
		margin-top: 31px;
	}
	
	.nav > li > a {
		padding: 2px;
		font-size: 12px;
	}
	
	.contenitore_bandierine {
		position: absolute;
		top: 41px;
		right: 34px;
	}
	
	.contenitore_bandierine_home {
		margin-top: 5px;
	}
	
	.contenitore_bandierine_home a img {
		width: 20px;
	}
	
	.titolo {
		color: #fdf1c0;
		font-size: 22px;
		text-align: right;
		padding-right: 10px;
		padding-top: 10px;
		font-weight: bold;
	}
	
	.contenitore_testo {
		color: #ffffff;
		text-align: center;
		font-family: 'Lucida sans unicode', serif;
		font-size: 16px;
		
	}
	
	.cont_text_video {
		margin-top: 5px;
	}
	
	.grassetto {
		font-weight: bold;
	}
	
	.date {
		margin-bottom: 15px;
		color: #fdf1c0;
	}
	
	.esempi_grafica {
		margin-top: 35px;
		font-size: 16px;
		display: block;
	}
	
	.bottone_chiudi {
		position: absolute;
		left: 12%;
		top: 107px;
		font-family: 'EB Garamond', serif;
		padding: 2px;
		background-color: #427eb2;
		color: #ffffff;
		font-weight: bold;
		font-size: 18px;
	}
	
	.bottone_chiudi:hover, .bottone_chiudi:link, .bottone_chiudi:visited {
		color: #ffffff;
	}
	
	.contenitore_bandierine_interne {
		position: absolute;
		left: 11%;
		top: 145px;
	}
	
	.contenitore_slider {
		top: 11px;
		position: relative;
		overflow: hidden;
		height: 350px;
		width: 85px;
	}
	
	.sottovoce {
		font-weight: normal;
		font-size: 12px;
	}
	
	.cont_div {
		position: absolute;
		top: -200px;
		width: 100%;
		z-index: 10000000;
	}
	
	
	.cont_immagini {
		display: block;
		height: auto;
		margin-bottom: 25px;
	}

	.cont_immagini_servizi {
		display: block;
		padding-right: 10px;
		height: 200px;
	}
	
	.cont_immagini_app {
		display: block;
		padding-right: 10px;
		height: 310px;
	}
	
	.cont_immagini:hover, .cont_immagini:focus {
		background-color: #eee;
	}
	
	.cont_immagini a:hover, .cont_immagini a:focus {
		text-decoration: none;
		color: #fdf1c0 !important;
	}
	
	.ucfirst {
		text-transform: capitalize;
	}
	
	.nome {
		font-size: 20px;
	}
	
	.immagine_profilo {
		position: relative;
		left: 50px;
	}
	
	.contenitore_descrizione {
		display: inline-block;
		vertical-align: middle;
		line-height: normal;
		width: 100%;
		font-size: 12px;
	}
	
	.contenitore_sinistra {
		height: 84px;
		line-height: 84px;
		text-align: left;
	}
	
	.contenitore_sinistra_app {
		height: 133px;
		line-height: 133px;
	}
	
	.link_invisibile, .link_invisibile:hover, .link_invisibile:focus, .link_invisibile:active, .link_invisibile:visited {
		color: inherit;
		text-decoration: none;
	}
	
	.modal-content {
		font-family: 'EB Garamond', serif;
	}
	
	.cont_text {
		text-align: center;
		font-size: 14px;
	}
	
	.cont_text_seo{
		text-align: center;
		font-size: 14px;
	}
	
	.testo_bold {
		font-size: 14px;
	}
	
	.testo_descrittivo {
		margin-top: 20px;
	}
	
	.thumb {
		display: inline-block;
		margin-bottom: 5px;
		margin-right: -10px;
		width: 60%;
	}
	
	.thumb img {
		cursor: pointer;
	}
	
	.img_thumb {
		margin-bottom: 10px;
	}
	
	.img_ecommerce {
		float: right;
		margin-right: 25px;
	}
	
	.img_cursore {
		cursor: pointer;
		width: 82px;
		margin: 0px 20px -25px 0px !important;
	}
	
	#modale_sfogliatori {
		height: 100%;
		top: 20px
	}
	
	.barra_sfogliatore {
		position: absolute;
		top: 20px;
		z-index: 10000;
		left: 0;
		width: 100%;
	}
	
	.modal_dialog_sfogliatori {
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	
	.modal_content_sfogliatori {
		height: 95%;
		background-color: #070707;
	}
	
	.modal_body_sfogliatore {
		height: 100%;
	}
	
	.sfogliatori {
		height: 95%;
		width: 100%;
	}
	
	.chiudi_sfogliatori {
		color: #aedcec;
		opacity: 1;
		text-shadow: none;
	}
	
	.chiudi_sfogliatori:hover {
		color: #aedcec;
		opacity: 1;
		text-shadow: none;
	}
	
	.contenitore_curriculum {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		text-align: left;
	}
	
	#contenitore_grafica {
		text-align: center;
	}
	
	#immagine_effetto {
		margin: 10px auto 0px auto;
		width: 250px;
	}
	
	.cursori {
		opacity: 0;
		position: relative;
		left: -20px;
	}
	
	.cursori_grandi {
		opacity: 0;
		position: relative;
		left: -30px;
		top: -3px;
	}
	
	.img_anteprima {
		float: right;
		margin-right: 25px;
		height: 225px;
		display: block;
	}
	
	.img_sem {
		float: right;
		margin-right: 29px;
		height: 210px;
		display: block;
	}
	
	.img_blog {
		float: right;
		margin-right: 23px;
		width: 150px;
		display: block;
	}
	
	.img_gestionali {
		float: right;
		margin-right: 20px;
		width: 200px;
		display: block;
	}
	
	.descrizione_cataloghi {
		margin-top: -200px;
		font-size: 16px;
		display: block;
	}
	
	.esempi_di {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.mejs-container {
		height: 250px !important;
		width: 100% !important;
	}
	
	.descrizione_video {
		margin-bottom: 0px;
		margin-top: 15px;
	}
	
	.modale_contatti {
		padding: 3px;
	}
	
	.contatti_xs {
		margin-top: 35px;
	}
	
	.footer {

		width: 100%;
		height: 10%;
		background-color: #ffffff;
		color: #eb4b3e;
		font-family: 'Times New Roman', serif;
		font-size: 12px;
	
	}
	
	.nome_credits {
		font-size: 12px;
	}
	
	.credits {
		
		margin: 0px;
		padding-top: 15px;
		
	}
	
	.immagine_firma_dicitura {
		width: 120px;
	}
	
	.immagine_arte_cultura {
		margin-left: -89px;
		margin-top: -62.5px;
		width: 178px;
	}
	
	.firma_dicitura {
		position: absolute;
		left: auto;
		right: 30px;
		bottom: 10px;
		top: auto;
	}
	
	.freccetta_cv {
		position: relative;
		top: 50px;
		right: 20px;
		z-index: 1000;
	}
	
}