/*
IPnext s.r.l.
Sito v1.0
CSS Elementi di stile dei contenuti delle pagine v1.0
*/

div#contactinfo{
float: left;
width: 200px;
padding-top: 32px
}
fieldset#contactinfo-f{
margin-right: 16px;
height: 100%;
text-align: left
}
div#contactinfo p{
margin-bottom: 24px
}
.centered {
width: 100%;
text-align: center; 
}
#breadcrumbs {
	color: black;
	font-size: 11px;
	border-bottom: 1px double #fbb82c;
	margin-bottom: 6px;
	padding-bottom: 4px;
	font:12px arial, helvetica,sans-serif;
	color: #aaaaaa;
	font-weight: bold;
}
#breadcrumbs a{
color: #aaaaaa !important;
}
p.nextab {
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	float: right;
	margin-top: 32px
}
p.prevtab {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}
p.h3-definition {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	margin-top: -33px;
	margin-bottom: 24px;
	background-color: transparent;
	text-align: left;
	margin-left: 140px
}

.text {
	color: #000000;
	font-size: 12px;
}
a.imagelink:hover{
	border-bottom: 4px #f20000 solid
}
ul#simple{
	margin: 4px 4px 0px 8px
}
p.text-big {
	font: 18px tahoma,helvetica,sans-serif;
	margin-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 12px;
	font-weight: bold;
	color: #ef1516
}
p.text-small {
	font-size: 12px;
	margin-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 12px;
	color: #555555;
}
p.text-adv {
	color: #ef1516;
	margin-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 12px;
	font: 18px tahoma,helvetica,sans-serif;
	font-weight: bolder
}
div.right-align {
	width: 100%;
	text-align: right
}
ul.text li {
	list-style-image:url(../img/tick.gif);
	margin: 8px 0px 8px 32px
}

ul.text#simple li {
	list-style-image: none;
	margin: 8px 4px 8px 12px
}

div.tab-content {
	background: url(../img/tab_back.png) transparent repeat-x left top;
	height: 100%;
	float: left;
}
div.container-scheda {
	float: left;
	margin-left: 32px;
	width: 320px
}

.text-small a {
	font-weight: bold
}
p.header-scheda {
	font: 14px tahoma,helvetica,sans-serif;
	font-weight: bold;
}
div.tab-scheda {
	float: right;
	font: 14px tahoma,helvetica,sans-serif;
	font-weight: bold;
	height: 114px;
	width: 128px;
	background: url(../img/tab-border.gif) transparent no-repeat center center;
	margin: 0px;
	padding: 0px
}
p.spieg {
	color: #000000;
	font-size: 12px;
	margin-top: 4px;
	margin-bottom: 12px;
}
div.map-txt {
	border-color: #ffec90;
	border-style: dashed;
	border-width: 1px;
	padding: 8px;
	margin-bottom: 4px
}
#map-img {
	width: 710px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	text-align: center;
	background: url(../img/mappa.gif) transparent no-repeat center center;
}

#metro-img {
	text-align: center;
	float: left
}
#datacenter-img {
	text-align: center;
	float: left;
	width: 100%
}
#cf-img {
	text-align: center;
	width: 100%;
	margin: 0 auto
}

img.border {
	padding: 6px;
	border: 1px #999999 solid;
	text-align: center
}

#persone-img {
	width: 710px;
	height: 433px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	text-align: left;
}
div.spacer{
	height: 16px;
	clear: both
}
div#tabgrigio {
	float: right;
	height: 175px;
	width: 197px;
	background: url(../img/tab-grigio.gif) transparent no-repeat right top;
	margin-top: 20px;
	padding: 8px;
	font-size: 12px;
	font-weight: bold;
}
div.avatar {
	width: 240px;
	float:left;
	background: #ffffff;
	text-align: center;
	clear: left;
	margin-bottom: 16px;
	margin-top: 16px;
	text-align: center;
	border-bottom: 1px #555555 solid;
}
div.arrow {
	float:left;
	width: 8px;
	height:64px;
	background: url(../img/av-ar.gif) #ffffff no-repeat center center;
	margin-top: 64px;
}
div.azienda {
	float:right;
	background-color: #fef6c8;
	clear: right;
	margin-top: 32px;
	width: 560px;
}
a.logo {
	display: block;
	float: left;
	clear: left;
	margin-top: 32px;
	margin-right: 32px;
	width: 128px;
	height: 100px
}
p.test-footer {
	margin-right: 16px;
	text-align: right;
	font-size: 12px
}
div.stars {
	background-color: #fef6c8;
	width: 480px;
	height: 140px
}
a.link {
	display: block;
}
a.link:hover {
	text-decoration: none;
}

/* Stile IPnext per le tabelle */

table.comunicati {
	width: 100%;
	margin-bottom: 16px;
}

table.confronto {
	width: 480px;
	margin: 4px;
	border: 1px #000000 solid;
}

tr.even {
	height: 24px
}

tr.uneven {
	height: 24px;
	background-color: #ffffdd;
}

/* Tabelle confronto */

tr.even2 {
	height: 8px;
}

tr.uneven2 {
	height: 8px;
	background-color: #ffffdd;
}

td.confronta_name  {
	width: 175px;
	padding: 0px 4px 0px 4px
}


td#adsl{
	background: url(../img/av-ar.gif) #ffffff no-repeat center center;
}
td#hdsl{
	background: url(../img/av-ar.gif) #ffffff no-repeat center center;
}
td#fibra{
	background: url(../img/av-ar.gif) #ffffff no-repeat center center;
}

td.confronta_star  {
	width: 130px;
}

td.confronta_note  {
	width: 176px;
	padding: 0px 4px 0px 4px
}

td.icon {
	width: 28px;
	text-align: center;
	padding-left: 4px
}

td.date {
	width: 64px;
	text-align: center
}

td.title {
	padding-left: 8px
}

td.titulek {
	border-bottom: 1px #dddd99 solid;
	border-right: 1px #dddd99 solid;
	background-color: #ffe7a3;
	padding-left: 4px
}

a.pdf {
	display: block;
	width: 21px;
	height: 22px;
	margin-top: -3px;
	background: url(../img/pdf_icon.gif) transparent no-repeat center center;
}

/* Comunicati stampa */

p.bartab {
	background: url(../img/bartab.gif) transparent no-repeat top left;
	border-bottom: 1px #fbb82c solid;
	height: 17px;
	padding-left: 17px;
	font: 15px arial,helvetica,sans-serif;
	font-weight: bold;
	color: #ffffff
}
p.bardate {
	width: 64px;
	text-align: center;
}
p.baritem {
	width: 639px;
	padding-left: 8px;
}
p.barpdf,p.baritem,p.bardate{
	float: left;
	height: 19px;
	border-bottom: 1px #d6d6d4 solid;
	padding-top: 3px;
	font: 12px tahoma,helvetica,sans-serif;
	padding: 4px 0px 4px 0px;
	background: url(../img/backform.gif) #ffffff repeat-x left top
  }
  
/* Stile IPnext per la macro-area Progettazione */

p.fase-descr {
text-align: center; float: left; color: #999999;
font:12px arial,helvetica,sans-serif;
width: 100%;
font-weight: bold;
}
div.tab-left-g {
  background: url(../img/tab_border-g.gif) transparent no-repeat left top;
  width: 16px;
  float: left;
  margin-bottom: 16px;
  height: 175px;
  }
div.tab-right-g {
  background: url(../img/tab_border-g.gif) transparent 16px 0px repeat-x ;
  width: 16px;
  float: left;
  margin-bottom: 16px;
  height: 175px;
  }
div.tab-content-g {
  display: block;
  background: url(../img/tab_back-g.gif) transparent repeat-x left top;
  height: 175px;
  float: left;
  font:18px arial,helvetica,sans-serif;
  color: #555555;
  padding-top: 16px;
  overflow: visible
  }
span.black {
  color: #000000
}
/* Stile IPnext per le tabs comparative dei prodotti */

div.tab-left {
  background: url(../img/tab_border.png) transparent no-repeat left top;
  width: 16px;
  height: 192px;
  float: left;
  }
div.tab-content{
  display: block;
  /*background: url(../img/tab_back.png) transparent repeat-x left top;*/
  /*background: url(../img/tab_back.png) transparent repeat-x left top;*/
  float: left;
  height: 192px;
  width: 690px;
  margin: 0 auto;
  }
div.drupal {
	background: transparent url(../img/drupal-bg.png) no-repeat scroll right 220px;
}
div.plone {
	background: transparent url(../img/tabbg-plone.png) no-repeat scroll left top;
}
div#scheda {
  width: 480px; height: 100%
}
a.tab-content:hover {
  text-decoration: none
  }
div.tab-right {
  background: url(../img/tab_border.png) transparent 16px 0px repeat-x ;
  width: 16px;
  height: 192px;
  float: left;
  }

  
div.stats {
  margin-top: 8px;
  color: #000000 !important;
  float: left;
  margin-left: 32px;
  font-weight: bold
  }

p.stars5 {
  padding-right: 16px;
  padding-bottom: 4px;
  width: 80px;
  background: transparent url(../img/ratingbar.gif) no-repeat left bottom;
  margin-bottom: 8px;
  height: 24px
  }

p.stars4 {
  padding-right: 16px;
  padding-bottom: 4px;
  width: 80px;
  background: transparent url(../img/ratingbar.gif) no-repeat  -19px 14px;
  margin-bottom: 8px;
  height: 24px
  }

p.stars3 {
  padding-right: 16px;
  padding-bottom: 4px;
  width: 80px;
  background: transparent url(../img/ratingbar.gif) no-repeat -38px 14px;
  margin-bottom: 8px;
  height: 24px
  }

div.tab-text {
  margin-left: 32px;
  margin-right: 32px;
  margin-bottom: 8px;
  font:20px tahoma,helvetica,sans-serif;
  text-decoration: none !important;
  font-weight: bold;
  height: 100%;
  color: #f20000
  }

p.tab-descr {
  margin-left: 32px; text-align: left; color: #000000; width: 360px; font:12px arial,helvetica,sans-serif;
  }
  
ul.tab {
  margin: 4px 4px 0px 16px;
  font-weight: normal;
  color:#858585
  }

.icon  {
  background: none transparent no-repeat ;
  width: 110px;
  height: 128px;
  float: left
  }
#prog_icons  {
  background: url(../pg-img/prog_icons.png) transparent no-repeat center top;
  width: 110px;
  height: 112px;
  float: left
  }
#conn_icons  {
  background: url(../pg-img/conn_icons.png) transparent no-repeat center top;
  width: 110px;
  height: 160px;
  float: left;
  }
#host_icons  {
  background: url(../pg-img/host_icons.png) transparent no-repeat center top;
  width: 110px;
  height: 160px;
  float: left;
  }  
#forn_icons  {
  background: url(../pg-img/forn_icons.gif) transparent no-repeat center top;
  width: 110px;
  height: 100px;
  float: left;
  }  
#adsl  {
  background-image: url(../pg-img/adsl.png)
  }
#hdsl  {
  background-image: url(../pg-img/hdsl.png)
  }
#fibra  {
  background-image: url(../pg-img/fibra.png)
  }
#colocation  {
  background-image: url(../pg-img/colocation.png)
  }
#hosting  {
  background-image: url(../pg-img/hosting.png)
  }
#webhosting  {
  background-image: url(../img/webhosting_s.gif)
  }
#mailhosting  {
  background-image: url(../img/mailhosting_s.gif);
  margin-left: -32px
  }
#wireless  {
  background-image: url(../img/wireless.png);
  margin-left: 0px
  }
#dbhosting  {
  background-image: url(../img/dbhosting_s.gif);
  margin-left: -160px;
  margin-top: 64px
  }
#idea  {
  background: url(../pg-img/idea.png) transparent no-repeat left top;
  width: 100%;
  }
#realizzazione  {
  background: url(../pg-img/realizzazione.png) transparent no-repeat left top;
  width: 100%;
  }
#gestione  {
  background: url(../pg-img/gestione.png) transparent no-repeat left top;
  width: 100%;
  }
#vps  {
  background-image: url(../pg-img/vps.png);
  }
#pec  {
  background-image: url(../pg-img/pec.png)
  }
#videoconferenza  {
  background-image: url(../pg-img/videoconf.png)
  }
#drupal  {
  background-image: url(../pg-img/drupal.png);
  height: 300px
  }
#plone  {
  background-image: url(../pg-img/plone.png);
  height: 300px
  }
#django  {
  background-image: url(../pg-img/django.png);
  height: 300px
  }
.h5-smaller {
  font-size: 12px !important
  }
.footnote  {
	font-size: 75%;
	color: #555}
  
  
/* Pseudo Lightbox con DIV, di PJ Hyett  e vari fix della comunità*/

#overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:90;   
    background-color:#444;
    /*-moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);*/
    }
	
#overlay[id]{ /* IE6 and below Can't See This */
    position:fixed;
    }
	
.lightbox{
    width:512px;
    background:#fedf8d;
    padding:10px;
    border:2px solid #ffffff;
}

#close{
    position:absolute;
    top:-5px;
    right:-5px;
    cursor:pointer;
}

div.partners-logo {
	background: transparent none no-repeat top left;
	width: 180px;
	margin-left:16px;
	height: 100%;
	margin-bottom: 8px
}
p.partners-url {
	margin-top: 32px;
	text-align: right;
	font-size: 12px;
	margin-bottom: 16px;
}
div#sophos {
	background-image: url(../pg-img/sophos.gif);
	height: 29px;
}

div#coyote {
	background-image: url(../pg-img/coyotepoint.gif);
	height: 45px;
}

div#supertronic-sun {
	background-image: url(../pg-img/supertronic.gif);
	height: 128px;
}
div#dell {
	background-image: url(../pg-img/dell.png);
	height: 64px;
}
div#cisco {
	background: transparent url(../pg-img/cisco.gif) no-repeat 28px 0px;
	height: 91px;
}
div#vmware {
	background: transparent url(../pg-img/vmware.gif) no-repeat 8px 16px;
	height: 128px;
}

div#colo-tab{
	margin-left: 184px;
	margin-right: auto;
	left:0;
	top:0;
}
/* Python */
#python-header{
	width: 715px;
	padding: 240px 0px 8px 8px;
	float:left;
	background: transparent url(../pg-img/python_banner.png) no-repeat top left;
	font-size: 16px;
	color: #808082;
	font-weight: bold;
}
/* Coyote Point */
.coyote-units{
	width: 100%;
	float:left
}
#event-header{
	width: 715px;
	padding: 240px 0px 8px 8px;
	float:left;
	background: transparent url(../pg-img/event_banner.png) no-repeat top left;
	font-size: 16px;
	color: #808082;
	font-weight: bold;
}
#event-header p{
	padding: 4px 0
}
#event-content p{
padding: 8px 0px;
}

.exclamation {
    font-size: 16px;
	color: #808082;
	font-weight: bold;
	}
/* Coyote Point */
.coyote-units{
	width: 100%;
	float:left
}
#coyote-header{
	width: 715px;
	padding: 140px 0px 32px 8px;
	float:left;
	background: transparent url(../pg-img/coyote-header-bg.jpg) no-repeat top left;
	font-size: 16px;
	color: #808082;
	font-weight: bold;
}
#coyote-header p{
	padding: 4px 0
}
#coyote-content p{
padding: 8px 0px;
}
#coyote-explain{
	width: 725px
}
#coyote-explain tr td{
	text-align: center; 
	width: 33%
}
.exclamation {
    font-size: 16px;
	color: #808082;
	font-weight: bold;
	}
/* Sophos */
#sophos-header{
	width: 715px;
	height: 100%;
	padding: 100px 0px 32px 8px;
	float:left;
	background: transparent url(../pg-img/sophos-header-bg.jpg) no-repeat top left;
	font-size: 16px;
	color: #808082;
	font-weight: bold;
}
#sophos-header p{
	padding: 4px 0
}
#sophos-content p{
	padding: 8px 0px;
}
.sophos-img{
	margin: 0 0 0 120px
}

/* Promo Badge */

#promo-vps {
    height: 100px;
    background: transparent url(../pg-img/promo-vps-bg.png) no-repeat top left;
    float: left;
    clear: both;
    padding: 16px 16px 60px 24px
}
#promo-vps  h2{
    font-size: 20px;
    text-shadow:1px 1px 2px #aaaaaa;
}
#promo-vps p{
    margin: 0 0 0 128px
}
#tagline {
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}

#tagline span{
    font-size: 20px;
    font-weight: bolder;
    color: #ee23333;
    text-shadow:1px 1px 2px #yellow;
}

/* Promo page*/

#promo-header{
	width: 715px;
	padding: 8px 0 0 8px;
	float:left;
	background: transparent url(../pg-img/promo-bg.png) no-repeat top left;
	font-weight: bold;
}

#promo-header h2 {
	font-size: 32px;
    text-shadow:1px 1px 2px #aa99aa;
	color: #f20000;
}
#promo-header h3.subtitle{
    text-shadow:1px 1px 2px #aaaaaa;
    color: #666666;
    margin: 32px 0 16px 0;
    font-size: 16px;  
}
#promo-header h3.subtitle strong{
    color: #ff0000;
    font-weight: bolder
}
#promo-header h3.subtitle span{
    color: #00ee00;
    font-size: 24px;
    text-shadow:1px 1px 2px #222222;
}
#promo-header{
    font-weight: normal
}

/* Prices table */

table.prices, tables.notes {
    margin: 16px 0;
    font-size: 10px;
}
table.prices td:hover{
    border-bottom-color: #aaaaaa
}

table.prices tr td, table.notes tr td{
    border-top: 4px #ffffff solid;
    border-bottom: 4px #ffffff solid;
    border-left: 1px #ffffff solid;
    border-right: 1px #ffffff solid;
    border-collapse: collapse;

    }
table.prices tr td{
    padding: 8px 8px;

}
table.prices tr td.head{
    font-weight: bold;
    padding: 0 0 0 8px;
    font-size: 14px;
    color: #666;
    text-align:left
}
table.prices th{
    background-color: #fbb82c;
    color: #ffffff;
    text-shadow:1px 1px 2px #aaaaaa;
    padding: 0px 8px 8px 8px;
    border-right: 1px #ffffff solid;
}
tr.vps-basic td{
    background-color: #E7F9C9;
}
tr.vps-agency td{
    background-color: #f4f4f4;
}
tr.vps-provider td{
    background-color: #BFE2FF;
}
tr.vps-assistenza td{
    background-color: #FFFABF;
}
tr.vps-gestione td{
    background-color: #FFD3AF;
}
tr.vps-gestione-frame td{
    background-color: #FFB87F;
}
tr.trybuy-classic td{
    background-color: #FEFF9F;
}
tr.trybuy-express td{
    background-color: #CFE5FF;
}
tr.vps-basic td.head, tr.vps-agency td.head, tr.vps-provider td.head{
    border-left-width: 0 !important;
    padding: 0 0 0 8px;

}
.th-title{
    font-size: 16px;
    font-weight: bolder;
    -moz-border-radius: 8px 0 0 0;
    -webkit-border-radius: 8px 0 0 0;
    -khtml-border-radius: 8px 0 0 0;
}
.th-vertical {
border-top: 4px #ffffff solid;
border-bottom: 4px #ffffff solid;
}
span.price {
    font-weight: bold;
}
th.th-price {
    font-size: 14px
}
.td-text {
    text-align: left !important
}

/* Notes table */

table.notes {
    font-size: 9px;
    margin-bottom: 16px
}
table.notes tr td{
    border-top: 4px #fff solid;
    border-bottom: 4px #fff solid;
    border-left: 0;
    border-right: 0
}
table.notes tr {
    background-color: #dedede
}
table.notes tr.even{
    background-color: #efefef
}
table.notes th{
    background-color: #999;
    color: #fff;
    padding: 4px
}
table.notes td {
    padding: 8px
}

.redded {
    background-color: #33f233 !important;
}
strong.red {
    color: #f20000;
    font-weight: bolder
}