#b2_text, #b3_text, #b4_text, #b5_text, #b6_text{
  display:none;
}

body {
  margin:0px; padding:0px;
  border:0px;
  /*background: white url('../img/bg.jpg') bottom left repeat-x;*/
  font:12px Arial;
  color:#3b2d32; 
}

fieldset{
  border:0px;
  padding:0px;
  margin:0px;
}

#contact_aiuto{
  padding-left:10px;
}

a, a:hover, a:active {color:#717171; text-decoration:none; outline:none;}
a:hover {color:#353535;}
a img {border:0px;}
a.image img {width:100%; height:100%;}
a.pathway{font:10px Arial; color:#c8317b;}
a.pink{font-weight:bold; color:#c8317b;}
div#pathway{font:10px Arial; color:#878787; margin-bottom:10px;}
.clear{clear:both;}

.br_small{
  line-height:0px;
}

strong{
  font-weight:bold;
  font-size:14px;
}

span.i {font-style: italic;}

div.ir, span.ir, h1.ir, h2.ir{
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	font-size: 0.5em;
	color:black;
}

#Box_VerificaDominio{
  width:462px; height:147px;
  background: url('../img/box_verifica_dominio.jpg');
  margin:10px auto;
  position:relative;
}

form#form-verifica-dominio{
  position:absolute;
  top:72px; left:72px;
}

input.texthost{
  border:1px solid #cfcfcf;
  width:200px;
}

select.select{
  border:1px solid #cfcfcf;
}

input.btn_verifica{
  width:86px; height:31px;
  background: url('../img/btn_verifica.jpg');
  border:0px;
}

div#main{
  width:1010px;
  margin:20px auto;
}

div#headerContainer{
  width:1010px;
  margin:0px auto;
  text-align:center;
}

div#header{
  width:2048px; height:330px;
  background: url('../img/playground_header_noFlash.jpg') left top no-repeat;
  padding:0px; border:0px;
  margin-left:-519px;
}

ul#AlternativeNavbar li, 
ul#Sub_AlternativeNavbar li{display:inline; color:#fff; font:17px Arial; padding:0 10px;}

ul#AlternativeNavbar li a{color:#fff;}
ul#Sub_AlternativeNavbar li a{color:#c8317b;}

object#header {
  width:2048px; height:330px;
  /*background: #020202 url('../img/^tmp03.jpg') top center no-repeat;*/
  margin-left:-519px;
  padding:0px; border:0px;
}

div#FlashPetali{
  width:100%; height:222px;
  background:#3b709d;
}

div#Agenzia{
  float:left;
  width:488px;
  font:12px Tahoma;
  color:#262626;
  text-align:justify;
  margin-top:25px;
}
div#Servizi{
  float:right;
  width:387px; height:82px;
  padding:43px 0 0 106px;
  background: url('../img/box_servizibg.jpg') top left no-repeat;
}
  div#Servizi div{
    color:#4d4d4d;
    font:12px Tahoma;
    text-align:justify;
    width:354px;
  }


div.BoxServizio, div.BoxServizioLast{
  width:226px; height:322px;
  border:1px solid #d4d4d4;
  padding:4px;
  margin-top:36px;
  margin-right:22px;
  float:left;
}
  div.bg-servizi{
    margin:0px; 
    padding:0px; 
    height:240px;
  }
  div.linkservizi{
    width:100%; height:80px;
    margin:0px; padding:0px;
    background: url('../img/servizi_box_bg.jpg') top left repeat-x;
  }

div.BoxServizioLast{margin-right:0px;}

#PortfolioHome {
  width:1010px; height:420px;
  margin:30px auto; display:none;
}

div.pfLogo{
  width:100px;
  float:left; 
  margin-right:20px;
}
  div.pfLogoRight{ width:600px;}

div#title_UltimiLavori{
  width:316px; height:26px;
  background: url('../img/title-ultimi_lavori.png');
  margin:20px auto;
}

div#flashcontent{
  width:590px;
  margin:0px auto;
}


.colonna{
  float:left;
  margin-right:54px;
}

.colonna_right{
  float:left;
}

div#Contenuti{
  float:left;
  width:625px;
  text-align:justify;
  line-height:20px;
}

div#Claim{
  float:right;
  width:385px;
  text-align:right;
}

/* PAGINA PORTFOLIO */ 

div#Portfolio{
  width:100%; height:2285px;
  position:relative;
}
  div#Portfolio div{position:absolute;}
  
  .width1{width:75px;}
  .width2{width:160px;}
  .width3{width:245px;}
  .width4{width:330px;}
  .width5{width:415px;}
  .width6{width:600px;}
  
  .height1{height:75px;}
  .height2{height:160px;}
  .height3{height:245px;}
  .height4{height:330px;}
  .height5{height:415px;}
  .height6{height:500px;}

/* END PORTFOLIO */


div#LoghiSiti{
  width:608px; height:72px;
  margin:20px auto;
  margin-bottom:0px;
  background: url('../img/loghi_siti.png');
}

div#LoghiHosting{
  width:606px; height:83px;
  margin:20px auto;
  margin-bottom:0px;
  background: url('../img/loghi_hosting.png');
}

div#LoghiEcommerce{
  width:548px; height:72px;
  margin:20px auto;
  margin-bottom:0px;
  background: url('../img/loghi_ecommerce.png');
}

div#LoghiCMS{
  width:512px; height:46px;
  margin:20px auto;
  margin-bottom:0px;
  background: url('../img/loghi_cms.png');
}

div#bannerContainer{
  border:1px solid #aeaeae;
  padding:10px;
}

div#banner_div{
  width:590px; height:300px;
  margin:10px auto;
  border:1px solid red;
}

div#contenitore_bottoni{
  width:308px;
  margin:10px auto;
}

div#Btn_LiveDemo{
  float:left;
  width:118px; height:71px;
  background: url('../img/btn_livedemo.png');
  cursor:pointer;
}

div#Btn_Screenshot{
  float:right;
  width:118px; height:71px;
  background: url('../img/btn_screenshot.png');
  cursor:pointer;
}

div#BoxPiattaforme{
  width:970px; height:484px;
  background: #e4e3d7;
  padding:20px;
}

div#FlashPiattaforme {
  float:left;
  width:373px;
}

div#TextPiattaforme{
  float:left;
  width:617px;
  padding-top:33px; 
  text-align:justify;
}

div.piattaforma{
  width:617px; height: 90px;
  background: url('../img/piattaforma_bg.gif') top left no-repeat;
  margin:7px 0 11px 0;
  position:relative;
}
  div.piattaforma div.EasyHome{
    width:240px; height:82px;
    background: url('../img/boxHome-piattaforma-easyHome.jpg') no-repeat;
    position:absolute;
    bottom:0px; left:10px;
  }
  
  div.piattaforma div.text {
    position:absolute;
    top:14px; left:266px;
    width:234px;
    font:10px arial;
    color:#424242;
  }
  div.piattaforma div.bottoni {
    position:absolute;
    top:14px; left:517px;
    width:82px;
  }
    div.piattaforma div.bottoni a.btn1{
      display: block;
  	  background-image: url('../img/btn_informazioni.gif');
  	  background-repeat: no-repeat;
      width:81px; height:27px;
    }
    div.piattaforma div.bottoni a.btn1:hover{background-position: 0 -27px;}
    
    div.piattaforma div.bottoni a.btn2{
      display: block;
  	  background-image: url('../img/btn_livedemo.gif');
  	  background-repeat: no-repeat;
      width:81px; height:27px;
    }
    div.piattaforma div.bottoni a.btn2:hover{background-position: 0 -27px;}


div#Slideshow {
  width:339px; height:293px;
  background: url('../img/slideshow_bg.gif') top left no-repeat;
  margin:134px 0 0 20px;
} 

div#FooterUp{
  width:100%; min-height:157px; 
  background:#fff url('../img/footerUp_bg.jpg') left bottom repeat-x; 
  padding:0px; margin:0px;
  margin-top:50px;
}

div#footer {
  width:100%;
  margin:0px auto;
  text-align:center;
  font:10px Arial; color:#717171;
  padding-bottom:30px;
}

#BoxLink{
  width:100%; height:258px;
  background: #161616;
  margin:0px auto;
  margin-bottom:4px;
  text-align:left;
  padding:44px 0 0 0;
  line-height:20px;
}

#BoxLink a{color:white;}
#BoxLink a:hover{color:#c8317a;}
  

#preventivo{
  width:540px; height: 144px;
  float:left;
  position:relative;
}

input.BtnPreventivo{
  width:540px; 
  height:144px;
  border:0px;
  background: url('../img/title_preventivo.jpg') no-repeat;
  cursor:pointer;
}

#preventivo-text, #aiuto-text{
  position: absolute;
  top:90px; left:120px;
  font:12px Tahoma;
  color:#262626;
  text-align:justify
}

#aiuto{
  width:418px; height: 144px;
  float:right;
  position:relative;
}
input.BtnAiuto{
  width:418px; 
  height:144px;
  border:0px;
  background: url('../img/title_aiuto.jpg') no-repeat;
  cursor:pointer;
}


#aiuto-text{left:148px;}

ul.menu_home{
  margin:0px; padding:0px;
  padding-top:8px;
}
ul.menu_home li {
  font:9px Tahoma;
  list-style: none;
  padding-left:10px;
  padding-top:2px;
  line-height:11px;
}

ul.menu_home li a:hover {color:#c8317a;}

/*   F O R M    C O N T A T T I   */

.box-contatti{ /* CONTENITORE */
	margin: 0px;
	position: relative;
	text-align: left;
}
	.box-contatti textarea{
		border: 1px solid #CDD1D7;
		color:#666;
	}

.campo-contatti { /* CARATTERISTICHE DEI CAMPI FORM */
	position: absolute;
	left: 100px;
	background: #FFFFFF;
	color: #666666;
	border: 1px solid #CDD1D7;
	padding-right: 5px;
	padding-left: 5px;
	width: 150px;
	font : 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		
}
  .campo-contatti:focus {
   		background: #EEEEEE;
			color: #000000;
	 		border: 1px solid #000000;
			font-weight: bold;
		}

.richiesta-contatti { /* CARATTERISTICHE DELLA TEXTAREA */
	position: absolute;
	left: 100px;
	font : 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CDD1D7;
	padding: 0px 5px 0px 5px;
	width: 355px;
	height: 118px;
}
		.richiesta-contatti:focus {
			background: #EEEEEE;
			color: #000000;
			border: 1px solid #000000;
			font-weight: bold;
}

.contact-select{ /*  MENU' A TENDINA  */
	font-size: 24px;
	color:#333;
	border: 1px solid #CDD1D7;
	padding:0;
	width:300px; height:34px;
}

.pulsante-contatti { /*PULSANTE "INVIA" */
    font-size: 24px;
    color: #ffffff;
    background: #c8317b;
    text-align: center;
    padding: 4px 20px;
    border: 0;
    margin-top: 2px;
    }
	 	.pulsante-contatti:hover {
    	background: #99004b;
	 		cursor:pointer;
    	}
		 
.error-message{
	position: absolute;
	top: 26px;
	text-align: center;
	width: 488px;
	background: red;
	color: #ffffff;
}

.ok-message{
	padding: 6px;
}
	.ok-message strong{
		font: 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight: 100;
		color: #FFA817;
		line-height: 30px;
	}
	

/* LINK PAGINE SERVIZI */

  ul#BottoniServizi{margin:56px 0 0 40px; padding:0px; }
  
  ul#BottoniServizi li { list-style: none; text-align:left; margin-bottom:10px; font-weight:bold;}
  ul#BottoniServizi li, ul#BottoniServizi li a { width:344px; height: 26px; cursor:pointer;}
  ul#BottoniServizi li a { display:block; background-repeat:no-repeat;}
  ul#BottoniServizi li a img {border:0px;}
  
  ul#BottoniServizi li#siti-internet a {background-image: url('../img/btn_-_soluzioni_web_-_siti_internet.gif');}
  ul#BottoniServizi li#ecommerce a {background-image: url('../img/btn_-_soluzioni_web_-_ecommerce.gif');}
  ul#BottoniServizi li#flash-components a {background-image: url('../img/btn_-_soluzioni_web_-_flash_components.gif');}
  ul#BottoniServizi li#progetti-editoriali a {background-image: url('../img/btn_-_soluzioni_web_-_progetti_editoriali_community.gif');}
  ul#BottoniServizi li#hosting a {background-image: url('../img/btn_-_soluzioni_web_-_hosting_server_dedicati.gif');}
  
  ul#BottoniServizi li#cms a {background-image: url('../img/btn_-_sviluppo_applicazioni_-_sistemi_amministrazione_contenuti_CMS.gif');}
  ul#BottoniServizi li#applicazioni_ipod_ipad a {background-image: url('../img/btn_-_sviluppo_applicazioni_-_app.gif');}
  ul#BottoniServizi li#applicazioni_facebook a {background-image: url('../img/btn_-_sviluppo_applicazioni_-_widget_applicazioni_facebook.gif');}
  ul#BottoniServizi li#moduli_componenti a {background-image: url('../img/btn_-_sviluppo_applicazioni_-_moduli_componenti.gif');}
  ul#BottoniServizi li#intranet_aziendali a {background-image: url('../img/btn_-_sviluppo_applicazioni_-_intranet_aziendali.gif');}
            
  ul#BottoniServizi li#web_design a {background-image: url('../img/btn_-_studio_grafico_-_web_design_template_grafici.gif');}
  ul#BottoniServizi li#banner_pubblicitari a {background-image: url('../img/btn_-_studio_grafico_-_banner_pubblicitari.gif');}
  ul#BottoniServizi li#loghi_immagine_coordinata a {background-image: url('../img/btn_-_studio_grafico_-_loghi_immagine_coordinata.gif');}
  ul#BottoniServizi li#brochure_flyer_stiker a {background-image: url('../img/btn_-_studio_grafico_-_brochure_flyer_sticker.gif');}
  ul#BottoniServizi li#fotografia a {background-image: url('../img/btn_-_studio_grafico_-_fotografia.gif');}
            
  ul#BottoniServizi li#SEO a {background-image: url('../img/btn_-_web_marketing_-_seo_ottimizzazione_motori_di_ricerca.gif');}
  ul#BottoniServizi li#creativita a {background-image: url('../img/btn_-_web_marketing_-_creatività_pubblicitaria.gif');}
  ul#BottoniServizi li#gestione_campagne_pubblicitarie a {background-image: url('../img/btn_-_web_marketing_-_gestione_campagne_pubblicitarie_online.gif');}
  ul#BottoniServizi li#newsletter_professionale a {background-image: url('../img/btn_-_web_marketing_-_newsletter_professionale.gif');}
  
  ul#BottoniServizi li a {background-position: 0px 0px;}
  ul#BottoniServizi li a:hover {background-position: 0px -26px;}

/*  END BIG BUTTONS  */

/* IPAD BUTTONS */
#next{
	font-size:40px;
	padding-top:10px;
	float:right;
	width:46%;
	text-align: right;
}

#prev{
	font-size:40px;
	padding-top:10px;
	float:left;
	width:48%;
}

.ui-jcoverflip {
    /**position: relative;*/
}
     
.ui-jcoverflip--item {
	position: absolute;
	display: block;
	margin: 0px auto;
}

#flip .ui-jcoverflip--title {
	bottom:-7px;
	color:#555555;
	position:absolute;
	text-align:center;
	width:100%;
}

#flip_content{
 	position:relative;
 	overflow:hidden;
 	width:600px;
 	height:180px;
 	border:1px solid #eaeaea;
 	margin:10px 0px 10px 0px;
}

#b_left{
	float:left;
	width:310px;

}

#b_right{
	float:right;
	width:310px;
}

#b_left_2{
	float:left;
	width:310px;
	height:250px;

}

#b_right_2{
	float:right;
	width:310px;
}

.clear{
	clear:both;
}

.none{
	display: none;
}

#tnf-dialog{
	width:556px; height:285px; 
    background: #f2f2f2;
	padding:22px; margin:0px;
	
}
.ui-dialog-content, .ui-widget-content{
	background: #f2f2f2  url('../img/portfolio_thenorthface-thickbox-bg.jpg')left top no-repeat;z-index:1;
}
    #tnf-dialog div {padding-top:30px; font:14px Arial; line-height:24px; color:#2c2c2c; text-align:justify;background: #f2f2f2 ;}
    #tnf-dialog div a{color:#0062a8;}


  
.ui-widget-overlay {
	background:url("img/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x scroll 50% 50% #000;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.ui-widget-overlay {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}
/* END IPAD BUTTONS*/


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
 

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 

.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


.ui-dialog-titlebar{
	background:#333333;
	text-align: right;
}
  .ui-dialog-titlebar a{color:#fff;}
