﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

:focus {outline: 0;}

ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* =Basic
--------------------------------------------------------------------------------*/
a:focus {outline: 1px dotted invert;}

a:link, a:visited {color: rgb(48, 175, 234);; text-decoration: none;}

a:hover {text-decoration:underline;}

hr {border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;}

.regular { font-weight: normal; font-size: 11px; }

.bold { font-weight: bold; }

.bold_italic { font-weight: bold; font-style: italic; }

/* =Headings
--------------------------------------------------------------------------------*/

h1 {font-size: 30px;}

h2 {font-size: 24px;}

h3 {font-size: 18px;}

h4 {font-size: 16px;}

h5 {font-size: 14px;}

h6 {font-size: 16px;}

/*-------------------------------------------------------------------------------------------------
= Home Page
---------------------------------------------------------------------------------------------------*/

/* =General
-------------------------------------------------*/

body {
    margin: 0 auto;
    font: 12px 'Lucida Grande', Helvetica, Arial, sans-serif;
    color: #4b4b4b;
}

.clearfix { clear: both; }

/* =Errors
-------------------------------------------------*/

.errorExplanation {
   margin:10px 0;
   background:#fff;
   padding:5px;
}

.errorExplanation h2 {
   font-size:18px;
}

#new_signup label {
   font-weight:bold;
}

/*.fieldWithErrors input {
  background:none !important;
}*/

.fieldWithErrors label.name {
  background-color: #ED4C4C;
  color: #FFF;
}

/* =Containers
-------------------------------------------------*/

#master_container {
 
}

#wrapper {
	overflow: hidden;    
    position: relative;
	width: 980px;
	margin: 0 auto;
}

#footer .wrapper {
    position: relative;
    width: 980px;
    margin: 0 auto;
	height: 131px;
	padding: 35px 0 0;
	text-align: center;
	color: #909090;
	border-top: 1px solid #f1f1f1;
}

#content {
    overflow: hidden;
    padding-bottom: 60px;
}

/* =Header
-------------------------------------------------*/

#header {
	position: relative;
	height: 123px;
}

#logo {
   position:absolute;
   display: block;
   top:0;
   left: 125px;
   width:700px;   
   height:123px;
   text-indent: -9999px;
   background: transparent url(../../images/home/logo.png) no-repeat;
}

/* =Navigation - Main
-------------------------------------------------*/

ul#nav_main {
    /*width: 100%;
    height: 42px;
    margin-bottom: 7px;*/
    width: 980px;
    height: 55px;
    margin: 0 0 0 2px;
	padding-right:0px;
    padding-left: 0px;
    background: transparent url(../../images/bg_nav_main.png) no-repeat;
}

ul#nav_main li {
	float: left;
	margin-right: 3px;
}

ul#nav_main li a {
	display: block;
	height: 50px;
	text-indent: -9999px;
}

ul#nav_main li a#home { width: 160px; background: transparent url(../../images/home/menu/home.png) no-repeat;}
ul#nav_main li a#home:hover { width: 160px; background: transparent url(../../images/home/menu/home1.png) no-repeat;}
ul#nav_main li a#home.current { width: 160px; background: transparent url(../../images/home/menu/home1.png) no-repeat;}
ul#nav_main li a#home.active { width: 160px; background: transparent url(../../images/home/menu/home1.png) no-repeat;}

ul#nav_main li a#dove {width: 160px; background: transparent url(../../images/home/menu/en/location.png) no-repeat;}
ul#nav_main li a#dove:hover {width: 160px; background: transparent url(../../images/home/menu/en/location1.png) no-repeat;}
ul#nav_main li a#dove.current {width: 160px; background: transparent url(../../images/home/menu/en/location1.png) no-repeat;}
ul#nav_main li a#dove.active {width: 160px; background: transparent url(../../images/home/menu/en/location1.png) no-repeat;}

ul#nav_main li a#fotoga {width: 160px; background: transparent url(../../images/home/menu/en/photo.png) no-repeat;}
ul#nav_main li a#fotoga:hover {width: 160px; background: transparent url(../../images/home/menu/en/photo1.png) no-repeat;}
ul#nav_main li a#fotoga.current {width: 160px; background: transparent url(../../images/home/menu/en/photo1.png) no-repeat;}
ul#nav_main li a#fotoga.active {width: 160px; background: transparent url(../../images/home/menu/en/photo1.png) no-repeat;}

ul#nav_main li a#camere {width: 160px; background: transparent url(../../images/home/menu/en/rooms.png) no-repeat;}
ul#nav_main li a#camere:hover {width: 160px; background: transparent url(../../images/home/menu/en/rooms1.png) no-repeat;}
ul#nav_main li a#camere.current {width: 160px; background: transparent url(../../images/home/menu/en/rooms1.png) no-repeat;}
ul#nav_main li a#camere.active {width: 160px; background: transparent url(../../images/home/menu/en/rooms1.png) no-repeat;}

ul#nav_main li a#contatti {width: 160px; background: transparent url(../../images/home/menu/en/contact.png) no-repeat;}
ul#nav_main li a#contatti:hover {width: 160px; background: transparent url(../../images/home/menu/en/contact1.png) no-repeat;}
ul#nav_main li a#contatti.current {width: 160px; background: transparent url(../../images/home/menu/en/contact1.png) no-repeat;}
ul#nav_main li a#contatti.active {width: 160px; background: transparent url(../../images/home/menu/en/contact1.png) no-repeat;}

ul#nav_main li a#eventi {width: 160px; background: transparent url(../../images/home/menu/en/events.png) no-repeat;}
ul#nav_main li a#eventi:hover {width: 160px; background: transparent url(../../images/home/menu/en/events1.png) no-repeat;}
ul#nav_main li a#eventi.current {width: 160px; background: transparent url(../../images/home/menu/en/events1.png) no-repeat;}
ul#nav_main li a#eventi.active {width: 160px; background: transparent url(../../images/home/menu/en/events1.png) no-repeat;}
/* =Pitch Box
-------------------------------------------------*/

#pitch {
    position: relative;
	width: 100%;
	height: 322px;
	background: transparent url(../../images/home/bg_pitch.png) no-repeat;
}

#pitch .lingua{
position: absolute;
top: 35px;
left: 70px;
width: 100px;
height: 20px;
text-indent: -9999px;
background: transparent url(../../images/lingua.png) no-repeat;
}

#pitch .italiano{
position: absolute;
top: 25px;
left: 170px;
width: 64px;
height: 64px;
text-indent: -9999px;
background: transparent url(../../images/italiano.png) no-repeat;
}

#pitch .inglese{
position: absolute;
top: 25px;
left: 239px;
width: 64px;
height: 64px;
text-indent: -9999px;
background: transparent url(../../images/inglese.png) no-repeat;
}

#pitch h2 {
    position: absolute;
    top: 70px;
    left: 40px;
    width: 306px;
    height: 55px;
    text-indent: -9999px;
    background: transparent url(../../images/home/ilpatriarca.png) no-repeat;
}

#pitch p {
    position: absolute;
    top: 120px;
    left: 45px;
    width: 303px;
    height: 117px;
    font: 19px Georgia,"Nimbus Roman No9 L",serif;
    text-indent: -9999px;
    background: transparent url(../../images/home/text.png) no-repeat;
}

#pitch a.btn_signup {
    position: absolute;
    left: 100px;
    bottom: 45px;
    width: 170px;
    height: 30px;
	display: block;
	text-indent: -9999px;
	background: transparent url(../../images/home/contact.png) no-repeat;
}

#pitch a.btn_signup:hover {
	background: transparent url(../../images/home/contact1.png) no-repeat;
}

#pitch #screenshots {
    position: absolute;
    right: 80px;
    bottom: 5px;
    width: 448px;
    height: 250px;
    text-indent: -9999px;
    background: transparent url(../../images/home/dolomiti.png) no-repeat;
}

/* =Adbar
-------------------------------------------------*/

#adbar {
    width: 974px;
    height: 102px;
    margin-bottom: 20px;
    padding-left: 6px;
    background: transparent url(../../images/home/bg_adbar.png) no-repeat;
}

body#index.community_stores #adbar {
    margin-top: 10px;
    background: transparent url(../../images/home/bg_adbar_stores.png) no-repeat;
}

#adbar .ad {
    position: relative;
    float: left;
    display: inline;
    margin: 3px 0 0 10px;
}

#adbar .ad.first {
    margin-left: 0;
}

#adbar .ad a {
    display: block;
}

#adbar .ad img {
    border: 3px solid #e1e1e1;
}

#adbar .ad img:hover {
    border: 3px solid #CCC;
}

/* =Features
-------------------------------------------------*/

#features {
	float: left;
	display: inline;
	width: 694px;
	margin-top: 10px;
}

#features h3 {
	height: 33px;
	margin: 0 0 0 30px;
	text-indent: -9999px;
	background: transparent url(../../images/home/nostro_bedebreak_en.png) no-repeat;	
}

#features h5 {
    margin: 2px 0 20px 30px;
}

#features .feature {
    float: left;
    display: inline;
    width: 250px;
    margin-bottom: 20px;
    padding: 0 49px 0 30px;
}

#features .feature h6 {
	padding: 10px 0;
	color: #1e92d1;
}

#features .feature p {
    font-size: 14px;
	line-height: 20px;
}

#features .unico {
    float: left;
    display: inline;
    width: 550px;
    margin-bottom: 20px;
    padding: 0 49px 0 30px;
}

#features .unico h6 {
	padding: 10px 0;
	color: #1e92d1;
}

#features .unico p {
    font-size: 16px;
	line-height: 20px;
}

/* =Sign Up
-------------------------------------------------*/

body#index.community #signup {
	float: left;
	display: inline;
	width: 286px;
	height: 893px;
	background: transparent url(../../images/home/bg_signup_bar_2.png) repeat-y;	
}

body#index.community #signup h2 {
	height: 19px;
	margin: 25px 0 0 32px;
	text-indent: -9999px;
	background: transparent url(../../images/home/information.png) no-repeat;
}

body#index.community #signup h5 {
    margin: 5px 0 0 34px;
    font-size: 11px;
}

#diy {
    overflow: hidden;
    margin: 0 1px;
    padding-bottom: 20px;
	border-bottom: 1px solid #dadada;
}

#pro {
    overflow: hidden;
    margin: 0 1px;    
    border-top: 1px solid #FFF;
	border-bottom: 1px solid #dadada;
}

#fin {
    overflow: hidden;
    margin: 0 1px;
    padding-bottom: 20px;
	border-bottom: 1px solid #dadada;
}

#fin h4 {
    height: 83px;
    margin: 15px 0 0 21px;
    text-indent: -9999px;
	background: transparent url(../../images/home/links.png) no-repeat;
}

#diy h4 {
    height: 83px;
    margin: 15px 0 0 21px;
    text-indent: -9999px;
	background: transparent url(../../images/home/contacts.png) no-repeat;
}

#pro h4 {
    clear: both;
    height: 83px;
    margin: 22px 0 0 21px;    
    text-indent: -9999px;
	background: transparent url(../../images/home/services.png) no-repeat;
}

#diy h6 {
    height: 43px;
    margin: 15px 0 0 21px;
    text-indent: -9999px;
	background: transparent url(../../images/home/what_is_diy.png) no-repeat;
}

#pro h6 {
    height: 43px;
    margin: 15px 0 0 21px;    
    text-indent: -9999px;
	background: transparent url(../../images/home/what_is_pro.png) no-repeat;
}

#diy p, #pro p , #fin p{
    padding: 10px 30px;
	font-size: 11px;
	line-height: 16px;
}

/*-------------------------------------------------------------------------------------------------
= Plans Page
---------------------------------------------------------------------------------------------------*/

h2.headline {
    margin: 10px 0 23px 0;
    height: 33px;
    text-indent: -9999px;
}

body#plans.signup h2.headline {
    background: transparent url(../../images/home/choose_adventure.png) no-repeat;    
}

body#new.signup h2.headline, body#create.signup h2.headline {
    height: 43px;
    background: transparent url(../../images/home/create_your_pro_account.png) no-repeat;    
}

body#index.community_stores h2.headline {
    background: transparent url(../../images/home/shop_drop.png) no-repeat;
}

body#index.system_updates h2.headline {
    background: transparent url(../../images/home/system_updates.png) no-repeat;    
}

body#terms.community h2.headline {
    background: transparent url(../../images/home/terms_of_use.png) no-repeat;    
}

body.help h2.headline {
    margin-bottom: 40px;
    background: transparent url(../../images/home/help.png) no-repeat;    
}

body#privacy.community h2.headline {
    margin-bottom: 40px;
    background: transparent url(../../images/home/privacy_policy.png) no-repeat;    
}

table {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    font-size: 11px;
    line-height: 16px;
    background-color: #FFF;    
}

thead th {
    text-align: center;
    color: #333;
    /*background-color: #FFF;*/
}

tr.odd th.column1 {
    background-color: #534741;
}

td.diy,
td.pro {
    border-right: 1px solid #F1F1F1;
}

tr.odd td.diy {
    background-color: #F5F5F5;
}

tr.odd td.pro {
    background-color: #F5F5F5;
}

td.empty {
    /*padding: 0;
    width: 156px;*/
    background: transparent;
}

th.column1 {
    font-weight: normal;
    padding: 10px 20px; 
}

tfoot th {
    color: #666;    
    padding: 10px 20px;
}

th.diy {
    /*width: 354px;
    height: 74px;*/
    padding: 0;
}

th.diy a, th.pro a {
    display: block;
}

th.pro {
    /*width: 350px;
    height: 74px;*/
    padding: 0;  
}

col.features {
    width: 196px;
}

* html col.features { /* Hack for IE */
	width: 156px;
}

col.diy {
    width: 394px;
}

* html col.diy { /* Hack for IE */
	width: 354px;
}

col.pro {
    width: 390px;
}

* html col.pro { /* Hack for IE */
	width: 350px;
}

td {
    color: #1E92D1;
    padding: 10px 20px;
    font-weight: bold;
    text-align: center;
}

tr.last th {
    /*border-bottom: 1px solid #e88323;*/
}

tr.last td {
    border-bottom: 1px solid #F1F1F1;
}

th form {
    margin: 0 auto;
    text-align: center;
}

th.what {
    font-size: 24px;
    font-weight: bold;
    background: #362F2D url(../../images/home/what_top_2.png) no-repeat left top;
}

th.pro_button {
    padding-left: 25px;
}

td.fancy {
    padding: 20px;
    color: #1E92D1;
    font-weight: bold;
}

col.diy {
    background-color: #FCFCFC;
}

col.pro {
    background-color: #FCFCFC;
}

.column1 {
    text-align: right;
    color: #FFF;
    background-color: #362F2D;
}

table form .text {
    width: 185px;
}

/*-------------------------------------------------------------------------------------------------
= Signup Form Page
---------------------------------------------------------------------------------------------------*/

#main {
    float: left;
    width: 642px;
}

form#signup {
    float: right;
    width: 642px;
}

form fieldset ul {
    overflow: hidden;
}

form fieldset ul li:first-child {
    border: none;
    padding-top: 0;
}

form fieldset ul li {
    overflow: hidden;
    border-top: 1px solid #f1f1f1;
    clear: left;
    padding: 10px 0;
}

form fieldset ul li.last {
    margin: 0 auto;
    text-align: right;
    border: none;
}

form fieldset ul li label {
    display: block;
    margin: 10px 0;
    color: #1E92D1;
    font-weight: bold;    
}

form fieldset ul li label#http {
    font-weight: normal;
    color: #666;
} 

form fieldset ul li label#subdomain {
    margin-right: 460px;
}

label#subdomain span {
    font-weight: normal;
    font-size: 11px;
}

form fieldset ul li p.instructions {
    font-weight: normal;
    font-style: italic;
    font-size: 11px;
    margin-top: 9px;    
}

form fieldset ul li .formError {
    clear: left;
    margin-left: 120px;
    padding-top: 5px;
    font-size: 10px;
    color: #f24e4e;
    font-style: italic;
}

body#create.signup form fieldset ul li .formError {
    margin-left: 0;
}

form fieldset ul li p.subdomain {
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    color: #666;
}

input.text {
    font-size: 16px;
    line-height: 16px;
    width: 207px;
    color: #555;
    width: 618px;
}

body#plans.signup td input.text {
    width: 190px;
}

input.text, input.password, textarea {
    border: 2px solid #cecece;
    padding: 5px 10px;
}

div#plan_radios {
    float: left;
    font-size: 15px;
    padding-top:7px;
    padding-left:5px;
    line-height: 16px;
    width: 222px;
    color: #555;
}

#plan_radios input {
  margin-right:45px;
}

form fieldset ul li#agreement {
    text-align: right;
}

form fieldset ul li#agreement input {
    vertical-align: middle;
}

form fieldset ul li#agreement a {
    text-decoration: underline;
    color: #1e92d1;
}

form fieldset ul li#agreement a:hover {
    text-decoration: none;
}

html, body { height: 100%; }

#master_wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -167px; /* the bottom margin is the negative value of the footer's height */
}

.push { height: 90px; /* .push must be the same height as .footer */ }

#footer {
    /*position: relative;    
	width: 980px;
	height: 131px;
	margin: 0 auto;
	padding: 35px 0 0;
	text-align: center;
	color: #909090;
	border-top: 1px solid #f1f1f1;*/
	background: transparent url(../../images/home/bg_footer.png) no-repeat center bottom;
}

#footer a:link,
#footer a:visited {
	color: #666;
}

#footer a:hover {
	color: #1e92d1;
	/*background-color: #30AFEA;*/
}

#footer a#report_bug_tab:hover {
    color: #444;
}

#footer p.copyright {
    font-size: 11px;
}

#footer p a:link,
#footer p a:visited {
	color: #30afea;    
}

#footer p a:hover {
    text-decoration: underline;
}

#free_store {
   display:block;
   position:absolute;
   overflow:hidden;
   bottom: 2px;
   left: 139px;
   height: 70px;
   width: 50px;
   text-indent: -9999px;
}

/* -------------------------------------------------------------------------------------------------
=Forms
--------------------------------------------------------------------------------------------------*/

input.text {
    /*width: 300px;*/
    margin: 0;
	padding: 7px 5px 4px;
	/*color:#666;*/
	color: #555;
	font-size: 18px;
	font-family: inherit;
	border-color: #E5E5E5;
	border-style: solid;
	border-width: 0 1px 1px 0;
	background: #fff url(../../images/bg_input.png) no-repeat scroll left top;
}

textarea.text {
    margin: 0;    
    padding: 5px;
    color: #555;
    font-weight: normal;
}

.row {
	/*padding: 15px 0 5px;*/
	margin: 0 0 15px;
}

.field {
	margin: 0 0 0 120px;
}

.field label.instruction {
	clear: both;
	display: block;
	width: 310px;	
	margin: 5px 0 0 1px;	
	color: #666;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

h4.heading {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -.5px;
}

p.content {
	display: block;
	font-size: 12px;
	line-height: 18px;
}