@charset "UTF-8";
@import "http://fonts.googleapis.com/css?family=Cabin:regular,regularitalic,500,500italic,600,600italic,bold,bolditalic";

html, body, #wrapper, #right { /*height:100%;*/ }

form {
    padding:0px;
    margin:0px;
}

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.8em;/*	position:relative;
*/	
	}

/* ########## GENERICI #################################################################################################### */
h2, h3, h4 {
    /*background-image:url(../img/bgs/bgTitles.png);
	background-position:left bottom;
	background-repeat:repeat-x;*/
	margin:0px;
    padding:0px;
    padding-bottom:6px;
    margin-bottom:5px;/*border-bottom:1px solid #999;*/
}

h2 {
    font-family:"Cabin", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1.8em;
    /*border-bottom:1px solid #999;*/
	margin-bottom:8px;
    line-height: 120%;
}

h3 {
    padding-bottom:5px;
    font-family:"Cabin", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1.5em;
    background-image:none;/*border-bottom:1px solid #afafaf;*/
}

h4 {
    margin-top:0px;
    padding-bottom:2px;
    font-family:"Cabin", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1.1em;
    background-image:none;
    border-bottom:0px solid #afafaf;
}

.text { /*margin:0 0 10px;*/
	/*width:98%;*/
}

.text ul, .text ol { margin-bottom:15px; }

acronym {
    text-decoration:underline;
    cursor:pointer;
}

.text p { margin:0 0 10px; }

.text, .map {
    margin:10px 0 40px;
    line-height:1.6em;
    overflow:hidden;
    text-align:left;
}

.map {
    border:1px solid #999999;
    width:746px;
    height:380px;
    text-align:left;
}

a {
    color:#db321f;
    font-weight:bold;
}

a:hover { color:#666; }

.left { float:left; }

.right { float:right; }

.img.right { margin-left: 20px; }

.imgContact { margin-top:25px; }

.bordered {
    border:1px solid #999;
    padding:2px;
    background-color:#fff;
}

.dida {
    font-size: 0.9em;
    font-style: italic;
    line-height: 120%;
    padding:3px 0;
}

.moreData { margin-top:10px; }

.moreData a {
    display:block;
    background-repeat:no-repeat;
    background-position:5px 5px;
    background-color:#f7f7f7;
    padding-top:4px;
    padding-right:4px;
    padding-bottom:4px;
}

.moreData a:hover, #service a:hover {
    background-color:#666;
    color:#fff;
    text-decoration:none;
}

/*.attachs {
    background-image:url(../img/icons/pdf.png);
	padding-left:28px;
    background-repeat:no-repeat;
}*/

.attachs a {
    padding-top:2px;
    padding-bottom:2px;
}

.pdf {
    background-image:url(../img/icons/pdf.png);
    padding-left:28px;
    background-repeat:no-repeat;
}

.internal {
    background-image:url(../img/icons/internal.png);
    padding-left:28px;
    background-repeat:no-repeat;
}

.mail {
    background-image: url(../img/icons/mail.png);
    padding-left:28px;
    background-repeat:no-repeat;
}

h2, h3, h4, #breadcrumb, #section, #menu ul li.current a, #menu ul li.current ul li.current a { color:#666666; }

.hidden { display:none; }

/* ########## STRUTTURA #################################################################################################### */
#element {
    width:304px;
    height:278px;
    position:absolute;
}

#wrapperAll {
    background-image:url(../img/bgs/logoBgPage.png);
    background-position:25px 380px;
    background-repeat:no-repeat;
    overflow:hidden;
    background-color:#fff;
}

#wrapper {
    width:960px;
    margin:0px auto;
    position:relative;
}

#WeEdCom {
    display:block;
    width:284px;
    height:28px;
    position:absolute;
    top:0px;
    left:210px;
    background: url(../img/bgs/WebMobileEditoriaMultimediaComunicazione.png) no-repeat left top;
}

/*#WeEdCom {
    display:block;
    width:28px;
    height:298px;
    position:absolute;
    top:0px;
    left:960px;
    background: url(../img/bgs/WebMobileEditoriaMultimediaComunicazione.png) no-repeat left top;
}*/

#left {
    float: left;
    overflow: hidden;
    position: absolute;
    /*	right: 961px;
*/	right:791px;
    width: 194px;
    z-index:1;/*width:170px;
	float:left;
	overflow:hidden;*/
}

#right {
    float: left;
    overflow: hidden;
    position: relative;
    width: 791px;
    left:169px;
    background:url(../img/bgs/bg-right.gif) 0 0 repeat-y;
    -moz-box-shadow: -14px 0 14px #ededed;
    -webkit-box-shadow: -14px 0 14px #ededed;
    -o-box-sadow:-14px 0 14px #ededed;
    box-shadow: -14px 0 14px #ededed;/*width:790px;
	float:left;
	overflow:hidden;
*/
}

#menu {
    float:right;
    margin-top:38px;
    background:url(../img/bgs/bg-menu-top.png) right top no-repeat;
    padding:28px 0 0 0;
}

#container {
    width: 760px;
    float:left;
    /*overflow:hidden;
	position:relative;*/
	margin-left:43px;
}

#content {
    width:748px; /* 700 */
    clear:left;
    padding-top:17px;
    overflow:hidden;
    position:relative;
    height: auto !important;  /* per i browser moderni */
    height: 500px;      /* per IE5.x e IE6 */
    min-height: 500px;  /* per i browser moderni */
}

#breadcrumb {
    border-bottom: 1px solid #999999;
    font-size: 0.9em;
    margin-bottom: 30px;
    margin-top: 15px;
    padding-bottom: 5px;
}

.features, #section {
    background-color: #FFFFFF;
    border-top: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    border-top: 1px solid #CECECE;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    float: right;
    padding:5px;
    background-image:url(../img/bgs/bgSfumato.png);
    height:17px;
    margin-top:6px;
}

.features {
    margin-top:0px;
    border-bottom: 1px solid #CECECE;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.featuresS {
    float: right;
    margin: 0 0 0 10px;
}

#footer {
    clear: left;
    float: left;
    height: auto;
    margin: 45px 0 0 45px;
    padding:10px 0 20px;
    width: 746px;
    border-top:1px solid #999;
}

#menu ul.main {
    background:url(../img/bgs/bg-menu-bottom.png) right bottom no-repeat;
    padding:0 0 30px 0;
}

#menu ul li a:hover { text-decoration:none; }

#menu ul li {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1.2em;
    text-align:right;
    padding:6px 0 4px 0;
    width:194px;/*	border-right:3px solid #ff6600;
*/
}

#menu ul li:hover { /*	border-right:3px solid #666;
*/ }

#menu ul li.current { /*	border-right:3px solid #666;
*/ }

#menu ul li a {
    color:#db321f;
    padding:0 15px 0 0;
}

#menu ul li a:hover { color: #666; }

#menu ul li.current ul li a { color:#DB321F; }

#menu ul li ul { margin:10px 0 15px; }

#menu ul li.current ul li {
    font-size:0.8em;
    border-right:0px;
    margin:0;
    line-height:95%;
}

#menu ul li.current { background: url(../img/bgs/bg-menu-selected.png) 0 0 no-repeat; }

#menu ul li.current a, #menu ul li.current a:hover { color:#fff; }

#menu ul li.current ul li.current, #menu ul li ul li.current:hover {
    border-right:0px;
    background:url(../img/arrows/menu-selected.png) 184px center no-repeat;
}

#menu ul li.current ul li.current a, #menu ul li.current ul li.current a:hover { color:#666; }

#menu ul li.current ul li a:hover { color:#666; }

#menu ul li.current ul li:hover { background:url("../img/arrows/menu-selected.png") no-repeat 184px center; }

a.case, a.client, a.more, a.partner, .workSector, .newsData, #searchWork, #searchNews, .search, #what, #example {
    border:1px solid #999999;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:4px;
    background-image:url(../img/bgs/bgSfumato.png);
}

.workSector {
    background-image:none;
    border:0px;
    color:#fff;
}

.workSector a, .workSector a, .workSector a, .workSector a { color:#fff; }

.moreinfo {
    color:#fff;
    padding:6px;
    display:block;
    text-align:center;
    font-size:1.2em;
}

.workSector.web { background-color:#748909; }
.workSector.mobile { background-color:#3e8ac8; }
.workSector.multimedia { background-color:#963c4d; }
.workSector.editoria-multimedia { background-color:#BC495F; }
.workSector.comunicazione { background-color:#f99407; }

.works li.web/*, .works li.web .bordered */{ border-color:#748909; }
.works li.mobile/*, .works li.mobile .bordered */{ border-color:#3e8ac8; }
.works li.multimedia/*, .works li.multimedia .bordered */{ border-color:#963c4d; }
.works li.editoria-multimedia/*, .works li.editoria-multimedia .bordered */{ border-color:#BC495F; }
.works li.comunicazione/*, .works li.comunicazione .bordered */{ border-color:#f99407; }

.moreinfo.web { background-color:#748909; }
.moreinfo.mobile { background-color:#3e8ac8; }
.moreinfo.multimedia { background-color:#963c4d; }
.moreinfo.editoria-multimedia { background-color:#BC495F; }
.moreinfo.comunicazione { background-color:#f99407; }

span.web/*, .web h3 a */{ color:#748909; }
span.mobile/*, .mobile h3 a */{ color:#3e8ac8; }
span.multimedia/*, .multimedia h3 a */{ color:#963c4d; }
span.editoria-multimedia/*, .editoria-multimedia h3 a */{ color:#BC495F; }
span.comunicazione/*, .comunicazione h3 a */{ color:#f99407; }

h2 small { font-size:90%; }

a.client { font-weight:normal; }

.search {
    float:right;
    margin-right:9px;
    display:block;
}

.search.active {
    background-color:#fdfdfd;
    background-image:none;
}

#searchWork, #searchNews { background-image:url(../img/bgs/bgForm.png); }

#logo {
    margin:40px 24px 0 0;
    float:left;
}

#logo, #logo a {
    display: block;
    width: 170px;
    height: 80px;
    overflow: hidden;
    background:url(../img/MisterWolf.png) no-repeat left top;
}

#logo h1 a span,
#logo h1 a img { display:none; }

#service {
    float:right;
    margin-top:8px;
    margin-right:13px;
}

#service ul li {
    float:left;
    margin-left:7px;
}

#service ul li a {
    display:block;
    background-position:0 0;
    background-repeat:no-repeat;
}

#service ul li a span { display:none; }

/*#service ul li a.contact {
	display:block;
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:8px;
	margin-top: 2px;
}*/
#service ul li a.contact {
    width:87px;
    height:45px;
    background:url(../img/btn/social/contact.png) center bottom no-repeat;
}

/*#service ul li a.contact:hover {
	color:#fff;
	background-color:#929191;
	
}*/
#service ul li a.fbFollow {
    width:87px;
    height:45px;
    background:url(../img/btn/social/fb-follow.png) center bottom no-repeat;
}

/*#service ul li a.contact:hover { background:url(../img/btn/contact-h.png) center 1px no-repeat; }

#service ul li a.fb:hover { background:url(../img/btn/facebook-h.png) center bottom no-repeat; }
*/
#service ul li a.lang { width:27px; }

/* ########## FOOTER #################################################################################################### */
#footer-left {
    padding:10px 0;
    display:inline-block;
    font-size:0.9em;
}

#footer-left strong { font-size:1.1em; }

#footer-left small {
    display:block;
    font-size:0.9em;
    margin-top:5px;
}

#footer-right {
    float:right;
    text-align:right;
}

/* ########## FOOTER SOCIAL+VALIDATE #################################################################################################### */
.shareLabel {
    font-size:0.8em;
    font-weight:bold;
}

.shareIcons {
    padding-top:5px;
    overflow:hidden;
}

.shareIcons ul {
    border-top:1px solid #e5e5e5;
    padding-top:6px;
    float:right;
    list-style-type:none;
}

.shareIcons li {
    float:left;
    margin-left:5px;
}

.shareIcons li a {
    display:block;
    width:16px;
    height:16px;
    background-repeat:no-repeat;
    margin-top:2px;
}

.shareIcons li a span { display:none; }

.twitter a { background-image:url(../img/btn/social/twitter.png); }

.friendFeed a { background-image:url(../img/btn/social/friendFeed.png); }

.googleBuzz a { background-image:url(../img/btn/social/buzz.png); }

.delicious a { background-image:url(../img/btn/social/delicious.png); }

.okno a { background-image:url(../img/btn/social/okNo.png); }

.google { padding-top:3px; width:52px }

.like { width:76px }

.validateIcons {
    margin-top:18px;
    clear:left;
}

.validateIcons ul { float:right; }

.validateIcons ul li {
    float:left;
    margin-left:7px;
}

/* ########## FEATURES #################################################################################################### */
.features ul, .featuresS ul { overflow:hidden; }

.features ul li, .featuresS ul li { float:left; }

.features ul li a, .featuresS ul li a {
    display:block;
    width:24px;
    height:24px;
    margin:0 5px;
    background-repeat:no-repeat;
}

.features ul li a { background-position: 0 -3px; }

.features ul li a span, .featuresS ul li a span { display:none; }

.features ul li a.print { background-image: url(../img/btn/ico-print.png) }

.features ul li a.send { background-image: url(../img/btn/ico-send.png) }

.features ul li a.back { background-image: url(../img/btn/ico-back.png) }

.features ul li a.fb { background-image: url(../img/btn/ico-facebook.png) }

.featuresS ul li a.cont, a.cemail { background-image: url(../img/btn/ico-mail.png) }

.featuresS ul li a.web, a.cweb { background-image: url(../img/btn/ico-link.png) }

a.cemail, a.cweb {
    background-position: 0 6px;
    background-repeat: no-repeat;
    display: block;
    line-height: 25px;
    padding: 5px 0 0 30px;
}

ul.people, ul.clients, ul.works, ul.news { margin-top:10px; }

ul.people li, ul.clients li, ul.clientsNoEvid li {
    float: left;
    height: 150px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 5px;
    position: relative;
    text-align: center;
}

ul.clientsNoEvid li {
    background: #eee;
    color: #333;
    font-size: 0.9em;
    height: 22px;
    line-height: 100%;
    margin: 0 5px 5px 0;
    padding: 5px;
    width: 234px;
    text-align:left;
}

ul.clients li {
    background: #eee;
    font-size: 0.9em;
    width: 129px;
}

ul.people li img, ul.clients li img, ul.news li img, #clientTab div.description img, .borderImgs {
    -moz-border-radius:4px;
    border-radius:4px;
    border:1px solid #999;
    padding:2px;
}

ul.people li span, ul.clients li a {
    display: block;
    line-height: 1.2em;
    padding-left: 4px;
    padding-top: 4px;
    text-align: center;
}

ul.clients li img { width:80px; }

ul.clients li a.case {
    display:inline-block;
    float:right;
    padding:1px;
    position:absolute;
    top:2px;
    right:-4px;
}

ul.works li a.client, ul.works li a.partner, a.more {
    font-size:0.8em;
    display:inline-block;
    padding:2px 5px;
    position:absolute;
    bottom:5px;
}

ul.works li {
    border-bottom:2px solid #999;
    background:#ebebeb;
    background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, rgb(255,255,255)),  color-stop(0.8, rgb(237,237,237))  );
    background-image: -moz-linear-gradient(  center top,  rgb(255,255,255) 0%,  rgb(237,237,237) 80%  );
    overflow:hidden;
    padding:10px 10px 30px;
    margin-bottom: 20px;
    position:relative;
    float:left;
    width:350px;
}

ul.works li img { /*width:348px;*/
}

.odd { margin-right:5px; }

.even { margin-right:0px; }

ul.news li {
    border-bottom:1px solid #999;
    overflow:hidden;
    padding-bottom:18px;
    position:relative;
}

ul.news li {
    border-bottom:1px solid #eae9e9;
    margin-bottom:10px;
}

.piega {
    position:absolute;
    bottom:12px;
    right:0px;
    width:55px;
    height:43px;
    background-image:url(../img/bgs/newsPiega.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    filter:alpha(opacity=90);
    opacity:0.9;
}

ul.news li img {
    float:right;
    margin-left:10px;
    /* -moz-border-radius:4px;
    border-radius:4px;*/
    border:1px solid #999;
    padding:2px;
}

ul.news li p img {
    float:left;
    margin-right:10px;
    margin-left:0;
    border:none;
    padding:0;
}

.text ul.works li .abstr {
    line-height: 125%;
}

.workSector, .newsData {
    float:right;
    padding:1px 5px;
    margin-left: 10px;
    margin-top: 2px;
}

.newsData { font-size:0.85em; }

.evid {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:15px;
    line-height:1.3em;
    color:#666666;
    font-weight:bold;
    font-style:italic;
}

.list-row {
    overflow:hidden;
    border-bottom:1px solid #afafaf;
    margin:10px 0;
    padding:5px 0;
}

fieldset {
    font-size:0.9em;
    color:#666;
    font-weight:bold;
}

#sw, #sn {
    background-color:#fff;
    margin:0;
    border:1px solid #999;
    padding:4px;
    width:250px;
}

#wSec, #nYear {
    background-color:#fff;
    margin:0;
    border:1px solid #999;
    padding:3px;
    width:250px;
}

#s {
    background-color:#fff;
    margin:0;
    border:1px solid #999;
    padding:3px;
    width:50px;
}

#clientTab, #workTab {
    border-bottom:1px solid #afafaf;
    overflow:hidden;
    margin-bottom:10px;
    padding-bottom:10px;
}

#workTab ol {
    display: list-item;
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 14px;
}

#clientTab { padding:10px 0px; }

#workTab div.description {
    background-color:#ebebeb;
    padding:10px;
}

#newsTab {
    position:relative;
    overflow:hidden;
    padding-bottom:20px;
}

#workData {
    margin-top:10px;
    overflow:hidden;
    clear:both;
}

#workData #slide {
    float:left;
    width:480px;
    position:relative;
}

#workData #what {
    background-color:#e5e5e5;
    background-image:none;
    overflow:hidden;
    margin-bottom:20px;
}

#slide ul {
    width:440px;
    height:135px;
    margin-left:21px;
    float:left;
    overflow:hidden;
}

#slide ul li {
    float:left;
    margin-right:15px;
}

#slide ul li img { border:1px solid #999; }

.prev a, .next a {
    display:block;
    width:20px;
    height:133px;
    float:left;
    background-color:#ebebeb;
    position:absolute;
    top:26px;
    text-decoration:none;
}

.prev a:hover, .next a:hover { }

.prev a {
    background-image:url(../img/btn/prev.png);
    background-repeat:no-repeat;
    background-position:50%;
    left:0px;
}

.next a {
    background-image:url(../img/btn/next.png);
    background-repeat:no-repeat;
    background-position:50%;
    right:29px;
}

#workData #what .what1, #workData #what .what2 {
    float:left;
    width:50%;
}

#workData #what ul { }

#workData #what ul li {
    width:20px;
    height:20px;
    margin-right:5px;
    margin-bottom:5px;
    float:left;
    border:1px solid #999999;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding:1px;
    background-repeat:no-repeat;
    background-position:50%;
    background-color:#999;
    cursor:pointer;
}

#workData #what ul li span { display:none; }

.design { background-image:url(../img/icons/design.png); }

.developement { background-image:url(../img/icons/developement.png); }

.interface { background-image:url(../img/icons/interface.png); }

.flash { background-image:url(../img/icons/flash.png); }

.project { background-image:url(../img/icons/project.png); }

.maintenance { background-image:url(../img/icons/maintenance.png); }

.content { background-image:url(../img/icons/content.png); }

.system { background-image:url(../img/icons/system.png); }

.ceo { background-image:url(../img/icons/ceo.png); }

.video { background-image:url(../img/icons/video.png); }

.photo { background-image:url(../img/icons/photo.png); }

#thecs span {
    display:block;
    font-size:0.85em;
    line-height:1.3em;
}

#main {
    float:left;
    width:748px;
}

.leftCol {
    float:left;
    width:173px;
    background:url(../img/bgs/ps.png) center 62px no-repeat;
}

.rightCol {
    float: left;
    margin-left: 0;
    padding: 0 0 0 20px;
    width: 554px;
    min-height: 227px;
}

.leftCol h2, .rightCol h2 {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:20px;
    border-bottom:1px solid #999;
    padding-bottom:0;
}

.fasciamore {
    background-color:#ebebeb;
    padding:5px 5px;
    margin-bottom:1px;
    font-size:11px;
    overflow:hidden;
}

.leftCol .fasciamore { text-align:right; }

.rightCol .fasciamore {
    text-align:center;
    clear:left;
    margin-top:10px;
}

.latest ul.latestWork {
    padding:0px;
    margin:0px;
}

.latest ul.latestWork li {
    float:left;
    width:250px;
}

.latest ul.latestWork li.second { margin-left:10px; }

.latest ul.latestWork li a.thumb {
    display:block;
    border:1px solid #999;
    background:#ebebeb;
    padding:5px 6px;
    margin:5px 0;
}

.latest ul.latestWork li img {
    width:245px;
    display:block;
}

.latest ul.latestWork li .section {
    background-color:#ebebeb;
    padding:2px 2px;
    margin-bottom:2px;
    font-size:12px;
    color:#666;
    font-weight:bold;
    padding-left:18px;
}

.latest ul.latestWork li h2 {
    font-size:15px;
    color:666;
    font-weight:bold;
    border-bottom:0px;
    margin-top:3px;
}

.latest ul.latestWork li .section.web {
    background-image:url(../img/icons/pointer-web.png);
    background-repeat:no-repeat;
    background-position:3px 3px;
}

.latest ul.latestWork li .section.mobile {
    background-image:url(../img/icons/pointer-mobile.png);
    background-repeat:no-repeat;
    background-position:3px 3px;
}

.latest ul.latestWork li .section.editoria {
    background-image:url(../img/icons/pointer-editoria.png);
    background-repeat:no-repeat;
    background-position:3px 3px;
}

.latest ul.latestWork li .section.comunicazione {
    background-image:url(../img/icons/pointer-comunicazione.png);
    background-repeat:no-repeat;
    background-position:3px 3px;
}

.home .latest ul.latestWork li { width:272px; }

.home .latest ul.latestWork li img { width:256px; }

.fasciamore ul.bullets {
    padding:0px;
    margin:0px;
    margin-left:228px;
}

#workData .fasciamore ul.bullets {
    padding:0px;
    margin:0px;
    margin-left:320px;
}

.fasciamore ul.bullets li {
    display:inline;
    width:15px;
    float:left;
}

.fasciamore ul.bullets li a {
    display:block;
    background-image:url(../img/btn/bullet.png);
    background-repeat:no-repeat;
    width:10px;
    height:10px;
    float:left;
}

.fasciamore ul.bullets li a.current { background-image:url(../img/btn/bullet-r.png); }

.fasciamore ul.bullets li a:hover {
    text-decoration:none;
    background-image:url(../img/btn/bullet-r.png);
}

.leftCol p, .leftCol img {
    font-size: 94%;
    line-height: 135%;
    margin-bottom: 3px;
    margin-top: 60px;
    padding: 5px 0;
}

.leftCol img { display:none; }

.tips {
    background-color:#ebebeb;
    padding:5px;
    overflow:hidden;
    clear:both;
    margin-top:20px;
}

.tipTitle {
    float:left;
    font-weight:bold;
    border-right:1px solid #000;
    padding-right:8px;
}

.jcarousel-clip-vertical {
	height:45px;
    float:right;
    width:640px;
}

.tipContent,
.tipContent li {
    width:639px;
}

.tip p.bullet { margin:6px 0 0 0; }

p.bullet {
    background: url("../img/arrows/red-arrow.png") no-repeat right 5px;
    display: inline-block;
    padding: 0 15px 0 0;
    width: auto;
}

.rightCol p.bullet, .tip p.bullet { background: url("../img/arrows/red-arrow.png") no-repeat right 11px; }

a.scheda, a.interventi {
    display: inline-block;
    height: 16px;
    padding: 7px 0 6px 26px;
    width: auto;
}

a.scheda, .leftCol p.bullet a { background: url(../img/icons/btn/ico-note.png) center left no-repeat; }

.leftCol p.bullet a { padding:7px 0 6px 26px; }

a.interventi { background: url(../img/icons/btn/ico-manteinance.png) center left no-repeat; }

h2.right-title {
    float: right;
    clear:both;
    width:auto;
}

blockquote {
    color:#000;
    font-family:"Times New Roman", Times, serif;
    font-weight:bold;
    font-style:italic;
    font-size:15px;
}

.last-work { }

.last-work img {
    float:left;
    margin:0 15px 15px 0;
    width:174px;
    height:133px;
}

.last-work a img {
    width:174px;
    height:133px;
    display: block;
}

.last-work p { padding-bottom:15px; }

a.boxtitles {
    font-size:18px;
    display:block;
    padding:0 0 15px 0;
    font-weight:normal;
    text-shadow:1px 1px 0px #ccc;
}

/*.reload, .freccia {
	width:100px;
	float:left;
}
.news-box {
	width:700px;
	float:left;
	clear:both;
}*/

/* ########## HOME HIGHILIGHT E TABS #################################################################################################### */
#highlight {
    margin:20px 0 20px;
    float:left;
    width:748px;
    height:400px;
    font-family:'Cabin', Arial, sans-serif;
    background:#fff;
}

#highlight .panel {
    width:748px;
    height:311px;
}

#highlight .panel .left {
    padding:25px 0 0 40px;
    width:310px;
}

#highlight .panel .pad {
    padding:0;
    margin:0;
    height:283px;
    width:100%;
    overflow:hidden;
    position:relative;
}

#highlight .panel .pad .goto {
    display:block;
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    text-indent:-999em;
    overflow:hidden;
}

#highlight .panel .left h3 {
    color:#333;
    font-size:40px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height:35px;
    margin:0 0 10px;
    padding:0;
    width:275px;
}

#highlight .panel .left p {
    color:#333;
    font-size:22px;
    margin-bottom:10px;
}

#highlight .panel .left ul { padding-left:16px; }

#highlight .panel .left ul li {
    color:#fff;
    font-size:18px;
}

#highlight .panel .left ul li .arrow {
    font-size:20px;
    margin-right:10px;
    margin-left:-16px;
}

/* panel 1 */
#highlight #panel-1 { background:url(../img/panels/panel-1.png) 0 0 no-repeat; }

#highlight #panel-1 .left h3, #highlight #panel-1 .left p { text-shadow:0 1px 0 #d8e63e; }

#highlight #panel-1 .left ul li { text-shadow:0 -1px 0 #3a4200; }

/* panel 2 */
#highlight #panel-2 { background:url(../img/panels/panel-2.png) 0 0 no-repeat; }

#highlight #panel-2 .left h3, #highlight #panel-2 .left p { text-shadow:0 1px 0 #47afff; }

#highlight #panel-2 .left ul li { text-shadow:0 -1px 0 #143855; }

/* panel 3 */
#highlight #panel-3 { background:url(../img/panels/panel-3.png) 0 0 no-repeat; }

#highlight #panel-3 .left h3 { /*text-align:right;*/ }

#highlight #panel-3 .left h3, #highlight #panel-3 .left p { text-shadow:0 1px 0 #d15870; }

#highlight #panel-3 .left ul li { text-shadow:0 -1px 0 #551c25; }

/* panel 4 */
#highlight #panel-4 { background:url(../img/panels/panel-4.png) 0 0 no-repeat; }

#highlight #panel-4 .left h3, #highlight #panel-4 .left p { text-shadow:0 1px 0 #f8bf24; }

#highlight #panel-4 .left ul li { text-shadow:0 -1px 0 #7a540f; }

#tab-box {
    width:748px;
    height:86px;
    background:url(../img/panels/tabs.jpg) center bottom no-repeat;
}

#tab-box .tab {
    width:187px;
    height:86px;
    display:block;
    float:left;
    text-align:center;
}

#tab-box .tab a {
    width:175px;
    height:86px;
    display:block;
    float:left;
    color:#999;
    font-size:14px;
    font-style:normal;
    font-weight:400;
    text-shadow:0 1px 0 #fff;
    line-height:130px;
    text-decoration:none;
    background-position:center 0px;
    background-repeat:no-repeat;
}

#tab-box .tab a:hover, #tab-box .tab.current a {
    text-decoration:none;
    background-position:center -155px;
    color:#333;
}

/* tab 1 */
#tab-box #tab-1 a { background-image:url(../img/panels/tab-1.png); }

/* tab 2 */
#tab-box #tab-2 a { background-image:url(../img/panels/tab-2.png); }

/* tab 3 */
#tab-box #tab-3 a { background-image:url(../img/panels/tab-3.png) }

/* tab 4 */
#tab-box #tab-4 a { background-image:url(../img/panels/tab-4.png) }

#highlight .panel .amp, #tab-box .tab .amp { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

/* ### PAGINATORE ######################################################### */

div.paginator {
    clear:both;
    overflow:hidden;
    text-align:center;
}

div.paginator ul { margin:10px; }

div.paginator ul li {
    display:inline-block;
    padding:0px;
}

div.paginator ul li a, div.paginator ul li span {
    color:#fff;
    background-color:#db321f;
    display:block;
    font-size:1em;
    font-weight:bold;
    padding:5px 10px;
}

div.paginator ul li span { background-color:#666; }

div.paginator ul li span.disabled, div.paginator ul li span.separator { background-color:#ccc; }

div.paginator ul li { background-color:#666; }

/* ########## AREE DI ATTIVITA' #################################################################################################### */
#tabs {
    margin-left:0px;
    overflow: hidden;
    width: 100%;
    margin-bottom:-1px;
}

#tabs li {
    float:left;
    list-style-type:none;
    margin:0 1px 0 0;
    padding:0px;
}

#tabs li a {
    display:block;
    background-color:#ededed;
    color:#DB321F;
    padding:10px 0;
    font-weight:bold;
    font-size:1.1em;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align:center;
    background-image:url(../img/struttura/tabBorder.png);
    background-position:right top;
    background-repeat:no-repeat;
    border-top: 1px solid #CECECE;
    border-left: 1px solid #CECECE;
    border-right: 1px solid #CECECE;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#tabs li a:hover, #tabs li.current a {
    background-color:#fff;
    text-decoration:none;
    color:#666;
}

#tabs li.current a { border-bottom:1px solid #fff; }

#activities .panel {
    clear:left;
    line-height:135%;
    overflow:hidden;
    border:1px solid #CECECE;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding:10px;
    background-image:url(../img/bgs/bgSfumato.png);
    background-repeat:repeat-x;
    background-position:left bottom;
}

#activities .panel ul li {
    background-image:url(../img/icons/pointer.png);
    background-repeat:no-repeat;
    background-position:0 8px;
    padding: 5px 0 5px 18px;
    margin-bottom:10px;
    float:left;
    width:335px;
}

#activities .panel ul li h4 {
    margin:0px;
    padding:0px;
}

#activities .panel ul.web li h4 { color:#778d0a; }

#activities .panel ul.mobile li h4 { color:#3e89da; }

#activities .panel ul.editoria li h4 { color:#bc495f; }

#activities ul.comunicazione li h4 { color:#e79024; }

#activities .panel ul.web li { background-image:url(../img/icons/pointer-web.png) }

#activities .panel ul.mobile li { background-image: url(../img/icons/pointer-mobile.png) }

#activities .panel ul.editoria li { background-image: url(../img/icons/pointer-editoria.png) }

#activities .panel ul.comunicazione li { background-image: url(../img/icons/pointer-comunicazione.png) }

#activities .panel ul li strong { color:#000; }

.panel ul li.odd { margin-right:20px; }

.panel ul li.even { margin-right:0px; }

.panel p { margin:15px 0 10px; }

.wt1 { width: 25%; }

.wt2 { width: 25%; }

.wt3 { width: 25%; }

.wt4 { width: 25% }

/***/

ul.works li h3 { margin-top:10px; }

ul.works li .workSector {
    position:absolute;
    top:0;
    right:5px;
    padding:0 .5em;
}

ul.aree {
    width:100%;
    display:block;
    float:left;
}

ul.aree li {
    width:45%;
    border-bottom:8px solid #ccc;
    margin-bottom:25px;
}

ul.aree li img { text-align:center; }

ul.aree li.web { border-bottom-color:#748909; }

ul.aree li.web h4 a { color:#748909; }

ul.aree li.mobile { border-bottom-color:#3e8ac8; }

ul.aree li.mobile h4 a { color:#3e8ac8; }

ul.aree li.editoria { border-bottom-color:#BC495F; }

ul.aree li.editoria h4 a { color:#BC495F; }

ul.aree li.comunicazione { border-bottom-color:#f99407; }

ul.aree li.comunicazione h4 a { color:#f99407; }

#activityFeed ul.news li { padding-left:30px; }

.loader {
    width:100%;
    height:30px;
    background:url(../img/bgs/loader.gif) no-repeat center center;
    display:block;
}


#natale2011 {
	position:absolute;
	left:10%;
	bottom:0px;
}
