body {
	width:100%;
	background:#FFFFFF;
	color:#313131;
	font-family:arial;
	font-size:12px;
	margin:0px;
	padding:0px;
	line-height:1.3em;
}



a:link, a:active {color:#0b0b0b;text-decoration:underline}

a:hover {color:#000000;text-decoration:none}
a:visited {color:#333333;text-decoration:underline}

img {border:none;}


p {
	font-size:1em;
	margin-top:0px;
	padding:0px;
}


.mappa {
	margin:0px;
	padding:0px
}

.L20 {margin-left:20px}
.L40 {margin-left:40px}
.T20 {margin-top:20px}

#accessibile {position:absolute;right:5px;top:15px;}
#accessibile img {width:60px;height:30px;}
div#access {position:relative;display:none;top:10px;width:760px;height:22px;margin-bottom:10px;clear:both;}
#access ul, #access li {position:relative;display:inline;margin:0px;padding:0px;list-style-type:none;}

a.barra_pulsanti, .barra_pulsanti img {width:16px;height:22px;}
#barra_usabile, #barra_usabile img {position:absolute;left:0px;width:760px;height:22px}
#barra_sx {float:left;margin-left:10px}
#barra_dx {float:right;margin-right:10px;}

img#barra_personalizza {width:89px;height:22px}
img#barra_carattere {width:73px;height:22px}
img#barra_zoom {width:44px;height:22px}
img#barra_contrasto {width:75px;height:22px}

.clear {position:relative;clear:both;}
.p_case {margin-top:5px;height:50px;margin-bottom:10px}

#head {position:relative;z-index:2;width:100%;margin-top:0px;background:#dadada;}
#barramenu {position:relative;width:100%;margin-top:0px;background:#202020;}
#toppage {position:relative;background:#dadada;width:760px;margin:auto;}
#logo {position:relative;float:left;height:41px;width:190px;margin-top:10px;margin-bottom:10px}
#logo img {width:190px;height:41px}
#intro {position:relative;float:left;margin-left:15px;margin-top:25px}
#flash { position:relative; z-index:1; width:100%; margin-top:0px; background:#645e50; }

#graphicbox { position: relative; width:760px; margin:0px auto 0px auto; padding:0px; text-align:left; }

.graphicbox-txtblock { position: relative; color: #FFFFFF; width: 400px; padding-left: 10px; border-left: 5px solid #FFFFFF; margin-top:20px }
.graphicbox-txtblock p { margin: 0px; line-height: 110%; }
.graphicbox-txtblock h2 { color: #FFFFFF; margin: 0px 0px 3px 0px; padding: 2px; font-size: 1.6em; letter-spacing: 3pt; font-weight: normal; }
.graphicbox-txtblock a:link, .graphicbox-txtblock a:active, .graphicbox-txtblock a:visited { color: #FFFFFF; text-decoration: none; }
.graphicbox-txtblock a:hover { text-decoration: none; }
.graphicbox-txtblock a:hover h2 { background-color: #c91303; color: #FFFFFF; text-decoration: none; }

#hp box {height:231px;width:486px;margin:0px;margin-left:43px;}
#mainmenu { position:relative; background:#C40E23; width:760px; margin:auto }
#mainmenu ul, #mainmenu li { display:inline; margin:0px; padding:0px; list-style-type:none; }
#mainmenu li a { float: left; }

.linksmenua, a.linksmenua:link, a.linksmenua:active, a.linksmenua:visited { color:#FFFFFF; padding:5px 15px 5px 10px; text-decoration:none }
a.linksmenua:hover { background-color:#FFFFFF; color:#c91303; }

/* ## inner pages ################################################################ */

#barramenu2 { width:100%; background:#0b0b0b; margin:0px; padding: 0px 0px; }
#mainmenu2 { background:#0b0b0b; width:760px; margin-left:auto; margin-right:auto; }
#mainmenu2 ul, #mainmenu2 li { display:inline; margin:0px; padding:0px; list-style-type:none; }
#mainmenu2 li a { float: left; }

a.linksmenua2:link, a.linksmenua2:active, a.linksmenua2:visited { display: inline; padding: 4px 30px 4px 30px; font-size: 1.1em; color:#FFFFFF; text-decoration:none; font-weight:bold; }
a.linksmenua2:hover { position:relative; background-color:#FFFFFF; color:#c91303; }

#pagemap { margin-bottom: 20px; padding: 2px; padding-bottom: 4px; padding-left: 5px; color: #000000;  background-color: #dcd2bb; }
#pagemap a:link, #pagemap a:active { color: #000000; }
#pagemap a:hover { text-decoration: none; color: #c91303; }
#pagemap a:visited { color: #414141; }


h3 { font-size:1.2em; color: #c91303; font-weight:bold; padding:0px; margin-top:15px; margin-bottom:5px; }
h3 a:hover { color: #c91303; text-decoration: none; }

h2 { font-size:1.3em; color: #c91303; font-weight:bold; margin-top:20px; margin-bottom:5px; }
h1 {

	font-size:2em;

	font-weight:bold;
	margin-top: 0px;

	margin-bottom:15px;

	padding:0px;

}


.h3_case {margin: 0px 0px 5px 0px}

.testo_case {margin-top:40px}

.year {font-size:9px}



ul#servizi {

	display:none;

	position:absolute;

	z-index:1;

	margin:0px;

	padding:0px;

	background:#c91303;

	color: #FFFFFF;

	font-weight:bold;

	opacity:0.8;

	filter:alpha(opacity=80);

}



#servizi li {display:block}



a.menuitem:link, a.menuitem:active, a.menuitem:visited {

	display:block;

	font-size:1.2em;

	padding:5px 5px 5px 5px;

	color:#FFFFFF;

	text-decoration:none;

}

a.menuitem:hover {

	background-color:#a7c736;

	color:#101010;

}



.descservizio {color: #666666}

.serviziolink {text-decoration: none; color: #000000;}

a.serviziolink:link, a.serviziolink:active, a.serviziolink:visited { text-decoration: none; color: #000000}

a.serviziolink:hover { text-decoration: underline; color: #000000;}



#principale {

	position:relative;

	width:760px;

	margin:auto;

	padding: 20px 0px 0px 0px;

	}



#principale2 {

	width: 760px;

	margin:auto;

	padding: 20px 0px 0px 0px;

	}



.titoletto_home {

	position:relative;

	font-size: 1.3em;

	font-weight:bolder;

	margin: 0px 0px 5px 0px;

	padding:0px;

}



#box1x1 {

	position:relative;

	float: left;

	padding:0px;

	width:330px;

	margin:0px;

}



#box1x2 {

	position:relative;

	float:left;

	width:390px;

	padding-left:20px;

	}



#servizicol1 {

	float: left;

}

#servizicol1 img, #servizicol2 img {

	width:10px;height:10px;padding: 6px 6px 0px 0px;

	}

#servizicol2 {

	float:left;

	margin-left:10px;

	}

#servizicol1 ul, #servizicol1 li, #servizicol2 ul, #servizicol2 li {

	list-style-type:none;

	margin:0px;

	padding:0px;

	}

#servizio { width:330px}

.lineetta { margin-top:10px}

#boxlasts { float: left; width:264px; margin:0px;}
#boxlasts h2 { color: #000000; margin:0px;margin-bottom:10px }

div.subboxlasts { float: left; padding:0px;width:120px;height:120px }
.subboxlastsimg { display:block;width:120px;height:120px;border:1px solid #858585 }


#box1x4 { float:right; width:450px; padding-right:20px;margin-top:10px }
#box1x4 h2 { color: #fff; margin: 0px 0px 10px 0px; }

#resetme { height:1px; width:100%; clear: both; }
#corpopagina { position:relative; width:760px; margin:auto; padding: 20px 0px 0px 0px; clear:both; }

#mainblock { float:right; width:570px; padding:0px; line-height:1.4em; }
#mainblock2 { padding:0px; }
#mainblock li, #mainblock2 li { margin-bottom: 4px; }

#column { float:left; width:168px; margin-right:0px; margin-top:0px; border-width:1px; }
#colonna img { display:block; width:160px; height:15px;}

.servizi-list {
	margin: 40px 0px;
}

.servizi-list li {
	display:inline;
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size: 1.8em;
	margin: 0px 28px;
}



.banner {

	width:400px;height:70px;

	margin-left:10px;margin-top:20px

}


#columnbox {

	width:auto;

	margin: 0px 0px 20px 0px;

	padding: 10px;

	border:1px dashed #b0b0b0;
	background-color: #f6f6f6;

}

#columnbox h2 {
	font-size: 1em;
	color: #000000;
	margin-top: 0px;
}

#columnbox li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#columnbox ul{
	margin:0px;
	padding:0px;
	margin-bottom: 20px;
}



#columnbox li img {
	display:inline;
	width:10px;
	height:10px;
	padding: 6px 6px 0px 0px;
}



form {

	display:inline;

	margin:0px;

	padding:0px;

	}

#formbox {

	width:398px;

	margin-top:5px;

	margin-left:10px;

	background-color:#EEEEEE;

	border-style: dashed;

	border-width: 1px;

}

#formtop { width: auto; padding: 4px 0px 4px 10px; background-color: #DDDDDD; }
#formbody { width : auto; padding : 20px; }

.forminfoinput { font-size: 1.1em; width : 200px; height: auto; border-width : 1px; border-style : solid; border-color : #cccccc; }
.forminfotextarea { width : 100%; height: 100px; border-width : 1px; border-style : solid; margin-bottom : 8px; border-color : #cccccc; }
.forminfobutton { position: relative; left: 30%; right : 30%; width : 40%; border-color : #000000; border-style : solid; border-width: 1px; background-color : #DDDDDD; margin-top:10px; }

#bottomlogo { margin:auto; width:760px; height:43px; }
#footermenu { position:relative; color:#313131; width:760px; margin-left:auto; margin-right:auto; text-align:center; padding-bottom:30px; }

a.bottommenu:link,  a.bottommenu:active {color:#313131}
a.bottommenu:visited {color:#7b7b7b}

a.bottommenu:hover {color:red}


#emailform { border-style: dashed; border-width: 1px; border-color: #cccccc; width: 400px; margin: 10px; padding: 10px 30px 10px 30px; }
#mailsent { border-style: dashed; border-width: 1px; color:#FF0000; width:80%; margin:10px; padding: 10px 30px 10px 30px; }

div.colophonWrapper {margin-top:20px;margin-bottom:20px}
.colophonWrapper ul, .colophonWrapper li {list-style-type:none;display:inline;margin:0px;padding:0px}
.colophonWrapper b {display:none}


#img_web-design { width:500px;height:135px }
#img_e-commerce { width:500px;height:206px }
#img_video-design { width:500px;height:121px }
#img_db-integration { width:500px;height:193px }
#img_intra-extranet { width:500px;height:182px }
#img_mobile-apps { width:500px;height:147px }
#img_graph { width:400px;height:300px }
#img_cms { width:500px;height:210px }

.img_open-source { width:80px;height:15px }
.img_files { width:550px;height:97px }
img#book {width:100px;height:100px}

.lineetta { width:332px;height:3px }
.underline {text-decoration:underline}
.italic { font-style:italic }

.case { float: left; width: 355px; height: 160px; padding-top:10px;margin-top:10px; border-top: 2px solid #DADADA; }
.case p {margin-top:0px; margin-bottom: 12px;}
.case h2 { margin-top: 0px; padding-top: 0px; }
.case h2 a { text-decoration: none; }

.icona_case { float:right }
.icona_case img {border:none;width:120px;border:1px solid #dadada;margin-left:10px}
.icona_case2 {float:right;margin-top:15px;margin-left:15px;}

#ads { display:none }