/** FOGLIO STILE PER VOLUMI LA SCUOLA revisione 11 ottobre 2016 **/
body {margin:0;padding:0;}

@font-face {
	font-family: 'Roboto';
	src: url(font/'Roboto-Regular.ttf')  format('truetype');
}

@font-face {
	font-family: 'Roboto-Bold.ttf';
	src: url(font/'Roboto-Bold.ttf')  format('truetype');
}


@font-face {
    font-family: 'robotoregular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'robotobold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: bold;
    font-style: normal;

}

.container{padding-top:0; background-color:#305175;}
.top-bar{width:1024px;height:40px;background-color:#305175;margin:auto;padding-left:10px;padding-right:10px;}
.content{margin-top:104px;}
.content-startpage{margin-top:104px;}
.to-start img {float:left;}
.conteniner-left-title{float:left;width:500px;}
.conteniner-right-title{float:left;width:495px;height:84px;margin-bottom:58px}
.content-media-multipli{display:block;width:1025px;height:600px}


.logo-top-bar img {margin-left:488px; margin-top:12px; height:1em;}
.learning-top-bar img {margin:0; padding:0; margin-top:6px; margin-left:0px; float:left;}

.logo {width:26px; margin-top:15 px}

.title{}
h1{margin-top:5px;margin-left:85px;color:#adb9c7;width:auto;display:block;margin: auto;}
h2.sub-tit{display:none;}
h2.subtitle{margin:10px 0 0 22px}
h2.subtitle span.unita {margin-left:6px;}

.container-title{padding-top:7px;}

.container-title img {display:block;float:left;}
.conteiner-right {display:block;height:0px;width:200px; float:right}

h4.present-txt{color:#fff;}

.blue-new{background-color:#aeb9c8}

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

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


/* font */
.icon-title h2 {font-family: Arial, sans-serif;font-size: 14px;text-transform: uppercase;}
h1 {font-size: 26px; font-weight: bold; font-family: 'robotoregular', Arial, 'sans-serif';}
h4.present-txt {font-family: 'robotoregular', Arial, 'sans-serif'; font-size: 20px;}
h5.subt-demo {font-size: 12px; font-family: 'robotoregular', Arial, 'sans-serif';}
h2.sub-tit {font-family: 'robotoregular', Arial, 'sans-serif'; font-size: 22px;}
h2.subtitle {font-size: 20px; font-weight: bold; font-family: 'robotoregular', Arial, 'sans-serif';}
.button-start-1 h2, .button-start-2 h2  {font-size: 22px; text-transform: uppercase; font-weight: bold; font-family: 'robotoregular', Arial, 'sans-serif';}
.box h3 {font-size: 15px; font-family: 'robotoregular', Arial, 'sans-serif';font-weight:normal;}
.thumb-menu .minibox h3 {font-size: 7px; font-family: 'robotoregular', Arial, 'sans-serif';}
.media_box_ico h3 {font-size: 15px; font-family: 'robotoregular', Arial, 'sans-serif';}

p {font-family:'robotoregular', Arial, 'sans-serif';color:#adb9c7; margin:5px;}
a {text-decoration: none;color:#adb9c7;}
a:hover {text-decoration: none;color:#fff;}
.title{text-align:left;}
th {text-align:left;}
.icon{width:20px;padding-right:10px}