*{ margin:0; padding:0; border:0; outline:0 none; background:transparent;}

body{ font-family:Helvetica, Arial, sans-serif; color:#333; background: #adbcc3;}

ul{ list-style:none;}

.clear{ clear:both;}
.spacer-5{ display:block; height:5px;}
.spacer-10{ display:block; height:10px;}
.spacer-15{ display:block; height:15px;}
.spacer-20{ display:block; height:20px;}

a{ text-decoration:none;}

a.call-to{ display:block; position:absolute; right:0; top:120px; width:174px; height:64px; text-indent:-9999px; outline:none; background:transparent url(../images/call-to-action.png) top left no-repeat; z-index:1000;}

#wrapper{ width:100%; background:#FFF url(../images/bg.jpg) top left repeat-x; text-align:center;}
body#home #wrapper{ background:#FFF url(../images/bg-home.jpg) top left repeat-x;}
body.no-com #wrapper{ background:#FFF url(../images/bg-blog.jpg) top left repeat-x;}

#contenitore{ width:960px; margin:0 auto; text-align:left;}
#testata{ width:960px; height:100px; position:relative;}
#testata #logo{ position:absolute; top:35px; left:10px;}
#testata #top{ position:absolute; top:7px; right:10px;}
#testata #top p{ display:inline; line-height:20px; color:#999; float:left;}
#testata #top p a{ color:#ccc; font-size:14px; text-transform: uppercase; font-size:12px; }
#testata #top p a.selected{ color:#999;}
#testata #top .log-reg{ margin:0 20px 0 0;}
#testata #top .log-reg a{ color:#999; font-size:14px; text-transform:lowercase; }
#testata #top form{ display:inline; height:20px; width:130px; background:#FFF url(../images/input.gif) top left repeat-x; margin:0 20px 0 0; float:left;}
#testata #top form input{ height:16px; width:110px; padding:2px; display:inline; float:left;}
#testata #top form button{ width:11px; height:11px; background:url(../images/search-arrow.gif) left center no-repeat; margin:5px 0 0 0; display:inline; float:left; cursor:pointer;}
#testata #menu{ position:absolute; bottom:0; right:10px; height:40px;}
#testata #menu li{ display:inline;}
#testata #menu li a{ display:inline; font-size:18px; height:40px; font-weight:bold; margin:0 40px 0 0; color:#FFF; float:left;}
#testata #menu li a:hover, #testata #menu li a.selected{ background:url(../images/freccia-menu.gif) bottom center no-repeat;}
#testata #menu li a.no-margin{ margin:0;}



/* Slider */
body#home #comunicazione{ height:320px; position:relative;}
body#home #comunicazione .cycleSlider{ width:940px; height:320px; margin:0 0 0 10px;}
body#home #comunicazione .cycleSlider .item{ width:940px; height:320px; background:transparent url(../images/bg-home.jpg) left -100px repeat-x;}
body#home #comunicazione .cycleSlider .item .image{ width:400px; display:inline; float:left; margin:0 20px 0 0; height:320px;}
body#home #comunicazione .cycleSlider .item .item-cont{ display:inline; width:515px; padding:30px 0 0 0; float:left;}
body#home #comunicazione .cycleSlider .item .item-cont .pre-tit{ font-size:22px; color:#666; margin:0 0 10px 0; display:block;}
body#home #comunicazione .cycleSlider .item .item-cont h2 a{ display:block; font-size:45px; margin:0 0 10px 0; color:#000;}
body#home #comunicazione .cycleSlider .item .item-cont h2 a:hover{ color:#666;}
body#home #comunicazione .cycleSlider .item .item-cont p{ font-size:14px; line-height:18px; color:#333;}
body#home #comunicazione #pager{ position:absolute; bottom:10px; right:10px; z-index:100;}
body#home #comunicazione #pager a{ display:inline; float:left; margin:0 5px 0 0; width:12px; height:12px; background:transparent url(../images/pallino-bianco.png) top left no-repeat; text-indent:-9999px; outline:none;}
body#home #comunicazione #pager a.activeSlide{ background:transparent url(../images/pallino-nero.png) top left no-repeat; }

#comunicazione{ height:151px; width:940px; position:relative;}
#comunicazione .image{ display:inline; float:left;}
#comunicazione .txt{ display:inline; width:550px; padding:20px 0 0 0; float:left;}
#comunicazione .txt h2{ font-size:40px; color:#333;}
#comunicazione .txt p{ font-size:14px; color:#000;}


#contenuti{ padding:35px 10px 0 10px;}
#colonna-sx{ width:300px; display:inline; margin:0 20px 0 0; height:auto !important; min-height:300px; height:300px; float:right;}
#colonna-sx .mod-sx{ width:300px; margin:0 0 30px 0; border-bottom:1px solid #d5d5d5;}
#colonna-sx .mod-sx h2.tit-curvo{ width:290px; height:30px; padding:0 0 0 10px; background:url(../images/bg-tit-mod.gif) top left no-repeat; line-height:32px; font-size:18px; color:#666; font-weight:normal;}
a.more{ font-size:11px; color:#666666;}
.mod-sx a.more{ font-size:11px; color:#666666; float:right;}
#colonna-sx .mod-sx.solution{ margin-bottom:26px;}
.mod-sx.solution h2{ margin:0 0 5px 0;}
.mod-sx.solution .ui-tabs{ background:url(../images/bg-mod-tab-home.gif) left 40px no-repeat;}
.mod-sx.solution .ui-tabs ul{ height:30px; margin:10px 0 0 0;}
.mod-sx.solution .ui-tabs ul li{ display:inline;}
.mod-sx.solution .ui-tabs ul li a{ display:inline; float:left; font-size:12px; color:#666; margin:0 2px 0 0; background:#ededed; padding:5px; width:85px;}
.mod-sx.solution .solution-cont{ width:280px; padding:20px 10px 10px 10px;}
.mod-sx.solution .solution-cont .image{ width:120px; margin:0 15px 0 0; display:inline; float:left;}
.mod-sx.solution .solution-cont .txt{ width:140px; display:inline; float:left;}
.mod-sx.solution .solution-cont .txt p{ height:100px; font-size:13px; color:#333; padding:10px 0;}
.mod-sx.customers h2{ margin:0 0 5px 0;}
.mod-sx.customers .image{ display:inline; margin:0 0 0 5px; float:left;}

.mod-int{ width:300px; background:url(../images/bg-mod-int.gif) top left no-repeat; margin:0 0 15px 0;}
.mod-int .mod-int-bottom{ display:block; width:300px; height:15px; background:url(../images/bg-mod-int-bottom.gif) top left no-repeat;}
.mod-int .mod-int-cont{ padding:15px 10px 10px 10px;}
.mod-int .mod-int-cont h2{ color: #333; font-size:26px;}
.mod-int .mod-int-cont h3{ color: #333; font-size:18px;}
.mod-int .mod-int-cont p{ color: #333; font-size:12px; line-height:18px; margin:0 0 10px 0;}
.mod-int .mod-int-cont p a{ color: #333;}



#contenuto{ width:620px; display:inline; height:auto !important; min-height:300px; height:300px; float:right;}
#contenuto h1{ font-size:28px; font-weight:bold; color:#333; margin:0 0 15px 0;}
#contenuto .dinamico p{ font-size:14px; color:#333; margin:0 0 10px 0; line-height:18px;}
#contenuto .dinamico a{ color:#666; text-decoration:underline;}
#contenuto .dinamico ul li{ padding:0 0 0 20px; background:url(../images/li.gif) top left no-repeat; margin:0 0 10px 0; font-size:14px; color:#666;}
#contenuto .dinamico ul li a{ color:#666; text-decoration:underline;}

.allegati{ padding:10px 10px 0 10px; border:1px solid #CCC; margin:15px 0; width:600px;}
.allegati a{ display:inline; float:left; padding:0 10px 10px 0; color:#666; font-size:12px; }
.allegati a:hover{ color:#333;}

#focus-home{ width:620px;}
#focus-home .txt{ display:inline; width:280px; float:left;}
#focus-home .txt h2{ font-size:26px; color:#999999; font-weight:normal; padding:5px 0 0 0; margin:0 0 10px 0;}
#focus-home .txt p a{ color:#333333; font-size:12px; line-height:18px;}
#focus-home .image{ display:inline; width:320px; float:right;}

#focus-txt-home{ width:600px; height:42px; padding:10px; background:url(../images/focus-home.gif) top left no-repeat;}
#focus-txt-home h3 { color:#FFFFFF; font-size:17px;}
#focus-txt-home p { color:#FFFFFF; font-size:11px;}

.mod-news{ display:inline; float:left; width:300px; height:184px; background: url(../images/bg-mod-news.gif) top left no-repeat; margin:18px 0 0 0;}
.mod-news h2{ font-size:18px; padding:15px 0 0 10px; color:#666; font-weight:normal;}
.mod-news .news-cont{ padding:10px; margin:10px 0 0 0;}
.mod-news .news-cont .data{ display:inline; background:url(../images/data.gif) top left no-repeat; width:30px; height:34px; padding:5px 0 0 0; margin:0 10px 0 0; float:left;}
.mod-news .news-cont .data strong{ display:block; color:#FFF; font-size:15px; text-align:center; line-height:14px; }
.mod-news .news-cont .data span{ display:block; color:#FFF; font-size:9px; text-align:center; text-transform:uppercase; }
.mod-news .news-cont h3 a{ color:#333333; font-size:16px; font-weight:normal;}
.mod-news .news-cont p a{ color:#333333; height:60px; display:block; font-size:13px;}
.mod-news .news-cont a.more{ font-size:11px; color:#666666; float:right;}

#colonna-sx .mod-news{ margin:0;}

.social-sx{ margin:0; }
.social-sx h4{ color:#FFFFFF;  font-size:14px; margin:0 0 10px 0;}
.social-sx ul li a{ display:block; font-size:13px; margin:0 0 5px 0; color:#333;}
.social-sx ul li{ display:block;}
.social-sx ul li a{ height:20px; margin: 0 0 10px 0;}
.social-sx ul li a img{ display:inline; float:left;}
.social-sx ul li a span{ display:inline; float:left; height:20px; line-height:22px; padding:0 0 0 5px;}

.mod-generico{ display:inline; float:right; width:300px; height:176px; background: url(../images/bg-mod-generico.gif) top left no-repeat; margin:26px 0 0 0;}
.mod-generico h2{ font-size:18px; padding:8px 0 0 10px; margin:0 0 15px 0; color:#666; font-weight:normal;}
.mod-generico .image{ display:inline; margin:0 10px 0 10px; float:left;}
.mod-generico .txt{ display:inline; width:150px; float:left;}
.mod-generico .txt p a{ display:block; color:#333; font-size:13px; padding:10px 0 0 0; height:103px;}
.mod-generico .txt a.more{ font-size:11px; color:#666666; float:right;}


#pathway{ width:920px; margin:0 auto; background:#f3f3f3; height:20px; padding:0 10px; line-height:20px; font-size:11px; color:#666;}
#pathway a{ text-decoration:underline; color:#666;}
#pathway a:hover{ text-decoration:none;}

body#blog #colonna-sx{ display:inline; width:260px; float:left;}
#colonna-sx .mod-com{ margin:0 0 40px 0;}
#colonna-sx .mod-com .image{ margin:0 0 10px 0;}
#colonna-sx .mod-com h2{ font-size:24px; color:#333; margin:0 0 10px 0;}
#colonna-sx .mod-com p{ font-size:13px; color:#333; line-height:18px;}

body#blog #contenuto{ display:inline; width:456px; margin:0 20px 0 0; float:left;}
body#blog #contenuto .post{ margin:0 0 30px 0;}
body#blog #contenuto .post .data{ display:inline; background:url(../images/data-grande.gif) top left no-repeat; width:42px; height:52px; padding:10px 0 0 0; margin:0 10px 0 0; float:left;}
body#blog #contenuto .post .data strong{ display:block; color:#FFF; font-size:25px; text-align:center; line-height:18px; }
body#blog #contenuto .post .data span{ display:block; color:#FFF; font-size:13px; text-align:center; text-transform:uppercase; }
body#blog #contenuto .post h3 a{ color:#333333; font-size:24px; font-weight:normal;}
body#blog #contenuto .post p{ line-height:18px; color:#333333; display:block; font-size:14px; display:block; margin:0 0 15px 0;}
body#blog #contenuto .post p a{ color:#333333; display:block; font-size:14px; display:block; margin:0 0 15px 0;}
body#blog #contenuto .post a.verde{ display:inline; font-size:11px; color:#fff; font-weight:bold; padding:5px 10px; background:#94bd42; float:right;}
body#blog #contenuto .post .image{ margin:0 0 10px 0;}

body#blog #colonna-dx{ display:inline; width:184px; height:auto !important; min-height:300px; height:300px; float:left;}
body#blog #colonna-dx .archivio{ margin:0 0 40px 0;}
body#blog #colonna-dx .archivio h2{ border-bottom:1px solid #d6d6d6; color:#666; font-size:24px; font-weight:normal; margin:0 0 5px 0;}
body#blog #colonna-dx .archivio ul li a{ color:#666; font-size:14px; padding:10px 0; border-bottom:1px solid #d6d6d6; display:block;}
body#blog #colonna-dx .ultimi-post{ margin:0 0 40px 0;}
body#blog #colonna-dx .ultimi-post h2{ border-bottom:1px solid #d6d6d6; color:#666; font-size:24px; font-weight:normal; margin:0 0 5px 0;}
body#blog #colonna-dx .ultimi-post .post{ margin:10px 0 0 0;}
body#blog #colonna-dx .ultimi-post .post .data{ display:inline; background:url(../images/data-wt.gif) top left no-repeat; width:30px; height:34px; padding:5px 0 0 0; margin:0 10px 0 0; float:left;}
body#blog #colonna-dx .ultimi-post .post .data strong{ display:block; color:#FFF; font-size:15px; text-align:center; line-height:14px; }
body#blog #colonna-dx .ultimi-post .post .data span{ display:block; color:#FFF; font-size:9px; text-align:center; text-transform:uppercase; }
body#blog #colonna-dx .ultimi-post .post h3 a{ color:#333333; font-size:16px; font-weight:normal;}

body#blog #colonna-dx a.rss{ display:block; height:20px; margin:0 0 40px 0; font-weight:bold; font-size:14px; color:#333;}
body#blog #colonna-dx a.rss img{ display:inline; float:left;}
body#blog #colonna-dx a.rss span{ display:inline; float:left; height:20px; line-height:20px; padding:0 0 0 5px;}

.customers{ margin:20px 0;}
.customers .customer{ display:inline; float:left; margin:0 10px 20px 0;}
.customers .customer.no-margin{ margin-right:0;}
.customers .customer span{ color:#666; font-size:12px; padding:5px; display:block; text-align:center;}

.paginazione{ color:#666; font-size:12px; text-align:right;}
.paginazione a{ color:#333;}

#accordion{}
#accordion h3{ padding:8px 30px 5px 5px; margin:10px 0 0 0; background: #94bd42 url(../images/freccia-accordion.png) right 12px no-repeat; font-size:22px;}
#accordion h3 a{ color:#FFF;}
#accordion p{ padding:10px 0; font-size:14px; color:#333; line-height:18px;}


.componentheading{font-size:28px; font-weight:bold; color:#333; margin:0 0 15px 0;}
.sitemap ul{ margin:0 0 15px 0;}
.sitemap ul li a{ display:block; color:#333; font-size:14px; margin:0 0 10px 0;}
.sitemap ul li ul.level_1{ padding:0 0 0 15px;}
.sitemap ul li ul.level_1 li a{ color:#666; font-size:12px; margin:0 0 5px 0;}

#footer{ width:960px; margin:0 auto 30px auto; padding:15px 0 0 0;}
#footer .footer-menu{ display:inline; margin:0 150px 0 0; float:left;}
#footer .footer-menu h4{ color:#FFFFFF;  font-size:14px; margin:0 0 10px 0;}
#footer .footer-menu ul li a{ display:block; font-weight:bold; font-size:11px; margin:0 0 5px 0; color:#374247;}
#footer .footer-menu.social ul li{ display:block;}
#footer .footer-menu.social ul li a{ height:20px; margin: 0 0 10px 0;}
#footer .footer-menu.social ul li a img{ display:inline; float:left;}
#footer .footer-menu.social ul li a span{ display:inline; float:left; height:20px; line-height:20px; padding:0 0 0 5px;}


/* Tabs
----------------------------------*/
.ui-tabs { position: relative; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; }
.ui-tabs .ui-tabs-nav li { /*list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap;*/ }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {/* margin-bottom: 0; padding-bottom: 1px;*/ }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {/* cursor: text; */}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/*form generico*/
.form-generico input { height:18px; padding:2px; border:1px solid #c7c7c7; background: #FFF url(../images/bg-campo-form.gif) top left repeat-x; font-size:12px; }
.form-generico select { height:24px;  padding:2px; border:1px solid #c7c7c7; background:#fff; font-size:12px; }
.form-generico textarea { padding:2px; border:1px solid #c7c7c7; font-size:12px; background:#FFF url(../images/bg-area-form.gif) top left repeat-x; }
.form-generico p, #contenitore #contenuto .dinamico .form-generico p{ display:inline; width:280px; height:auto !important; min-height:50px; height:50px; margin:0 30px 10px 0; float:left;}
.form-generico p label{ display:block; margin:0 0 3px 1px; color:#7a7a7a;}
.form-generico p input{ width:260px;}
.form-generico p select{ width:266px;}
.form-generico p.area{ width:630px;}
.form-generico p.area textarea{ width:570px; height:auto !important; min-height:50px; height:50px;}
.form-generico p.accetto, #contenitore #contenuto .dinamico .form-generico p.accetto{ width:600px; height:auto !important height:25px; min-height:25px; font-size:11px;}
.form-generico p.accetto input{ width:25px; display:inline; margin:0 5px 0 0; float:left;}
.form-generico p.accetto label{ font-size:12px; padding:4px 0 0 0;}
.form-generico p.accetto a{ color:#333; text-decoration:underline;}
.form-generico p.accetto a:hover{ text-decoration:none;}
.form-generico p.sesso{}
.form-generico p.sesso input{ width:auto;}
.form-generico p.sesso strong{ width:auto;}
.form-generico p.data-form{}
.form-generico p.data-form select{ display:inline; margin:0 5px 0 0; width:60px; float:left;}
.form-generico p.data-form select.anno{width:100px;}
.form-generico button{ display:inline; width:68px; height:20px; background: #98bf49; padding:3px 10px; border: none; color:#FFF; font-size:12px; text-align:center; font-weight:bold; font-family:Helvetica, Arial, sans-serif; margin:0 15px 0 0; cursor:pointer; float:right;}


/*alert form*/
.form-generico p { position: relative; }

.form-generico p .requiredField {
	position: absolute;
	top: 2px;
	right: 2px;
	background: transparent url(../images/form/alert-form.gif) no-repeat;
	width:17px;
	height:17px;
	display:inline;
	text-indent: -9999px;
}

.form-generico p .emailError {
	position: absolute;
	top: 2px;
	right: 2px;
	background: transparent url(../images/form/alert-form-email.gif) no-repeat;
	width:17px;
	height:17px;
	display:inline;
	text-indent: -9999px;
}

.form-generico p .requiredCheck {
	display:block;
	clear: both;
	color: #f00;
	font-weight: 700;
}
.form-generico p .requiredCheck em {
	display:block;
	clear: both;
	color: #f00;
	font-weight: 700;
}

.form-generico p .passwordError {
	position: absolute;
	top: 2px;
	right: 2px;
	background: transparent url(../images/form/alert-form-password.gif) no-repeat;
	width:17px;
	height:17px;
	display:inline;
}
.form-generico p .passwordError em { display: none; }

.form-generico p .passwordError strong {
	position: absolute;
	top: 4px;
	left: 8px;
	font-size: 9px;
	line-height: 9px;
	color: #fff;
}


.form-generico p .userLengthError {
	position: absolute;
	top: 2px;
	right: 2px;
	background: transparent url(../images/form/alert-form-userlength.gif) no-repeat;
	width:17px;
	height:17px;
	display:inline;
}
.form-generico p .userLengthError em { display: none; }

.form-generico p .userLengthError strong {
	position: absolute;
	top: 4px;
	left: 8px;
	font-size: 8px;
	line-height: 8px;
	color: #fff;
}

.form-generico p .userError {
	position: absolute;
	top: 2px;
	right: 2px;
	background: transparent url(../images/form/alert-form-user.gif) no-repeat;
	width:17px;
	height:17px;
	display:inline;
	text-indent: -9999px;
}

.form-generico p .sameError {
	position: absolute;
	top: 2px;
	right: 2px;
	background: transparent url(../images/form/alert-form-same.gif) no-repeat;
	width:17px;
	height:17px;
	display:inline;
	text-indent: -9999px;
}
.form-generico p .captchaError {
	position: absolute;
	top: 2px;
	right: 2px;
	background: transparent url(../images/form/alert-form-same.gif) no-repeat;
	width:17px;
	height:17px;
	display:inline;
	text-indent: -9999px;
}

.form-generico p .numberError {
	position: absolute;
	top: 2px;
	right: 2px;
	background: transparent url(../images/form/alert-form-number.gif) no-repeat;
	width:17px;
	height:17px;
	display:inline;
	text-indent: -9999px;
}

.form-generico p .dataError {
	position: absolute;
	top: 2px;
	right: 2px;
	background: transparent url(../images/form/alert-form-date.gif) no-repeat;
	width:17px;
	height:17px;
	display:inline;
	text-indent: -9999px;
}

.form-generico p .requiredField em,
.form-generico p .emailError em,
.form-generico p .passwordError em,
.form-generico p .userLengthError em,
.form-generico p .userError em,
.form-generico p .sameError em,
.form-generico p .numberError em,
.form-generico p .dataError em { text-indent: -9999px; }
/**/


/* TOOLTIP */
#tooltip {
	position: absolute;
	z-index: 3000;
	background: #da1a15;
	height: auto !important;
	height: 11px;
	min-height: 11px;
	width: 150px;
	padding: 10px;
}
#tooltip h3 {
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	font-weight: 700;
}
/**/