/* 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:880px;
 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:320px;
 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 {
 background:#ebebeb;
 width:320px;
 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:320px;
 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; }