@charset "iso-8859-1";

body {margin:0; padding:0; background:#fff url(imgs/body_back.gif) repeat-x top; text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:11pt}
.clear {clear:both}
div#top {margin:0 auto; width:720px; height:20px; text-align:right}
div#top a {font-size:0.8em; color:#eee; margin-right:10px; text-decoration:none}
div#top a:hover {color:#eee; text-decoration:underline}
div#header {margin:0 auto; width:720px; height:120px}
div#header #logo {float:left; width:220px; margin-top:30px}
div#header #logo h1 {display:block; width:220px; height:60px; margin:0; background:url(imgs/smarthosting_logo.gif) no-repeat; text-indent:-9999px}
div#header #nav {float:right; list-style:none; padding:20px 0 0 0; margin-top:25px}
div#header #nav li {float:left; font-size:0.8em; height:25px; padding:8px 13px 0 13px; background:url(imgs/bg_nav.gif) no-repeat right}
div#header #nav li a:link {color:#393939; text-decoration:none; font-weight:bold}
div#header #nav li a:visited {color:#393939; text-decoration:none; font-weight:bold}
div#header #nav li a:hover {color:#5facaf; text-decoration:none; font-weight:bold}
div#header #nav li a:active {color:#393939; text-decoration:none; font-weight:bold}
div#header #nav li.supporto {background:none}
div#box {margin:0 auto; width:720px; height:160px; color:white}
div#box ul {font-size:0.7em; list-style:disc inside; line-height:1.1em; margin:0; padding:1em}
div#box .titolo {display:block; font-size:1.1em; font-weight:bold}
div#box .titolo a {color:white; text-decoration:none}
div#box .titolo a:hover {color:white; text-decoration:underline}
div#box #offerta1 {float:left; padding:6px; text-align:left; margin-right:9px; width:222px; height:148px; background:url(imgs/box.gif) no-repeat}
div#box #offerta2 {float:left; padding:6px; text-align:left; margin-right:9px; width:222px; height:148px; background:url(imgs/box2.gif) no-repeat}
div#box #offerta3 {float:left; padding:6px; text-align:left; width:222px; height:148px; background:url(imgs/box3.gif) no-repeat}

div#box #servizio1 {float:left; padding:6px; text-align:left; margin-right:9px; width:711px; height:148px; background:url(imgs/box-lungo.png) no-repeat}
div#box #servizio2 {float:left; padding:6px; text-align:left; margin-right:9px; width:711px; height:148px; background:url(imgs/box2-lungo.png) no-repeat}
div#box #servizio3 {float:left; padding:6px; text-align:left; width:711px; height:148px; background:url(imgs/box3-lungo.png) no-repeat}


div#controlladominio {margin:0 auto; width:710px; height:25px; color:white; background:url(imgs/check-domain.gif) no-repeat; margin-top:15px; padding:5px; font-weight:bold; font-size:0.9em}
div#controlladominio a {color:#060; text-decoration:none}
div#content {margin:0 auto; width:720px; border-top:3px dotted #e0e0e0; margin-top:25px; text-align:left}
div#content #left {float:left; width:222px; margin-top:15px}
div#content #left .rtop, .rbottom{display:block}
div#content #left .rtop *, .rbottom *{display:block; height:1px; overflow:hidden}
div#content #left .r1{margin:0 5px}
div#content #left .r2{margin:0 3px}
div#content #left .r3{margin:0 2px}
div#content #left .r4{margin:0 1px; height:2px} 
div#content #left #menubox {background:#e0e0e0}
div#content #left #menubox ul.vert-one{margin:0; padding:0; list-style-type:none; display:block; line-height:165%; width:202px; font-size:1em}
div#content #left #menubox ul.vert-one li{margin:0; padding:0}
div#content #left #menubox ul.vert-one li a{display:block; text-decoration:none; color:#000; background:#e0e0e0; padding:0 0 0 20px; width:202px; border-top:2px dotted #d0d0d0}
div#content #left #menubox ul.vert-one li a:hover{background:#ccc url(imgs/menu.gif) no-repeat 0 9px}
div#content #left #menubox ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#eee url(imgs/menu.gif) no-repeat 0 9px; font-weight:bold}
div#content #right {float:left; width:468px; padding:0 0 0 30px; margin-top:15px}
div#content #right .boxinterno {width:206px; padding:6px; margin:5px; float:left; background:#fbfbfb}

div#content #right .testo-box a {text-decoration:none; font-weight:bold; color:#00C}

div#content #right .title a {font-size:1.1em; color:#5a91a3; text-decoration:none; border-bottom:2px dotted #e0e0e0}
div#content #right .titlenew a {background:url(imgs/newbadge.gif) no-repeat top left; padding-left:25px; font-size:1.1em; color:#5a91a3; text-decoration:none; border-bottom:2px dotted #e0e0e0}
div#content #right table {border:0; background:url(imgs/table_back.gif) repeat-x}
div#content #right th, td {border-bottom:1px dotted #d0d0d0; padding:13px}
div#content #right th {font-size:1em; font-weight:bold}
div#content #right th a, a:hover {color:#666; text-decoration:none; border-bottom:1px dashed #555}
div#content #right td {font-size:0.7em; color:#888}
div#content #right p {font-size:0.8em; color:black; margin-top:7px}
div#footer {clear:both; width:100%; height:auto; background:url(imgs/footer_back.gif) repeat-x; font-size:0.7em; color:black; margin-top:35px 0 0 0}
div#footer .center {width:720px; height:70px; margin:0 auto}
div#footer #pagamento {display:block; float:left; width:187px; height:35px; text-indent:-9999px; margin-top:20px; text-align:left; background:url(imgs/pagamento_loghi.gif) no-repeat}
div#footer #bottom_menu {float:right; list-style:none; width:370px; padding-top:20px; text-align:right; color:white}
div#footer #bottom_menu li {float:left; padding:2px 13px 0 9px; background:url(imgs/bg_navbottom.gif) no-repeat right}
div#footer #bottom_menu a:link {color:#5facaf; text-decoration:none; font-weight:bold}
div#footer #bottom_menu a:visited {color:#5facaf; text-decoration:none; font-weight:bold}
div#footer #bottom_menu a:hover {color:#5facaf; text-decoration:underline; font-weight:bold}
div#footer #bottom_menu a:active {color:#5facaf; text-decoration:underline; font-weight:bold}
.tooltip {position:absolute; width:200px; font-size:8pt; text-align:left; top:-500px; left:0; padding:5px; visibility:hidden; line-height:15px; z-index:100; background:#9dc364 url(imgs/bg_tooltip.gif)}
.tooltip .titolo {display:block; font-size:11pt; font-weight:bold}
.tooltip img {float:right; margin-left:5px; border:1px solid black}
#arrowhead {z-index:99; position:absolute; top:-500px; left:0; visibility:hidden}