html {
overflow-x: hidden;
}

body {
background: #000000;
margin: 0px;
height: 100%;
padding: 0px;
font-family: sans-serif;
}

a {
  border: 0px;
  outline: none;
}

ul {
list-style: square outside url('../images/arrow.gif');
text-align: left;
color: #FFFFFF;
font-size: 0.85em;
line-height: 30px;
padding: 0px;
margin-left: 20px;
}

#testoDX ul {
list-style: square outside url('../images/arrow.gif');
text-align: left;
color: #FFFFFF;
font-size: 0.85em;
line-height: 40px;
padding: 0px;
margin-left: 20px;
font-weight: bold;
}

ul.check {
list-style: square outside url('../images/check.png');
text-align: left;
color: #FFFFFF;
font-size: 0.8em;
line-height: 30px;
padding: 0px;
margin-left: 30px;
}

a.testo:link {color: #FFFFFF;
text-decoration: none;
}
a.testo:visited {color: #FFFFFF;
text-decoration: none;
}
a.testo:hover {color: #FFFFFF;
text-decoration: underline;
}
a.testo:active {color: #FFFFFF;
text-decoration: none;
}


a.mail:link {color: #FFFFFF;
text-decoration: none;
}
a.mail:visited {color: #FFFFFF;
text-decoration: none;
}
a.mail:hover {color: #FFFFFF;
text-decoration: underline;
}
a.mail:active {color: #FFFFFF;
text-decoration: none;
}

a.blocchi:link {color: #CC0066;
text-decoration: none;
}
a.blocchi:visited {color: #CC0066;
text-decoration: none;
}
a.blocchi:hover {color: #CC0066;
text-decoration: underline;
}
a.blocchi:active {color: #CC0066;
text-decoration: none;
}

a.urlwork:link {color: #FFFFFF;
text-decoration: none;
}
a.urlwork:visited {color: #FFFFFF;
text-decoration: none;
}
a.urlwork:hover {color: #CC0066;
text-decoration: underline;
}
a.urlwork:active {color: #FFFFFF;
text-decoration: none;
}

a.link-articoli:link {color: #CCFF66;
text-decoration: none;
}
a.link-articoli:visited {color: #CCFF66;
text-decoration: none;
}
a.link-articoli:hover {color: #FFFFFF;
text-decoration: underline;
}
a.link-articoli:active {color: #CCFF66;
text-decoration: none;
}

a.menu:link {color: #FFFFFF;
text-decoration: none;
}
a.menu:visited {color: #FFFFFF;
text-decoration: none;
}
a.menu:hover {color: #FFFFFF;
text-decoration: underline;
}
a.menu:active {color: #FFFFFF;
text-decoration: none;
}

img {
  border: 0px;
}

div {
  border: 0px;
}

.imgright {
padding: 10px;
vertical-align: top;
float: right;
position: relative;
}

.imgleft {
padding: 10px;
vertical-align: top;
float: left;
position: relative;
}

#header {
height: 169px;
margin-left: 0px;
margin-top: 0px;
padding: 0px;
position: absolute;
width: 100%;
background: url('../images/header.png') repeat-x left top;
}

#bloccocentrale {
height: auto;
margin-top: 68px;
left: 50%;
padding: 0px;
position: absolute;
width: 1000px;
z-index: 5;
margin-left: -500px;
}

#scola {
left: 150px;
height: 75px;
margin-left: 5px;
margin-top: 200px;
padding: 0px;
position: absolute;
width: 43px;
z-index: 0;
}

#riflessoscola {
left: 4px;
height: 62px;
top: 376px;
padding: 0px;
position: absolute;
width: 43px;
z-index: 2;
display: none;
}

#bloccoicone {
height: 343px;
margin-left: 43px;
margin-top: -1px;
padding: 0px;
position: absolute;
width: 877px;
background: url('../images/menu-webair.jpg') no-repeat left top;
z-index: 6;
}

#riflessoblocco {
height: 182px;
margin-left: 21px;
top: 342px;
padding: 0px;
position: absolute;
width: 927px;
background: url('../images/riflesso-menu.jpg') no-repeat left top;
z-index: 0;
}

#sferasitemap {
height: 76px;
right: 0px;
margin-top: 60px;
padding: 0px;
position: absolute;
width: 46px;
z-index: 0;
background: url('../images/icona-sitemap-sprite.png') no-repeat -38px -38px;
display: block;
cursor: pointer;
}

#sferasitemap:hover{
background-position: -38px -190px;
}

#sferacontatti {
height: 94px;
right: 25px;
margin-top: 105px;
padding: 0px;
position: absolute;
width: 57px;
z-index: 0;
background: url('../images/icona-contatti-sprite.png') no-repeat -47px -47px;
display: block;
cursor: pointer;
}

#sferacontatti:hover{
background-position: -47px -235px;
}

#sferaportfolio {
height: 126px;
right: 0px;
margin-top: 173px;
padding: 0px;
position: absolute;
width: 73px;
z-index: 0;
background: url('../images/icona-portfolio-sprite.png') no-repeat -63px -63px;
display: block;
cursor: pointer;
}

.contatti {
	vertical-align: baseline;
}

#sferaportfolio:hover{
background-position: -63px -315px;
}

#iconarss {
height: 41px;
right: 5px;
top: 5px;
padding: 0px;
position: absolute;
width: 36px;
}

#testocentrale {
height:auto;
padding-bottom:0;
padding-left:5%;
padding-right:5%;
position:relative;
top:430px;
width:90%;
z-index:10;
}

.testo {
text-align: left;
height: auto;
color: #FFFFFF;
font-size: 0.95em;
padding: 5px;
letter-spacing: 1px;
line-height: 20px;
}

.testi-siti-web {
text-align: left;
height: auto;
color: #FFFFFF;
font-size: 0.95em;
padding: 55px 5px 5px;
letter-spacing: 1px;
line-height: 20px;
}

.box-testi-siti-web{
margin-top: 100px;
}

.testo:first-letter {
font-size: xx-large;
font-family: georgia, sans-serif;
font-style: italic;
}

.testolavorigrafica {
text-align: center;
color: #FFFFFF;
font-size: 0.8em;
padding-top: 5px;
}

.testomenu {
color: #FFFFFF;
float: right;
font-size: 0.85em;
line-height: 25px;
padding-right: 10px;
padding-top: 10px;
text-align: right;
width: 70%;
}

.testomenu ul {
    margin: 0px;
    list-style-type: none;
    list-style-position: inside;
}

.testomenu li {
    display: inline;
    float: right;
    width: auto;
    padding-left: 6px;
}

.testonostrispazi {
text-align: center;
color: #CC0066;
font-size: 0.8em;
}

.testosocial {
text-align: center;
color: #CC0066;
font-size: 0.8em;
}

.testocontinua {
text-align: right;
color: #CC0066;
font-size: 0.7em;
}

.testoscelta {
text-align: center;
color: #CC0066;
font-size: 0.66em;
}

.testotitoloblocchi {
text-align: center;
color: #CC0066;
font-size: 0.9em;
font-weight: bold;
top:10px;
font-family: georgia, sans-serif;
}

.testoblocchi {
text-align: center;
color: #FFFFFF;
width: 90%;
left: 5%;
font-size: 0.8em;
top:18px;
}

.testoultimolavoro {
text-align: left;
color: #FFFFFF;
font-size: 0.8em;
}

.iva {
color:#CC0066;
float:right;
font-size:0.7em;
padding-right:10px;
text-align:right;
width:60%;
}

h1 {
color: #FFFFFF;
font-size: 2.0em;
position: relative;
text-align: left;
margin-top: 0px;
margin-left: 0px;
width: auto;
font-family: georgia, sans-serif;
font-style: italic;
letter-spacing: 1px;
}

a.h1:link {color: #FFFFFF;
text-decoration: none;
}
a.h1:visited {color: #FFFFFF;
text-decoration: none;
}
a.h1:hover {color: #FFFFFF;
text-decoration: none;
}
a.h1:active {color: #FFFFFF;
text-decoration: none;
}


h2 {
color: #FFFFFF;
font-size: 1.2em;
margin-right: 0px;
margin-top: 0px;
position: relative;
text-align: right;
font-family: georgia, sans-serif;
font-style: italic;
letter-spacing: 1px;
}

h3 {
color: #CCFF66;
font-size: 1.4em;
position: relative;
text-align: center;
font-family: georgia, sans-serif;
font-style: italic;
letter-spacing: 1px;
}

h3 a:link {color: #CCFF66;
text-decoration: none;
}
h3 a:visited {color: #CCFF66;
text-decoration: none;
}
h3 a:hover {color: #CCFF66;
text-decoration: none;
}
h3 a:active {color: #CCFF66;
text-decoration: none;
}

#testoSX {
border-right:1px dotted #FFFFFF;
float:left;
height:auto;
padding-right:10px;
padding-left:20px;
position:relative;
top:0;
width:78%;
z-index:1;
padding-bottom: 50px;
}

.imgiconasezione {
padding: 10px;
vertical-align: top;
float: right;
}

.imgiconasezione_sx {
padding: 10px;
vertical-align: top;
float: left;
}

.foto-testi-left {
padding: 10px;
vertical-align: top;
float: left;
}

.foto-testi-right {
padding: 10px;
vertical-align: top;
float: right;
}

.listasitemap {
height: auto;
top: 0px;
float: left;
padding: 0px;
position: relative;
width: auto;
z-index: 1;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.imglavori {
vertical-align: bottom;
padding: 10px;
}

#testoDX {
float:right;
height:auto;
padding-right:20px;
position:relative;
top:0px;
width:16%;
}

#boxblocchi {
float:left;
height:166px;
padding-top:50px;
position:relative;
top:400px;
width:100%;
z-index:1;
margin-top: 50px;
}

.bloccosingolo {
height: 166px;
top: 0px;
left: 50%;
margin-left: -112px;
padding: 0px;
position: relative;
width: 224px;
background: url('../images/sfondo-blocco.png') no-repeat center top;
z-index: 1;
}

.blocco1 {
height: 166px;
top: 0px;
float: left;
padding: 0px;
position: relative;
width: 25%;
z-index: 1;
}

.blocco2 {
height: 166px;
top: 0px;
float: left;
padding: 0px;
position: relative;
width: 25%;
z-index: 1;
}

.blocco3 {
height: 166px;
top: 0px;
float: left;
padding: 0px;
position: relative;
width: 25%;
z-index: 1;
}

.blocco4 {
height: 166px;
top: 0px;
float: left;
padding: 0px;
position: relative;
width: 25%;
z-index: 1;
}

.blocchilavori {
float: left;
height: 320px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
top: 0px;
width: 250px;
z-index:1;
background: url('../images/sfondo-blocco-lavori.jpg') repeat-x left top;
}

.emptylavori {
float: left;
height: 320px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
top: 0px;
width: 250px;
z-index:1;
cursor:pointer;
}

.blocchilavorigrafica {
float: left;
height: 320px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
top: 0px;
width: 20%;
z-index:1;
background: url('../images/sfondo-blocco-lavori.jpg') repeat-x left top;
}

.frecciablocco {
height: 12px;
top: 122px;
left: 35%;
padding: 0px;
position: absolute;
width: 66px;
z-index: 2;
display: none;
}

#boxsocialspace {
float:right;
height:56px;
padding:0;
position:relative;
top:0;
width:72%;
}

#nostrispazi {
float:left;
height:24px;
padding-left:5px;
position:relative;
width:60%;
}

#nostrispazi img {
margin-right: 30px;
margin-top: 5px;
}

#socialnetwork {
float:right;
height:auto;
padding:0;
position:relative;
top:5px;
width:39%;
}

#socialnetwork img {
margin-right: 30px;
margin-top: 5px;
}

hr {
height: 1px;
border: 0px;
background-color: #CCCCCC;
width: 100%;
margin-top: 30px;
position: relative;
}

#menutestuale {
height: 185px;
top: 420px;
float: left;
padding: 0px;
position: relative;
width: 100%;
background: url('../images/postit.jpg') no-repeat left top;
}

#iconahomepage {
height: 81px;
top: 20px;
left: 50px;
padding: 0px;
position: absolute;
width: 80px;
z-index: 10;
background: url('../images/icona-home-sprite.png') no-repeat -40px -40px;
display: block;
cursor: pointer;
}

#iconahomepage:hover{
background-position: -40px -200px;
}

#effettoweb {
height: 72px;
top: 2px;
left: 237px;
padding: 0px;
position: absolute;
width: 132px;
z-index: 10;
}

#effettogps {
height: 111px;
top: 164px;
left: 47px;
padding: 0px;
position: absolute;
width: 129px;
z-index: 10;
}

#effettosocial {
height: 86px;
top: 210px;
left: 208px;
padding: 0px;
position: absolute;
width: 208px;
z-index: 10;
}

#effettowireless {
height: 60px;
top: 8px;
left: 699px;
padding: 0px;
position: absolute;
width: 117px;
z-index: 10;
}

#effettoshare {
height: 57px;
top: 172px;
left: 642px;
padding: 0px;
position: absolute;
width: 95px;
z-index: 10;
}

#effettoecommerce {
height: 52px;
top: 89px;
left: 735px;
padding: 0px;
position: absolute;
width: 146px;
z-index: 10;
}

#iconawebdesign {
height: 81px;
top: 40px;
left: 190px;
padding: 0px;
position: absolute;
width: 80px;
z-index: 10;
background: url('../images/icona-webdesign-sprite.png') no-repeat -40px -40px;
display: block;
cursor: pointer;
}

#iconawebdesign:hover{
background-position: -40px -200px;
}

#iconagrafica {
height: 81px;
top: 95px;
left: 325px;
padding: 0px;
position: absolute;
width: 80px;
z-index: 10;
background: url('../images/icona-grafica-sprite.png') no-repeat -40px -40px;
display: block;
cursor: pointer;
}

#iconagrafica:hover{
background-position: -40px -200px;
}

#iconasvilupposw {
height: 81px;
top: 160px;
left: 440px;
padding: 0px;
position: absolute;
width: 80px;
z-index: 10;
background: url('../images/icona-sviluppo-sw-sprite.png') no-repeat -40px -40px;
display: block;
cursor: pointer;
}

#iconasvilupposw:hover{
background-position: -40px -200px;
}

#iconaassistenza {
height: 81px;
top: 180px;
left: 580px;
padding: 0px;
position: absolute;
width: 80px;
z-index: 10;
background: url('../images/icona-assistenza-sprite.png') no-repeat -40px -40px;
display: block;
cursor: pointer;
}

#iconaassistenza:hover{
background-position: -40px -200px;
}

#iconawebmarketing {
height: 81px;
top: 160px;
left: 730px;
padding: 0px;
position: absolute;
width: 80px;
z-index: 10;
background: url('../images/icona-webmarketing-sprite.png') no-repeat -40px -40px;
display: block;
cursor: pointer;
}

#iconawebmarketing:hover{
background-position: -40px -200px;
}

#iconaconsulenze {
height: 81px;
top: 90px;
left: 830px;
padding: 0px;
position: absolute;
width: 80px;
z-index: 10;
background: url('../images/icona-consulenze-sprite.png') no-repeat -40px -40px;
display: block;
cursor: pointer;
}

#iconaconsulenze:hover{
background-position: -40px -200px;
}

#logo {
height: 56px;
top: -57px;
left: 80px;
padding: 0px;
position: absolute;
width: auto;
z-index: 10;
}

#logo a {
text-decoration: none;
}
#logo img {
float: left;
}

#slogan {
height: 129px;
left: 453px;
padding: 0px;
position: absolute;
top: -68px;
width: 475px;
z-index: 5;
background: url('../images/background-essenza.png') no-repeat right top;
}

#page-title {
height: auto;
left: 70px;
padding: 0px;
position: absolute;
top: 295px;
width: auto;
z-index: 10;
}

#description {
height: auto;
right: 110px;
padding: 0px;
position: absolute;
top: 307px;
width: auto;
z-index: 10;
}

.titolo-header{
margin-top: 10px;
}

#description-webmarketing {
height: auto;
left: 635px;
padding: 0px;
position: absolute;
top: -32px;
width: auto;
z-index: 10;
}

#description-webdesign {
height: auto;
left: 562px;
padding: 0px;
position: absolute;
top: -32px;
width: auto;
z-index: 10;
}

#description-grafica {
height: auto;
left: 572px;
padding: 0px;
position: absolute;
top: -32px;
width: auto;
z-index: 10;
}

#description-software {
height: auto;
left: 544px;
padding: 0px;
position: absolute;
top: -32px;
width: auto;
z-index: 10;
}

#description-assistenza {
height: auto;
left: 522px;
padding: 0px;
position: absolute;
top: -32px;
width: auto;
z-index: 10;
}

#description-consulenze {
height: auto;
left: 632px;
padding: 0px;
position: absolute;
top: -32px;
width: auto;
z-index: 10;
}

.titoloblocchi {

padding: 0px;
position: relative;
float: left;
width: 100%;
z-index: 10;
letter-spacing: 1px;
}

#imgprovaservizi {
height:76px;
padding:0;
position: relative;
float: left;
width:38px;
z-index:10;
}

#imgultimolavoro {
padding: 0px;
position: relative;
float: right;
z-index: 10;
}

#imgrilievo {
position: relative;
float: left;
z-index:10;
top: -12px;
}

#imglistino {
position: relative;
float: left;
z-index:10;
}

#testoprovaservizi {
height:65px;
padding:0;
position: relative;
float: left;
z-index:10;
}

#testoultimolavoro {
float:left;
height:auto;
left:5%;
position:relative;
top:30px;
width:90%;
z-index:10;
}
#testolistino {
height:85px;
position: relative;
float: left;
z-index:10;
top: 25px;
}

#sceltalistino {
height: auto;
top: -80px;
left: 100px;
padding: 0px;
position: relative;
width: 50%;
z-index: 10;
}

#sceltalistinosx {
height: auto;
float: left;
padding-right: 2px;
position: relative;
width: 48%;
z-index: 10;
border-right: 1px solid #FFFFFF;
}

#sceltalistinodx {
height: auto;
float: right;
padding: 0px;
position: relative;
width: 48%;
z-index: 10;
}

#testorilievo {
height:85px;
position: relative;
float: left;
z-index:10;
top: 25px;
}

#continua {
float:left;
position:relative;
top:15px;
width:90%;
z-index:10;
}

.text_description {
  bottom: -7px;
  color: #000000;
  display: none;
  font-size: 0.75em;
  position: absolute;
  text-align: center;
  width: 100%;
}

.secondary {
  color: #CCFF66;
  font-size: 0.75em;
  right: -2px;
  top: 49%;
}

.page_link {
  display: none;
}

.powered{
  height: 51px;
  margin: 2px;
}

#holder_images { display: none; }
#gallery_div {
  position: relative;
  float: left;
  width: 100%;
  height: 150px;
  margin-top: 50px;
  padding-bottom: 100px;
}

#carousel {
  position: relative;
  left: 40%;
  width: 10px;
  top: -50px;
  cursor: pointer;
}

.carousel_big {
  border: 4px double #FFFFFF;
  z-index: 200;
}

#darker {
  position: absolute;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 50;
  background-color: #000000;
}

.confirm {
 color: white;
 text-decoration: underline;
}

div.scrollable {
    position:relative;
    overflow:hidden;
    width: 90%;
    height:330px;
    float:left;
}

div.items {
    width:20000em;
    position:absolute;
}

a.prev, a.next {
  background:transparent url(../images/left.png) no-repeat scroll 0 0;
  cursor:pointer;
  display:block;
  float:left;
  height:18px;
  margin:120px 10px;
  width:18px;
}

a.next  {
  background-image:url(../images/right.png);
  float:left;
}

a.disabled  {
  background-image:none;
  float:left;
}

.imgcatalogo {
  position: absolute;
}

#website_catalogo{
  left: 2%;
  z-index: 0;
}
#software_catalogo {
  left:50%;
  margin-left: -100px;
  z-index: 1;
}
#marketing_catalogo{
  left:98%;
  margin-left: -200px;
  z-index: 2;
}

#image_catalogo {
  width: 240px;
  height: 500px;
  float:left;
  text-align:center;
}

#image_catalogo img{
  cursor: pointer;
}

.catalogo-text {
 /* position:absolute;*/
  z-index: -1;
  padding-left: 250px;
  color: #FFFFFF;
  font-size: 0.85em;
}

.catalogo-text b {
  color: #CCFF66;
}

.box-evidenza{
width: 100%;
height: auto;
margin-left: -2%;
padding-top: 50px;
float: left;
text-align: center;
}

.box-left{
width: 33.3%;
height: auto;
margin-left: -3%;
margin-right: 1%;
float: left;
text-align: center;
}

.box-center{
width: 33.3%;
height: auto;
margin-right: 1%;
float: left;
text-align: center;
}

.box-right{
width: 33.3%;
height: auto;
margin: 0px;
float: right;
text-align: center;
}

.box-pubblicita{
width: 100%;
height: auto;
margin: 0px;
padding-top: 50px;
float: left;
margin-bottom: 50px;
}

.testo-box-evidenza {
text-align: center;
height: auto;
color: #FFFFFF;
font-size: 1.0em;
padding: 5px 5px 5px 48px;
letter-spacing: 1px;
line-height: 15px;
}

.box-statico{
width: 300px;
height: 250px;
margin: 0px;
padding-top: 50px;
float: left;
padding: 1%;
}

.box-flash{
width: 300px;
height: 250px;
margin: 0px;
padding-top: 50px;
float: left;
padding: 1%;
}

.titolo-left{
width: 100%;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
float: left;
}

.titolo-left img{
float: left;
}

.titolo-right{
width: 100%;
height: auto;
margin: 0px;
float: right;
}

.titolo-right img{
float: right;
}

#ymp-tray * , #ymp-player *{
 display:none !important;
}

.in-evidenza{
background: #CC0066;
}