@charset "UTF-8";
/* CSS Document */

/***** Global Settings *****/
 
body.loading {
	margin:60% 0;
	background:url(images/loading.gif) center center no-repeat;
}

body.loading * {
	display:none;
	}

.tweets { font-size:0.85em; width:100%; text-align:left; }

.tweets a { text-decoration:underline; }

.moretweets { text-align:right; }

div.membership { width:300px; text-align:center; margin:auto; margin-bottom:15px; }

div.membership ul { list-style:none;}

div.membership ul li { display:inline; float:left; margin-left:10px;}

div.membership a { height:45px; background-position:bottom center; background-repeat:no-repeat; display:block; }
div.membership a:hover { background-position:top center; border:0; }

a.drupal { background:url(../img/drupalicon.png) bottom center no-repeat; width:40px;}

a.mozilla { background:url(../img/mozillacommunities.png) bottom center no-repeat; width:79px;}

div.membership a.twitter { background:url(../img/twitter.png) bottom center no-repeat; width:42px; height:44px;}

div.membership a.facebook { background:url(../img/facebook.png) bottom center no-repeat; width:42px; height:44px;}
div.membership a:hover { background-position:top center; border:0; }

.tweeties { width:32px; height:34px; display:block; background:url(../img/tweetie.png) center center no-repeat; }

#lang { text-align:center; height:20px; }

#wrapper {
/*	font-family:"Courier New", Courier, monospace; */	font-family:Arial, "Helvetica", sans-serif;font-size:10pt;
	line-height:1.8em;
	color:#333333;
}


p.nome {
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:+1px;
	color:#c62143;
	margin:15px 0 5px 0;
	padding:0;
	border-bottom:1px dotted #eee;
}

ul.outside {
	margin-left:50px;
}

.align_right {
	text-align:right;
	}

.align_left {
	text-align:left;
}


.hide {
	display:none;
}

#main_container {
	margin:0;
	margin-bottom:30px;
	padding:0;
	padding-bottom:15px;
}

.agenzia {
	height:auto;
}
#main_container a:hover {
	border:0;
}

#main_container_txt p {
	text-align:left;
}

#main_container_txt p a {
	color:#333;
	border-bottom:1px dotted #333;
	}
	
#main_container_txt p a:hover {
	color:#c62143;
	border-bottom:1px solid #c62143;
	}

#main_container h1, #main_container_txt h1 {
	font-size:1.2em;
	color:#c62143;
	text-align:right;
	margin:0 43px 20px 0;
}

#main_container_txt h1 img#comunicazione_sez {
	margin:0 0 20px 43px;
	width:auto;
	border:1px;
}

#main_container_txt h1 img#design_sez {
	margin:0 0px 20px 45px;
	width:auto;
}

#main_container_txt h1 img#web3_sez {
	margin:0 8px 20px 0;
	width:auto;
}

#main_container_txt h1 img#opensource_sez {
	margin:0 0 20px 40px;
	width:auto;
}

.scheda {
	width:100%;
	margin:0;
	padding:10px;
	font-size:0.9em;
	float:left;
	}



#main_container h1.titolo_scheda {
	padding:2px 0px;
	margin:0px;
	letter-spacing:+1px;
	font-weight:bold;
	text-align:left;
	width:100%;
	width:100%;
	height:18px;
	float:left
}


#main_container h1.titolo_scheda a {	
	padding:2px 0px;
	margin:0px;
	letter-spacing:+1px;
	font-weight:bold;
	text-align:left;
	background:url(../img/fondo_titolo_scheda.png) center center no-repeat;
	width:100%;
	height:18px;
	float:left
	}

#main_container h1.titolo_scheda a:hover {	
	background:url(../img/fondo_titolo_scheda_on.png) center right no-repeat;
}


#main_container .scheda .testo_scheda {
	width:70%;
	height:auto;
	border-right:1px solid #eee;
	float:left;
	text-align:left;
	padding:0 5px 0 5px;
	}
	
#main_container .scheda .testo_scheda h2 {
	color:#c62143;
	font-weight:bold;
	font-size:1.15em;
}

#main_container .scheda .testo_scheda a {
	border-bottom:1px dotted;
	text-decoration:none;
}

#main_container .scheda .testo_scheda a:hover {
	border-bottom:1px solid;
	color:#c62143;
	text-decoration:none;
}

#main_container .scheda .testo_scheda ul {
	list-style:square;
	margin-left:5px;
}

#main_container .scheda .foto_scheda {
	width:100px;
	height:45px;
	border:0;
	border:1px solid #ccc;
	float:left;
	margin-left:15px;
	margin-top:15px;
}

#menu_left ul li a img#agency {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/agency.png) top right no-repeat;
}

#menu_left ul li a img#portfolio {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/portfolio.png) top right no-repeat;
}

#menu_right ul li a img#licenses {
	border-bottom:1px solid #ccc;	text-align:left;
	background:url(../img/licenses.png) top left no-repeat;
}

#menu_right ul li a img#contacts {
	border-bottom:1px solid #ccc;	text-align:left;
	background:url(../img/contacts.png) top left no-repeat;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*																																									  */
/* 																	SCREEN HI 1024 -> 1280 																			  */
/*																																									  */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/




.screen_high {
	margin:0;
	padding:0;
/*	font-family:"Courier New", Courier, monospace; */	font-family:Arial, "Helvetica", sans-serif;font-size:10pt;
	line-height:1.8em;
	color:#333333;
}
 
/***** Headings *****/
 
.screen_high h1,.screen_high  h2,.screen_high  h3,.screen_high  h4,.screen_high  h5,.screen_high  h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
.screen_high h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
.screen_high h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
.screen_high h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
.screen_high p,.screen_high  ul,.screen_high  ol {
margin:0;
padding:0 0 1.25em 0;
}
 
.screen_high ul, .screen_high ol {
padding:0 0 1.25em 2.5em;
list-style:none;
}


 
.screen_high blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
.screen_high small {
font-size:0.85em;
}
 
.screen_high img {
border:0;
}
 
.screen_high sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
.screen_high sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
.screen_highacronym,.screen_high abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
.screen_high a,
.screen_high a:link,
.screen_high a:visited {
text-decoration:none;
color:#333;
}

.screen_high a:hover {
	border-bottom:1px dotted #c62143;
	color:#c62143;
	}
/***** Forms *****/
 
.screen_high form {
margin:0;
padding:0;
display:inline;
}
 
.screen_high input, 
.screen_high select, 
.screen_high textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
.screen_high textarea {
width:100%;
line-height:1.25;
}
 
.screen_high label {
cursor:pointer;
}
 
/***** Tables *****/
 
.screen_high table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
.screen_high table tr td {
padding:2px;
}
 
/***** Wrapper *****/

.screen_high #wrapper {
	width:85%;
	margin:1% auto 0 auto;
	text-align:center;
}

/***** Global Classes *****/
 
/* nois3lab (cc) BY-SA */

.screen_high .clear {
	clear:both;
	width:100%;
	height:1px;
}

.screen_high .inside 	   { list-style-position:inside; }
.screen_high .outside 	   { list-style-position:outside; }
.screen_high .padding-top30 { padding-top:30px; }
.screen_high .padding-left30{ padding-left:30px; }
.screen_high .float-left    { float:left; }
.screen_high .float-right   { float:right; }
 
.screen_high .text-left     { text-align:left; }
.screen_high .text-right    { text-align:right; }
.screen_high .text-center   { text-align:center; }
.screen_high .text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
 
.screen_high .img-left      { float:left;margin:4px 10px 4px 0; }
.screen_high .img-right     { float:right;margin:4px 0 4px 10px; }
 
.screen_high .nopadding     { padding:0; }
.screen_high .noindent      { margin-left:0;padding-left:0; }
.screen_high .noborder      { border:0; }

.screen_high a.noborder:hover {border:0;}
.screen_high .nobullet      { list-style:none;list-style-image:none; }


.screen_high .img_menu {
	width:90px;
	height:14px;
	border:0;
	}


/* identificatori generali del sito */

.screen_high #footer {
	width:100%;
	text-align:center;
	margin:15px 0 0 0;
	font-size:0.85em;
	padding:0;
	clear:both;
	}
	
/* container principali */

.screen_high #menu_left {
	float:left;
	width:144px;
	margin:31% auto;
	}

.screen_high #main_container {
	margin:auto;
	width:440px;
	height:670px;
	text-align:center;
}	

.screen_high #menu_right {
	float:right;
	width:144px;
	margin:26% auto;
	}
	
.screen_high #footer ul li {
	display:inline;
	border-right:1px solid #999;
	padding-right:10px
	}
	
	
.screen_high #menu_left ul {
	margin:10px 100px 0 0;
	}
.screen_high #menu_left ul li a  {
	text-align:right;
}


.screen_high #menu_right ul {
	margin:0 0 0 20px;
}

.screen_high #menu_right ul li a  {
	text-align:right;
	}

.screen_high #menu_right ul li a:hover  {
	text-align:right;
}


.screen_high #menu_left ul.outside {
	margin-left:90px;
}

.screen_high #menu_left ul.outside li a:hover  {
	text-align:left;
}
	
.screen_high #menu_right ul.outside {
	margin:0 0 0 20px;
}

.screen_high #menu_right ul.outside li a  {
	text-align:left;
	}

.screen_high #menu_right ul.outside li a:hover  {
	text-align:left;
}

.screen_high #icona {
	text-align:center;
	}

.screen_high #main_container .img_centro {
	width:217px;
	height:335px;
}
.screen_high #tl a,.screen_high  #tr a,.screen_high  #bl a,.screen_high  #br a {
	width:217px;
	height:335px;
}

.screen_high #tl a {
	float:left;
	background:url(../img/high/tl.jpg) bottom left no-repeat;
	}

.screen_high #tr a {
	float:left;
	background:url(../img/high/tr.jpg) bottom left no-repeat;
	}

.screen_high #bl a {
	float:left;
	background:url(../img/high/bl.jpg) top right no-repeat;
	}

.screen_high #br a  {
	float:left;
	background:url(../img/high/br.jpg) top left no-repeat;
	}

.screen_high #tl a:hover {
	float:left;
	background:url(../img/high/tl.jpg) bottom right no-repeat;
	}

.screen_high #tr a:hover {
	float:left;
	background:url(../img/high/tr.jpg) bottom right no-repeat;
	}

.screen_high #bl a:hover {
	float:left;
	background:url(../img/high/bl.jpg) top left  no-repeat;
	}

.screen_high #br a:hover {
	float:left;
	background:url(../img/high/br.jpg) top right no-repeat;
	}
	

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*																																									  */
/* 																	SCREEN MED 800 -> 1024 																			  */
/*																																									  */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/***** Global Settings *****/
 


.screen_med  {
	margin:0;
	padding:0;
/*	font-family:"Courier New", Courier, monospace; */	font-family:Arial, "Helvetica", sans-serif;font-size:10pt;
	line-height:1.8em;
	color:#333333;
}
 
/***** Headings *****/
 
.screen_med h1,.screen_med  h2,.screen_med  h3,.screen_med  h4,.screen_med  h5,.screen_med  h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
.screen_med h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
.screen_med h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
.screen_med h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
.screen_med p,.screen_med  ul,.screen_med  ol {
margin:0;
padding:0 0 1.25em 0;
}
 
.screen_med ul, .screen_med ol {
padding:0 0 1.25em 2.5em;
list-style:none;
}


 
.screen_med blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
.screen_med small {
font-size:0.85em;
}
 
.screen_med img {
border:0;
}
 
.screen_med sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
.screen_med sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
.screen_med acronym,.screen_med abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
.screen_med a,
.screen_med a:link,
.screen_med a:visited {
text-decoration:none;
color:#333;
}

.screen_med a:hover {
	border-bottom:1px dotted #c62143;
	color:#c62143;
	}
/***** Forms *****/
 
.screen_med form {
margin:0;
padding:0;
display:inline;
}
 
.screen_med input, 
.screen_med select, 
.screen_med textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
.screen_med textarea {
width:100%;
line-height:1.25;
}
 
.screen_med label {
cursor:pointer;
}
 
/***** Tables *****/
 
.screen_med table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
.screen_med table tr td {
padding:2px;
}
 
/***** Wrapper *****/

.screen_med #wrapper {
	width:85%;
	margin:1% auto 0 auto;
	text-align:center;
}


/***** Global Classes *****/
 
/* nois3lab (cc) BY-SA */

.screen_med .clear {
	clear:both;
	width:100%;
	height:1px;
}

.screen_med .inside 	   { list-style-position:inside; }
.screen_med .outside 	   { list-style-position:outside; }
.screen_med .padding-top30 { padding-top:30px; }
.screen_med .padding-left30{ padding-left:30px; }
.screen_med .float-left    { float:left; }
.screen_med .float-right   { float:right; }
 
.screen_med .text-left     { text-align:left; }
.screen_med .text-right    { text-align:right; }
.screen_med .text-center   { text-align:center; }
.screen_med .text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
 
.screen_med .img-left      { float:left;margin:4px 10px 4px 0; }
.screen_med .img-right     { float:right;margin:4px 0 4px 10px; }
 
.screen_med .nopadding     { padding:0; }
.screen_med .noindent      { margin-left:0;padding-left:0; }
.screen_med .noborder      { border:0; }

.screen_med a.noborder:hover {border:0;}
.screen_med .nobullet      { list-style:none;list-style-image:none; }


.screen_med .img_menu {
	width:90px;
	height:14px;
	border:0;
	}


/* identificatori generali del sito */

.screen_med #footer {
	width:100%;
	text-align:center;
	margin:15px 0 0 0;
	font-size:0.85em;
	padding:0;
	clear:both;
	}
	
/* container principali */

.screen_med #menu_left {
	float:left;
	width:144px !important;
	margin:38% auto;
	}

.screen_med #main_container {
	margin:auto;
	width:442px;
	height:632px;
	text-align:center;
}	

.screen_med #menu_right {
	float:right;
	width:144px;
	margin:32% auto;
	}

.screen_med #footer ul {
	margin:auto;
	padding:0; 
	width:90%;
	text-align:center;
}

.screen_med #footer ul li {
	display:inline;
	border-right:1px solid #999;
	padding:0 10px 0 0;
	}

.screen_med #menu_left ul {
	margin:10px 0 0 0;
	}
.screen_med #menu_left ul li a  {
	text-align:right;
}

.screen_med #menu_left ul li a img#agenzia {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/agenzia.png) top right no-repeat;
}

.screen_med #menu_left ul li a img#blog {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/blog.png) top right no-repeat;
}

.screen_med #menu_left ul li a img#blog_en {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/blog_en.png) top right no-repeat;
}

.screen_med #menu_left ul li a img#showcase {
	border-bottom:1px solid #ccc;	background:url(../img/case_history.png) top left no-repeat;
}

.screen_med #menu_left ul li a:hover  {
	text-align:right;
}

.screen_med #menu_left ul li a:hover img#agenzia {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/agenzia.png) bottom right no-repeat;
}

.screen_med #menu_left ul li a:hover img#blog {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/blog.png) bottom left no-repeat;
}

.screen_med #menu_left ul li a:hover img#blog_en {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/blog_en.png) bottom left no-repeat;
}

.screen_med #menu_left ul li a:hover img#showcase {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/case_history.png) bottom left no-repeat;
}


.screen_med #menu_right ul {
	margin:0 0 0 20px;
}

.screen_med #menu_right ul li a  {
	text-align:right;
	}

.screen_med #menu_right ul li a:hover  {
	text-align:right;
}



.screen_med #menu_right ul li a img#clienti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/clienti.png) top left no-repeat;
}

.screen_med #menu_right ul li a img#licenze {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/licenze.png) top left no-repeat;
}

.screen_med #menu_right ul li a img#contatti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/contatti.png) top left no-repeat;
}

.screen_med #menu_right ul li a:hover img#clienti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/clienti.png) bottom left no-repeat;
}
.screen_med #menu_right ul li a:hover img#contatti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/contatti.png) bottom left no-repeat;
}

.screen_med #menu_right ul li a:hover img#licenze {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/licenze.png) bottom left no-repeat;
}

.screen_med #menu_left ul.outside {
	margin-left:90px;
}
.screen_med #menu_left ul.outside li a img#comunicazione {	border-bottom:1px solid #eee;
text-align:left;
	background:url(../img/comunicazione_menu.png) top left no-repeat;
}

.screen_med #menu_left ul.outside li a img#opensource {	border-bottom:1px solid #eee;
background:url(../img/opensource_menu.png) top left no-repeat;
}


.screen_med #menu_left ul.outside li a img#web3 {	border-bottom:1px solid #eee;
text-align:left;
	background:url(../img/web3_menu.png) top left no-repeat;
}

.screen_med #menu_left ul.outside li a img#design {	border-bottom:1px solid #eee;
text-align:left;
	background:url(../img/design_menu.png) top left no-repeat;
}

.screen_med #menu_left ul.outside li a:hover  {
	text-align:left;
}

.screen_med #menu_left ul.outside li a:hover img#comunicazione {
	border-bottom:1px solid #c62143;
	text-align:left;
	background:url(../img/comunicazione_menu.png) bottom right no-repeat;
}

.screen_med #menu_left ul.outside li a:hover img#opensource {
	border-bottom:1px solid #c62143;
	text-align:left;
	background:url(../img/opensource_menu.png) bottom right no-repeat;
}


.screen_med #menu_left ul.outside li a:hover img#design {
	border-bottom:1px solid #c62143;
	text-align:left;
	background:url(../img/design_menu.png) bottom right no-repeat;
}

.screen_med #menu_left ul.outside li a:hover img#opensource {
	border-bottom:1px solid #c62143;
	text-align:left;
	background:url(../img/opensource_menu.png) bottom right no-repeat;
}
.screen_med #menu_left ul.outside li a:hover img#web3 {
	border-bottom:1px solid #c62143;
	text-align:left;
	background:url(../img/web3_menu.png) bottom right no-repeat;
}
	
.screen_med #menu_right ul.outside {
	margin:0 0 0 20px;
}

.screen_med #menu_right ul.outside li a  {
	text-align:left;
	}

.screen_med #menu_right ul.outside li a:hover  {
	text-align:left;
}


.screen_med .img_centro {
	width:173px;
	height:251px;
}
.screen_med #tl a,.screen_med  #tr a,.screen_med  #bl a,.screen_med  #br a{
	width:221px;
	height:316px;
}

.screen_med #tl a {
	float:left;
	background:url(../img/med/tl.jpg) bottom left no-repeat;
	}

.screen_med #tr a{
	float:left;
	background:url(../img/med/tr.jpg) bottom left no-repeat;
	}

.screen_med #bl a{
	float:left;
	background:url(../img/med/bl.jpg) top left no-repeat;
	}

.screen_med #br a{
	float:left;
	background:url(../img/med/br.jpg) top left no-repeat;
	}

.screen_med #tl a:hover {
	float:left;
	background:url(../img/med/tl.jpg) bottom right no-repeat;
	}

.screen_med #tr a:hover {
	float:left;
	background:url(../img/med/tr.jpg) bottom right no-repeat;
	}

.screen_med #bl a:hover {
	float:left;
	background:url(../img/med/bl.jpg) top right  no-repeat;
	}

.screen_med #br a:hover {
	float:left;
	background:url(../img/med/br.jpg) top right no-repeat;
	}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*																																									  */
/* 																	SCREEN LOW 640 -> 800 																			  */
/*																																									  */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/***** Global Settings *****/


.screen_low  {
	margin:0;
	padding:0;
	font-family:"Courier New", Courier, monospace;
	font-size:8pt;
	line-height:1.8em;
	color:#333333;
}
 
/***** Headings *****/
 
.screen_low h1,.screen_low  h2,.screen_low  h3,.screen_low  h4,.screen_low  h5,.screen_low  h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
.screen_low h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
.screen_low h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
.screen_low h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
.screen_low p,.screen_low  ul,.screen_low  ol {
margin:0;
padding:0 0 1.25em 0;
}
 
.screen_low ul, .screen_low ol {
padding:0 0 1.25em 2.5em;
list-style:none;
}


 
.screen_low blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
.screen_low small {
font-size:0.85em;
}
 
.screen_low img {
border:0;
}
 
.screen_low sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
.screen_low sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
.screen_lowacronym,.screen_low abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
.screen_low a,
.screen_low a:link,
.screen_low a:visited {
text-decoration:none;
color:#333;
}

.screen_low a:hover {
	border-bottom:1px dotted #c62143;
	color:#c62143;
	}
/***** Forms *****/
 
.screen_low form {
margin:0;
padding:0;
display:inline;
}
 
.screen_low input, 
.screen_low select, 
.screen_low textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
.screen_low textarea {
width:100%;
line-height:1.25;
}
 
.screen_low label {
cursor:pointer;
}
 
/***** Tables *****/
 
.screen_low table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
.screen_low table tr td {
padding:2px;
}
 
/***** Wrapper *****/

.screen_low #wrapper {
	width:85%;
	margin:1% auto 0 auto;
	text-align:center;
}

.screen_low #main_container .scheda .foto_scheda {
	width:80px;
	height:36px;
	border:0;
	border:1px solid #ccc;
	float:left;
	margin-left:15px;
	margin-top:15px;
}

.screen_low #main_container .scheda .foto_scheda img {
	width:80px;
	height:36px;
}

.screen_low #main_container .scheda .testo_scheda {
	width:60%;
}

/***** Global Classes *****/
 
/* nois3lab (cc) BY-SA */

.screen_low .clear {
	clear:both;
	width:100%;
	height:1px;
}

.screen_low .inside 	   { list-style-position:inside; }
.screen_low .outside 	   { list-style-position:outside; }
.screen_low .padding-top30 { padding-top:30px; }
.screen_low .padding-left30{ padding-left:30px; }
.screen_low .float-left    { float:left; }
.screen_low .float-right   { float:right; }
 
.screen_low .text-left     { text-align:left; }
.screen_low .text-right    { text-align:right; }
.screen_low .text-center   { text-align:center; }
.screen_low .text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
 
.screen_low .img-left      { float:left;margin:4px 10px 4px 0; }
.screen_low .img-right     { float:right;margin:4px 0 4px 10px; }
 
.screen_low .nopadding     { padding:0; }
.screen_low .noindent      { margin-left:0;padding-left:0; }
.screen_low .noborder      { border:0; }

.screen_low a.noborder:hover {border:0;}
.screen_low .nobullet      { list-style:none;list-style-image:none; }


.screen_low .img_menu {
	width:90px;
	height:14px;
	border:0;
	}


/* identificatori generali del sito */

.screen_low #footer {
	width:100%;
	text-align:center;
	margin:15px 0 0 0;
	font-size:0.85em;
	padding:0;
	clear:both;
	}
	
/* container principali */

.screen_low #menu_left {
	float:left;
	width:144px;
	margin:35% auto;
	}

.screen_low #main_container {
	margin:auto;
	width:344px;
	height:492px;
	text-align:center;
}	

.screen_low #menu_right {
	float:right;
	width:144px;
	margin:28% auto;
	}
	
.screen_low #footer ul li {
	display:inline;
	border-right:1px solid #999;
	padding-right:10px
	}
	
	
.screen_low #menu_left ul {
	margin:10px 100px 0 0;
	}
.screen_low #menu_left ul li a  {
	text-align:right;
	display:block;
	height:14px;
}

.screen_low #menu_left ul li a img#agenzia {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/agenzia.png) top right no-repeat;
}

.screen_low #menu_left ul li a img#showcase {
	border-bottom:1px solid #ccc;	background:url(../img/case_history.png) top left no-repeat;
}

.screen_low #menu_left ul li a:hover  {
	text-align:right;
}

.screen_low #menu_left ul li a:hover img#agenzia {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/agenzia.png) bottom right no-repeat;
}

.screen_low #menu_left ul li a:hover img#showcase {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/case_history.png) bottom left no-repeat;
}


.screen_low #menu_right ul {
	margin:0 0 0 20px;
}

.screen_low #menu_right ul li a  {
	text-align:right;
	}

.screen_low #menu_right ul li a:hover  {
	text-align:right;
}



.screen_low #menu_right ul li a img#clienti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/clienti.png) top left no-repeat;
}

.screen_low #menu_right ul li a img#contatti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/contatti.png) top left no-repeat;
}

.screen_low #menu_right ul li a:hover img#clienti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/clienti.png) bottom left no-repeat;
}
.screen_low #menu_right ul li a:hover img#contatti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/contatti.png) bottom left no-repeat;
}
	
.screen_low #icona {
	text-align:center;
	}

.screen_low #img_icona {
	position:relative;
	width:150px;
	height:150px;
}

.screen_low #tl a,.screen_low  #tr a,.screen_low  #bl a,.screen_low  #br a {
	width:172px;
	height:246px;
}

.screen_low #tl a{
	float:left;
	background:url(../img/low/tl.jpg) bottom left no-repeat;
	}

.screen_low #tr a{
	float:left;
	background:url(../img/low/tr.jpg) bottom left no-repeat;
	}

.screen_low #bl a{
	float:left;
	background:url(../img/low/bl.jpg) top left no-repeat;
	}

.screen_low #br a{
	float:left;
	background:url(../img/low/br.jpg) top left no-repeat;
	}

.screen_low #tl a:hover {
	float:left;
	background:url(../img/low/tl.jpg) bottom right no-repeat;
	}

.screen_low #tr a:hover {
	float:left;
	background:url(../img/low/tr.jpg) bottom right no-repeat;
	}

.screen_low #bl a:hover {
	float:left;
	background:url(../img/low/bl.jpg) top right  no-repeat;
	}

.screen_low #br a:hover {
	float:left;
	background:url(../img/low/br.jpg) top right no-repeat;
	}
	
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*																																									  */
/* 																	SCREEN WIDE 1280 ->  																			  */
/*																																									  */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/***** Global Settings *****/
 



.screen_wide  {
	margin:0;
	padding:0;
	font-family:"Courier New", Courier, monospace;
	font-size:10pt;
	line-height:1.8em;
	color:#333333;
}
 
/***** Headings *****/
 
.screen_wide h1,.screen_wide  h2,.screen_wide  h3,.screen_wide  h4,.screen_wide  h5,.screen_wide  h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
.screen_wide h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
.screen_wide h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
.screen_wide h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
.screen_wide p,.screen_wide  ul,.screen_wide  ol {
margin:0;
padding:0 0 1.25em 0;
}
 
.screen_wide ul, .screen_wide ol {
padding:0 0 1.25em 2.5em;
list-style:none;
}


 
.screen_wide blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
.screen_wide small {
font-size:0.85em;
}
 
.screen_wide img {
border:0;
}
 
.screen_wide sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
.screen_wide sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
.screen_wideacronym,.screen_wide abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
.screen_wide a,
.screen_wide a:link,
.screen_wide a:visited {
text-decoration:none;
color:#333;
}

.screen_wide a:hover {
	border-bottom:1px dotted #c62143;
	color:#c62143;
	}
/***** Forms *****/
 
.screen_wide form {
margin:0;
padding:0;
display:inline;
}
 
.screen_wide input, 
.screen_wide select, 
.screen_wide textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
.screen_wide textarea {
width:100%;
line-height:1.25;
}
 
.screen_wide label {
cursor:pointer;
}
 
/***** Tables *****/
 
.screen_wide table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
.screen_wide table tr td {
padding:2px;
}
 
/***** Wrapper *****/

.screen_wide #wrapper {
	width:85%;
	margin:1% auto 0 auto;
	text-align:center;
}

/***** Global Classes *****/
 
/* nois3lab (cc) BY-SA */

.screen_wide .clear {
	clear:both;
	width:100%;
	height:1px;
}

.screen_wide .inside 	   { list-style-position:inside; }
.screen_wide .outside 	   { list-style-position:outside; }
.screen_wide .padding-top30 { padding-top:30px; }
.screen_wide .padding-left30{ padding-left:30px; }
.screen_wide .float-left    { float:left; }
.screen_wide .float-right   { float:right; }
 
.screen_wide .text-left     { text-align:left; }
.screen_wide .text-right    { text-align:right; }
.screen_wide .text-center   { text-align:center; }
.screen_wide .text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
 
.screen_wide .img-left      { float:left;margin:4px 10px 4px 0; }
.screen_wide .img-right     { float:right;margin:4px 0 4px 10px; }
 
.screen_wide .nopadding     { padding:0; }
.screen_wide .noindent      { margin-left:0;padding-left:0; }
.screen_wide .noborder      { border:0; }

.screen_wide a.noborder:hover {border:0;}
.screen_wide .nobullet      { list-style:none;list-style-image:none; }


.screen_wide .img_menu {
	width:90px;
	height:14px;
	border:0;
	}


/* identificatori generali del sito */

.screen_wide #footer {
	width:100%;
	text-align:center;
	margin:15px 0 0 0;
	font-size:0.85em;
	padding:0;
	clear:both;
	}
	
/* container principali */

.screen_wide #menu_left {
	float:left;
	width:144px;
	margin:28% auto;
	}

.screen_wide #main_container {
	margin:auto;
	width:542px;
	height:786px;
	text-align:center;
}	

.screen_wide #menu_right {
	float:right;
	width:144px;
	margin:25% auto;
	}



.screen_wide #footer ul {
	margin-right:80px;
	}

.screen_wide #footer ul li {
	display:inline;
	padding-right:10px;
	border-right:1px solid #999;
	}
	
	
.screen_wide #menu_left ul {
	margin:10px 100px 0 0;
	}
.screen_wide #menu_left ul li a  {
	text-align:right;
}

.screen_wide #menu_left ul li a img#agenzia {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/agenzia.png) top right no-repeat;
}

.screen_wide #menu_left ul li a img#showcase {
	border-bottom:1px solid #ccc;	background:url(../img/case_history.png) top left no-repeat;
}

.screen_wide #menu_left ul li a:hover  {
	text-align:right;
}

.screen_wide #menu_left ul li a:hover img#agenzia {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/agenzia.png) bottom right no-repeat;
}

.screen_wide #menu_left ul li a:hover img#showcase {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/case_history.png) bottom left no-repeat;
}


.screen_wide #menu_right ul {
	margin:0 0 0 20px;
}

.screen_wide #menu_right ul li a  {
	text-align:right;
	}

.screen_wide #menu_right ul li a:hover  {
	text-align:right;
}



.screen_wide #menu_right ul li a img#clienti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/clienti.png) top left no-repeat;
}

.screen_wide #menu_right ul li a img#contatti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/contatti.png) top left no-repeat;
}

.screen_wide #menu_right ul li a:hover img#clienti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/clienti.png) bottom left no-repeat;
}
.screen_wide #menu_right ul li a:hover img#contatti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/contatti.png) bottom left no-repeat;
}


.screen_wide #menu_left ul.outside {
	margin-left:90px;
}
.screen_wide #menu_left ul.outside li a img#comunicazione {	border-bottom:1px solid #eee;
text-align:left;
	background:url(../img/comunicazione_menu.png) top left no-repeat;
}

.screen_wide #menu_left ul.outside li a img#opensource {	border-bottom:1px solid #eee;
background:url(../img/opensource_menu.png) top left no-repeat;
}


.screen_wide #menu_left ul.outside li a img#web3 {	border-bottom:1px solid #eee;
text-align:left;
	background:url(../img/web3_menu.png) top left no-repeat;
}

.screen_wide #menu_left ul.outside li a img#design {	border-bottom:1px solid #eee;
text-align:left;
	background:url(../img/design_menu.png) top left no-repeat;
}

.screen_wide #menu_left ul.outside li a:hover  {
	text-align:left;
}

.screen_wide #menu_left ul.outside li a:hover img#comunicazione {
	border-bottom:1px solid #c62143;
	text-align:left;
	background:url(../img/comunicazione_menu.png) bottom right no-repeat;
}

.screen_wide #menu_left ul.outside li a:hover img#opensource {
	border-bottom:1px solid #c62143;
	text-align:left;
	background:url(../img/opensource_menu.png) bottom right no-repeat;
}


.screen_wide #menu_left ul.outside li a:hover img#design {
	border-bottom:1px solid #c62143;
	text-align:left;
	background:url(../img/design_menu.png) bottom right no-repeat;
}

.screen_wide #menu_left ul.outside li a:hover img#opensource {
	border-bottom:1px solid #c62143;
	text-align:left;
	background:url(../img/opensource_menu.png) bottom right no-repeat;
}
.screen_wide #menu_left ul.outside li a:hover img#web3 {
	border-bottom:1px solid #c62143;
	text-align:left;
	background:url(../img/web3_menu.png) bottom right no-repeat;
}
	
.screen_wide #menu_right ul.outside {
	margin:0 0 0 20px;
}

.screen_wide #menu_right ul.outside li a  {
	text-align:left;
	}

.screen_wide #menu_right ul.outside li a:hover  {
	text-align:left;
}



.screen_wide #icona {
	text-align:center;
	}

.screen_wide #img_icona {
	position:relative;
	width:150px;
	height:150px;
}

.screen_wide #tl a,.screen_wide  #tr a,.screen_wide  #bl a,.screen_wide  #br a{
	width:271px;
	height:393px;
}

.screen_wide #tl a{
	float:left;
	background:url(../img/wide/tl.jpg) bottom left no-repeat;
	}

.screen_wide #tr a{
	float:left;
	background:url(../img/wide/tr.jpg) bottom left no-repeat;
	}

.screen_wide #bl a{
	float:left;
	background:url(../img/wide/bl.jpg) top left no-repeat;
	}

.screen_wide #br a{
	float:left;
	background:url(../img/wide/br.jpg) top left no-repeat;
	}

.screen_wide #tl a:hover {
	float:left;
	background:url(../img/wide/tl.jpg) bottom right no-repeat;
	}

.screen_wide #tr a:hover {
	float:left;
	background:url(../img/wide/tr.jpg) bottom right no-repeat;
	}

.screen_wide #bl a:hover {
	float:left;
	background:url(../img/wide/bl.jpg) top right no-repeat;
	}

.screen_wide #br a:hover {
	float:left;
	background:url(../img/wide/br.jpg) top right no-repeat;
	}
	
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*																																									  */
/* 																	screen_ultralow 320 -> 640  																			  */
/*																																									  */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/***** Global Settings *****/


.screen_ultralow {
	margin:0;
	padding:0;
	font-family:"Courier New", Courier, monospace;
	font-size:10pt;
	line-height:1.8em;
	color:#333333;
}
 
/***** Headings *****/
 
.screen_ultralow h1,.screen_ultralow  h2,.screen_ultralow  h3,.screen_ultralow  h4,.screen_ultralow  h5,.screen_ultralow  h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
.screen_ultralow h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
.screen_ultralow h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
.screen_ultralow h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
.screen_ultralow p,.screen_ultralow  ul,.screen_ultralow  ol {
margin:0;
padding:0 0 1.25em 0;
}
 
.screen_ultralow ul, .screen_ultralow ol {
padding:0 0 1.25em 2.5em;
list-style:none;
}


 
.screen_ultralow blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
.screen_ultralow small {
font-size:0.85em;
}
 
.screen_ultralow img {
border:0;
}
 
.screen_ultralow sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
.screen_ultralow sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
.screen_ultralowacronym,.screen_ultralow abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
.screen_ultralow a,
.screen_ultralow a:link,
.screen_ultralow a:visited {
text-decoration:none;
color:#333;
}

.screen_ultralow a:hover {
	border-bottom:1px dotted #c62143;
	color:#c62143;
	}
/***** Forms *****/
 
.screen_ultralow form {
margin:0;
padding:0;
display:inline;
}
 
.screen_ultralow input, 
.screen_ultralow select, 
.screen_ultralow textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
.screen_ultralow textarea {
width:100%;
line-height:1.25;
}
 
.screen_ultralow label {
cursor:pointer;
}
 
/***** Tables *****/
 
.screen_ultralow table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
.screen_ultralow table tr td {
padding:2px;
}
 
/***** Wrapper *****/

.screen_ultralow #wrapper {
	width:75%;
	margin:1% auto 0 auto;
	text-align:center;
}

/***** Global Classes *****/
 
/* nois3lab (cc) BY-SA */

.screen_ultralow .clear {
	clear:both;
	width:100%;
	height:1px;
}

.screen_ultralow .inside 	   { list-style-position:inside; }
.screen_ultralow .outside 	   { list-style-position:outside; }
.screen_ultralow .padding-top30 { padding-top:30px; }
.screen_ultralow .padding-left30{ padding-left:30px; }
.screen_ultralow .float-left    { float:left; }
.screen_ultralow .float-right   { float:right; }
 
.screen_ultralow .text-left     { text-align:left; }
.screen_ultralow .text-right    { text-align:right; }
.screen_ultralow .text-center   { text-align:center; }
.screen_ultralow .text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
 
.screen_ultralow .img-left      { float:left;margin:4px 10px 4px 0; }
.screen_ultralow .img-right     { float:right;margin:4px 0 4px 10px; }
 
.screen_ultralow .nopadding     { padding:0; }
.screen_ultralow .noindent      { margin-left:0;padding-left:0; }
.screen_ultralow .noborder      { border:0; }

.screen_ultralow a.noborder:hover {border:0;}
.screen_ultralow .nobullet      { list-style:none;list-style-image:none; }


.screen_ultralow .img_menu {
	width:90px;
	height:14px;
	border:0;
	}


/* identificatori generali del sito */

.screen_ultralow #footer {
	width:100%;
	text-align:center;
	margin-top:15px;
	font-size:0.85em;
	}
	
/* container principali */

.screen_ultralow #menu_left {
	float:left;
	width:144px;
	margin:40% auto;
	}

.screen_ultralow #main_container {
	margin:auto;
	width:420px;
	height:650px;
	text-align:center;
}	

.screen_ultralow #menu_right {
	float:right;
	width:144px;
	margin:33% auto;
	}
	
.screen_ultralow #footer ul li {
	display:inline;
	border-right:1px solid #999;
	padding-right:10px
	}
	
	
.screen_ultralow #menu_left ul {
	margin:10px 100px 0 0;
	}
.screen_ultralow #menu_left ul li a  {
	text-align:right;
}

.screen_ultralow #menu_left ul li a img#agenzia {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/agenzia.png) top right no-repeat;
}

.screen_ultralow #menu_left ul li a img#showcase {
	border-bottom:1px solid #ccc;	background:url(../img/case_history.png) top left no-repeat;
}

.screen_ultralow #menu_left ul li a:hover  {
	text-align:right;
}

.screen_ultralow #menu_left ul li a:hover img#agenzia {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/agenzia.png) bottom right no-repeat;
}

.screen_ultralow #menu_left ul li a:hover img#showcase {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/case_history.png) bottom left no-repeat;
}


.screen_ultralow #menu_right ul {
	margin:0 0 0 20px;
}

.screen_ultralow #menu_right ul li a  {
	text-align:right;
	}

.screen_ultralow #menu_right ul li a:hover  {
	text-align:right;
}



.screen_ultralow #menu_right ul li a img#clienti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/clienti.png) top left no-repeat;
}

.screen_ultralow #menu_right ul li a img#contatti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/contatti.png) top left no-repeat;
}

.screen_ultralow #menu_right ul li a:hover img#clienti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/clienti.png) bottom left no-repeat;
}
.screen_ultralow #menu_right ul li a:hover img#contatti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/contatti.png) bottom left no-repeat;
}
	
.screen_ultralow #icona {
	text-align:center;
	}

.screen_ultralow #img_icona {
	position:relative;
	width:150px;
	height:150px;
}

.screen_ultralow #tl,.screen_ultralow  #tr,.screen_ultralow  #bl,.screen_ultralow  #br {
	width:217px;
	height:335px;
}

.screen_ultralow #tl {
	float:left;
	}

.screen_ultralow #tr {
	float:left;
	}

.screen_ultralow #bl {
	float:left;
	}

.screen_ultralow #br {
	float:left;
	}

.screen_ultralow #tl:hover {
	float:left;
	background:#333;
	}

.screen_ultralow #tr:hover {
	float:left;
	background:#333;
	}

.screen_ultralow #bl:hover {
	float:left;
	background:#333;
	}

.screen_ultralow #br:hover {
	float:left;
	background:#333;
	}
	
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*																																									  */
/* 																	PDA HOR 320 		  																			  */
/*																																									  */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/***** Global Settings *****/


.pda_hor {
	margin:0;
	padding:0;
	font-family:"Courier New", Courier, monospace;
	font-size:10pt;
	line-height:1.8em;
	color:#333333;
}
 
/***** Headings *****/
 
.pda_hor h1,.pda_hor  h2,.pda_hor  h3,.pda_hor  h4,.pda_hor  h5,.pda_hor  h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
.pda_hor h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
.pda_hor h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
.pda_hor h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
.pda_hor p,.pda_hor  ul,.pda_hor  ol {
margin:0;
padding:0 0 1.25em 0;
}
 
.pda_hor ul, .pda_hor ol {
padding:0 0 1.25em 2.5em;
list-style:none;
}


 
.pda_hor blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
.pda_hor small {
font-size:0.85em;
}
 
.pda_hor img {
border:0;
}
 
.pda_hor sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
.pda_hor sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
.pda_horacronym,.pda_hor abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
.pda_hor a,
.pda_hor a:link,
.pda_hor a:visited {
text-decoration:none;
color:#333;
}

.pda_hor a:hover {
	border-bottom:1px dotted #c62143;
	color:#c62143;
	}
/***** Forms *****/
 
.pda_hor form {
margin:0;
padding:0;
display:inline;
}
 
.pda_hor input, 
.pda_hor select, 
.pda_hor textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
.pda_hor textarea {
width:100%;
line-height:1.25;
}
 
.pda_hor label {
cursor:pointer;
}
 
/***** Tables *****/
 
.pda_hor table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
.pda_hor table tr td {
padding:2px;
}
 
/***** Wrapper *****/

.pda_hor #wrapper {
	width:75%;
	margin:1% auto 0 auto;
	text-align:center;
}

/***** Global Classes *****/
 
/* nois3lab (cc) BY-SA */

.pda_hor .clear {
	clear:both;
	width:100%;
	height:1px;
}

.pda_hor .inside 	   { list-style-position:inside; }
.pda_hor .outside 	   { list-style-position:outside; }
.pda_hor .padding-top30 { padding-top:30px; }
.pda_hor .padding-left30{ padding-left:30px; }
.pda_hor .float-left    { float:left; }
.pda_hor .float-right   { float:right; }
 
.pda_hor .text-left     { text-align:left; }
.pda_hor .text-right    { text-align:right; }
.pda_hor .text-center   { text-align:center; }
.pda_hor .text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
 
.pda_hor .img-left      { float:left;margin:4px 10px 4px 0; }
.pda_hor .img-right     { float:right;margin:4px 0 4px 10px; }
 
.pda_hor .nopadding     { padding:0; }
.pda_hor .noindent      { margin-left:0;padding-left:0; }
.pda_hor .noborder      { border:0; }

.pda_hor a.noborder:hover {border:0;}
.pda_hor .nobullet      { list-style:none;list-style-image:none; }


.pda_hor .img_menu {
	width:90px;
	height:14px;
	border:0;
	}


/* identificatori generali del sito */

.pda_hor #footer {
	width:100%;
	text-align:center;
	margin-top:15px;
	font-size:0.85em;
	}
	
/* container principali */

.pda_hor #menu_left {
	float:left;
	width:144px;
	margin:40% auto;
	}

.pda_hor #main_container {
	margin:auto;
	width:420px;
	height:650px;
	text-align:center;
}	

.pda_hor #menu_right {
	float:right;
	width:144px;
	margin:33% auto;
	}
	
.pda_hor #footer ul li {
	display:inline;
	border-right:1px solid #999;
	padding-right:10px
	}
	
	
.pda_hor #menu_left ul {
	margin:10px 100px 0 0;
	}
.pda_hor #menu_left ul li a  {
	text-align:right;
}

.pda_hor #menu_left ul li a img#agenzia {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/agenzia.png) top right no-repeat;
}

.pda_hor #menu_left ul li a img#showcase {
	border-bottom:1px solid #ccc;	background:url(../img/case_history.png) top left no-repeat;
}

.pda_hor #menu_left ul li a:hover  {
	text-align:right;
}

.pda_hor #menu_left ul li a:hover img#agenzia {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/agenzia.png) bottom right no-repeat;
}

.pda_hor #menu_left ul li a:hover img#showcase {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/case_history.png) bottom left no-repeat;
}


.pda_hor #menu_right ul {
	margin:0 0 0 20px;
}

.pda_hor #menu_right ul li a  {
	text-align:right;
	}

.pda_hor #menu_right ul li a:hover  {
	text-align:right;
}



.pda_hor #menu_right ul li a img#clienti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/clienti.png) top left no-repeat;
}

.pda_hor #menu_right ul li a img#contatti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/contatti.png) top left no-repeat;
}

.pda_hor #menu_right ul li a:hover img#clienti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/clienti.png) bottom left no-repeat;
}
.pda_hor #menu_right ul li a:hover img#contatti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/contatti.png) bottom left no-repeat;
}
	
.pda_hor #icona {
	text-align:center;
	}

.pda_hor #img_icona {
	position:relative;
	width:150px;
	height:150px;
}

.pda_hor #tl,.pda_hor  #tr,.pda_hor  #bl,.pda_hor  #br {
	width:217px;
	height:335px;
}

.pda_hor #tl {
	float:left;
	}

.pda_hor #tr {
	float:left;
	}

.pda_hor #bl {
	float:left;
	}

.pda_hor #br {
	float:left;
	}

.pda_hor #tl:hover {
	float:left;
	background:#333;
	}

.pda_hor #tr:hover {
	float:left;
	background:#333;
	}

.pda_hor #bl:hover {
	float:left;
	background:#333;
	}

.pda_hor #br:hover {
	float:left;
	background:#333;
	}
	
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*																																									  */
/* 																	PDA HOR 320 		  																			  */
/*																																									  */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/***** Global Settings *****/
 

.pda_ver {
	margin:0;
	padding:0;
	font-family:"Courier New", Courier, monospace;
	font-size:10pt;
	line-height:1.8em;
	color:#333333;
}
 
/***** Headings *****/
 
.pda_ver h1,.pda_ver  h2,.pda_ver  h3,.pda_ver  h4,.pda_ver  h5,.pda_ver  h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
.pda_ver h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
.pda_ver h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
.pda_ver h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
.pda_ver p,.pda_ver  ul,.pda_ver  ol {
margin:0;
padding:0 0 1.25em 0;
}
 
.pda_ver ul, .pda_ver ol {
padding:0 0 1.25em 2.5em;
list-style:none;
}


 
.pda_ver blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
.pda_ver small {
font-size:0.85em;
}
 
.pda_ver img {
border:0;
}
 
.pda_ver sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
.pda_ver sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
.pda_veracronym,.pda_ver abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
.pda_ver a,
.pda_ver a:link,
.pda_ver a:visited {
text-decoration:none;
color:#333;
}

.pda_ver a:hover {
	border-bottom:1px dotted #c62143;
	color:#c62143;
	}
/***** Forms *****/
 
.pda_ver form {
margin:0;
padding:0;
display:inline;
}
 
.pda_ver input, 
.pda_ver select, 
.pda_ver textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
.pda_ver textarea {
width:100%;
line-height:1.25;
}
 
.pda_ver label {
cursor:pointer;
}
 
/***** Tables *****/
 
.pda_ver table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
.pda_ver table tr td {
padding:2px;
}
 
/***** Wrapper *****/

.pda_ver #wrapper {
	width:75%;
	margin:1% auto 0 auto;
	text-align:center;
}

/***** Global Classes *****/
 
/* nois3lab (cc) BY-SA */

.pda_ver .clear {
	clear:both;
	width:100%;
	height:1px;
}

.pda_ver .inside 	   { list-style-position:inside; }
.pda_ver .outside 	   { list-style-position:outside; }
.pda_ver .padding-top30 { padding-top:30px; }
.pda_ver .padding-left30{ padding-left:30px; }
.pda_ver .float-left    { float:left; }
.pda_ver .float-right   { float:right; }
 
.pda_ver .text-left     { text-align:left; }
.pda_ver .text-right    { text-align:right; }
.pda_ver .text-center   { text-align:center; }
.pda_ver .text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
 
.pda_ver .img-left      { float:left;margin:4px 10px 4px 0; }
.pda_ver .img-right     { float:right;margin:4px 0 4px 10px; }
 
.pda_ver .nopadding     { padding:0; }
.pda_ver .noindent      { margin-left:0;padding-left:0; }
.pda_ver .noborder      { border:0; }

.pda_ver a.noborder:hover {border:0;}
.pda_ver .nobullet      { list-style:none;list-style-image:none; }


.pda_ver .img_menu {
	width:90px;
	height:14px;
	border:0;
	}


/* identificatori generali del sito */

.pda_ver #footer {
	width:100%;
	text-align:center;
	margin-top:15px;
	font-size:0.85em;
	}
	
/* container principali */

.pda_ver #menu_left {
	float:left;
	width:144px;
	margin:40% auto;
	}

.pda_ver #main_container {
	margin:auto;
	width:420px;
	height:650px;
	text-align:center;
}	

.pda_ver #menu_right {
	float:right;
	width:144px;
	margin:33% auto;
	}
	
.pda_ver #footer ul li {
	display:inline;
	border-right:1px solid #999;
	padding-right:10px
	}
	
	
.pda_ver #menu_left ul {
	margin:10px 100px 0 0;
	}
.pda_ver #menu_left ul li a  {
	text-align:right;
}

.pda_ver #menu_left ul li a img#agenzia {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/agenzia.png) top right no-repeat;
}

.pda_ver #menu_left ul li a img#showcase {
	border-bottom:1px solid #ccc;	background:url(../img/case_history.png) top left no-repeat;
}

.pda_ver #menu_left ul li a:hover  {
	text-align:right;
}

.pda_ver #menu_left ul li a:hover img#agenzia {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/agenzia.png) bottom right no-repeat;
}

.pda_ver #menu_left ul li a:hover img#showcase {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/case_history.png) bottom left no-repeat;
}


.pda_ver #menu_right ul {
	margin:0 0 0 20px;
}

.pda_ver #menu_right ul li a  {
	text-align:right;
	}

.pda_ver #menu_right ul li a:hover  {
	text-align:right;
}



.pda_ver #menu_right ul li a img#clienti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/clienti.png) top left no-repeat;
}

.pda_ver #menu_right ul li a img#contatti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/contatti.png) top left no-repeat;
}

.pda_ver #menu_right ul li a:hover img#clienti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/clienti.png) bottom left no-repeat;
}
.pda_ver #menu_right ul li a:hover img#contatti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/contatti.png) bottom left no-repeat;
}
	
.pda_ver #icona {
	text-align:center;
	}

.pda_ver #img_icona {
	position:relative;
	width:150px;
	height:150px;
}

.pda_ver #tl,.pda_ver  #tr,.pda_ver  #bl,.pda_ver  #br {
	width:217px;
	height:335px;
}

.pda_ver #tl {
	float:left;
	}

.pda_ver #tr {
	float:left;
	}

.pda_ver #bl {
	float:left;
	}

.pda_ver #br {
	float:left;
	}

.pda_ver #tl:hover {
	float:left;
	background:#333;
	}

.pda_ver #tr:hover {
	float:left;
	background:#333;
	}

.pda_ver #bl:hover {
	float:left;
	background:#333;
	}

.pda_ver #br:hover {
	float:left;
	background:#333;
	}
	
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*																																									  */
/* 																	IPHONE vertical 320x480																			  */
/*																																									  */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/***** Global Settings *****/
 
.iphone_v  {
	margin:0;
	padding:0;
	font-family:"Courier New", Courier, monospace;
	font-size:10pt;
	line-height:1.8em;
	color:#333333;
}
 
/***** Headings *****/
 
.iphone_v h1,.iphone_v  h2,.iphone_v  h3,.iphone_v  h4,.iphone_v  h5,.iphone_v  h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
.iphone_v h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
.iphone_v h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
.iphone_v h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
.iphone_v p,.iphone_v  ul,.iphone_v  ol {
margin:0;
padding:0 0 1.25em 0;
}
 
.iphone_v ul, .iphone_v ol {
padding:0 0 1.25em 2.5em;
list-style:none;
}


 
.iphone_v blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
.iphone_v small {
font-size:0.85em;
}
 
.iphone_v img {
border:0;
}
 
.iphone_v sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
.iphone_v sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
.iphone_vacronym,.iphone_v abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
.iphone_v a,
.iphone_v a:link,
.iphone_v a:visited {
text-decoration:none;
color:#333;
}

.iphone_v a:hover {
	border-bottom:1px dotted #c62143;
	color:#c62143;
	}
/***** Forms *****/
 
.iphone_v form {
margin:0;
padding:0;
display:inline;
}
 
.iphone_v input, 
.iphone_v select, 
.iphone_v textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
.iphone_v textarea {
width:100%;
line-height:1.25;
}
 
.iphone_v label {
cursor:pointer;
}
 
/***** Tables *****/
 
.iphone_v table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
.iphone_v table tr td {
padding:2px;
}
 
/***** Wrapper *****/

.iphone_v #wrapper {
	width:75%;
	margin:1% auto 0 auto;
	text-align:center;
}

/***** Global Classes *****/
 
/* nois3lab (cc) BY-SA */

.iphone_v .clear {
	clear:both;
	width:100%;
	height:1px;
}

.iphone_v .inside 	   { list-style-position:inside; }
.iphone_v .outside 	   { list-style-position:outside; }
.iphone_v .padding-top30 { padding-top:30px; }
.iphone_v .padding-left30{ padding-left:30px; }
.iphone_v .float-left    { float:left; }
.iphone_v .float-right   { float:right; }
 
.iphone_v .text-left     { text-align:left; }
.iphone_v .text-right    { text-align:right; }
.iphone_v .text-center   { text-align:center; }
.iphone_v .text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
 
.iphone_v .img-left      { float:left;margin:4px 10px 4px 0; }
.iphone_v .img-right     { float:right;margin:4px 0 4px 10px; }
 
.iphone_v .nopadding     { padding:0; }
.iphone_v .noindent      { margin-left:0;padding-left:0; }
.iphone_v .noborder      { border:0; }

.iphone_v a.noborder:hover {border:0;}
.iphone_v .nobullet      { list-style:none;list-style-image:none; }


.iphone_v .img_menu {
	width:90px;
	height:14px;
	border:0;
	}


/* identificatori generali del sito */

.iphone_v #footer {
	width:100%;
	text-align:center;
	margin-top:15px;
	font-size:0.85em;
	}
	
/* container principali */

.iphone_v #menu_left {
	float:left;
	width:144px;
	margin:40% auto;
	}

.iphone_v #main_container {
	margin:auto;
	width:420px;
	height:650px;
	text-align:center;
}	

.iphone_v #menu_right {
	float:right;
	width:144px;
	margin:33% auto;
	}
	
.iphone_v #footer ul li {
	display:inline;
	border-right:1px solid #999;
	padding-right:10px
	}
	
	
.iphone_v #menu_left ul {
	margin:10px 100px 0 0;
	}
.iphone_v #menu_left ul li a  {
	text-align:right;
}

.iphone_v #menu_left ul li a img#agenzia {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/agenzia.png) top right no-repeat;
}

.iphone_v #menu_left ul li a img#showcase {
	border-bottom:1px solid #ccc;	background:url(../img/case_history.png) top left no-repeat;
}

.iphone_v #menu_left ul li a:hover  {
	text-align:right;
}

.iphone_v #menu_left ul li a:hover img#agenzia {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/agenzia.png) bottom right no-repeat;
}

.iphone_v #menu_left ul li a:hover img#showcase {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/case_history.png) bottom left no-repeat;
}


.iphone_v #menu_right ul {
	margin:0 0 0 20px;
}

.iphone_v #menu_right ul li a  {
	text-align:right;
	}

.iphone_v #menu_right ul li a:hover  {
	text-align:right;
}



.iphone_v #menu_right ul li a img#clienti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/clienti.png) top left no-repeat;
}

.iphone_v #menu_right ul li a img#contatti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/contatti.png) top left no-repeat;
}

.iphone_v #menu_right ul li a:hover img#clienti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/clienti.png) bottom left no-repeat;
}
.iphone_v #menu_right ul li a:hover img#contatti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/contatti.png) bottom left no-repeat;
}
	
.iphone_v #icona {
	text-align:center;
	}

.iphone_v #img_icona {
	position:relative;
	width:150px;
	height:150px;
}

.iphone_v #tl,.iphone_v  #tr,.iphone_v  #bl,.iphone_v  #br {
	width:217px;
	height:335px;
}

.iphone_v #tl {
	float:left;
	}

.iphone_v #tr {
	float:left;
	}

.iphone_v #bl {
	float:left;
	}

.iphone_v #br {
	float:left;
	}

.iphone_v #tl:hover {
	float:left;
	background:#333;
	}

.iphone_v #tr:hover {
	float:left;
	background:#333;
	}

.iphone_v #bl:hover {
	float:left;
	background:#333;
	}

.iphone_v #br:hover {
	float:left;
	background:#333;
	}
	
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*																																									  */
/* 																	IPHONE horizontal 480x320																		  */
/*																																									  */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/***** Global Settings *****/
 

.iphone_h {
	margin:0;
	padding:0;
	font-family:"Courier New", Courier, monospace;
	font-size:10pt;
	line-height:1.8em;
	color:#333333;
}
 
/***** Headings *****/
 
.iphone_h h1,.iphone_h  h2,.iphone_h  h3,.iphone_h  h4,.iphone_h  h5,.iphone_h  h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
.iphone_h h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
.iphone_h h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
.iphone_h h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
.iphone_h p,.iphone_h  ul,.iphone_h  ol {
margin:0;
padding:0 0 1.25em 0;
}
 
.iphone_h ul, .iphone_h ol {
padding:0 0 1.25em 2.5em;
list-style:none;
}


 
.iphone_h blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
.iphone_h small {
font-size:0.85em;
}
 
.iphone_h img {
border:0;
}
 
.iphone_h sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
.iphone_h sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
.iphone_hacronym,.iphone_h abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
.iphone_h a,
.iphone_h a:link,
.iphone_h a:visited {
text-decoration:none;
color:#333;
}

.iphone_h a:hover {
	border-bottom:1px dotted #c62143;
	color:#c62143;
	}
/***** Forms *****/
 
.iphone_h form {
margin:0;
padding:0;
display:inline;
}
 
.iphone_h input, 
.iphone_h select, 
.iphone_h textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
.iphone_h textarea {
width:100%;
line-height:1.25;
}
 
.iphone_h label {
cursor:pointer;
}
 
/***** Tables *****/
 
.iphone_h table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
.iphone_h table tr td {
padding:2px;
}
 
/***** Wrapper *****/

.iphone_h #wrapper {
	width:75%;
	margin:1% auto 0 auto;
	text-align:center;
}

/***** Global Classes *****/
 
/* nois3lab (cc) BY-SA */

.iphone_h .clear {
	clear:both;
	width:100%;
	height:1px;
}

.iphone_h .inside 	   { list-style-position:inside; }
.iphone_h .outside 	   { list-style-position:outside; }
.iphone_h .padding-top30 { padding-top:30px; }
.iphone_h .padding-left30{ padding-left:30px; }
.iphone_h .float-left    { float:left; }
.iphone_h .float-right   { float:right; }
 
.iphone_h .text-left     { text-align:left; }
.iphone_h .text-right    { text-align:right; }
.iphone_h .text-center   { text-align:center; }
.iphone_h .text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
 
.iphone_h .img-left      { float:left;margin:4px 10px 4px 0; }
.iphone_h .img-right     { float:right;margin:4px 0 4px 10px; }
 
.iphone_h .nopadding     { padding:0; }
.iphone_h .noindent      { margin-left:0;padding-left:0; }
.iphone_h .noborder      { border:0; }

.iphone_h a.noborder:hover {border:0;}
.iphone_h .nobullet      { list-style:none;list-style-image:none; }


.iphone_h .img_menu {
	width:90px;
	height:14px;
	border:0;
	}


/* identificatori generali del sito */

.iphone_h #footer {
	width:100%;
	text-align:center;
	margin-top:15px;
	font-size:0.85em;
	}
	
/* container principali */

.iphone_h #menu_left {
	float:left;
	width:144px;
	margin:40% auto;
	}

.iphone_h #main_container {
	margin:auto;
	width:420px;
	height:650px;
	text-align:center;
}	

.iphone_h #menu_right {
	float:right;
	width:144px;
	margin:33% auto;
	}
	
.iphone_h #footer ul li {
	display:inline;
	border-right:1px solid #999;
	padding-right:10px
	}
	
	
.iphone_h #menu_left ul {
	margin:10px 100px 0 0;
	}
.iphone_h #menu_left ul li a  {
	text-align:right;
}

.iphone_h #menu_left ul li a img#agenzia {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/agenzia.png) top right no-repeat;
}

.iphone_h #menu_left ul li a img#showcase {
	border-bottom:1px solid #ccc;	background:url(../img/case_history.png) top left no-repeat;
}

.iphone_h #menu_left ul li a:hover  {
	text-align:right;
}

.iphone_h #menu_left ul li a:hover img#agenzia {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/agenzia.png) bottom right no-repeat;
}

.iphone_h #menu_left ul li a:hover img#showcase {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/case_history.png) bottom left no-repeat;
}


.iphone_h #menu_right ul {
	margin:0 0 0 20px;
}

.iphone_h #menu_right ul li a  {
	text-align:right;
	}

.iphone_h #menu_right ul li a:hover  {
	text-align:right;
}



.iphone_h #menu_right ul li a img#clienti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/clienti.png) top left no-repeat;
}

.iphone_h #menu_right ul li a img#contatti {
	border-bottom:1px solid #ccc;	text-align:right;
	background:url(../img/contatti.png) top left no-repeat;
}

.iphone_h #menu_right ul li a:hover img#clienti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/clienti.png) bottom left no-repeat;
}
.iphone_h #menu_right ul li a:hover img#contatti {
	border-bottom:1px solid #c62143;
	text-align:right;
	background:url(../img/contatti.png) bottom left no-repeat;
}
	
.iphone_h #icona {
	text-align:center;
	}

.iphone_h #img_icona {
	position:relative;
	width:150px;
	height:150px;
}

.iphone_h #tl,.iphone_h  #tr,.iphone_h  #bl,.iphone_h  #br {
	width:217px;
	height:335px;
}

.iphone_h #tl {
	float:left;
	}

.iphone_h #tr {
	float:left;
	}

.iphone_h #bl {
	float:left;
	}

.iphone_h #br {
	float:left;
	}

.iphone_h #tl:hover {
	float:left;
	background:#333;
	}

.iphone_h #tr:hover {
	float:left;
	background:#333;
	}

.iphone_h #bl:hover {
	float:left;
	background:#333;
	}

.iphone_h #br:hover {
	float:left;
	background:#333;
	}
.last {
	border-right:0;
	}

#footer {
	float:left;
}

#footer ul li.last {
	border:0;
	}
	
#main_container_txt {
	height:auto;
	width:42%;
	text-align:left;
	margin:auto;
	margin-bottom:30px;}

#lang {
	margin:10px auto;
	text-align:center;
	}
	
#lang a, #lang a:hover {
	text-decoration:none;
	border:0;
	
	}
	
#tr a,
#tl a,
#br a,
#bl a {
	display:block;
	}
	
iframe { border:2px solid #990000; }

#menu_left ul { margin:10px 100px 0 0; }
#menu_left ul li a  { text-align:right; }

#menu_left ul li a img#agenzia { border-bottom:1px solid #ccc; text-align:right; background:url(../img/agenzia.png) top right no-repeat; }

#menu_left ul li a img#showcase { border-bottom:1px solid #ccc; background:url(../img/case_history.png); }

#menu_left ul li a img#blog { border-bottom:1px solid #ccc; background:url(../img/blog.png); }

#menu_left ul li a img#blog_en { border-bottom:1px solid #ccc; background:url(../img/blog_en.png); }

#menu_left ul li a:hover,
#menu_right ul li a:hover
  { text-align:right; }

#menu_right ul li a img#clienti { border-bottom:1px solid #ccc; text-align:right; background:url(../img/clienti.png); }

#menu_right ul li a img#clients { border-bottom:1px solid #ccc; text-align:right; background:url(../img/clients.png); }
#menu_right ul li a img#licenze { border-bottom:1px solid #ccc; text-align:right; background:url(../img/licenze.png); }

#menu_right ul li a img#licenses { border-bottom:1px solid #ccc; text-align:right; background:url(../img/licenses.png); }

#menu_right ul li a img#contatti { border-bottom:1px solid #ccc; text-align:right; background:url(../img/contatti.png); }

#menu_right ul li a img#contacts { border-bottom:1px solid #ccc; text-align:right; background:url(../img/contacts.png); }

#menu_left ul li a img { text-align:right; }

#menu_right ul li a img { text-align:left; }


#menu_left ul li a img,
#menu_right ul li a img { background-position:top left; background-repeat:no-repeat; }

#menu_left ul li a:hover img,
#menu_right ul li a:hover img { background-position:bottom left !important; }

#menu_left ul.outside li a img#comunicazione { border-bottom:1px solid #eee; text-align:left; background:url(../img/comunicazione_menu.png); }

#menu_left ul.outside li a img#opensource { border-bottom:1px solid #eee; background:url(../img/opensource_menu.png); }


#menu_left ul.outside li a img#web3 { border-bottom:1px solid #eee; text-align:left; background:url(../img/web3_menu.png); }

#menu_left ul.outside li a img#design { border-bottom:1px solid #eee; text-align:left; background:url(../img/design_menu.png); }