body {margin: 0; color: #233747; font: 14px/25px Raleway, Helvetica, sans-serif; background: url(../images/bg-site.webp) no-repeat 50% 0 #f1f1f1;background-attachment: fixed;}

h1,h2,h3,h4 { text-transform: uppercase; letter-spacing: 1.5px; padding-bottom:15px; }
p { font: 14px/25px Raleway, Helvetica, sans-serif; letter-spacing: 1px; }
li { font: 14px/25px Raleway, Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase;  }

img {border-style: none;}
a {text-decoration: none; color: #008fd9;}
a:hover {text-decoration: underline;}

input, textarea, select {font: 100% Raleway, Arial, Helvetica, sans-serif; vertical-align: middle; color: #000; text-align: center;}
form,fieldset {margin: 0; padding: 0; border-style: none;}

q {quotes: none;}
q:before {content: ''}
q:after {content: ''}

.orange-overlay {background: rgba(249, 188, 23, 1) none repeat scroll 0 0; width: 100%;height: 100%; position: absolute;}
#wrapper, #header-wrapper {margin: 0 auto; max-width: 1024px;padding: 30px; box-sizing: border-box; width: 100%; position: relative;}
#header-wrapper {padding: 0 30px;}
#header {border-bottom: 1px solid #cccccc;background: rgba(255,255,255,0.6);}

.logo {float: left; overflow: hidden; background: url(../images/hosting-gratuito.png) no-repeat scroll 0 0 transparent; background-size: contain; width: 233px; height: 45px; margin: 13px 0;}
.logo a {height: 100%; display: block;}

#homepage-top {border-bottom: 1px solid #bbb;position: relative;}

#nav {margin: 0; list-style: none; float: right; font-size: 16px; line-height: 20px; font-weight: bold; text-transform: uppercase;}
#nav li {border-right: 0px solid #008fd9;float: left;}
#nav li:first-child {background: none;}
#nav a {color: black; line-height: 71px;height: 71px;display: block;padding: 0 15px;}
#nav a:hover {background: #008fd9; color: #fff;text-decoration: none;}

#main h1 {font: 32px/48px Raleway, Helvetica, Arial, sans-serif; color: #574307; margin: 0 0 20px 0; text-shadow: 0px 0px 3px #fff; text-align: center;}
#main h1 span {color: #785c09;}
#main .bar, #main .small-bar {background: #ffffff none repeat scroll 0 0;border-radius: 10px;box-shadow: 0 0 3px #999;padding: 20px;width: 100%; margin-bottom: 10px; box-sizing: border-box;position: relative;}
.bar .register-form {overflow: hidden;}


#main .small-bar .wp { }
.small-bar .register-form {overflow: visible;}


.small-bar .register-form .text {width: 235px;}

.register-form .text input, .small-bar .register-form .text input, .inform-form .text input {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+1,f5f5f5+100 */background: #f1f1f1; /* Old browsers */background: -moz-linear-gradient(top,  #f1f1f1 1%, #f5f5f5 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f1f1f1), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #f1f1f1 1%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #f1f1f1 1%,#f5f5f5 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #f1f1f1 1%,#f5f5f5 100%); /* IE10+ */background: linear-gradient(to bottom,  #f1f1f1 1%,#f5f5f5 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */border: 1px solid #dddddd;border-radius: 5px;box-shadow: 0 3px 5px -2px #cccccc inset;box-sizing: border-box;width: 100%;padding: 0 14px;margin-right: 10px;color: #7a7a7a;}
.small-bar .register-form .text input {font-size: 22px;line-height: 50px;}
.register-form .text input {float: left; font-size: 30px; line-height: 70px; max-width: 350px; width: 100%;}
.inform-form .text input {height: 45px;line-height: 45px;margin: 0;}

.small-bar .register-form span.title {color: #7a7a7a;float: left;font-size: 22px;line-height: 50px;margin: 0;}

.register-form .btn-register, .small-bar .register-form .btn-register, #msform .action-button {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7080d+0,ab0205+93,aa171a+100 */background: #e7080d; /* Old browsers */background: -moz-linear-gradient(top,  #e7080d 0%, #ab0205 93%, #aa171a 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7080d), color-stop(93%,#ab0205), color-stop(100%,#aa171a)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #e7080d 0%,#ab0205 93%,#aa171a 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #e7080d 0%,#ab0205 93%,#aa171a 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #e7080d 0%,#ab0205 93%,#aa171a 100%); /* IE10+ */background: linear-gradient(to bottom,  #e7080d 0%,#ab0205 93%,#aa171a 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7080d', endColorstr='#aa171a',GradientType=0 ); /* IE6-9 */padding: 0 20px;border: 1px solid #990204;box-sizing: border-box; border-radius: 5px;font-weight: bold; color: #fff; text-shadow: 1px 1px 4px #9a0204;cursor: pointer;text-align: center;}
.small-bar .register-form .btn-register, #msform .action-button {line-height: 48px;font-size: 22px;height: auto;width: auto;}
.register-form .btn-register {float: right; width: 240px; font-size: 30px; line-height: 68px;}

.logo-wordpress {background: url(../images/hosting-wordpress.png) no-repeat scroll 0 0 transparent;background-size: cover;height: 60px;margin: -2px 20px -9px;width: 60px;}
.small-bar-text-container > p {color: #666666;display: block;float: left;font-size: 17px;width: 230px;}

.register-form span.title {float: left; font-size: 30px; line-height: 40px; color: #7a7a7a; margin: 15px 0 0;}

#main .panel {background: rgba(240, 240, 240, 0.2) none repeat scroll 0 0;border-radius: 10px;box-shadow: 1px 0 8px -1px #bbbbbb;box-sizing: border-box;margin: 0 auto;overflow: hidden;padding: 20px;width: 95%; margin-top: 30px;}

#main .panel li {
    display: table;
    margin: 0 auto;
    padding: 10px 0;
}

#main .panel li img, #main .panel li div {
    height: 31px;
    float: left;
    line-height: 31px;
}

#main .panel li img {
    margin-right: 10px;
}

.content-frame {background: #ffffff none repeat scroll 0 0;border-radius: 10px;box-shadow: 0 0 3px #999999;box-sizing: border-box;padding: 30px;}
.inner .content-frame {padding: 30px;}
#content .title {font-size: 14px; line-height: 16px; color: #a40205; display: block; margin: 0 0 13px; text-transform: uppercase;}
#content .promo {padding: 0; margin: 0; list-style: none; width: 100%;}
#content .promo-holder {overflow: hidden; border-bottom: 1px solid #e5e5e5; padding: 0 0 32px; margin: 0 0 30px;}
#content .promo li {display: inline; margin: 0 19px 0 0;}
.promo li img {vertical-align: middle;}

#content .block1 {float: right; width: 240px; margin: 0 0 0 30px; padding: 9px 0 0;}
.inner #content .block1 {padding: 0;}
#content .block {width: 240px; padding: 11px 0 0; background: url(../images/bg-block-t.gif) no-repeat; margin: 0 0 23px;}
/*.inner #content .block {background: url(../images/bg-block1-t.gif) no-repeat;}*/

#content .block h3 {font-size: 14px; line-height: 16px; color: #cfefff; text-transform: uppercase; margin: 0 0 20px;}
#content .block.inner {background: none; padding: 0 18px; width: 204px;}
#content .block.inner h2 {color: #3a6b88;}
#content .block-holder {background: #159bcb url(../images/bg-block-b.gif) no-repeat 0 100%; padding: 9px 18px 12px; width: 204px;}

/*.inner #content .block-holder {background: #0a91d3 url(../images/bg-block1-b.gif) no-repeat 0 100%;}*/

#content .block .info {padding: 0; margin: 0; list-style: none; font-size: 14px; line-height: 16px; font-weight: bold; overflow: hidden;}
#content .block .info li {float: left; width: 100%; background: url(../images/bg-line.gif) repeat-x; padding: 6px 0;}
#content .block.inner .info li {background: url(../images/bg-line2.gif) repeat-x 0 100%;}
#content .block .info li:first-child {background: none; padding-top: 0;}
#content .block.inner .info li:first-child {background: url(../images/bg-line2.gif) repeat-x 0 100%;}

#content .block .info a {color: #fff; float: left; background: url(../images/arrows.png) no-repeat 100% 6px; padding: 0 11px 0 0;}
#content .block.inner .info a {color: #0a91d3; background: url(../images/arrows1.png) no-repeat 100% 6px;}

#content h2 {font-size: 21px; line-height:23px; color: #0781ca; margin: 19px 0 19px; }
#content p {padding: 0 0 21px; margin: 0;}
#content .description {}
#content .description .twitter-button {position: relative; bottom: -6px;}
#content .inform-form {overflow: hidden; width: 100%; font-size: 16px; line-height: 18px; /*font-weight: bold;*/ color: #233747;}

#content .form-errors {margin-bottom: 20px; font-size: 12px; border-top: 1px solid #dbd9b2; border-bottom: 1px solid #dbd9b2; background: #fefef1; padding: 20px;}
#content .form-errors p {padding-bottom: 0; color: red;}

.inform-form .row {float: left; width: 100%; padding: 0 0 20px;}
.inform-form .row1 {padding: 0 0 2px;}
.inform-form .row2 {padding: 0 0 19px;}
.inform-form .row3 {padding: 20px 0 0 175px; width: 490px; border-top: 1px solid #e5e5e5;}
.inform-form  label, .inform-form .label {float: left; width: 170px; margin: 7px 5px 0 0;}
.inform-form  label em {color: #999; font-size: 12px; display: block;}
.inform-form .url {float: left; padding: 7px 0 0 10px;}
.inform-form .text {float: left; width: 254px; height: 35px;}
.inform-form .text input.focus {color:#000;}
.inform-form .text.parent-focus {background:url(../images/bg-input1-focus.gif) no-repeat;}
.inform-form .textarea-field {float: left; background: url(../images/bg-textarea.gif) no-repeat; width: 398px !important; height: 121px !important; padding: 2px 2px 4px; overflow: hidden;}
.inform-form .textarea-field textarea {width: 388px !important; height: 113px !important; padding: 5px; font-size: 14px; overflow: auto; color: #233747; border: none; margin: 0; background: none;}
.inform-form .textarea-field.parent-focus {background: url(../images/bg-textarea-f.gif) no-repeat;}
.inform-form .holder {overflow: hidden; width: 430px; padding: 6px 0 0;}
.inform-form .holder label {width: auto; margin: 0; font-size: 14px; color: #233747; font-weight: normal;}
.inform-form .holder .row {width: 490px; padding: 0 0 10px;}
.inform-form .radio {float: left; width: 16px; height: 16px; margin: 0 3px 0 0; padding: 0;}
.inform-form  .check {float: left; width: 16px; height: 16px; margin: 0 3px 0 0; padding: 0;}
.inform-form .btn-submit {float: left; background: url(../images/bg-btn1.gif) no-repeat; width: 130px; height: 46px; text-align: center; font-size: 16px; line-height: 40px; font-weight: bold; color: #fff; text-shadow: 1px 1px 4px #990205; cursor: pointer; border: none; letter-spacing: 2px;}
.inform-form .btn-reset {float: left; background: url(../images/bg-btn2.gif) no-repeat; width: 142px; height: 36px; text-align: center; font-size: 12px; line-height: 34px; font-weight: bold; color: #595959; cursor: pointer; border: none;}
.inform-form .btn-reset:hover,
.inform-form .btn-submit:hover {cursor: pointer;}

.footer-holder .three-column .heading {overflow: hidden; width: 100%; border-bottom: 1px solid #ccc; padding: 0 0 18px; margin: 0 0 14px;}

.three-column {width: 33.33%;box-sizing: border-box;float: left;}
.three-column-left{padding-right: 20px;}
.three-column-center {padding: 0 10px;}
.three-column-right {padding-left: 20px;}

.three-column > ul {list-style: outside none none;}


.clr {clear: both;float: none;}

.three-column .heading h3 {margin: 0; font-size: 14px; line-height: 16px; color: #506b81; text-transform: uppercase; text-shadow: 1px 1px 4px #fff;}
.three-column .heading h3 em {text-transform: none; color: #506b81; font: italic 14px/16px Georgia, 'Times New Roman', Times, serif;}
.three-column .heading h3 span {color: #008fd9;}
.three-column .heading strong {float: right; font-size: 11px; line-height: 16px; color: #008fd9; text-transform: uppercase;}

#footer .column .news,
#footer .column .info {padding: 0; margin: 0; list-style: none; font-size: 12px; line-height: 16px; color: #506b81; overflow: hidden; width: 100%;}

#footer .news li, #footer .info li {float: left; width: 100%; padding: 0 0 10px; margin: 0;}

#footer .info h4 {font-size: 14px; line-height: 22px; color: #008fd9; margin: 0;}
#footer .info h4 a {color: #008fd9;}
#footer .info p {margin: 0 0 5px;}

#footer .news .date {float: left; background: url(../images/bg-date.gif) no-repeat; width: 35px; height: 17px; text-align: center; font-size: 10px; line-height: 17px; color: #506b81; font-style: normal; margin: 2px 10px 0 0;}
#footer .news a {color: #008fd9;}
#footer .news .description {overflow: hidden;}
#footer .news li {padding: 0 0 7px;}
#footer .news p {margin: 0;}

#footer .block-facebook {overflow: hidden;}
#footer .block-facebook img {vertical-align: top;}

.footer-frame {overflow: hidden; background: url(../images/bg-footer-bottom.gif) no-repeat; padding: 27px 0  0;}
#footer .footer-frame .info {float: left; width: 300px; padding: 0; margin: 0 9px 0 0; list-style: none; font-size: 14px; line-height: 16px; font-weight: bold;}
.footer-frame .columns {width: 110%; overflow: hidden;}
#footer .footer-frame .info li {padding: 0;}
.footer-frame .info a {color: #008fd9;}

.footer-bottom {text-align: center; font-size: 14px; line-height: 16px; color: #585858; padding: 70px 0 0;}
.footer-bottom img {vertical-align: middle; margin: 0 0 0 6px; width: 80px}
.footer-bottom a.add {color: #008fd9; background: url(../images/separator2.gif) no-repeat 100% 3px; padding: 0 3px 0 0; margin: 0 3px 0 0;}



/* -- */
.dettagli_account {list-style: none; padding-left: 0;}
.dettagli_account li {padding-bottom: 5px; margin: 0 0 5px 0; border-bottom: 1px solid #ddd;}
.dettagli_account li em {display: inline-block; width: 180px; color: #777; font-style: normal;}

.inform-form .row.only-text {padding: 20px 0 0;}
.ui-tabs-hide {display: none;}

#content .preferences .block{background-image: url(../images/bg-block2-t.gif);}
#content .preferences .block-holder {background-image: url(../images/bg-block2-b.gif);}
/* #content .preferences .block .info li {background: transparent;} */
#content .preferences .block a {color: #008FD9;}


.description ol, .description ul {
    padding-left: 15px;
    margin: 10px 0;
}

.description li {
    text-transform: none;
}

.host_description_img { float: left; margin: 0 20px 3px; }

.inform-form .text input[name="dominio"] {
	width: 120px;
	padding: initial;
}