/** FOGLIO STILE PER VOLUMI LA SCUOLA **/

@font-face {
	font-family: 'Arial';
	src: url(font/'Arial.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
	font-family: 'Arial-Bold';
	src: url(font/'Arial-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body {background-repeat: repeat; background-image: url(../images/bg1.png);
font-family: 'robotoregular', Arial, 'sans-serif'}



/*----------- SCROLLBAR CONTRIBUTI -----------*/
.content-media::-webkit-scrollbar,
.content-media-multipli::-webkit-scrollbar,
.content::-webkit-scrollbar,
.content-contributi::-webkit-scrollbar {
    width: 0.70em;
}

.content-media::-webkit-scrollbar-track,
.content-media-multipli::-webkit-scrollbar-track,
.content::-webkit-scrollbar-track,
.content-contributi::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.content-media::-webkit-scrollbar-thumb,
.content-media-multipli::-webkit-scrollbar-thumb,
.content::-webkit-scrollbar-thumb,
.content-contributi::-webkit-scrollbar-thumb {
  background-color: #b7dbe8;
  outline: 1px solid #898989;
}
/*----------- SCROLLBAR CONTRIBUTI -----------*/

.container {
	width: 1024px;
	height:768px;
	background-color: #fff;
	display:block;
	margin: auto;
	padding: 10px;
    background-repeat: no-repeat;
    background-position: top center;
}

.logo {position: relative; float: right; width: 141px; height: 35px; background-image: url(../images/logo.jpg); background-position: center; background-repeat: no-repeat;
margin-right: 10px; margin-top: 39px}

button.goback {float: right; margin-top: 25px;
    margin-right: 12px;
    clear: both;
    background: #eee;
    border: 0px;
    border-radius: 5px;
    color: #999;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 13px;
cursor:pointer;}

.icon-title {display: block; width: 150px; background-color:#fece41; margin: 10px auto; position: relative; padding: 3px 0; height: 27px}

.icon-title img {float: right; margin-right: 10px; margin-top: 1px}

.container-title {/*max-width: 500px;*/ padding: 20px 1px 0 5px; /*background-color: #eee*/}
.container-title-contributi {max-width: 500px; padding: 20px 1px 0 5px; height: 210px}
.container-title-mediapage {padding: 20px 1px 0 5px; background-color: #eee; height: 47px;max-width: 500px;}

.content-startpage {margin-top: 80px; border:0px solid #f0f; padding: 4px 1px; height: 500px}

.content-media-multipli {margin-top: 32px; border:0px solid #f0f; padding: 4px 1px; overflow: auto; height: 500px}
.content {margin-top: 80px; border:0px solid #f0f; padding: 4px 1px; overflow: auto; height: 500px}
.content-contributi {margin-top: -198px; margin-left: -50px; border:0px solid #f0f; padding: 4px 1px; /*overflow: auto;*/ height: 500px}
.content-media {margin-top: 35px; border:0px solid #f0f; padding: 4px 1px; overflow: auto; height: 500px}


a.to-start {text-decoration: none}
h1 {text-align: left; font-size: 26px; font-weight: bold; font-family: 'Arial', 'sans-serif';margin-left: 5px; margin-bottom: 3px; /*width:850px;*/ }
h1.title span#black {color: #000; }
h1.title span#red {color: #f00; }
h1.title img {padding: 4px}

h4.present-txt {color: #f00; font-family: 'Arial', 'sans-serif'; font-size: 20px; margin: 0 0 5px 133px;}

h5.subt-demo {color: #f00; font-size: 12px; font-family: 'Arial', 'sans-serif'; margin: 0 0 0 5px; display: inline; width: 200px}
h2.sub-tit {display: inline; margin-left: 15px; font-family: 'Arial', 'sans-serif'; font-size: 22px; color:#666;}

h2.subtitle {text-align: left; font-size: 20px; font-weight: bold; font-family: 'Arial', 'sans-serif'; margin: 61px 0 0 94px; color: rgba(42,78,102,0.8); }
h2.subtitle span.unita {color: #999; font-size: 22px; vertical-align: 7px;}
#subTitleName  {padding-left:35px }

/*.button-start-1 {width:502px; height: 502px; background-color: #ce7bb3; display: inline-block; margin-left: 3px}
.button-start-2 {width:502px; height: 502px; background-color: #fdce40; display: inline-block; margin-left: 7px}*/


.button-start-2 {width:495px; height: 495px; background-color: #ab93d4; background-image: url("../images/ingresso-contributi.jpg"); display: block; float: left; clear: none }
.button-start-1 {width:495px; height: 495px; background-color: #fdce40; background-image: url("../images/ingresso-unita-capitoli.jpg"); display: block; float: right; clear: none}

.button-start-1 h2,
.button-start-2 h2 {font-size: 22px; color: #666; text-transform: uppercase; font-weight: bold; font-family: 'Arial', 'sans-serif'; text-align: center; margin-top: 105%}

.box {width:164px; height: 134px; background-color: #eee; margin: 0px 2px 4px 2px; padding: 30px 0 0 0; float: left; display: flex; /*align-items: center;*/ justify-content: center; }
/* BC per centratura tiles materiali digitali*/
.materiali-digitali {height: 164px; padding: 0 0 0 0; align-items: center; justify-content: center; }

.contain-name-contributo {/*margin: 71px auto 0 auto;*/ padding: 0 10px;}
.contain-name-multim {/*margin: 60px auto 0 auto; */ padding: 0 10px;}
.contain-name-unita {/*margin: 35px auto 0 auto;*/ padding: 0 10px;}
.box h3 {color: #fff; font-size: 15px; font-family: 'Arial', 'sans-serif'; text-align: center; margin: 0; /*margin-top: 60px; margin-left: 25px; position: absolute;*/}

.randomcolor-1,
.blue {background-color: #4b92e5}
.randomcolor-2,
.light-blue {background-color: #a0e3f7}
.randomcolor-3,
.grey-blue {background-color: #8597b8}
.randomcolor-4,
.yellow {background-color: #ffce40}
.randomcolor-5,
.purple {background-color: #e069b8}
.randomcolor-6,
.green {background-color: #54dab1}
/*.randomcolor-7,
.orange {background-color: #FCC690}*/
.randomcolor-8,
.pink {background-color: #ff826f}
.randomcolor-9,
.lavender {background-color: #a1b8ea}
.randomcolor-0,
.lilac {background-color: #ab93d4}

.thumb-menu {width: 1300px; margin: auto; height: 70px; margin-top: 30px}
.thumb-menu .minibox {width: 55px; height: 55px; float: left; margin-right: 2px;}
.thumb-menu .minibox .contain-name-unita {margin: 20px auto 0 auto; padding: 0 0px;}
.thumb-menu .minibox h3 {color: #fff; font-size: 7px; font-family: 'Arial', 'sans-serif'; text-align: center; margin: 0; }

.media_box {width:190px; height: 140px; background-color: #eee; margin: 0px 8px 12px 4px; float: left; background-repeat: no-repeat;
    background-position: 50%; background-size: cover;}
.media_box_ico {width:190px; height: 140px; background-color: #eee; margin: 0px 8px 12px 4px; float: left; background-repeat: no-repeat;
    background-position: 50%; background-size: cover;}
.media_box_ico h3 {color: #fff; font-size: 15px; font-family: 'Arial', 'sans-serif'; text-align: center; margin: 0; text-shadow: 2px 2px 4px #333;}
.media_box_ico img {position: relative;}
/*.media_box_ico h3 a {text-decoration: none; color: #444; font-size: 15px; font-family: 'Arial', 'sans-serif'; text-align: center; margin: 0;}
.media_box_ico h3 a:hover {color: #222}*/

/*----------- ICONTE PER CONTENUTI MULTIMEDIALI ------------*/

.ico-audio {width:189px; height: 139px; background-image: url(../images/ico-audio.png); background-size: 21%;
	 background-position: 97% 97%; background-repeat: no-repeat; padding:0; border:1px solid #eee;
background-color: rgba(42,78,102,0.7); display: flex; align-items: center; justify-content: center;}

.ico-video {width:189px; height: 139px; background-image: url(../images/ico-video.png); background-size: 21%;
	background-position: 97% 97%; background-repeat: no-repeat; padding:0; border:1px solid #eee;
background-color: rgba(42,78,102,0.7); display: flex; align-items: center; justify-content: center;}

.ico-approfondimento {width:189px; height: 139px; background-image: url(../images/ico-schede_approfondimento.png); background-size: 21%;
	 background-position: 97% 97%; background-repeat: no-repeat; padding:0; border:1px solid #eee;
background-color: rgba(42,78,102,0.7); display: flex; align-items: center; justify-content: center;}

.ico-testi-liquidi {width:189px; height: 139px; background-image: url(../images/ico-schede_approfondimento.png); background-size: 21%;
	 background-position: 97% 97%; background-repeat: no-repeat; padding:0; border:1px solid #eee;
background-color: rgba(42,78,102,0.7); display: flex; align-items: center; justify-content: center;}

.ico-linee-del-tempo {width:189px; height: 139px; background-image: url(../images/ico-linee_deltempo.png); background-size: 21%;
	background-position: 97% 97%; background-repeat: no-repeat; padding:0; border:1px solid #eee;
background-color: rgba(42,78,102,0.7); display: flex; align-items: center; justify-content: center;}

.ico-mappe-concettuali {width:189px; height: 139px; background-image: url(../images/ico-mappe_concettuali.png); background-size: 21%;
	 background-position: 97% 97%; background-repeat: no-repeat; padding:0; border:1px solid #eee;
background-color: rgba(42,78,102,0.7); display: flex; align-items: center; justify-content: center;}

.ico-lezioni {width:189px; height: 139px; background-image: url(../images/ico-mappe_concettuali.png); background-size: 21%;
	 background-position: 97% 97%; background-repeat: no-repeat; padding:0; border:1px solid #eee;
background-color: rgba(42,78,102,0.7); display: flex; align-items: center; justify-content: center;}

.ico-carte-opere {width:189px; height: 139px; background-image: url(../images/ico-carte-opere.png); background-size: 21%;
	background-position:  97% 97%; background-repeat: no-repeat; padding:0; border:1px solid #eee;
background-color: rgba(42,78,102,0.7); display: flex; align-items: center; justify-content: center;}

.ico-img-gallery {width:189px; height: 139px; background-image: url(../images/ico-immagini_gallery.png); background-size: 21%;
	 background-position:  97% 97%; background-repeat: no-repeat; padding:0; border:1px solid #eee;
background-color: rgba(42,78,102,0.7); display: flex; align-items: center; justify-content: center;}

.ico-animazioni {width:189px; height: 139px; background-image: url(../images/ico-animazioni.png); background-size: 21%;
	 background-position:  97% 97%; background-repeat: no-repeat; padding:0; border:1px solid #eee;
background-color: rgba(42,78,102,0.7); display: flex; align-items: center; justify-content: center;}

.ico-glossario {width:189px; height: 139px; background-image: url(../images/ico-animazioni.png); background-size: 21%;
	 background-position:  97% 97%; background-repeat: no-repeat; padding:0; border:1px solid #eee;
background-color: rgba(42,78,102,0.7); display: flex; align-items: center; justify-content: center;}

.ico-verifiche {width:189px; height: 139px; background-image: url(../images/ico-verifiche.png); background-size: 21%;
	 background-position:  97% 97%; background-repeat: no-repeat; padding:0; border:1px solid #eee;
background-color: rgba(42,78,102,0.7); display: flex; align-items: center; justify-content: center;}

/*-------------ICONE PER I CONTRIBUTI-----------*/

.ico-audio-contributi {width:189px; height: 150px; background-image: url(../images/ico-audio.png); background-size: 18%;
     background-position: bottom; background-repeat: no-repeat; padding:0; border:0px solid #eee;
 display: flex; align-items: center; justify-content: center;}

.ico-video-contributi {width:189px; height: 150px; background-image: url(../images/ico-video.png); background-size: 18%;
    background-position: bottom; background-repeat: no-repeat; padding:0; border:0px solid #eee;
 display: flex; align-items: center; justify-content: center;}

.ico-approfondimento-contributi {width:189px; height: 150px; background-image: url(../images/ico-schede_approfondimento.png); background-size: 18%;
     background-position: bottom; background-repeat: no-repeat; padding:0; border:0px solid #eee;
 display: flex; align-items: center; justify-content: center;}

.ico-linea-tempo-contributi {width:189px; height: 150px; background-image: url(../images/ico-linee_deltempo.png); background-size: 18%;
    background-position: bottom; background-repeat: no-repeat; padding:0; border:0px solid #eee;
display: flex; align-items: center; justify-content: center;}

.ico-mappe-conce-contributi {width:189px; height: 150px; background-image: url(../images/ico-mappe_concettuali.png); background-size: 18%;
     background-position: bottom; background-repeat: no-repeat; padding:0; border:0px solid #eee;
 display: flex; align-items: center; justify-content: center;}

.ico-carte-opere-contributi {width:189px; height: 150px; background-image: url(../images/ico-carte-opere.png); background-size: 18%;
    background-position:  bottom; background-repeat: no-repeat; padding:0; border:0px solid #eee;
 display: flex; align-items: center; justify-content: center;}

.ico-img-gallery-contributi {width:189px; height: 150px; background-image: url(../images/ico-immagini_gallery.png); background-size: 18%;
     background-position:  bottom; background-repeat: no-repeat; padding:0; border:0px solid #eee;
display: flex; align-items: center; justify-content: center;}

.ico-animazioni-contributi {width:189px; height: 150px; background-image: url(../images/ico-animazioni.png); background-size: 18%;
     background-position:  bottom; background-repeat: no-repeat; padding:0; border:0px solid #eee;
display: flex; align-items: center; justify-content: center;}

.ico-bes-contributi {width:189px; height: 150px; background-image: url(../images/icona-bes.png); background-size: 26%;
     background-position:  bottom; background-repeat: no-repeat; padding:0; border:0px solid #eee;
display: flex; align-items: center; justify-content: center;}

.ico-verifiche-contributi {width:189px; height: 150px; background-image: url(../images/ico-verifiche.png); background-size: 18%;
     background-position:  bottom; background-repeat: no-repeat; padding:0; border:0px solid #eee;
display: flex; align-items: center; justify-content: center;}

.ico-default {width:189px; height: 164px; background-image: url(../html/default.jpg); background-size: 140%;
     background-position:  center; background-repeat: no-repeat; padding:0; border:0px solid #eee;
display: flex; align-items: center; justify-content: center;}

.ico-default-01 {width:189px; height: 164px; background-image: url(../html/default-01.jpg); background-size: 140%;
     background-position:  center; background-repeat: no-repeat; padding:0; border:0px solid #eee;
display: flex; align-items: center; justify-content: center;}

.ico-default-02 {width:189px; height: 164px; background-image: url(../html/default-02.jpg); background-size: 140%;
     background-position:  bottom; background-repeat: no-repeat; padding:0; border:0px solid #eee;
display: flex; align-items: center; justify-content: center;}

/* PER ALLINEAMENTO TITOLO JS */

.container-title-mediapage h1.title img {padding: 0 9px 4px 8px}

/* PER ALLINEAMENTO TITOLO JS */

.container-title-mediapage h1.title img {padding: 0 1px 4px 1px}
.container-title-mediapage .content-startpage {margin-top: 80px; border:0px solid #f0f; padding: 0px 0px; height: 500px; }
.container-title span#red {padding-right: 4px}
.container-title span#black {padding-left: 5px}
.container-title h2.sub-tit {margin-left: 19px}

.container-title-contributi h1.title img {padding: 0 0 4px 0}
.container-title-contributi .content-startpage {margin-top: 80px; border:0px solid #f0f; padding: 0px 0px; height: 500px}
.container-title-contributi span#red {padding-right: 8px}
.container-title-contributi span#black {padding-left: 9px}
.container-title-contributi h2.sub-tit {margin-left: 19px}


/* FINE PER ALLINEAMENTO TITOLO JS */