/* inserisci qui il layout */
 
body {
 text-align: justify;
}

#corpo {
 width: 950px;
 margin: 10px auto 0px auto;
}

/* layout del logo */
#logo-hosting-milano {
 display: block;
 width: 176px;
 height: 76px;
 text-indent: -9999px;
 background-image: url('/immagini/hosting-milano-levelip.jpg');
 background-repeat: no-repeat;
}

#logo-hosting-milano a {
 display: block;
 width: 176px;
 height: 76px;
}

#spiegazione-hosting-milano {
 display: block;
 text-indent: -9999px;
}

/* menu di navigazione secondaria */
#global-nav {
 position: absolute;
 top: 10px;
 width: 950px;
 text-align: right;
}

#global-nav ul li, #global-nav ul li h5 {
 display: inline;
}

#global-nav a {
 text-decoration: none; 
 color: rgb(136,3,143);
 font-family: arial;
 font-weight: bold;
 font-size: 14px;
 padding: 7px;
}

#global-nav a:hover {
 text-decoration: underline;	
}

#global-nav ul li {
 border-right: 2px solid rgb(136,3,143);
}

#global-nav ul li:last-child {
 border-right: none;
}

/* menu a tendina */

#navigazione-hosting {
 background-image: url('/immagini/menu-shade.jpg');
 background-repeat: repeat-x;
 height: 36px;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
 position: relative;
}

#home {
 background-image: url('/immagini/logo-home.jpg');
 background-position: center;
 background-repeat: no-repeat;
 width: 170px;
 height: 32px;
 
}

#home a {
 text-indent: -9999px;
 width: 200px;
}

#home a:hover {
 background-image: url('/immagini/logo-home-selected.jpg');
 background-position: center;
 background-repeat: no-repeat;
 width: 170px;
 height: 32px;
}

#navigazione-hosting ul {
 position: absolute;
 z-index: 99;
}

#navigazione-hosting ul li h2 {
 position: absolute;
 top: 0px;
 display: inline;
}

#navigazione-hosting ul a {
 position: relative;
 width: 170px;
 display: block;
 color: #ffffff;
 text-decoration: none;
 font: 18px arial;
 font-weight: bold;
 text-transform: capitalize;
 line-height: 34px;
 border-right: 1px solid #ffffff;
 text-align: center;
}


#navigazione-hosting ul:first-child li:hover a {
 background-color: #ffffff;
 color: rgb(136,3,142);
 border-bottom: none;
 height: 34px;
}

#navigazione-hosting ul ul a {
 border: none;
 text-decoration: underline;
 color: #666666!important;
}

#navigazione-hosting ul ul a:hover {
 border: none;
 text-decoration: underline;
 color: #666666;
}

#servizi-di-hosting {
 margin-left: 170px;
}

#servizi-di-hosting:hover h2 {
 border: 1px solid #666666;
}

#servizi-di-housing {
 margin-left: 340px;
}

#servizi-di-housing:hover h2 {
 border: 1px solid #666666;
}

#servizi-di-dedicate-cloud {
 margin-left: 510px;
}


#servizi-di-dedicate-cloud:hover h2 {
 border: 1px solid #666666;
}

#servizi-di-data-center {
 margin-left: 680px;	
}

#servizi-di-data-center:hover h2 {
 border: 1px solid #666666;
}

#navigazione-hosting ul ul {
 top: 34px;
 border-top: 1px solid #666666;
 display: none;
}

#navigazione-hosting ul li:hover ul {
 display: block;
 border-right: none;
}

#navigazione-hosting ul ul li {
 display: block;
 width: 220px;
 border: 1px solid #666666;
 border-top: none;
}

#navigazione-hosting ul ul li a {
 color: #666666;
 text-decoration: none;
 font-family: arial;
 font-size: 11px;
 text-transform: uppercase;
 padding-left: 10px;
 width: 210px;
 text-align: left;
 border-right: 1px solid #666666;
}

/* INIZIO SEZIONE DEDICATA ALLE OFFERTE PROMO */


li#promozione-cloud-dedicato {
 background-image:url('/immagini/cloud-dedicato.jpg');
 width: 370px;
 height: 120px;
 background-position: center;
 border: 1px solid #666666;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
 background-repeat: no-repeat;
 margin-top: 10px;
 margin-bottom: 10px;
}


li#promozione-server-dedicato {
 background-image:url('/immagini/server-dedicato.jpg');
 width: 370px;
 height: 100px;
 background-position: center;
 border: 1px solid #666666;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
 background-repeat: no-repeat;
 margin-top: 10px;
 margin-bottom: 10px;
}

li#promozione-cloud-dedicato h3, li#promozione-cloud-dedicato h4, li#promozione-cloud-dedicato a {
 position: absolute;
 width: 370px;
 height: 120px;
 font-size: 0px;
 color: #ffffff;
}

li#promozione-server-dedicato h3, li#promozione-server-dedicato h4, li#promozione-server-dedicato a {
 position: absolute;
 width: 370px;
 height: 100px;
 font-size: 0px;
 color: #ffffff;
}

#hosting-dedicato-milano {
 position: relative;
 top: -245px;
 left: 380px;
 width: 568px;
 height: 233px;
 border: 1px solid #666666;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
 text-indent: -9999px;
 background-image:url('/immagini/server-dell.jpg');
}

/* qui inizia la sezione css dedicata al corpo pagina */
#architettura-dedicata h4 {
 display: block;
 text-indent: -9999px;
 background-image:url('/immagini/panoramica_sala.jpg');
 background-repeat: no-repeat;
 background-position: top right;
 height: 155px;
 width: 350px;
 margin-top: 35px;
 margin-left: 15px;
}

#architettura-dedicata {
 height: 350px;
 width: 379px;
}

.more-info {
 display: block;
 width: 20px;
 height: 20px;
 top: 17px;
 left: 345px;
 background-image:url('/immagini/arrow-right-enabled.jpg');
 text-indent: -9999px;
}


.less-info {
 display: block;
 width: 20px;
 height: 20px;
 top: 17px;
 left: 325px;
 background-image:url('/immagini/arrow-left-enabled.jpg');
 text-indent: -9999px;
}

#descrizione-servizi-hosting li {
 position: relative;
}

#descrizione-servizi-hosting .more-info {
 display: block;
 width: 20px;
 height: 20px;
 position: absolute;
 top: 17px;
 left: 250px;
 background-image:url('/immagini/arrow-right-enabled.jpg');
 text-indent: -9999px;
 float: left;
}

#descrizione-servizi-hosting .less-info {
 display: block;
 width: 20px;
 height: 20px;
 position: absolute;
 top: 17px;
 left: 230px;
 background-image:url('/immagini/arrow-left-enabled.jpg');
 text-indent: -9999px;
}

#descrizione-servizi-hosting a {
 color: rgb(141,1,142);
 text-decoration: none;
 display: block;
 width: 80px;
 position: absolute;
 top: 280px;
 margin-left: 180px;
 font-size: 11px;
 font-weight: bold;
}

#descrizione-servizi-hosting a:hover {
 text-decoration: underline;
}

#architettura-dedicata h3 {
font-family: sans-serif;
 font-size: 16px;
 font-weight: bold;
 text-transform: capitalize;
 margin-top: 20px;
 color: rgb(86,1,92);
 margin-left: 15px;
}

#architettura-dedicata-interna {
 position: absolute;
 top: 160px;
}

#architettura-dedicata-interna ul {
 width: 370px;
 font-size: 18px;
 font-weight: bold;
 margin-left: 20px;
 margin-top: 10px;
 margin-bottom: 10px;
}

#architettura-dedicata-interna ul ul {
 font-size: 16px;
 margin-left: 20px;
 margin-top: 5px;
 margin-bottom: 5px;
}

#architettura-dedicata-interna a {
 text-decoration: none;
 color: rgb(141,1,142);
 font-family: sans-serif;
}

#architettura-dedicata-interna a:hover {
 color: rgb(101,20,102);
}

#architettura-dedicata-interna ul ul a {
 color: #888888;
}

#architettura-dedicata-interna h4 {
 display: block;
 text-indent: -9999px;
 background-repeat: no-repeat;
 background-position: top right;
 width: 370px;
}

#architettura-dedicata-interna p {
 width: 350px;
 font-family: sans-serif;
 font-size: 14px;
 color: #333333;
 margin-left: 10px;
}

#corpo-pagina-interna {
 width: 600px;
 margin-left: 340px;
 margin-bottom: 20px;
 min-height: 700px;
}

#architettura-dedicata p {
 width: 350px;
 font-family: sans-serif;
 font-size: 13px;
 color: #444444;
 margin-left: 15px;
 text-align:justify;
 line-height: 16px;
}

#corpo-pagina {
 width: 950px;
 top: 390px; 
 position: absolute;
 background-image: url('/immagini/sfumino-grigio.jpg');
 background-repeat: repeat-x;
}

#corpo-pagina #storie-di-successo {
 width: 370px;
}

#corpo-pagina #descrizione-servizi-hosting {
 width: 570px;
 position: absolute;
 top: 0px;
 left: 380px;
}


#descrizione-servizi-hosting li {
 width: 260px;
 float: left;
 padding: 10px;
}

#descrizione-servizi-hosting h4 {
 font-family: sans-serif;
 font-size: 15px;
 font-weight: bold;
 text-transform: capitalize;
 margin-top: 10px;
 margin-bottom: 30px;
 color: rgb(86,1,92);
 text-align: left;
 width: 210px;
}

#descrizione-servizi-hosting p {
 font-family: sans-serif;
 color: #444444;
 font-size: 13px;
 margin-top: 5px;
 text-align:justify;
 line-height: 16px;
}

.otheritem_left {
 position: absolute!important;
 top: 0px;
 visibility: hidden;
}

.otheritem_right {
 position: absolute!important;
 top: 0px;
 left: 290px;
 visibility: hidden;
}

#item1, #item2 {
 visibility: visible;
}


/* qui inizia la sezione css dedicata alla bottom navigation */

#bottom-nav {
 width: 950px; 
 border-bottom: 20px solid #ffffff;
 height: 130px;
 background-color: rgb(240,239,237);
 border-top: 1px solid #dddddd;
 margin-top: -50px;
}

.bottom-internal {
 margin-top: 80px!important;    
}

#bottom-nav #lista-navigazione {
  border-right: 1px solid #999999;
  height: 130px;
  width: 660px;
}

#bottom-nav ul li {
 position: absolute;
}

#bottom-nav ul li li {
 position: static;
}

#bottom-nav ul ul {
 width: 160px;
 top: 30px;
}

#bottom-nav ul h5 {
 display: block;
 width: 150px;
 top: 10px;
}

#hosting-e-housing {
 margin-left: 10px;
}

#shared-hosting {
 margin-left: 160px;
}

#sicurezza {
 margin-left: 330px;
}

#managed-services {
 margin-left: 500px;
}

#bottom-nav ul h5 a {
 text-decoration: none;
 font-family: sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: rgb(141,1,142);
}

#bottom-nav ul h6 a {
 text-decoration: none;
 font-family: sans-serif;
 font-size: 12px;
 color: #666666;
}

#bottom-nav ul h6 a:hover {
 text-decoration: underline;
}

#bottom-nav ul h5 a:hover {
 text-decoration: underline;
}

/* css relativo all'indirizzo levelip */

#info-contatto {
 position: relative;
 top: -137px;
 left: 661px;
 border-left: 1px solid #eeeeee;
}

#info-contatto h6 {
 text-decoration: none;
 font-family: sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: rgb(141,1,142);
 margin-top: 10px;
 margin-left: 10px;
}

#info-contatto a {
 color: rgb(141,1,142);
 text-decoration: none;
}

#info-contatto a:hover {
 text-decoration: underline;
}

#info-contatto p {
 margin-left: 20px;
 text-decoration: none;
 font-family: sans-serif;
 font-size: 11px;
 color: #666666;
}

#corpo-pagina-interna {
 font-family: sans-serif;
 font-size: 14px;
 line-height: 17px;
 margin-bottom: 30px;
}

#corpo-pagina-interna a {
 text-decoration: none;
 color: rgb(141,2,142);
}

#corpo-pagina-interna a:hover {
 text-decoration: underline;
}

#corpo-pagina-interna p, #sottocorpo-pagina-interna p {
 margin-top: 10px;
 margin-bottom: 10px;
}

strong, em {
 font-weight: bold;
}

#corpo-pagina-interna h3, #sottocorpo-pagina-interna h3 {
 font-weight: bold;
 font-size: 18px;
 color: rgb(141,1,142);
 width: 600px;
 text-align: right;
 margin-top: 30px;
 margin-bottom: 30px;
}

#sottocorpo-pagina-interna h3 {
 border-top: 1px solid #cccccc;
 padding-top: 30px;
}

#corpo-pagina-interna h4, #sottocorpo-pagina-interna h4 {
 width: 230px;
 background-color: rgb(141,1,142);
 color: #ffffff;
 -moz-border-radius:15px;
 -webkit-border-radius:15px;
 height: 30px;
 line-height: 30px;
 text-align: center;
 margin-left: 200px;
 margin-top: 30px;
 margin-bottom: 30px;
}

#corpo-pagina-interna h4:hover {
 /*background-color: rgb(241,242,52);*/
 background-image: url('/immagini/sfumino-giallo.jpg');
 background-repeat: repeat-x;
 color: rgb(141,1,142);
 font-weight: bold;
}

#corpo-pagina-interna h4 a, #sottocorpo-pagina-interna h4 a {
 color: inherit;
 display: block;
 width: 230px;
 height: 30px;
 text-decoration: none;
}

#sottocorpo-pagina-interna {
 position: absolute;
 width: 550px;
 margin-top: 180px;
 margin-left: 380px;
 font-family: sans-serif;
 font-size: 14px;
 line-height: 17px;
 margin-bottom: 30px; 
}

#sottocorpo-pagina {
 position: absolute;
 width: 550px;
 margin-top: 180px;
 margin-left: 380px;
 font-family: sans-serif;
 font-size: 14px;
 line-height: 17px;
 margin-bottom: 30px; 
}

#sottocorpo-pagina-interna li {
 margin-top: 10px;
 margin-bottom: 10px;
 list-style: disc;
}

/* CSS RELATIVO ALLE TABELLE NEL CORPO PAGINA */

.table-data-services {
	font-size:14px;
	width:470px;
	margin:30px 0;
}
.table-data-services ul {
	margin:0;
	padding:0;
	list-style:none;
	background:#edebd1 url('/immagini/table-grad.gif') repeat-x;
}
.table-data-services ul li {
	line-height:30px;
	padding:0 17px;
	overflow:hidden;
}
.table-data-services ul li.headings {
	color:#592d8d;
	font-weight:bold;
	font-size:16px;
}
.table-data-services ul li.purple { background:url('/immagini/table-purple-bg.gif') repeat-x;}
.table-data-services ul li span {
	float:left;
	width:165px;
}
.table-data-services ul li span.yes {
	background:url('/immagini/pic-yes.gif') no-repeat 0 50%;
	text-indent:-9999em;
}
.table-data-services ul li em {
	float:left;
	width:245px;
	font-style:normal;
	background:url('/immagini/pic-i.gif') no-repeat 0 50%;
	padding-left:25px;
}
.table-data-services ul li.headings em { background:none;}
.table-data-services p { color:#592d8d;}

/* css relativo alla sezione "lavora con noi" */

.lavora-con-noi li {font-style: italic; list-style: disc; margin-left: 30px;}
#corpo-pagina-interna h2 {font-size: 25px; font-weight: bold; color: #666666; width: 600px; text-align: right; margin-top: 30px;}
.lavora-con-noi h5 {font-size: 15px; color: #222222; font-weight: bold; margin-bottom: 10px; margin-top: 10px;}

/* css relativo alla sezione "approfondimenti" */
#appr-heading {
 margin-top: 30px;
 width: 260px;
 line-height: 30px;
 text-align: center;
 font-family: sans-serif;
 font-size: 16px;
 font-weight: bold;
 background-image:url('/immagini/approfondimenti-grigio.jpg');
 background-repeat: repeat-x;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
}

#appr-corpo {
 margin-left: 0px!important;
 width: 260px!important;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
 border: 1px solid white;
 background-image:url('/immagini/yellow-box-top.jpg');
 background-repeat: repeat-x;
}

#appr-corpo p {
 font-family: sans-serif;
 font-size: 11px;
 color: #000000;
 width: 240px;
 font-weight: normal;
 margin-bottom: 5px;
 text-align: left;
 margin-left: 10px;
}

#appr-corpo h4 {
 font-family: sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #444444;
 position: relative;
 text-indent: 0px;
 margin: 10px;
 display: block;
 width: 180px;
 text-align: left;
}

#appr-corpo .approfondimenti {
 margin-left: 150px;
}

#appr-corpo p.last {
 border-bottom: none;
}

#appr-corpo a {
 display: block;
 margin: 10px;
 font-weight: bold;
 width: 80px;
}

#appr-corpo strong {
 font-family: sans-serif;
 display: block;
 font-size: 12px;
 font-weight: bold;
 color: #444444;
 margin: 10px;
}

#appr-corpo .more-info {
 margin-left: 230px;
 margin-top: 20px;
}

#appr-corpo .less-info {
 float: left;
 margin-left: 210px;
 margin-top: 0px;
}


/* fine sezione relativa agli approfondimenti */

#nav_sx {
    font-weight:bold;
}

#nav_sx li li {
    font-size: 0.95em;
    line-height: 1.1em;
    text-transform: capitalize; 
}

#nav_sx h2 {
    font-weight: bold;
    font-size: 0.98em;
}




/* CSS RELATIVO AL FORM */


#richiesta-informazioni fieldset{
 width: 550px;
 margin-top: 50px;
 background-image:url('/immagini/yellow-grande.jpg');
 padding: 10px;
  -moz-border-radius:15px;
 -webkit-border-radius:15px;
}

#richiesta-informazioni label {
 display: block;
 width: 170px;
 text-align: right;
 float: left;
}

#richiesta-informazioni input, select, textarea {
 margin-left: 10px;
}

#richiesta-informazioni input,textarea {
 width: 300px;
}

#richiesta-informazioni textarea {
 height: 100px;
}

#invia {
 width: 150px;
}

.form_error label {
 color: rgb(244,50,50);
}

.form_error input {
 background-color: rgb(244,150,150);
}