/* CSS Document */

body {
 background:#FFFFFF;
 margin:0;
 font-family:helvetica, verdana, tahoma, sans;
 font-size:12px;
 color:#666; }

a, a:visited, a:link {
 color:#FF6600;
 text-decoration:none; }

a:hover {
 color:#0066CC;
 text-decoration:underline; }

.clearfix:after {
 content:".";
 display:block;
 clear:both;
 visibility:hidden;
 line-height:0;
 height:0; }

.clearfix { display:inline-block; }

html[xmlns] .clearfix { display:block; }

* html .clearfix { height:1%; }

/* ------------------ inizio div ---------------- */

#container {
 width:920px;
 height:auto;
 margin:0 auto;
 margin-top:0px; }

#header {
 width:920px;
 height:115px;
 margin-top:0px; }

#navigation {
 width:902px;
 height:46px;
 margin:0 auto;
 /*margin-top:0px;*/
 /*z-index:1000;*/ }

#content {
 width:890px;
 height:auto;
 margin:0 auto;
 margin-top:2px; }

#footer {
 margin:0 auto;
 margin-top:30px;
 width:755px;
 height:auto;
 background:url(../images/footer-backgr.jpg) no-repeat;
 text-align:center; }

/* -------------- inizio classi ------------- */

.floatleft {
 float:left;
 margin-left:0px;
 margin-top:0px; }

.floatspacer {
 float:left;
 margin-left:0px;
 margin-top:0px;
 width:0px;
 height:auto; }

.clear { clear:both; }

.leftbox {
 background:url(../images/leftbox-backgr.jpg) repeat-x #ebebeb;
 width:330px;
 height:236px;
 margin-top:2px;
 margin-left:0px; }

.leftbox-title {
 margin-top:0px;
 margin-left:0px;
 height:38px; }

.leftbox-p {
 width:150px;
 margin-left:3px;
 color:#333333;
 font-size:11px; }

.leftbox-button { margin: 0 auto; }

.smallbox {
 width:330px;
 height:90px;
 padding:0px;
 margin-top:2px;
 margin-left:0px; }

/* -------------- caratterizzo i box di sinistra ------------- */

#hostingcond {
 background:url(../images/hostingcond-blocco.jpg) no-repeat;
 width:156px;
 height:236px;
 margin-left:0px;
 margin-top:0px; }

#serverded {
 background:url(../images/serverded-blocco.jpg) no-repeat;
 width:156px;
 height:236px;
 margin-left:0px;
 margin-top:0px; }

#servervirt {
 background:url(../images/servervirt-blocco.jpg) no-repeat;
 width:156px;
 height:236px;
 margin-left:0px;
 margin-top:0px; }

.price {
 margin-top:180px;
 margin-left:0px;
 text-align:center;
 height:auto; }

/* ------------ caratterizzo i box centali della home --------------- */

#splash {
 margin-left:3px;
 margin-top:2px;
 width:556px;
 height:334px; }

.blocco-top {
 background:#f3f3f3;
 margin-left:3px;
 margin-top:0px;
 width:556px; }

.blocco-sub {
 background:#f3f3f3;
 margin-left:3px;
 margin-top:2px;
 width:556px; }

.blocco-footerorange {
 background:url(../images/boxrealcustomers-footer.jpg);
 width:556px;
 height:46px;
 margin-left:0px;
 margin-top:0px; }

.spacer {
 height:2px; }

/* ----------- oggetti vari ----------- */

#logo {
 background:url(../images/logo.jpg) no-repeat;
 width:341px;
 height:115px; }

#tenyears {
 background:url(../images/tenyears-backgr.jpg) no-repeat;
 width:258px;
 height:115px; }

#tenyears-slogan {
 margin-top:40px;
 margin-left:100px;
 font-family: Helvetica, Arial, sans-serif;
 font-size:14px; }

#apici, .apici {
 background:url(../images/boxrealcust-claimbackgr.jpg) no-repeat;
 width:380px;
 height:120px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:14px;
 margin-top:0px; }

.blue-sheet {
 background:url(../images/objects-sheetsconto.jpg) no-repeat;
 width:114px;
 height:78px; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:36px;
 text-align:center;
 line-height:80px; }

.calltoaction {
 width:510px;
 height:auto;
 vertical-align:middle;
 margin:0 auto;
 text-align:center; }

/* ------------------------- pagine interne --------------------------------*/

.pagetitle-domini {
 background:url(../images/pagetitle-domini.jpg) no-repeat;
 width:556px;
 height:42px;
 text-align:right;
 margin-top:0px;
 line-height:42px; }

.pagetitle-hosting {
 background:url(../images/pagetitle-hosting.jpg) no-repeat;
 width:556px;
 height:42px;
 text-align:right;
 margin-top:0px;
 line-height:42px; }

.pagetitle-server {
 background:url(../images/pagetitle-server.jpg) no-repeat;
 width:556px;
 height:42px;
 text-align:right;
 margin-top:0px;
 line-height:42px; }

.tabtitle { padding-top:5px; }

.pagetitle-corporate {
 background:url(../images/titles-corporatesects.jpg) no-repeat;
 width:556px;
 height:30px;
 text-align:left;
 margin-top:5px;
 margin-bottom:8px; }

#contenitore {
 background:#ebebeb;
 width:860px;
 height:auto;
 padding:10px;
 margin-top:0px;
 margin:0 auto; }

.bigtitle {
 margin-top:0px;
 margin:0 auto;
 text-align:center; }

.td-border { border-bottom:1px solid #CCC; }

.td-borderbold { border-bottom:2px solid #ebebeb; }

.td-right { border-right:1px solid #CCC; }

.td-backgr { background:#EBEBEB; }

.td-largest {
 width:340px !important;
 height:25px;
 padding:2px;
 /*padding-left:5px;*/
 text-align:left;
 font-family:Verdana, Geneva, sans-serif;
 font-size:11px;
 font-weight:normal; }

.td-medium {
 width:100px;
 height:25px;
 padding:0px;
 text-align:center;
 font-family:Verdana, Geneva, sans-serif;
 font-size:11px;
 font-weight:normal; }

.td-small {
 width:70px;
 height:25px;
 padding:2px;
 text-align:center;
 font-family:Verdana, Geneva, sans-serif;
 font-size:11px;
 font-weight:normal; }

.td-large {
 width:240px !important;
 height:25px;
 padding:0px;
 text-align:left;
 font-family:Verdana, Geneva, sans-serif;
 font-size:11px;
 font-weight:bold; }

.textcenter { text-align:center; }

.td-white { background:#FFF; }

.td-title { vertical-align:bottom; }

td.td-large p.grigio-hard, td.td-large p.orange-hard { padding:0 0 0 5px; }
td.td-largest p.grigio-hard, td.td-largest p.orange-hard { padding:0 0 0 5px; }
td.textcenter p.grigio-hard { padding:0; }

.boxato-lightgrey {
 background:#CCC;
 padding:5px; }

.boxato-lightyellow {
 background:#FF9;
 padding:5px; }

.boxato-ottantpercento {
 margin:0 auto;
 width:80%; }

.bordo-tratteg { border:1px #CCC dotted; }

.bordo-continuo { border:1px #CCC solid; }

/* ----------- testi -------------*/

h1 { font-weight:normal; }

h2 {
 font-size:14px;
 font-family:Helvetica, Arial, sans-serif; }

h3 {
 font-size:12px;
 font-family:Helvetica, Arial, sans-serif; }

.big { font-size:24px; }

.huge { font-size:36px; }

.medium { font-size:18px; }

.important { font-size:16px; }

.normal { font-size:12px; }

.title {
 font-size:20px;
 font-family:Helvetica, Arial, sans-serif;
 padding-right:5px; }

.leftbox-listato {
 list-style:none;
 padding:0px;
 font-size:10px; }

.pricetxt {
 font-family:Arial, Helvetica, sans-serif;
 font-size:30px;
 font-weight:bold;
 color:#cc0000; }

.pricesubtxt {
 font-size:10px;
 color:#999999;
 vertical-align:text-top; }

.listato-altern {
 padding:2px;
 list-style:none;
 font-size:11px; }

/* colori testi */

.turq { color:#99cccc; }

.grigio-norm {
 color:#333;
 font-weight:normal; }

.grigio-norm a {
 color:#333;
 text-decoration:none; }

.grigio-norm a:hover {
 color:#FF3300;
 text-decoration:underline; }

.grigio-med {
 color:#333; }

p.grigio-med, p.grigio-hard, p.orange, h2.orange-hard, h2.grigio-hard { padding-left:5px; padding-right:5px; }

.grigio-med a {
 color:#333;
 text-decoration:none; }

.grigio-med a:hover {
 color:#FF3300;
 text-decoration:underline; }

.grigio-hard { color:#333333; }

.grigio-hard a {
 color:#333333;
 text-decoration:none; }

.grigio-hard a:hover {
 color:#FF3300;
 text-decoration:underline; }

.blue { color:#0066CC; }

.navy { color:#0033CC; }

.navy a {
 color:#0033CC;
 text-decoration:none; }

.navy a:hover {
 color:#FF3300;
 text-decoration:none; }

.orange { color:#FF6600; }

.orange-hard { color:#FF3300; }

.white { color:#FFFFFF; }

.white a {
 color:#FFFFFF; text-decoration:none; }

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

/* dedicated servers - page preventivo */
form.s_preventivo { color:#333; }
form.s_preventivo input { margin:0 6px 0 10px; }
form.s_preventivo b, form.s_preventivo p { margin:0 6px 0 10px; }
form.s_preventivo p, div.s_preventivo p { padding:5px 5px 10px 0; margin:0 8px 10px 8px; color:#333; border-bottom:1px solid #ccc; }
.s_preventivo_button {
 background-color:#ccc;
 border:1px solid #999;}

.leftbox-small {
 background:url(../images/leftbox-backgr-small.jpg) repeat-x #ebebeb;
 width:330px;
 height:108px;
 margin-top:2px;
 margin-left:0px;
 text-align:right; }

#pec {
 display:block;
 float:left;
 background:url(../images/pec-blocco.jpg) no-repeat;
 width:101px;
 height:108px;
 margin-left:0px;
 margin-top:0px; }

div.hp_mail, div.hp_cloud, div.hp_ds {
 margin-left:2px;
 margin-right:-2px; }

div.hp_mail {
 width:560px;
 height:335px;
 margin-top:5px;
 background:url(../images/fl/banner_mail.jpg) no-repeat; }

div.hp_mail a {
 outline:none;
 position:relative;
 display:block;
 width:180px;
 height:46px;
 top:264px;
 left:14px; }

div.hp_cloud {
 width:560px;
 height:320px;
 background:url(../images/fl/banner_cloud.jpg) no-repeat; }

div.hp_ds {
 width:560px;
 height:320px;
 background:url(../images/fl/banner_ds.jpg) no-repeat; }

div.hp_cloud a, div.hp_ds a {
 outline:none;
 position:relative;
 display:block;
 width:180px;
 height:46px;
 top:246px;
 left:14px; }

div.hp_adv { height:104px; background:url(../images/fl/banner_adv.jpg) no-repeat; }
div.hp_domains { height:118px; background:url(../images/fl/banner_domains.jpg) no-repeat; }
div.hp_hosting { height:174px; background:url(../images/fl/banner_hosting.jpg) no-repeat; }
div.hp_vps { height:174px; background:url(../images/fl/banner_vps.jpg) no-repeat; }
div.hp_ds_small { height:174px; background:url(../images/fl/banner_ds_small.jpg) no-repeat; }
div.hp_mail_small { height:174px; background:url(../images/fl/banner_mail_small.jpg) no-repeat; }
div.hp_cloud_small { height:174px; background:url(../images/fl/banner_cloud_small.jpg) no-repeat; }
div.hp_pec { height:179px; background:url(../images/fl/banner_pec_small.jpg) no-repeat; }

div.hp_adv b.white {
 display:block;
 float:left;
 width:80px;
 height:40px;
 margin:30px 0 0 32px;
 font-size:28px;
 color:#fff;
 text-shadow:1px 1px 1px #333; }

div.hp_adv p {
 display:block;
 float:left;
 width:126px;
 height:80px;
 padding:14px 0 0 0;
 color:#444; }

div.hp_adv p b {
 font-weight:normal;
 color:#0466CB; }

div.hp_adv a {
 display:block;
 float:left;
 width:85px;
 height:100px; }

div.hp_domains form {
 position:relative;
 width:260px;
 height:60px;
 top:34px;
 left:70px; }

div.hp_domains form input.button {
 width:198px;
 height:36px;
 margin:2px 0 0 46px;
 background:none;
 border:none;
 color:transparent;
 cursor:pointer; }

div.hp_hosting ul,
div.hp_vps ul,
div.hp_ds_small ul,
div.hp_mail_small ul,
div.hp_cloud_small ul,
div.hp_pec ul {
 position:relative;
 top:40px;
 margin:0 0 0 10px;
 list-style:none; }

div.hp_hosting li,
div.hp_vps li,
div.hp_ds_small li,
div.hp_mail_small li,
div.hp_cloud_small li,
div.hp_pec li {
 color:#444;
 line-height:18px; }

div.hp_hosting b,
div.hp_vps b,
div.hp_ds_small b,
div.hp_mail_small b,
div.hp_cloud_small b,
div.hp_pec b {
 color:#0466CB; }

div.hp_hosting a,
div.hp_vps a,
div.hp_ds_small a,
div.hp_mail_small a,
div.hp_cloud_small a,
div.hp_pec a {
 position:relative;
 display:block;
 float:right;
 width:44px;
 height:44px;
 line-height:44px; }

div.hp_pec div a {
 clear:right;
 float:left;
 width:22px;
 height:22px;
 margin-top:46px; }

div.hp_pec div.twitter a { margin-left:180px; }
div.hp_pec div.facebook a { margin-left:26px; }
div.hp_pec div.linkedin a { margin-left:26px; }