body { background-color: #EBEBEB; margin: 0px; }
body,td,th { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color:#404C56; }
div { float:left; text-align:left; }
h1, h2, h3 { font-family: 'Rokkitt', serif; margin:0px; }
h1 { font-size:35px; line-height:38px;  }
a { color: #404C56; text-decoration:none; outline:none; }
ul, li { list-style:none; padding:0px; margin:0px; }
img { border:0px; }
img.a { position: absolute; left: 0; top: 0; z-index: 10; }
img.b { position: absolute; left: 0; top: 0; }
p { margin:0px; }

.w800 { width:800px; }
.w680 { width:680px; }
.w470 { width:470px; }
.w390 { width:390px; }
.w310 { width:310px; }
.w270 { width:270px; }
.w260 { width:260px; }
.mt80 { margin-top:80px; }
.mt40 { margin-top:40px; }
.mb30 { margin-bottom:30px; }
.mt20 { margin-top:20px; }
.mb20 { margin-bottom:20px; }
.mr20 { margin-right:20px; }
.ml10 { margin-left:10px; }
.mr10 { margin-right:10px; }
.mt10 { margin-top:10px; }
.f22 { font-size:22px; }
.f20 { font-size:20px; }
.f16 { font-size:16px; }
.justify { text-align:justify; }
.relative { position:relative; }
.loading { background:url('../images/loading.gif') no-repeat center; }
.blue { color: #009BE1; }
.b { font-weight:bold; }
.mt { margin-top:20px; }
.cl { clear:both; }
.separator { border-top: 5px solid #8C9498; padding-top:40px; margin-top:40px; }

.wrapper { width:100%; margin:0px; }
.container { width:800px; margin:0px auto; text-align:center; float:none;  }
#who .text a { border-bottom:2px dotted; }
#who .text a:hover { border-bottom:0px; text-decoration:none; }


#header { background:#EBEBEB; z-index:30;  }
.header .logo img { margin: 20px 0 20px 0; }
.share { margin-top:30px; }
.lang { margin-top:10px; font-size:14px; }
.share li { float:right; margin-left:5px; position:relative; width:20px; height:20px; } 
.lang li { float:right; border-left:1px solid #404C56; margin-left:5px; padding-left:5px; }
.lang li.last { border:0px; }

.menu { position:relative; border-bottom:5px solid #404C56; margin-bottom:20px; height:35px; }
.menu li { float:right; font-family: 'Rokkitt', serif; font-size:30px; margin:0 0 0 10px; font-weight:bold; }
.menu li a { padding: 0 10px 15px 10px; display:block; }
.menu li.select a, .menu li a:hover { color:#EBEBEB; background:url('../images/menu_arrow.png') no-repeat bottom center #404C56; text-decoration:none; }


.box { background:#FFF; padding:10px; height:320px; width:240px; margin-bottom:10px; }
.box .image { height:240px; width:240px; margin-bottom:5px; position:relative; }
.box .image span { position:absolute; top:8px; left:8px; background: url('../images/bg_title.png') no-repeat; text-align:center; width:230px; height:66px;  }
.box .image:hover span { background: url('../images/bg_title2.png') no-repeat; }
.box .image h2 { font-size:20px; margin:0px; padding:5px 10px 5px 10px; text-transform:uppercase; line-height: 18px; }
.box .text { font-style: italic; height:60px; width:240px; font-size:14px; }
.box .tag a:hover { text-decoration:underline; }
.box2 { height:340px; width:260px; margin-bottom:10px; }
.box3 .content { height:290px; width:210px; margin-bottom:10px; border:5px solid #009BE1; padding:20px; background:#009BE1; }
.box3 .content:hover { background:none; }
.box3 a { display:block; color:#EBEBEB; }
.box3 a:hover { color:#009BE1; }
.box3 h1 { margin:0 0 20px 0;  }
.box3 p { font-style: italic;  font-size:14px; }
.box4 .content { height:290px; width:210px; border:5px solid #E24520; margin-bottom:10px; background:#E24520; padding:20px; }
.box4 .content:hover { background:#EBEBEB; color:#E24520; }
.box4 a { display:block; color:#EBEBEB; }
.box4 a:hover { color:#E24520; }
.box4 h1 { margin:0 0 20px 0; line-height:32px; }
.box4 p { font-style: italic; font-size:14px;  }
.box5 .content { height:290px; width:210px; border:5px solid #A4C539; margin-bottom:10px; background:#A4C539; padding:20px; }
.box5 .content:hover { background:#EBEBEB; color:#A4C539; }
.box5 a { display:block; color:#EBEBEB; }
.box5 a:hover { color:#A4C539; }
.box5 h1 { margin:0 0 20px 0; }
.box5 p { font-style: italic; font-size:14px;  }

.box6 .content { height:290px; width:210px; border:5px solid #55527B; margin-bottom:10px; background:#55527B; padding:20px; }
.box6 .content:hover { background:#EBEBEB; color:#55527B9; }
.box6 a { display:block; color:#EBEBEB; }
.box6 a:hover { color:#55527B; }
.box6 h1 { margin:0 0 20px 0; text-indent:-200px; overflow:hidden; width:210px; background: url('../images/logo_framework.png') no-repeat; height:34px; }
.box6:hover h1 { background: url('../images/logo_framework_hover.png') no-repeat; }
.box6 p { font-style: italic; font-size:14px;  }

.box_blog .content { background:#D63580; height:290px; width:210px; margin-bottom:10px; border:5px solid #D63580; padding:20px; }
.box_blog .content:hover { background:none; }
.box_blog a { display:block; color:#EBEBEB; }
.box_blog a:hover { color:#D63580; }
.box_blog h1 { margin:0 0 20px 0; }


.video_preview iframe, .video_preview object { width:510px; height:320px; }


.boxnews .content { background:#3C3C3C; border:5px solid #3C3C3C; padding:20px; height:290px; width:210px; margin-bottom:10px; }
.boxnews .content:hover { background:#EBEBEB; }
.boxnews .content p { font-style:italic; font-size:14px; margin:5px 0 10px 0; }
.boxnews a { display:block; color:#EBEBEB; }
.boxnews a:hover { color:#3C3C3C; }
.boxnews h1 { font-family: 'Rokkitt', serif; font-size:35px; margin:0 0 20px 0; line-height:32px; }


#what .intestazione_box .content { font-size:14px; height:auto; width:760px; background:#E24520; padding:10px 20px; color:#EBEBEB; }
#what .intestazione_box h1 { margin:0 0 5px 0; font-size:35px; }
#what .intestazione_box p { font-style: italic; font-size:16px; color:#EBEBEB; margin-bottom:10px; }
#what .elenco { font-size:18px; text-align:justify; margin-bottom:10px; line-height:23px; }
#what .elenco a { font-family: 'Rokkitt', serif; border:5px solid #E24520; background:#E24520; color:#EBEBEB; font-weight:bold; display:block; padding:5px 10px; }
#what .elenco a:hover, #what .elenco a.select { background:#EBEBEB; color:#E24520; }

a.pdf { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
a:hover.pdf { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:0.5; -khtml-opacity: 1.0; opacity: 1.0; }

#home .primopiano { position:relative; z-index:20; margin-bottom:7px; }
#home .primopiano ul { overflow:hidden; height:340px; }
#home .primopiano li { width: 800px; height:340px; border-right:1px solid #FFF; float:left; position:relative; overflow:hidden; }
#home .primopiano #prev { z-index:100; position:absolute; left:-50px; top: 150px; width:50px; height:50px; overflow:hidden; background: url('../images/icon_arrows.png') no-repeat; text-indent:-100px; }
#home .primopiano #next { z-index:100; position:absolute; right:-50px; top: 150px; width:50px; height:50px; overflow:hidden; background: url('../images/icon_arrows.png') no-repeat -52px 0; text-indent:-100px; }
#home .primopiano:hover .text { background: url('../images/bg_title_big2.png') no-repeat; }
#home .primopiano .text { position:absolute; top:20px; right:20px; background: url('../images/bg_title_big.png') no-repeat; width:234px; height:283px; padding:10px; z-index:20; }
#home .primopiano h2 { text-transform:uppercase; font-size:28px; text-align:center; margin: 10px 0 10px 0; }
#home .primopiano p { font-style:italic; font-size:13px; line-height:17px; }
#home .primopiano img { border:10px solid #FFF; }
#home .links { margin-bottom:20px; }

#home .links h2 { font-family: Georgia,"Times New Roman",Times,serif; font-size:13px; background:#FFF; margin:0 10px 10px 0; padding:10px 10px 30px 10px; font-style:italic; font-weight:normal; color:#222; } 
#home .links h2.news { color: #D63580; }
#home .links li { background:#FFF; margin:0 10px 5px 0; padding:10px; height:30px; }
#home .links li a { color:#222; }
#home .links li a:hover { text-decoration:underline; }
#home .links .twitter { background:#FFF; height:240px; width:225px; padding:20px; display:block; }


#how .item { line-height:24px; margin:0px auto; text-align: center; border-bottom: 5px solid #9DA4A9; margin-bottom:20px; padding-bottom:20px; font-size:18px; }
#how .item h1 {display:inline-block; padding: 15px 20px 10px 20px; margin:10px 0 10px 0; text-transform:uppercase; background:#404C56; color:#EBEBEB; }
#how .item h2 { margin:0 0 40px 0; text-align:center;font-size:20px; text-transform:uppercase; color:#E24520; }
#how .item h3 {margin:60px 0 0 0; font-size:24px; text-transform:uppercase; color:#9DA4A9; }
#how .item .details { margin: 50px 20px 0 70px; }
#how a.pdf { width:96px; height:130px; text-align:center; padding-top:50px; font-weight:bold; font-size:22px; margin-top:15px; display:block }
#how .noborder { border:0px; }
#who a:hover { text-decoration:underline; }

.title h1 { margin:0 0 20px 0; font-size:40px; text-transform:uppercase; text-align:center; }
.title img { border:10px solid #FFF; margin-bottom:30px; }
.title p { font-size:20px; text-align:justify; font-family: Georgia, "Times New Roman", Times, serif; line-height:26px; }
.title2 h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:22px; margin:0px; }
.title2 p { font-size:16px; text-align:justify; font-family: Georgia, "Times New Roman", Times, serif; margin:5px 0 5px 0;  }


#how a.pdf { background: url('../images/framework_pdf.gif') no-repeat; color:#404C56; }
#how a.select .bg, #how a:hover .bg { background:#404C56; }

.design_border { border:10px solid #F1A315; padding:20px; }.design h1, #scheda .design .title h1 { background:#F1A315; color:#FFF; }
.design h2 { color:#F1A315; }
.design a.pdf { background: url('../images/design_pdf.gif') no-repeat; color:#F1A315; }
.design a .bg { background:#F8D18A; }
.design a.select .bg, .design a:hover .bg { background:#F1A315; }


.design_driven { margin-bottom:40px; background: url('../images/box_design.gif') 0 0 no-repeat; padding-top:150px; }
.design_driven h1 { font-family: Georgia, "Times New Roman", Times, serif;  color:#E24520; font-style: italic; font-size:45px; margin:0 0 10px 0; line-height:40px; font-weight:normal; }
.design_driven p { font-style: italic;  font-size:16px; }

.clienti li { width: 160px; text-align:center; float:left; height:100px; }
.clienti li img:hover { opacity:0.5; }

#contact h1 { text-align:center; margin:0 0 0 0; font-size:38px; text-transform:uppercase; }
#contact h2 { text-align:center; text-transform:uppercase;  font-size:18px; font-weight:normal; margin:20px 0 20px 0; } 
#contact .links { margin-top:40px; background:url('../images/bg_links.gif') no-repeat; }
#contact .links .container { padding-left:10px; width:auto; text-align:left; font-size:18px;  }
#contact .links .container a:hover { text-decoration:underline; }
#links .links { background:url('../images/bg_links2.gif'); margin-bottom:100px; }
#links h2 { text-transform:uppercase; font-size:32px; font-weight:bold; margin:0 0 20px 10px; } 
#links .links li { float:left; width:256px; padding-left:10px; }
#links .links li li { float:none; width:auto; font-size:16px; }
#links a:hover { text-decoration:underline; }

#scheda .primopiano { position:relative; }
#scheda .primopiano img { border:10px solid #FFF; margin-bottom:30px; }
#scheda .primopiano a, #scheda .primopiano { color:#768796; }
#scheda .primopiano .menu_fasi { position:absolute; left:-160px; top:50px; z-index:20000; font-family: 'Rokkitt', serif; margin:0px auto; text-align: right; }
#scheda .primopiano .menu_fasi h3 { color:#768796; text-transform:uppercase; margin: 0 0 5px 5px; font-size:16px;}
#scheda .primopiano .menu_fasi li { width:190px; text-align:right; font-weight:bold; font-size:14px; text-transform:lowercase; }
#scheda .primopiano .menu_fasi li span { width:40px; height:10px; display:block; float:right; margin:5px 0 0 10px; }
#scheda .image img { margin-top:20px; }
#scheda .title { margin:0px auto; text-align: center; }
#scheda .title h1 { text-transform:uppercase; font-size:36px; background:#404C56; color:#FFF; display:inline-block; padding: 6px 25px 2px 25px; margin-bottom:10px; }
#scheda .title h2 { text-transform:uppercase; font-size:22px; margin:0px; }
#scheda .text { text-align:justify; margin:30px 0 30px 0; font-family: Arial, Helvetica, sans-serif; }
#scheda .text  em { font-style: italic; font-size:20px; font-family: Georgia, "Times New Roman", Times, serif;  }
#scheda .text2 { font-family: Georgia, "Times New Roman", Times, serif; font-size:13px; }
#scheda .video { margin-bottom:30px; }
#scheda .link { margin-top:20px; font-size:20px; font-family: Georgia, "Times New Roman", Times, serif; }
#scheda .link a:hover { text-decoration:underline; }
#scheda p { margin:0 0 20px 0; }
#scheda h3 { margin:40px 0 0 0; font-size:24px; color:#8C9498; text-transform:uppercase; }
#scheda a.pdf { margin-top:20px; width:96px; height:80px; background: url('../images/framework_pdf.gif') no-repeat; text-align:center; padding-top:50px; color:#404C56; font-weight:bold; font-size:22px; margin-top:15px; font-style: normal; display:block; }
#scheda .other { margin-top:60px; }
#scheda .other h2 {  font-family: 'Rokkitt', serif; border:5px solid #E24520; background:#E24520; color:#EBEBEB; font-weight:bold; display:block; padding:5px 10px; }
#scheda .other li a { display:block; background:#FFF; padding: 7px 15px; margin-top:5px; font-family: 'Rokkitt', serif; text-transform:uppercase; font-size:15px; }
#scheda .other li a:hover, #scheda .other li.select a { background:#EFEFEF; }
#scheda .other li.what a { color:#FFF; background:#404C56; text-align:center; }


#what .elenco a { font-family: 'Rokkitt', serif; border:5px solid #E24520; background:#E24520; color:#EBEBEB; font-weight:bold; display:block; padding:5px 10px; }
#what .elenco a:hover, #what .elenco a.select { background:#EBEBEB; color:#E24520; }

.elenco_video { border-bottom: 5px solid #8C9498; padding-bottom:40px; margin-bottom:40px; }
.elenco_video h2 { font-style:italic; color:#A4C539; font-size:30px; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom:15px; }
.elenco_video iframe, .elenco_video object, .elenco_video embed { width:100%; height:400px; margin-bottom:10px; }
.elenco_video p { font-style:italic; font-size:14px; line-height:20px; }
.elenco_video p a { font-weight:bold; }
.elenco_video p a:hover  { text-decoration:underline; }
.elenco_video .share { margin-top:0px; float:right; }
.map_video { margin:150px 0 30px 0; }
.map_video a { font-weight:bold; margin-right:10px; }
.map_video a:hover { color:#A4C539; }

.map_blog { margin:150px 0 50px 0; font-size:22px; color:#D63580; }
.elenco_blog { border-bottom: 5px solid #8C9498; padding-bottom:40px; margin-bottom:40px; font-family: Verdana; }
.elenco_blog h2 { color:#D63580; font-weight:bold; margin-bottom:5px; font-family: Verdana;  font-size:14px;  }
.elenco_blog img { margin:10px 0; }
.elenco_blog iframe, .elenco_blog object, .elenco_blog embed { width:100%; height:400px; margin:20px 0; }
.elenco_blog p { line-height:18px; }
.elenco_blog p a { font-weight:bold; color:D63580; }
.elenco_blog p a:hover  { text-decoration:underline; }
.elenco_blog .share { margin-top:0px; float:right; }


#news .elenco { font-size:18px; text-align:justify; margin-bottom:20px; line-height:23px; }
#news .elenco h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size:22px; margin: 20px 0 10px 0; }
#news .elenco p { margin:10px 0 10px 0; }
#news .elenco h3 { margin:40px 0 0 0; font-size:24px; color:#8C9498; text-transform:uppercase; }
#news .elenco a { font-weight:bold; }
#news .elenco a.pdf { width:96px; height:80px; background: url('../images/framework_pdf.gif') no-repeat; text-align:center; padding-top:50px; color:#404C56; font-weight:bold; font-size:22px; margin-top:15px; font-style: normal; display:block; }
#news .elenco .share { padding:10px 0 10px 0; }
#news .elenco a:hover { text-decoration:underline; }
#news .elenco a:hover.pdf { text-decoration:none; }

#legal em { font-size:18px; font-family: Georgia, "Times New Roman", Times, serif;  }
#legal { font-family: Arial, Helvetica, sans-serif;  }

.footer { margin-top:20px; border-top:5px solid #404C56; padding-top:10px; margin-bottom:20px; }
.footer li {float:right; margin:0 10px 0 10px; font-size:26px; font-family: 'Rokkitt', serif; }
.footer a:hover { text-decoration:none; color:#777; }

#layer { margin:0; top: 0; left: 0; bottom: 0; right: 0; display: none; position: fixed; z-index:50; width:100%; background:url('../images/bg.png'); }
#page { position:absolute; width:740px; left:50%; margin: 280px 0 0 -370px; background:#FFF; z-index:60; }
#page .load { text-align:center; width:740px; margin:50px 0 50px 0; }

.people {margin-bottom:20px; }
.people .title { font-size:22px; margin-top:20px; }
.people .text { font-size:16px; margin-top:20px; text-align:justify;  }
.people .share { margin-top:10px; }
.people .share li { float:left; margin: 0 5px 0 0; }

#popupcontent { margin:0; top: 0; left: 0; bottom: 0; right: 0; position: fixed; visibility: hidden; overflow: hidden; z-index:500; width:100%; height:100%; background:url('../images/bg.png');  }



div.top {  display: none; overflow: hidden; position: fixed;  }
div.top a { display:block; color:#FFF; padding:15px 15px; background: #9DA5A9; cursor:pointer; }
div.top a:hover { background: #404C56; }

.global-site-notice { margin-bottom:20px; background: #222 none repeat scroll 0% 0%;  color: #CCC; display:block;   float:none; font-size:13px; }
.global-site-notice .notice-inner { max-width:100%; margin: 0 auto; text-align:left; float:none; position:relative; padding: 10px 40px 10px 20px; }
.global-site-notice .notice-inner a { font-weight:bold; color:#FFFF99; }
.global-site-notice .notice-inner a:hover { text-decoration:underline; }
#close-cookie-notice { position: absolute; right:20px; top:10px; }
.global-site-notice.hidden { display:none; }