@charset "UTF-8";
*{margin:0;padding:0;border:0;text-decoration:none;color:#666;}
a:hover{text-decoration:underline;}
body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;line-height:19px;}
/* COLORI */ 
.webmarketing, .col-webmarketing .num{color:#cb1809;}
.promozione, .col-promozione .num{color:#f4832e;}
.sitiweb, .col-sitiweb .num{color:#618a2a;}
.sti, .active{color:#33a2f8;}
/* HEADER */ 
.header{background:url(/img/sfo-header.gif) repeat-x left top;text-align:center;}
.header-box{width:954px;height:50px;margin:auto;overflow:hidden;}
.header-box a{ /* vedi footer-box */
	float:left;background:url(/img/a-header.gif) no-repeat center top;font-size:15px;line-height:15px;font-weight:normal;width:33%;height:50px;padding-top:7px;}
.header-nav{width:954px;margin:auto;overflow:auto;}
.header-nav img{float:left;}
.header-nav-link{float:right;text-transform:uppercase;padding-top:55px;margin-right:30px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.header-nav-link a{color:#989898;}
.header-nav-link a, .header-nav-link .active{margin-left:25px;padding-left: 25px;border-left: 1px dotted #CCC;}
/* PAGES */ 
.container, .container-esteso{width:954px;margin:auto;overflow:hidden;}
.container{background:url(/img/sfo-colleft.jpg) repeat-y left top;}
.esteso{min-height:438px;}
.pages{width:730px;float:right;}
/* CONCETTO */ 
.concetto-esteso{padding:10px 30px 0 560px;overflow:auto;margin-top:30px;}
.concetto-pages{min-height:180px;padding:90px 30px 0 250px;overflow:auto;}
.concetto-home{background:url(/img/foto/sti.jpg) no-repeat left top;}
.concetto-webmarketing{background:url(/img/foto/webmarketing.jpg) no-repeat left center;}
.concetto-promozione{background:url(/img/foto/promozione.jpg) no-repeat left center;}
.concetto-sitiweb{background:url(/img/foto/sitiweb.jpg) no-repeat left center;}
.concetto-gallery{background:url(/img/foto/promozione-fiere.jpg) no-repeat left center;}
.concetto-chisiamo{background:url(/img/foto/chisiamo.jpg) no-repeat left bottom;}
.concetto-portfolio{background:url(/img/foto/portfolio.jpg) no-repeat left center;}
.titolo{/*color:#2c8fcb;*/
	margin:10px;margin-left:65px;font-size:23px;text-transform:uppercase;display:block;}
.titolo-evidenza{margin-left:20px;font-size:40px;font-weight:bold;line-height:40px;text-transform:uppercase;display:block;}
/* TASTO */ 
.tastotxt, .tastotxt a, .tastotxt a:hover{text-align:center;font-size:11px;line-height:32px;color:#FFF;width:128px;text-decoration:none;}
.link-webmarketing, .link-promozione, .link-sitiweb{overflow:auto;}
.link-sti .tastotxt{background:url(/img/tastotxt-sti.gif) no-repeat center center;margin:auto;}
.link-webmarketing .tastotxt{background:url(/img/tastotxt-webmarketing.gif) no-repeat center center;margin:auto;}
.link-promozione .tastotxt{background:url(/img/tastotxt-promozione.gif) no-repeat center center;margin:auto;}
.link-sitiweb .tastotxt{background:url(/img/tastotxt-sitiweb.gif) no-repeat center center;margin:auto;}
/* FOOTER */ 
.footer{clear:both;overflow:auto;background:url(/img/sfo-footer.gif) repeat-x left bottom;}
.footer-link{width:954px;margin:auto;overflow:auto;}
.footer-box{ /* vedi header-box a */
	float:left;width:33%;height:236px;background:url(/img/a-footer.jpg) no-repeat center top;font-size:15px;line-height:15px;font-weight:normal;text-align:center;margin:30px 0 10px 0;}
.footer-webmarketing, .footer-promozione, .footer-sitiweb{padding-top:100px;}
.footer-webmarketing{background:url(/img/foto/webmarketing-link.jpg) no-repeat center top;}
.footer-promozione{background:url(/img/foto/promozione-link.jpg) no-repeat center top;}
.footer-sitiweb{background:url(/img/foto/sitiweb-link.jpg) no-repeat center top;}
.footer-box p{margin:45px 35px 0 35px;padding:0 25px;font-size:11px;line-height:15px;text-align:left;color:#ffffff;background:url(/img/freccia-footer.gif) no-repeat left top;}
.copy{margin-top:20px;}
.copy, .copy p, .copy a{text-align:center;color:#FFF;}
.legal{margin-bottom:20px;}
.legal a{border-right:#FFF dotted 1px;margin-right:20px;padding-right:20px;}
.blank{text-align:center;margin-top:30px;}
.blank .legal a{color:#666;border-right:#666 dotted 1px;}
/* COL-LEFT */ 
.col-left{ /* vedi sez. colori */
	float:left;width:157px;min-height:500px;padding:0 19px 0 35px;}
.col-left-box{display:block;margin:20px 0;overflow:auto;}
.col-left-box h3{float:left;text-align:right;width:115px;padding-top:10px;}
.col-left-box .num{float:left;text-align:right;width:42px;height:53px;padding-top:10px;background:url(/img/a-colleft.gif) no-repeat right center;}
.col-left-box a{color:#33a2f8;}
/* PORTFOLIO */ 
.scheda{width:318px;margin-bottom:30px;float:left;overflow:hidden;}
.scheda img{border:4px solid #cecece;}
.scheda p{width:140px;margin:10px 0;padding-top:2px;height:28px;line-height:25px;color:#FFF;text-align:center;background:#f89631 url(/img/portfolio-angolo.gif) no-repeat right center;}
.tasto{font-size:11px;line-height:11px;width:140px;height:26px;padding-top:14px;margin:10px 0;text-align:center;background:url(/img/tasto.gif) no-repeat center center;}
/* PAG. REGIONALI */ 
.reg_col_left{width:315px;padding-right:20px;float:left;}
.reg_col_left a{color:#FFF;}
.reg_col_left .scheda .txt{width:120px;text-align:left;padding:10px;padding-top:0px;}
.reg_col_right{width:615px;float:left;}
.reg_box{overflow:hidden;}
.reg_box .img{width:220px;float:left;}
.reg_box .img img{border:4px solid #cecece;margin-top:25px;}
.reg_box .txt{width:395px;float:left;}
/* GALLERY */ 
.gallery img{margin:2px;border:1px solid #000;}
.gallery a.name{overflow: hidden;display: block;}
.gallery h5{margin-top:30px;}
.gallery h5 span.sti{font-size: 18px;line-height: 25px;display:block;}
.gallery h5 span.gallery-link{display:block;color: #999;}
.gallery h5 span.gallery-link a{font-size:11px;color: #999;text-decoration: none;padding:0 5px;font-style: italic;}
.gallery h5 span.gallery-link a:hover{background-color: #33A2F8;color:#FFF;}
/*GOOGLE MAP*/ 
#box_mappa{width:725px;height:300px;}
#from_address{width:655px;}
.baloon{padding:10px;text-align:left;font-size:10px;line-height:14px;}
.baloon h2{font-size:13px;line-height:13px;margin:6px 0;}
/* FORMATTAZIONE */ 
h1{font-size:20px;line-height:24px;text-transform:uppercase;font-weight:normal;margin:15px 0;}
h2{font-size:15px;line-height:15px;font-weight:normal;margin:25px 0 10px 0;}
h3{text-transform:uppercase;font-size:11px;line-height:16px;font-weight:normal;}
h3.tit{text-transform:uppercase;font-size:11px;line-height:15px;font-weight:normal;margin:15px 4px -5px 1px;padding:4px;border-top:dotted 1px #BDBDBD;border-bottom:dotted 1px #BDBDBD;background-color:#FFFFFF;text-align:center;}
h4{font-size:17px;line-height:17px;font-weight:bold;padding:7px;margin:25px 0 10px 0;border-top:dotted 1px #BDBDBD;border-bottom:dotted 1px #BDBDBD;background-color:#F2F2F2;}
h5{font-size:13px;line-height:15px;font-weight:normal;padding:7px;margin:15px 0;border-top:dotted 1px #BDBDBD;border-bottom:dotted 1px #BDBDBD;background-color:#FDFDFD;}
h6{font-size:16px;line-height:20px;font-weight:normal;margin:10px;font-style:italic;}
p{margin:5px 0;text-align:justify;}
ul, ol{margin-left:20px;text-align:justify;}
ul{list-style-type:square;}
li{margin:5px auto;}
.dx{float:right;}
.sx{float:left;}
.dx img{margin-bottom:10px;margin-left:10px;}
.sx img{margin-bottom:10px;margin-right:10px;}
.scheda .sx img{margin-right:0;}
hr{border-bottom:dotted 1px #BDBDBD;margin:20px 0;}
#lightbox-image-details-caption{font-size:13px;color:#C00;line-height:20px;}
/* FUMETTO */ 
.fumetto{padding:15px;background-color:#efeff1;text-align:center;clear:both;}
.fumetto-cont{font-style:italic;background:url(/img/fumettosfo530.gif) repeat-y left top;padding:0;overflow:hidden;}
.ctz{width:530px;margin:auto;}
.fumetto p{margin:5px 25px;}
.fumetto-top, .fumetto-sxtopang, .fumetto-dxtop{height:32px;}
.fumetto-top{background:url(/img/fumettosfotop.gif) repeat-x center top;}
.fumetto-sxtopang{background:url(/img/fumettosxtopang.gif) no-repeat left top;}
.fumetto-dxtop{background:url(/img/fumettodxtop.gif) no-repeat right top;}
.fumetto-bot, .fumetto-sxbot, .fumetto-dxbot{height:22px;}
.fumetto-bot{background:url(/img/fumettosfobot.gif) repeat-x center bottom;}
.fumetto-sxbot{background:url(/img/fumettosxbot.gif) no-repeat left bottom;}
.fumetto-dxbot{background:url(/img/fumettodxbot.gif) no-repeat right bottom;}
/* SEZIONI */ 
.sez_due_top{overflow:hidden;margin:0;background:url(/img/sez-top.gif) repeat-x center top;text-align:center;}
.sez_due{margin:0px;padding:10px;width:45%;}
.sez_due_freccia{background:url(/img/sez-freccia.gif) no-repeat center top;}
.sez_oriz{background:url(/img/sez-label.gif) no-repeat left top;padding-top:35px;padding-left:70px;}
.sez_oriz li{list-style-image:url(/img/sez_li.gif);}
.sez_oriz li.ok{list-style-image:url(/img/sez_li-ok.gif);}
.sez_img img{border:10px solid #f0f0f0;overflow:hidden;}
.sez_link{border-top:dotted 1px #BDBDBD;border-bottom:10px solid #f0f0f0;overflow:hidden;}
.separadx{border-right:dotted 1px #BDBDBD;padding-right:10px;margin-right:10px;}
.separasx{border-left:dotted 1px #BDBDBD;padding-left:10px;margin-left:10px;}
.nota{font-style:italic;font-size:11px;background-color:#FF9;padding:3px 7px;}
.numero{margin-left:100px;}
.numero li{margin:-5px 0;}
.numero li.uno{list-style-image: url(../img/numeri/01.gif);}
.numero li.due{list-style-image: url(../img/numeri/02.gif);}
.numero li.tre{list-style-image: url(../img/numeri/03.gif);}
.numero li.quattro{list-style-image: url(../img/numeri/04.gif);}
.numero li.cinque{list-style-image: url(../img/numeri/05.gif);}
/* NUMERI */ 
.numeri{overflow:hidden;margin-top: 0px;margin-right: 0px;margin-bottom: 15px;margin-left: 0px;}
.numeri .num{font-size: 15px;line-height: 83px;color: #FFF;background: url(../img/numero.jpg) no-repeat left top;text-align: center;float: left;height: 85px;width: 55px;padding-right:20px;}
.numeri .testo{;}
.numeri h6{color: #F00;margin-bottom: 5px;}
.numeri p{;}
/* FOTO */
.foto{float:left;margin: 5px;border: 1px solid #CCC;background: url(../files/foto/sfondo.gif) repeat-x left top;}
.nome{text-align:center;color: #FFF;background-color: #33A2F8;font-size: 13px;line-height: 23px;margin: 0px;padding: 0px;}
.posizione{text-align:center;background-color: #CCC;font-size: 11px;line-height: 21px;margin: 0px;padding: 0px;}
.clicca{text-align:center;font-size: 12px;line-height: 22px;margin: 5px 0;padding: 0px;font-style:italic;clear:both;background-color: #8ab22e;color:#FFF;}
/*form*/ 
fieldset{border:1px solid #ccc;padding:10px;margin:10px auto;}
legend{color:#618A2A;font-weight:bold;}
input, select, textarea{border:1px solid #ccc;}
input[type=radio], input[type=checkbox]{vertical-align:middle;border:none !important;}
.ui-form{margin:auto;padding:10px;}
.ui-fix-overflow{overflow:auto;}
.ui-fix-clear{clear:both;}
.ui-left{float:left;}
.ui-right{float:right;}
.ui-inline{display:inline;}
form b, form em, div.error-message{color:#CD0A0A;}
form em{display:block;}
div.input{margin:3px 0;}
label{display:block;margin:3px 0 0 0;}
.checkbox label, .radio label{display:inline;margin:0 5px;}
.checkbox input{border:0;padding:0;}/*elimina i bordi delle checkbox anche in IE6*/
.ui-date-range, .ui-date-picker{width:110px;cursor:pointer;}
.ui-datepicker-trigger{vertical-align:top;cursor:pointer;}
.ui-note{font-size:0.9em;color:#076EA8;}
.ui-error-message, .ui-thanks-message{padding:2px;text-align:center;font-weight:bold;}
.inline-checkboxes .checkbox{float:left;position:relative;/*fix IE scroll bars*/;}
.inline-checkboxes label{margin:3px 5px 0 0;line-height:20px;}
select, .ui-widget select{height:16px;}
input.ui-button{padding:0.2em 1em;}
/*misc*/ 
.ui-bottom-dotted{border-bottom:1px dotted #8E8E8E;}
.ui-top-dotted{border-top:1px dotted #014ea0;}
.ui-required-fields{margin:-20px 10px 0;float:right;color:#4C4B4B;}
.ui-list-item{margin:10px 0;padding:10px 0;}
.ui-list-item .ui-button{color:#014EA0;font-weight:bold;}
.ui-list-item .ui-button:hover{color:#fff;}
.ui-bt-detail{float:right;padding-right:5px;}
.ui-description{margin-top:5px;padding:5px;/*fix visual slide bad effect*/
	background-color:#EFEFEF;color:#4C4B4B;}
#main_spinner{display:none;position:fixed;top:0;left:0;z-index:1000000;width:100%;height:100%;background:#333 url(/img/spinner-big.gif) no-repeat center center;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";/*must be first*/
	filter:alpha(opacity=40);/*must be second*/;}
body.mceContentBody{background:#FFF;}/*giorr:serve per gli editor html nell'area admin*/
/* carosello */
.jcarousel-skin-tango .jcarousel-container{width:750px;}
.jcarousel-skin-tango .jcarousel-container-horizontal{width: 680px;padding: 10px 30px;margin:auto;}
#wrap h5{margin:0;margin-top:20px;text-align:center;font-size:17px;font-weight:bold;background-color: #FFC;}
.jcarousel-skin-tango .jcarousel-next-horizontal{position: absolute;top:66px;right:15px;width:41px;height:41px;cursor: pointer;background: transparent url(/files/carosello/next.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal{left:15px;right: auto;background-image: url(/files/carosello/prev.gif);}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-horizontal:active{background-position: -41px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active{cursor: default;background-position: -82px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal{position: absolute;top:66px;left:15px;width:41px;height:41px;cursor: pointer;background: transparent url(/files/carosello/prev.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal{left: auto;right:15px;background-image: url(/files/carosello/next.gif);}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-horizontal:active{background-position: -41px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{cursor: default;background-position: -82px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active{cursor: default;}
.jcarousel-skin-tango .jcarousel-item{width: 135px;height: 170px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal{width:624px;height: 170px;margin:auto;}
.jcarousel-skin-tango li{margin:0;padding:0;}
.jcarousel-skin-tango li img{border: 4px solid #CECECE;}
.jcarousel-skin-tango .jcarousel-item-horizontal{margin: 10px;text-align:center;}
.jcarousel-skin-tango .jcarousel-clip{overflow: hidden;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal{margin-left: 10px;margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-placeholder{background: #fff;color: #000;}