@font-face {
	font-family: 'Gotham-Light';
	src: url('../fonts/Gotham-Light.eot?') format('eot'), 
	     url('../fonts/Gotham-Light.woff') format('woff'), 
	     url('../fonts/Gotham-Light.ttf')  format('truetype'),
	     url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
}

@font-face {
	font-family: 'Gotham-Medium';
	src: url('../fonts/Gotham-Medium.eot?') format('eot'), 
	     url('../fonts/Gotham-Medium.woff') format('woff'), 
	     url('../fonts/Gotham-Medium.ttf')  format('truetype'),
	     url('../fonts/Gotham-Medium.svg#Gotham-Light') format('svg');
}

@font-face {
	font-family: 'Gotham-Bold';
	src: url('../fonts/Gotham-Bold.eot?') format('eot'), 
	     url('../fonts/Gotham-Bold.woff') format('woff'), 
	     url('../fonts/Gotham-Bold.ttf')  format('truetype'),
	     url('../fonts/Gotham-Bold.svg#Gotham-Book') format('svg');
}


body {

    font-family: 'Lato', sans-serif !important;
    background-color:#91cbd7;
    background-image:url(../images/bg.png);
   background-size:cover;
   background-position:center top;
   background-repeat:no-repeat;
   margin:0px;
   padding:0px;

}


b,strong {
    font-family: 'Lato' !important;
    font-weight:800;
    margin-right:5px;
}

div#container
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    min-height:300px; margin-bottom:0px;
    background-color:white; padding-bottom:0px;
     box-shadow: 0 0 15px rgba(111, 129, 131, 0.41);
}

div#top, div#topbg, div#banner
{
    padding:0px;
    width:960px;
    height:165px;
}
div#topbg { position:fixed; background-color:white;top:0px; opacity:0.95; z-index:1000;}
div#top { position:fixed; top:0px; height:165px; z-index:1000; /*background-image:url('../images/topbg.png');*/ 
          background-position:top right; background-repeat:no-repeat; }
div#banner { padding-top:165px; display:block; height:425px; position:relative; z-index:10;}

div#footer { width:100%; display:block; height:300px; background-color:#498da0; background-color:#4b9faf; 
             background-position:top left; background-repeat:no-repeat; opacity:1.0;
}

div#logo { float:left; width:100%; height:134px;}
div#logo img { border-style:none; margin-top:20px; margin-left:20px;}
div#menu { float:left; width:920px; height:32px; display:block; /*background-color:#e2e2e2;*/}

div.section { width:880px; padding-left:40px; padding-right:40px; color:#626262;   font-size:14px;}
  
div.sectionbg { margin-top:30px; background-image:url('../images/sectionbg.png');
               background-position:center top;background-repeat:no-repeat;}

div#digital.sectionbg { background-image:url(../resources/Risorse/digital_bg.jpg);}
div#perche_code.sectionbg { background-image:url(../resources/Risorse/perche_code_bg.jpg);}

h1, h2, h3 { width:100%; text-align:center; padding:0px; margin:0px;    }
div.section table tr td { vertical-align:top;}

h1 {padding-top:10px;  padding-bottom:5px;  font-weight:300;   text-transform:uppercase; color:#78bfd1; font-size:30px; }

h2 { font-size:24px; font-weight:300; }

h3 {padding-top:15px;  font-weight:normal; padding-bottom:5px; color:#6f8183;  font-size:14px;   }

h4 { color:#78bfd1; font-size:14px; text-transform:uppercase; font-weight:normal; }


a, a:visited { text-decoration:none;}

div.section ul { margin-left:40px; margin-right:40px; padding:0px; list-style-image:url(../images/blist.png);}
    div.section ul li { padding:0px; margin-bottom:10px; }

    
div.gallery
{
    display:inline-block;
}
.gallerythu { width:120px; height:120px; background-color:#000000; background-position:center center;
              background-size:cover;  background-repeat:no-repeat;
              border:5px solid #78bfd1;  float:left; display:inline-block; margin:5px;
}


div.box { width:313px; height:259px; display:inline-block; margin-right:40px;  box-shadow: 0 0 10px #dae4e3; margin-bottom:20px;}
div.box span.title { display:block; width:100%; height:59px; background-color:#9ddce6; text-align:center;
                          color:white; font-size:22px; line-height:59px;}
div.box:hover span.title { background-color:#498da0;}
div.box span.description { color:#929292; opacity:0.5; margin-top:20px; display:block; width:100%; height:59px;  text-align:center;
                           font-size:15px; height:155px; background-position:center bottom;
                           background-repeat:no-repeat; }
div.box:hover span.description { color:#000000; opacity:1.0;}
div.box.small { width:290px; height:259px; display:inline-block; margin-right:18px;  box-shadow: 0 0 10px #dae4e3;}

span.page-title { position:absolute; top:190px;color:white; text-transform:uppercase; font-weight:300; 
                  text-indent:20px; font-size:50px;
                   text-shadow: 0 0 6px #3e565d;
                   z-index:100;
}

span.page-description { position:absolute; top:250px; color:white;text-indent:20px; font-size:25px;font-weight:300; 
                   text-shadow: 0 0 6px #3e565d;
                   z-index:100;
}





.default_cont {
background-color:white;
width:920px;
display:block;
margin:-15px 0 0 20px;
position:relative;
z-index:100;
box-shadow:0 0 10px rgba(111, 129, 131, 0.34);
min-height:300px;
}



.titlepage {
width:auto;
padding:10px 70px 10px 20px;
margin-left:10px;
float:left;
font-size:26px;
font-weight:400;
text-transform:uppercase;
text-align:left;
background-color:#9ddce6;
color:white;
}

.contenuto_pag {
width:820px;
padding:0 50px;
font-size:14px;
font-weight:300;
color:#7e7e7e;
}








.top_r {
float:right;
height:100px;
padding-top:24px;
width:145px;
display:block;  
}

#logo .social img {
float:left;
margin:0 3px 13px 0;
}


#logo p {

font-size:12px;
color:#7dc0d3;
margin:0 3px 0 0;
padding-left:10px;
}
#logo img:hover {opacity:0.6;}
#logo p:hover {opacity:0.6;}



#footer {
padding-top:50px;
}

#footer img{border:0;}


div#footer .f_cont {
width:100%;
float:right;
}

#footer .f-cont .f{
width:120px;
height:200px;
display:block;
float:right;
margin:0 20px;
float:left;
}

#footer .f-cont .f p{
margin: 0;
color:#dae4e3;
font-size:13px;
font-weight:400;
}