@charset "UTF-8";

*, html, body, form, input, img, ul, li, a, div {
    margin:0px; 
    padding:0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h1, h2, h3, table, th, tbody, fieldset, legend, input {margin:0px; padding:0px}
img{margin:0px; padding:0px; border:0px;}
dl, dd, dt {text-indent:0px;}
html, body {border:0px; font-family: Verdana, Sans Serif; font-size: 100%} 

body {
    width:100%;
    background-color:#fcdc32;
    /*    background-image: url('../images/sfondo_sfumatura.png');*/
    background-repeat:repeat-x;
    background-position:center top;

    color:#fff;
    font-family:Verdana;
}

#domain{
    position:relative;
    height:60px;
}




#logo {
    float:left;
}

a:link, a:visited {
    text-decoration:none;
}

#header a:link, #header a:visited{
    color:#fff;
    text-decoration: none;
}

#header a:hover, #header a:active{
    color:#3D6DB1;
    text-shadow: 1px 1px 1px #fff;
}

#div_background {
    background-image: url('../images/sfondo_sole.jpg');
    width:990px;
    margin:0px auto;
    background-repeat:no-repeat;
    background-position:center top;
}

#container{
    position:relative;
    width:990px;
    margin:0px auto;
    /*    padding:0px 32px 0px 32px;*/
}

#estensioni {
    position:absolute;
    width:493px;
    height:165px;

    top:55px;
    right:0px;

    color:#fff;
    border:1px solid white;
    font-family:Verdana;
    font-size:16px;
    text-shadow:1px 1px 1px #000;
    padding:10px;

    border-radius:10px 10px 10px 10px;

    background-color:#29739a;
    z-index:200;
}

#linguetta {
    position:absolute;
    bottom:7px;
    right:316px;
    width:105px; 
    height:10px; 
    background-color:#29739a;
    z-index:201;
}

.colonna {
    float:left;
    margin-left:10px;
    width:225px;
    border-right:1px solid #333;
}

.colonna tr:hover {

    color:#000;
    text-shadow:1px 1px 1px #fff;
    cursor:pointer;
    background-color:#F9D92C;
}

.colonna table {
    border-collapse: collapse;
}


#footer {
    position:relative;
    width:926px;
    color:#666;
    margin:0px auto;
    font-family:Verdana;
    font-weight:bold;
    font-size:10px;
    padding:10px 0px 10px 0px;
    text-shadow: 1px 1px 0px #fff;
}

#logos{
    position:absolute;
    top:5px;
    right:0px;
}

#header{
    position:relative;
    height:80px;
    padding:0px 0px 0px 0px;
}

#pulsanti {
    position:absolute;
    bottom:0px;
    left:310px;
    height:40px;
}

#pulsanti ul{
    overflow:hidden;
    list-style-image:url('../images/icona_chisiamo.png');
    font-size:15px;

    color:#fff;
    font-weight:bold;
    font-family:Verdana;
    text-shadow: 1px 1px 1px #000;

    font-size:12px;

}

#pulsanti img{
    float:left;
    padding-right:3px;
}

#pulsanti li{
    display:block;
    float:left;
    padding:4px 15px 4px 0px;
    line-height:25px;
    text-transform: uppercase;
}

#bottone_clienti {
    position:absolute;
    right:0px;
    bottom:10px;

    width:105px;
    height:37px;

    cursor:pointer;
    line-height:35px;
    background-image: url('../images/bottone_clienti.png');
    background-position: 0px 0px;
}

#bottone_clienti:hover {
    background-image: url('../images/bottone_clienti.png');
    background-position: 0px -37px;
}

#bottone_clienti a:link, #bottone_clienti a:visited, #bottone_clienti a:hover {
    display:block;
    color:#fff;
    text-transform: uppercase;
    padding-left:31px;
    font-family:Verdana;
    font-size:10px;
    letter-spacing: -1px;
    font-weight: bold;

    text-shadow: 1px 1px 1px #000;
}

.banner_pagina {
    position:relative;
    width:990px;
    margin-top:5px;
    height:280px;
    background-repeat: no-repeat;
    background-image: url('../images/banners/hostingillimitato.jpg');
    border:1px solid red;
    border-radius:10px;
    border:3px solid #fff;
}

.chisiamo {
    background-image: url('../images/banners/chisiamo.jpg');
}

.dovesiamo {
    background-image: url('../images/banners/dovesiamo.jpg');
}

#sel_dom {
    float:left; 
    display:block;
    width:106px; 
    height:40px; 

    color:#fff;
    text-shadow:1px 1px 1px #000;

    font-size:25px;
    padding:2px 0px 0px 1px;

    background-repeat:no-repeat; 
    cursor:pointer;
    background-image: url('../images/selettore.png');
    background-position: 0px 0px;
}


#sel_dom:hover {
    background-position: 0px -51px;
}

.banner_pagina span {
    position:absolute;
    right:40px;
    top:40px;
    font-size:30px;
    font-weight:bold;
    letter-spacing:-2px;
    text-transform: uppercase;
    color:#4493c1;
    text-shadow:1px 1px 1px #fff;
}

#selettore {
    position:absolute;
    width:202px;
    height:58px;
    background-color:red;
    border-radius:8px;
    top:-7px;
    left:0px;

    line-height: 62px;
    font-size:18px;
    font-family:Calibri;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow:1px 1px 1px #000;
    text-align: center;

    background: rgb(105,201,239); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(105,201,239,1) 1%, rgba(50,126,160,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(105,201,239,1)), color-stop(100%,rgba(50,126,160,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(105,201,239,1) 1%,rgba(50,126,160,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(105,201,239,1) 1%,rgba(50,126,160,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(105,201,239,1) 1%,rgba(50,126,160,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(105,201,239,1) 1%,rgba(50,126,160,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c9ef', endColorstr='#327ea0',GradientType=0 ); /* IE6-9 */


}

.navbar {
    position:relative;
    margin-top:7px;
    height:51px;
    border-radius:8px 8px 8px 8px;
    background-image: url('../images/navbar_sfondo.png');
    background-position: 0px 0px;
}

.noround {
    border-radius:0px;
}

.navbar ul {
    overflow: hidden;
}

.navbar li {
    display:block;
    float:left;

    width:197px;

}

.navbar a:link,
.navbar a:visited {
    display:block;
    margin-top:5px;
    height:45px;
    line-height:40px;
    text-align:center;
    color: #fff;
    font-size:16px;
    font-family: Calibri;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow:1px 1px 1px #000;
    border-right:1px solid #999;
}

.navbar a:hover{
    background-image: url('../images/navbar_a_sfondo.png');
    font-size:17px;
}

#slider {
    position:relative;
    height:282px;
    background-color:#327EA0;
    overflow:hidden;
}

.div_promo {
    position:relative;
    overflow:hidden;
    height:264px;
}

.promo_title {
    position:absolute;
    display:block;
    top:-50px;
    left:20px;
    text-shadow:1px 1px 1px #000;
    color:#f4c208;
    font-size:30px;
}



.vai:link, .vai:visited {

    color:#f4c208;

    position:absolute;
    display:block;
    padding:4px 15px;  

    top:400px;
    right:15px;
    text-shadow:1px 1px 1px #000;

    font-size:21px;

    border:1px solid #ccc;

    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.6);
}

.vai:hover {
    color:#f27500;
    text-shadow:1px 1px 1px #000;
}


.promo_desc {
    position:absolute;
    display:block;

    top:10px;
    left:905px;

    width:250px;

    font-size:16px;
    color:#fff;

    text-shadow:1px 1px 1px #000;
    background-color:#ccc;
    border:1px solid #000;

    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
}

#slider1, #slider2, #slider3, #slider4, #slider5 {
    position:absolute; 

    width:820px;
    height:264px;
    background-repeat: no-repeat;
    z-index:0;
    top:9px; 
    border-bottom: 2px solid white;
    border-top: 2px solid white;
}

#slider1 {
    background-image: url('../images/slideshows/slide1.jpg');
    left:87px;
}


#slider2 {
    background-image: url('../images/slideshows/slide2.jpg');

    left:907px;
}

#slider3 {
    background-image: url('../images/slideshows/slide3.jpg');
    left:1727px;
}

#slider4 {
    background-image: url('../images/slideshows/slide4.jpg');
    left:2547px;
}

#slider5 {
    background-image: url('../images/slideshows/slide5.jpg');
    left:-733px;
}

#btn_mx {
    width:796px;
    height: 282px;
    margin:0px auto;
    background-image: url('../images/slideshow_mx.png');
    background-repeat: repeat-x;
    z-index:150;
}

#btn_dx, #btn_sx{
    position:absolute;
    display:block;
    cursor:pointer;
    width:100px;
    height:282px;
    background-image: url('../images/slideshow_box.png');
    background-position: -100px 0px;
    z-index:110;
}

#btn_dx {
    right:0px;
    background-position: 0px 0px;
}

#freccia_sx, #freccia_dx {
    position:absolute;
    cursor: pointer;
    top:116px;
    left:55px;
    width:48px;
    height:49px;
    background-image: url('../images/freccie.png');
    background-position: 0px -49px;
    background-repeat: no-repeat;
    z-index:111;
}

#freccia_dx {
    position:absolute;
    background-image: url('../images/freccie.png');
    background-position: 0px 0px;
    left:885px;
}

#content {
    position:relative;
    overflow:hidden;
    padding:5px 2px 2px 2px;
    border-radius:0px 0px 6px 6px;
    color:#000;
}

#corpo {
    float:left;
    overflow:hidden;
    margin-left:20px;
    width:748px;
    background-color:#fea007;
    border-radius:25px;

    -webkit-box-shadow:  0px 0px 10px 0px #333;
    box-shadow:  0px 0px 10px 0px #333;
}

.testata, .testata_mails {
    position:relative;
    border-radius:24px 24px 0px 0px;
    background-image: url('../images/bg_yellow.png');
    background-repeat: repeat-x;
    height:186px;
}

.testata_mails {
    background-image: url('../images/bg_mails.jpg');
}

.alt {
    height:103px;
    background-image: url('../images/bg_testata2.png');
    font-size:50px;
}

.testata p, .testata_mails p {
    position:absolute;
    top:10px;
    left:20px;
    font-size:40px;
    font-weight:bold;
    text-transform: uppercase;
    color:#f5f4f4;
    letter-spacing:-1px;

    text-shadow:1px 1px 1px #666;
    margin-top:6px;
}

#testata2 {
    position:absolute;
    right:0px;
    bottom:5px;
    width:493px;
    height:100px;

    background-image: url('../images/bg_arrow.png');
    background-repeat: no-repeat;
    background-position: left center;
}

#os_windows, #os_linux {
    position:relative;
    float:right;
    margin-left:20px;

    height:100px;
    background-image: url('../images/os.png');
    background-repeat:no-repeat;
}

#os_windows {
    width:91px;
    background-position: 0px -100px;
}

#os_linux {
    width:56px;
    background-position: 0px 0px;
    margin-right:28px;
}

#os_linux span, #os_windows span {

    position:absolute;
    display:block;
    width:100%;

    text-align:center;

    color:#fff;
    font-size:16px;
    font-family:Arial;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow:1px 1px 1px #000;
    bottom:12px;
}

.pezzo {
    position:relative;

    overflow:hidden;
    background-color:#fff;
    margin:0px 50px;
    padding:15px 0px;
    border-bottom:1px solid #999;
    font-size:12px;
    color:#333;
}

.pezzo h2, .pezzo h3 {
    color:#3f9edd;
}

h2 a:link, h2 a:visited {
    color:#3f9edd;
}

h2:hover a {
    color:#398bc2;
}

h2 {
    color:#F4C208;
    text-shadow:1px 1px 0px #000;
}

.pezzo .testo {
    float:left;
    width:320px;
    height:150px;
    /*    border:1px solid green;*/
}

.pezzo .icona {
    float:left;
    width:320px;
    height:150px;

    background-repeat:no-repeat;
    /*    border:1px solid navy;*/
}

.icona1 {
    background-position:right;
    background-image:url('../images/icona1.png');
}

.icona2 {
    background-image:url('../images/icona2.png');
}

.icona3 {
    background-position:right;
    background-image:url('../images/icona3.png');
}

.icona4 {
    background-image:url('../images/icona4.png');
}

.icona5 {
    background-position:right;
    background-image:url('../images/icona5.png');
}

.icona_headset {
    background-position: right;
    background-image:url('../images/icona_headset.png');
}

.icona_laptop {
    background-position:right;
    background-image:url('../images/icona_laptop.png');
}


#dom_testo{
    float:left;
    width:160px;

    margin-left:5px;
    margin-top:12px;

    color:#707070;
    font-weight: bold;
    font-size:12px;
    text-align:right;

    text-shadow: 1px 1px 1px #fff;
}

#dom_www {
    float:left;
    width:80px;
    height:40px;

    margin-left:10px;
    margin-top:5px;
    border-radius:6px 0px 0px 6px;

    text-align:right;
    padding-right:5px;

    background-image: url('../images/www_sfondo.png');
}

#dom_www span {
    color:#fff;
    font-weight:bold;
    font-size:16px;
    font-family:Verdana;
    text-transform: uppercase;
    line-height:40px;
}

#dom_input {
    width:423px;
    height:40px;
    float:left;

    margin-top:5px;
}

#dom_input input {
    float:left;
}

#dom_input input {
    display:block; 
    float:left;

    width:310px;
    height:40px;

    font-size:24px;
    color:#888;
}

#dom_input select {
    display:block; 
    float:left;

    width:106px;
    height:40px;

    font-size:24px;
}

#dom_button {
    float:left;
    margin-right:4px;
    margin-top:5px;
}

#dom_button a:hover, 
#dom_button a:link,
#dom_button a:visited{
    display:block;
    height:41px;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    font-family:Verdana;
    text-align:center;
    letter-spacing: -1px;
    text-shadow: 1px 1px 1px #666;
    padding:0px 10px 0px 10px;
    line-height:38px;
    border-radius:4px;
}

#dom_button a.registra:link,
#dom_button a.registra:visited{
    background-image:url('../images/sfondo_registra.png');
    background-position: 0px 0px;
}

#dom_button a.registra:hover {
    background-image:url('../images/sfondo_registra.png');
    background-position: 0px -41px;
}




#dom_button a.trasferisci:link,
#dom_button a.trasferisci:visited{
    background-image:url('../images/sfondo_trasferisci.png');
    background-position: 0px -41px;
}

#dom_button a.trasferisci:hover {
    background-image:url('../images/sfondo_trasferisci.png');
    background-position: 0px 0px;
}


#banners {
    width:100%;
    height:150px;
}

.banner {
    position:relative;
    float:left;
    width:485px;
    height:147px;
    margin:6px 4px;

    -webkit-box-shadow:  0px 0px 5px 1px #aac6cd;
    box-shadow:  0px 0px 5px 1px #aac6cd;
}

.banner img {
    z-index: 0;
}

.titolo_banner {
    position: absolute;
    top: 30px;
    left: 210px;
}

span.grande {
    color:#f4c208;
    text-shadow:1px 1px 1px #666;
    line-height: 24px;
    font-family:Arial;
    font-weight:bold;
    letter-spacing:-1px;
    text-transform: uppercase;
    font-size: 27px;
    z-index: 99;
}

span.piccolo {
    color:#666;
    font-family:Tahoma;
    text-transform: uppercase;
    font-size: 15px;
    z-index: 99;
}

.news {
    position:absolute;
    width:115px;
    height:114px;
    top:-5px;
    right:-6px;
    background-image:url('../images/promo_news.png');
    background-position: 0px 0px;
    z-index:100;
}

#links_sotto {
    position:relative;
    text-align:center;
    margin-top:0px;
}

#links_sotto span {
    position:absolute;
    display:block;
    width:98%;
    bottom:20px; left:0px;
}

#links_sotto, #links_sotto a {
    margin-left:3px;

    height:55px;
    color:#545454;
    font-size:13px;
    text-shadow: 0px 0px 0px #666;
    font-family:Calibri;
    font-weight:bold;
    letter-spacing:0px;
}

#links_sotto a:hover{
    color:#3D6DB1;
    text-shadow: 1px 1px 1px #fff;
}

#menu_laterale {
    float:left;
    width:216px;
    height:266px;
    background-color:#fff;
    border-radius:12px;

    border-top:18px solid #e0e0df;
    border-bottom:32px solid #e0e0df;
    padding:10px 17px 0px 17px;
}

#menu_laterale ul{
    color:red;
    list-style-type: none;

    text-transform: uppercase;
    font-weight:bold;
    font-family:Calibri;
}

#menu_laterale a:link, #menu_laterale a:visited {
    color:#bfbfbf;
}

#menu_laterale a:hover {
    color:#adadad;
}

#menu_laterale li{
    display:block;
    text-align:center;
    border-bottom:1px solid #c8c9cd;
    height:40px;
    line-height:35px;
}

#order_cerca, #order_results, order_tot {
    width:940px;

    margin:10px 20px;
    padding:10px;

    background-color:#fff;
    border-radius:12px;
    overflow:hidden;
}

#servizi {
    position:absolute;
    top:100px;
    left:60px;
    background-color:#fff;
    border-radius:12px;
    -webkit-box-shadow:  0px 0px 5px 1px #aac6cd;
    box-shadow:  0px 0px 5px 1px #aac6cd;
    z-index:210;
    
    text-align:center;
    padding:10px;
}

#servizi .pacchetto {
    float:left;
    width:250px;
    margin-left:30px;
}

#titolo_servizi {
    font-weight:bold;
    font-size:30px;
    color:#286380;
    height:40px;
/*    text-shadow: 1px 1px 0px #F4C207;*/
}

#servizi img {
    cursor:pointer;
    opacity:0.7;
}

#servizi img:hover {
    opacity: 1;
}

#order_results img {
    float:left;
}

table span {
    line-height:30px;
}

.reg_ok {
    color:#008000;
    font-weight:bold;
}

.reg_notok {
    color:#FD0000;
    font-weight:bold;
}

th {
    text-align:left;
}

#order_cerca input[type="text"] {
    width:235px;
    height:30px;

    font-size:22px;
}

#order_cerca li {
    display:block;
    float:left;
    width:85px;
    height:20px;
}

.bigtxt {
    font-size:22px;
    font-weight:bold;
}

#order_q1 {
    width:360px;
    float:left;
    overflow:hidden;
}

#order_q2 {
    width:280px;
    float:left;
    overflow:hidden;
}

.button_grad1{
    border:1px solid #26759e; -webkit-border-radius: 3px;width:150px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial,helvetica,sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #3093c7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3093c7), color-stop(100%, #1c5a85));
    background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
    background-image: linear-gradient(top, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
}

.button_grad1:hover{
    border:1px solid #26759e; background-color: #26759e;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26759e), color-stop(100%, #133d5b));
    background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
    background-image: -moz-linear-gradient(top, #26759e, #133d5b);
    background-image: -ms-linear-gradient(top, #26759e, #133d5b);
    background-image: -o-linear-gradient(top, #26759e, #133d5b);
    background-image: linear-gradient(top, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}

.button_gradgreen{
    cursor:pointer;
    border:1px solid #36780f; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial,helvetica,sans-serif; padding: 5px 5px 5px 5px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #4ba614;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4ba614), color-stop(100%, #008c00));
    background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
    background-image: -moz-linear-gradient(top, #4ba614, #008c00);
    background-image: -ms-linear-gradient(top, #4ba614, #008c00);
    background-image: -o-linear-gradient(top, #4ba614, #008c00);
    background-image: linear-gradient(top, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}

.button_gradgreen:hover{
    border:1px solid #36780f; background-color: #36780f;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36780f), color-stop(100%, #005900));
    background-image: -webkit-linear-gradient(top, #36780f, #005900);
    background-image: -moz-linear-gradient(top, #36780f, #005900);
    background-image: -ms-linear-gradient(top, #36780f, #005900);
    background-image: -o-linear-gradient(top, #36780f, #005900);
    background-image: linear-gradient(top, #36780f, #005900);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36780f, endColorstr=#005900);
}

#order_tot {
    width:300px;
    padding:10px;
    background-color:white;
    border-radius:10px;
    margin-right:25px;
    float:right;
}

#order_tot table {
    font-size:12px;
}