body {
text-align : center;
margin : 0;
}
div#contenitore {
width : 777px;
margin : 0 auto;
text-align : left;
}
#testata {
height : 157px;
margin : 0;
}
#logo {
background-image : url(img/logo.gif);
background-repeat : no-repeat;
background-color: #ffffff;
width : 175px;
height : 157px;
float : left;
margin : 0;
}

#inglese {
text-align:right;
margin-top: 112px;
 
}

#sfondo {
background-image : url(img/sfondotop.gif);
background-color:#ffffff;
background-repeat : no-repeat;
float : right;
position : relative;
left : 0;
height : 157px;
width : 602px;
}
/*********  LINK IN ALTO *****************/
#linktop {
position : relative;
top : 67px;
left : 400px;
font-size : 9px;
font-family : Arial, Verdana, "Times New Roman", serif;
width : 200px;
}
div#linktop a {
color : #369;
background-color : transparent;
font : normal 9px Arial, Verdana, "Times New Roman", serif;
text-decoration : none;
}
div#linktop a:hover {
color : #369;
background-color : transparent;
text-decoration : underline;
}
div#linktop a#activelink {
color : #033;
background-color : transparent;
text-decoration : none;
}
/*********  FINE LINK IN ALTO *****************/


/*********  NAVIGAZIONE *********************/

ul#navigazione {
padding : 0;
margin : 0;
height: 78px;
}
#navigazione li {
float : left;
width : 100px;
height : 78px;
list-style-type : none;
}
#navigazione li a {
display : block;
width : 100px;
height : 78px;
text-decoration : none;
background : no-repeat 0 0;
position : relative;
font-size : 1px;
color : #ffffff;
/*border: 1px solid red;*/
}
#navigazione #nav_home_active{
background-image : url('img/home_active.gif');
}
#navigazione #nav_home{
background-image : url('img/home.gif');
}
#navigazione #nav_home:hover {
background-image : url('img/home_roll.gif');
}
#navigazione #nav_profilo_active{
background-image : url('img/profilo_active.gif');
}
#navigazione #nav_profilo{
background-image : url('img/profilo.gif');
}
#navigazione #nav_profilo:hover {
background-image : url('img/profilo_roll.gif');
}
#navigazione #nav_servizi_active {
background-image : url('img/servizi_active.gif');
}
#navigazione #nav_servizi{
background-image : url('img/servizi.gif');
}
#navigazione #nav_servizi:hover {
background-image : url('img/servizi_roll.gif');
}
#navigazione #nav_soluzioni_active{
background-image : url('img/soluzioni_active.gif');
}
#navigazione #nav_soluzioni {
background-image : url('img/soluzioni.gif');
}
#navigazione #nav_soluzioni:hover {
background-image : url('img/soluzioni_roll.gif');
}

#navigazione #nav_portfolio_active {
background-image : url('img/portfolio_active.gif');
}
#navigazione #nav_portfolio {
background-image : url('img/portfolio.gif');
}
#navigazione #nav_portfolio:hover {
background-image : url('img/portfolio_roll.gif');
}
#navigazione #nav_contatti_active {
background-image : url('img/contatti_active.gif');
}
#navigazione #nav_contatti {
background-image : url('img/contatti.gif');
}
#navigazione #nav_contatti:hover {
background-image : url('img/contatti_roll.gif');
}
/*********  FINE NAVIGAZIONE ****************/

/*********  PARTE CENTRALE *****************/
#contenuto {
margin : 1px 0 0 0;
height : 360px;
}
#contenutolungo {
margin : 1px 0 0 0;
height : 400px;
}
/*********  FINE PARTE CENTRALE *****************/


#lavori {
background-image : url(img/sfondoultimilavori.gif);
background-repeat : no-repeat;
width : 174px;
float : left;
height : 490px;
margin : 2px 0 0 0;
background-color: transparent;
}
#dettlavoro {
position : relative;
top : 50px;
left : 10px;
background-color : #fff;
color : #484e51;
font-size : 10px;
font-family : "Trebuchet", Arial, Verdana, "Times New Roman", serif;
font-weight : bold;
width : 150px;
height : 140px;
text-align : center;
}
#speciflavoro {
position : relative;
top : 40px;
left : 10px;
background-color : transparent;
color : #484e51;
font-size : 10px;
font-family : "Trebuchet", Arial, Verdana, "Times New Roman", serif;
font-weight : bold;
width : 155px;
height : 320px;
text-align : left;
}

#noprofit {
position : relative;
top : 44px;
left : 10px;
background : Aqua;
background-image : url(img/progettinoprofit.gif);
background-position : 15px 0;
background-repeat : no-repeat;
width : 155px;
height : 35px;
/*float : left;
margin : 54px 0 0 10px;*/
text-align : left;
padding-top : 25px;
/*padding-left : 15px;
padding-right : 15px;*/
}

#trattinisx {
background-image : url(img/trattini_orizz.gif);
background-position : center;
background-repeat : no-repeat;
padding: 8px 0 25px 0;
background-color: transparent;
}

#trattinisx2 {
background-image : url(img/trattini_orizz.gif);
background-position : center;
background-repeat : no-repeat;
padding: 8px 0 25px 0;
background-color: transparent;
}


.linksito {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #999999;
background-color : #ffffff;
}
a.linksito:visited {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 10px;
color : #999999;
background-color : transparent;
text-decoration : none;
}
a.linksito:hover {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 10px;
color : #999999;
background-color : transparent;
text-decoration : underline;
}
.linksito:link {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 10px;
color : #999999;
background-color : transparent;
text-decoration : none;
}
#flashcontent {
height : 77px;
width : 600px;
float : right;
}
#testo {
width : 389px;
float : left;
height : 100%;
min-height : 350px;
margin-left : 2px;
margin-top : 20px;
margin-right : 0;
border-left-color : #cccccc;
border-left-style : solid;
border-left-width : 1px;
border-right-color : #cccccc;
border-right-style : solid;
border-right-width : 1px;
padding : 0 8px 0 8px;
text-align : justify;
}
a.testo:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #696969;
background-color : transparent;
text-decoration : none;
}
a.testo:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #696969;
background-color : transparent;
text-decoration : underline;
}
.testo:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #696969;
background-color : transparent;
text-decoration : none;
}
.testoboldgrigio {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #696969;
background-color : #ffffff;
}

.testoboldgrigiopiccolo {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #696969;
background-color : #ffffff;
}

/************** COLONNA DESTRA *****************/

#colonnadx{
background : transparent;
background-image : url(img/webmarketing.gif);
background-position : 10px 0;
background-repeat : no-repeat;
width : 173px;
height : 360px;
float : left;
margin : 20px 0 0 0;
text-align : left;
padding-top : 30px;
padding-left : 10px;
padding-right : 7px;
padding-bottom : 5px;
}

div#colonnadx p.data {
font : bold 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
color : #e95e00;
background-color : #ffffff;
}
div#colonnadx a {
font : bold 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
color : #3d6c9e;
background-color : #ffffff;
}
div#colonnadx a:link {
color : #3d6c9e;
text-decoration : underline;
}
div#colonnadx a:visited {
color : #3d6c9e;
text-decoration : underline;
}
div#colonnadx a:hover {
color : #5ea1ed;
text-decoration : underline;
}
div#colonnadx a:active {
color : #ff0000;
text-decoration : underline;
}
div#colonnadx a.linkarancio {
margin-left : 90px;
margin-top: 0;
font : normal 11px Arial, Verdana, Helvetica, sans-serif;
color : #e95e00;
}
div#colonnadx a.linkarancio:link {
color : #e95e00;
text-decoration : underline;
}
div#colonnadx a.linkarancio:visited {
color : #e95e00;
text-decoration : underline;
}
div#colonnadx a.linkarancio:hover {
color : #ffc100;
text-decoration : underline;
}
div#colonnadx a.linkarancio:active {
color : #ff0000;
text-decoration : underline;
}

#trattinisx3 {
background-image : url(img/trattini_orizz.gif);
background-position : center;
background-repeat : no-repeat;
padding: 8px 0 25px 0;
background-color: transparent;
}


.testomarketing2 {
font : bold 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
color : #e95e00;
background-color : #ffffff;
}

.testomarketing {
color : #696969;
background-color : transparent;
font : 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
}


div#news a.linkarancio {
margin-left : 90px;
margin-top: 0;
font : normal 11px Arial, Verdana, Helvetica, sans-serif;
color : #e95e00;
}
div#news a.linkarancio:link {
color : #e95e00;
text-decoration : underline;
}
div#news a.linkarancio:visited {
color : #e95e00;
text-decoration : underline;
}
div#news a.linkarancio:hover {
color : #ffc100;
text-decoration : underline;
}
div#news a.linkarancio:active {
color : #ff0000;
text-decoration : underline;
}

div#marketing a.linkarancio {
margin-left : 100px;
margin-top: 0;
font : normal 11px Arial, Verdana, Helvetica, sans-serif;
color : #e95e00;
}


/************** FINE COLONNA DESTRA *****************/



#footer {
height : 15px;
font : 10px Arial, Verdana, Geneva, Helvetica, sans-serif;
color : #999999;
background-color : #ffffff;
text-align : center;
clear : both;
}

.titolettoazzurro {
color : #1577ce;
background-color : #ffffff;
font : bold 9px Myriad, Verdana, Arial, Geneva, Helvetica, sans-serif;
margin-top : 15px;
margin-bottom : 5px;
}

h1 {
color : #1577ce;
background-color : #ffffff;
font : bold 9px Myriad, Verdana, Arial, Geneva, Helvetica, sans-serif;
margin-top : 15px;
margin-bottom : 5px;
}
h1.testo {
color : #1577ce;
background-color : #ffffff;
font : bold 11px Myriad, Arial, Verdana, Geneva, Helvetica, sans-serif;
margin-top : 0;
margin-bottom : 5px;
}
p.spazioverticale {
padding-top : 5px;
padding-bottom : 10px;
}

p.spazioverticalesmall {
padding-top : 5px;
padding-bottom : 1px;
}

p {
color : #696969;
background-color : transparent;
font : 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
margin-top : 0;
padding-top : 0;
padding-bottom : 0;
}


.testonews {
color : #696969;
background-color : transparent;
font : 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
margin-top : 0;
padding-top : 0;
padding-bottom : 0;
}



div#footer a {
font : 10px Arial, Verdana, Helvetica, Geneva, sans-serif;
color : #999999;
background-color : white;
text-decoration : none;
}
div#footer a:hover {
text-decoration : underline;
}
.linkarancio {
background-image : url(img/freccetta.gif);
background-position : 0 5px;
background-repeat : no-repeat;
font : normal 11px Arial, Verdana, Helvetica, sans-serif;
padding-left : 10px;
color : #e95e00;
background-color : #ffffff;
}
a.linkarancio:link {
color : #e95e00;
text-decoration : underline;
}
a.linkarancio:visited {
color : #e95e00;
text-decoration : underline;
}
a.linkarancio:hover {
color : #ffc100;
text-decoration : underline;
}
a.linkarancio:active {
color : #ff0000;
text-decoration : underline;
}

/*********  SEZIONE CONTATTI  *********************/

#iconcina_tel {
background-image : url(img/iconcina_tel.gif);
background-repeat : no-repeat;
width : 22px;
height : 22px;
float : left;
margin-left : 10px;
}
#iconcina_cliente {
background-image : url(img/iconcina_cliente.gif);
background-repeat : no-repeat;
width : 23px;
height : 21px;
float : left;
margin-left : 10px;
}
#iconcina_servizi {
background-image : url(img/iconcina_servizi.gif);
background-repeat : no-repeat;
width : 23px;
height : 21px;
float : left;
margin-left : 10px;
}
#iconcina_url {
background-image : url(img/iconcina_url.gif);
background-repeat : no-repeat;
width : 23px;
height : 21px;
float : left;
margin-left : 10px;
}
#iconcina_mouse {
background-image : url(img/iconcina_mouse.gif);
background-repeat : no-repeat;
width : 22px;
height : 22px;
float : left;
margin-left : 10px;
}
#iconcina_skype {
background-image : url(img/skype_logo.jpg);
background-repeat : no-repeat;
width : 50px;
height : 22px;
float : left;
margin-left : 10px;
}


#testoiconcine {
margin-left : 40px;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #696969;
background-color : #ffffff;
}

#testoiconcine2 {
margin-left : 40px;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #696969;
background-color : #ffffff;
}

#testoiconcine3 {
margin-left : 40px;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #696969;
background-color : #ffffff;
}
/*********  FINE SEZIONE CONTATTI  *********************/

/*
#tastobrochure {
background-image : url(img/scaricabrochure.gif);
background-repeat : no-repeat;
width : 145px;
height : 45px;
float : left;
margin : 0;
}*/

/*********  PARTE CENTRALE ESTESA A DESTRA  *********************/

#testo_unacolonna {
width : 580px;
float : left;
height : 100%;
min-height : 150px;
margin-left : 2px;
margin-top : 20px;
margin-right : 0;
border-left-color : #cccccc;
border-left-style : solid;
border-left-width : 1px;
padding : 0 8px 0 8px;
text-align : justify;
color : #696969;
background-color : transparent;
font : 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
}

#testo_unacolonna2 {
width : 580px;
float : left;
height : 100%;
min-height : 150px;
margin-left : 2px;
margin-top : 20px;
margin-right : 0;
border-left-color : #cccccc;
border-left-style : solid;
border-left-width : 1px;
padding : 0 8px 0 8px;
/*text-align : justify;*/
}

/*********  PARTE CENTRALE ESTESA A DESTRA  *********************/


#testo_destra {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
color : #696969;
width : 300px;
float : right;
min-height : 50px;
height : 100px;
margin-left : 30px;
margin-top : 5px;
margin-right : 0;
border-left-color : #cccccc;
border-left-style : solid;
border-left-width : 1px;
padding : 0 8px 0 8px;
text-align : justify;
}

/*********  SEZIONE PORTFOLIO  *********************/
.previewsito {
/*background : #ceefff;*/
width : 170px;
height : 130px;
float : left;
margin-left : 20px;
margin-right : 0px;
margin-bottom : 20px;
padding : 0;
text-align : left;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #696969;
}

.immaginettasito {
width : 120px;
float : left;
height : 85px;
margin-left : 50px;
padding : 0;
text-align : center;
}
#immaginettasito_1 {
width : 120px;
float : left;
height : 95px;
margin-left : 50px;
padding : 0;
text-align : center;
}
#immaginettasito_2 {
width : 120px;
float : left;
height : 95px;
margin-left : 50px;
padding : 0;
text-align : center;
}
#immaginettasito_3 {
width : 120px;
float : left;
height : 95px;
margin-left : 50px;
padding : 0;
text-align : center;
}

.paginazione {
width : 400px;
height : 20px;
float : left;
margin-left : 80px;
margin-right : 80px;
margin-bottom : 10px;
margin-top : 20px;
padding : 0;
text-align : center;
font : normal 11px Arial, Verdana, Helvetica, sans-serif;
color : #e95e00;
}

.linkfreccettabold {
background-image : url(img/freccetta.gif);
background-position : 0 5px;
background-repeat : no-repeat;
font : bold 11px Arial, Verdana, Helvetica, sans-serif;
padding-left : 10px;
color : #5b9fee;
background-color : #ffffff;
}

.linkfreccetta {
background-image : url(img/freccetta.gif);
background-position : 0 5px;
background-repeat : no-repeat;
font : normal 11px Arial, Verdana, Helvetica, sans-serif;
padding-left : 10px;
color : #5b9fee;
background-color : #ffffff;
}
a.linkfreccetta:link {
background-image : url(img/freccetta.gif);
background-position : 0 5px;
background-repeat : no-repeat;
color : #e95e00;
text-decoration : underline;
}
a.linkfreccetta:visited {
background-image : url(img/freccetta.gif);
background-position : 0 5px;
background-repeat : no-repeat;
color : #e95e00;
text-decoration : underline;
}
a.linkfreccetta:hover {
color : #fec600;
text-decoration : underline;
}
a.linkfreccetta:active {
color : #ff0000;
text-decoration : underline;
}

/*********  FINE SEZIONE PORTFOLIO  *********************/


.testoazzurro {
color : #1577ce;
background-color : #ffffff;
font : normal 11px Myriad, Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.testoazzurrobold {
color : #1577ce;
background-color : #ffffff;
font : bold 11px Myriad, Arial, Verdana, Geneva, Helvetica, sans-serif;
}
#testomargine {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #696969;
width : 300px;
min-height : 50px;
height : 100px;
margin-left : 50px;
margin-top : 5px;
margin-right : 0;
border-left-color : #cccccc;
border-left-style : solid;
border-left-width : 1px;
padding : 0 8px 0 8px;
text-align : justify;
}

.linkazzurro {
background-color : #ffffff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #1577ce;
}
a.linkazzurro:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #1577ce;
background-color : transparent;
text-decoration : none;
}
a.linkazzurro:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #1577ce;
background-color : transparent;
text-decoration : underline;
}
.linkazzurro:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #1577ce;
background-color : transparent;
text-decoration : none;
}

.testoaranciobold {
font : bold 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
color : #e95e00;
}
.testoblubold {
font : bold 9px Verdana, Arial, Geneva, Helvetica, sans-serif;
color : #3d6c9e;
}
.scrittinehome {
background-image : url(img/freccetta.gif);
background-position : 0 5px;
background-repeat : no-repeat;
font : normal 11px Arial, Verdana, Helvetica, sans-serif;
padding-left : 10px;
color : #e95e00;
text-align : left;
width : 150px;
height : 15px;
float : left;
margin-left : 20px;
margin-right : 5px;
margin-bottom : 3px;
}
a.testoarancio:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #e95e00;
background-color : transparent;
text-decoration : underline;
}
a.testoarancio:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #ffc100;
background-color : transparent;
text-decoration : underline;
}
.testoarancio:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #e95e00;
background-color : transparent;
text-decoration : underline;
}

.testo2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #696969;
text-decoration : none;
}

.testosezioni {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #696969;
text-decoration : none;
}


ul#listafreccette {
width: 300px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #696969;
text-decoration : none;
padding: 0;
margin: 0px 0px 0px 13px;
}
#listafreccette li {
list-style-image: url(img/freccetta.gif);
margin: 4px 0px 0px 0px;
}

.testonero {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
text-decoration : none;
font-weight: normal;
}

.testonerobold {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
text-decoration : none;
font-weight: bold;
}


/*************************** STILI GENERALI ********************************************/

.testoazzurrobold2 {
color : #1577ce;
background-color : #ffffff;
font : bold 11px Myriad, Arial, Verdana, Geneva, Helvetica, sans-serif;
text-decoration : none;
}

a.testoazzurrobold2:visited {
color : #1577ce;
background-color : transparent;
text-decoration : none;
}
a.testoazzurrobold2:hover {
color : #1577ce;
background-color : transparent;
text-decoration : underline;
}
.testoazzurrobold2:link {
color : #1577ce;
background-color : transparent;
text-decoration : none;
}


.testopiccolo {
color : #696969;
background-color : transparent;
font : 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
margin-top : 0;
padding-top : 0;
padding-bottom : 0;
}

a.testopiccolo:visited {
color : #696969;
background-color : transparent;
text-decoration : none;
}
a.testopiccolo:hover {
color : #696969;
background-color : transparent;
text-decoration : underline;
}
.testopiccolo:link {
color : #696969;
background-color : transparent;
text-decoration : none;
}


.testopiccolobold {
color : #696969;
background-color : transparent;
font : 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
margin-top : 0;
padding-top : 0;
padding-bottom : 0;
font-weight:bold;
}

a.testopiccolobold:visited {
color : #696969;
background-color : transparent;
font : 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
margin-top : 0;
padding-top : 0;
padding-bottom : 0;
font-weight:bold;
text-decoration : none;
}
a.testopiccolobold:hover {
color : #696969;
background-color : transparent;
font : 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
margin-top : 0;
padding-top : 0;
padding-bottom : 0;
font-weight:bold;
text-decoration : underline;
}
.testopiccolobold:link {
color : #696969;
background-color : transparent;
font : 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
margin-top : 0;
padding-top : 0;
padding-bottom : 0;
font-weight:bold;
text-decoration : none;
}

#linkindietro {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
color : #696969;
width : 95px;
float : right;
min-height : 15px;
height : 10px;
margin-left : 60px;
margin-top : 0px;
margin-right : 0;
padding : 0px;
text-align : justify;
background-color:#ffffff;
}



#errore {
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;
color : #ff0000;
font-weight: bold;
width : 390px;
float : right;
min-height : 15px;
height : 10px;
margin-left : 0px;
margin-top : 0px;
margin-right : 100px;
padding : 0px;
text-align :center;
background-color: transparent;
}