/*STRUTTURA*/
body{
    text-align:center;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    background-color:#E3E3E3;
}

#container{
    width:1000px;
    margin:0px auto;
    text-align:left;
    height:100%;
}

.italic {
    font-style:italic;
}

.clear {
    clear:both;
}

.no-display {
    display:none;
}

.center {
    text-align:center;
}

.smaller {
    line-height:20px;
    font-size:80%;
}

.box {
    background: transparent url(images/bg-box-2.gif) repeat-x scroll 0 0;
    padding: 10px;
    border:1px solid #E1E1E1;
    background-color:#FBFBFB;
    margin-bottom:20px;
}

.margin-center {
    margin:0 auto;
}

.left {
    float:left;
    text-align:left;
}

.right {
    float:right;
    text-align:right;
}

.with-title td p {
    font-size:70%;
    line-height:1em;
}

.with-title td p strong {
    font-size:110%;
}

.id-photo {
    float:left;
    padding: 0px 20px 10px 0px;
}

ul.disc {
    list-style: disc outside;
    padding-left:30px;
}

ol.decimal {
    list-style: decimal outside;
    padding-left:30px;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.evidente {
    color: #A22538;
    font-weight: bold;
}

#inner-content a {
    color:#993333;
    text-decoration:underline;
}

h1 {
    font-size:120%;
}

h3 {
    color:#993333;
    margin-bottom: 10px;
    padding-bottom:5px;
    border-bottom: 1px solid #E1E1E1;
    margin-top:4px;
}

h4 {
    margin-bottom: 6px;
    padding-bottom:2px;
    border-bottom: 1px dotted #E1E1E1;
    margin-top:4px;
}

#header {
    margin-top:10px;
    display:block;
    clear:both;
}

#content{
    margin-top:20px;
    display:block;
}

.copyright{
    font-size:70%;
    color:#666666;
    margin-top: 5px;
    width:460px;
}

.footer{
    font-size:70%;
    color:#666666;
    margin-top: 5px;
    width:510px;
}

.footer a {
    color:#666666;
}

.footer a:hover {
    text-decoration:none;
    color:#993333;
}

/*ELEMENTI*/

#logo {
    display:inline;
    width:251px;
    height:50px;
}
/*LOGIN*/
#login {
    float:right;
    font-size:80%;
    width:540px;
}

#login form fieldset legend {
    display: none;
}

#login input {
    width: 90px;
    color: #999999;
}

#login ul {
    border-bottom:1px solid #999999;
    display:block;
    height:26px;
}

#login ul li {
    border-left: 1px dotted #999999;
    float:left;
    padding-right:4px;
    height:26px;
}

#login ul.userLogged li {
    width:126px;
    padding-left:4px;
}

#login ul.userLogged li p {
    padding-top:4px;
}

#login ol li {
    border-left: none;
    padding-left:4px;
}

#login .header-login-password #header-password {
    color:#000000;
    display:none;
}

#login .header-login-azione input {
    width:60px;
    color:#000000;
}

#login .header-login-registrazione {
    padding-left:4px;
    width:126px;
    float:right;
}

#login .header-login-registrazione p {
    padding-top:4px;
}

#login .login-attivo {
    color:#000000;
}
/*MENU*/

#menutop {
    float:right;
    width:540px;
    font-size:80%;
    z-index:90;
    position:relative;
}

#menutop ul.menu {
    height:20px;
    position:absolute;
}

#menutop ul.menu li.menuitem {
    border-left:1px dotted #999999;
    float:left;
    width:130px;
    height:20px;
    padding-left:4px;
    background-image:url(images/freccia-menu.gif);
    background-position:right top;
    background-repeat:no-repeat;
    background-color:#E3E3E3;
}

#menutop ul.menu li.menuitem p {
    padding-top:4px;
}

#menutop ul.submenu {
    border:1px solid #999999;
    display:none;
    width:132px;
    background-color:#E3E3E3;
    margin-left:-4px;
    margin-top:2px;
}

#menutop li.submenuitem p {
    border-bottom:1px dotted #999999;
    margin:5px;
    padding-bottom:5px;
}

#menutop li.submenuitem.last p {
    border:0 none;
}

#menutop li.menuitem.open ul.submenu {
    display:block;
}

.red-bold {
    color:#993333;
    font-weight:bold;
}

/*HOMEPAGE*/

#slideshow {
    float:right;
}

#promotop {
    width:230px;
    height:275px;
    float:left;
}

#promobottom {
    width:230px;
    height:100px;
    float:right;
}

/*TASTONI*/

#big-buttons {
    background-color: #FFFFFF;
    width:1000px;
    margin-top:20px;
    padding-top:10px;
}

#big-buttons ul li {
    float:left;
    margin: 0 7px;
    border-bottom:1px dotted #D1D1D1;
}

#vert-buttons {
    background-color:#FFFFFF;
    float:right;
    padding:8px;
}

#vert-buttons ul li.text {
    margin: 7px 0;
    border-bottom:1px dotted #D1D1D1;
}

#vert-buttons ul li.text img {
    width: 162px;
}

#vert-buttons ul li.photo img {
    border:7px solid #D1D1D1;
    width:150px;
}

#home-photos {
    background-color: #FFFFFF;
    width:1000px;
    padding:10px 0px;
}

#home-photos ul li {
    float:left;
    margin: 0 7px;
}

#home-photos ul li img {
    border:7px solid #D1D1D1;
}

#big-footer {
    margin-top:20px;
}

/*BIG FOOTER*/

#footer-buttons {
    float:left;
    width: 740px;
}

#footer-buttons ul {
    height:50px;
    margin-top:4px;
}

#footer-buttons ul li {
    width:350px;
    border-bottom:1px dotted #999999;
    padding-bottom:4px;
    float:left;
    background-image:url(images/bottom-arrow.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
}

#footer-buttons ul li.last {
    margin-left:40px;
}

#footer-buttons ul li span {
    font-size:90%;
}

/*GUIDA*/

.guida li {
    margin-bottom:10px;
    width:500px;
    text-align:center;
}

/*REGISTRAZIONE, ACCOUNT*/

#registrazione, #account {
    clear:left;
}

#registrazione legend, #account legend, .ordine-dati-spedizione legend {
    padding-top: 5px;
    margin-bottom: 5px;
    line-height: 20px;
    font-weight:bold;
}

#registrazione li, #account li, .ordine-dati-spedizione li {
    margin-top: 5px;
    margin-bottom: 5px;
}

#registrazione-azione-box, #account-azione-box {
    margin-top: 5px;
}

#registrazione-info, #account-info {
    width: 540px;
    margin-left:20px;
}

.registrazione-testo-privacy{
    width: 600px;
    height: 100px;
    text-align: left;
}

.registrazione-box legend, .account-box legend {
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.registrazione-box ol, .account-box ol {
    list-style: none;
}

.registrazione-box ol li, .account-box ol li, .ordine-dati-spedizione ol li{
    height: 30px;
    line-height: 30px;
}

.registrazione-box label, .account-box label, .ordine-dati-spedizione label {
    font-size: 90%;
    width: 150px;
    display: block;
    float: left;
}

.registrazione-box .label-accettaprivacy {
    font-size: 75%;
    display: inline;
    float: none;
}

.registrazione-errore, .account-errore, .ordine-errore {
    font-size: 70%;
    color: #F00;
    height:20px;
    line-height:20px;
    padding-left:10px;
}

.registrazione-box #stato, .account-box #stato {
    width: 180px;
}

#registrazione-info, #account-info {
    font-size: 75%;
}

/*SEZIONE*/

#main-content {
    width:760px;
    background-color: #FFFFFF;
    min-height:650px;
    padding:20px;
}

#inner-content {
    clear:left;
    margin-top:60px;
    line-height:20px;
}


#inner-content.less-margin {
    margin-top: 20px;
}

#inner-content.no-margin {
    margin-top: 0px;
}

#inner-content p {
    margin-bottom:10px;
}
#section-logo {
    display:inline;
}

#slogan {
    float:right;
    margin-top:4px;
    font-size:120%;
}

#slogan.no-logo {
    float:none;
}

#slogan ul {
    margin-top:4px;
}

#slogan ul li {
    border-bottom:1px dotted #999999;
    padding-bottom:4px;
    padding-right:20px;
    float:left;
    background-image:url(images/bottom-arrow.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
}

#classcool-flash {
    margin:0 auto;
    width:700px;
}

.content-box {
    background: transparent url(images/bg-box-2.gif) repeat-x scroll 0 0;
    padding-bottom: 10px
}

.content-box div{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

/*STORIA*/

#storia-lineatempo{
    width: 720px;
    height: 50px;
    background-image: url(images/storia/storia-pixel-grigio.gif);
    background-position: center left;
    background-repeat: repeat-x;
    margin-top:70px;
    margin-left:20px;
}


li.storia-lineatempo-segnaposto{
    display: none;
    float: left;
    margin-top:13px;
    margin-right:67px;
}

li.storia-lineatempo-segnaposto.timescool {
    margin-right:6px;
}

#inner-content li.storia-lineatempo-segnaposto a{
    display: block;
    height: 25px;
    background-image: url(images/storia/storia-pallino-off.jpg);
    background-repeat: no-repeat;
    padding-top: 25px;
    color:#000;
    text-decoration:none;
    font-size: 70%;
    background-position:top;
}

#inner-content li.storia-lineatempo-segnaposto a:hover {
    background-image: url(images/storia/storia-pallino-on.jpg);
    text-decoration:underline;
}

#inner-content li.storia-lineatempo-segnaposto.on p a {
    background-image: url(images/storia/storia-pallino-on.jpg);
}

li.storia-lineatempo-segnaposto a span {
    visibility: hidden;
}

div#storia-dettaglio{
    margin:0 auto;
    margin-top:60px;
    width:600px;
}

.paragrafo.storia a img{ float: left; margin-right: 20px; }

/*ORDINE*/

.paragrafo-titolo {
    margin-top: 20px;
    margin-bottom: 5px;
    line-height: 20px;
}

.paragrafo-titolo.ordine {
    color: #CCCCCC;
}

.paragrafo-titolo.ordine.on {
    color: #000000;
}

.paragrafo-titolo.ordine.complete {
    color: #00AA00;
}

.ordine-dati-spedizione input, .ordine-dati-spedizione select {
    width: 150px;
}

.ordine-dati-spedizione select#provincia {
    width: 155px;
}

div#ordine-dati-spedizione-azione, #ordine-prosegui-box,#ordine-dati-pagamento-prosegui {
    margin-left:100px;
}

.ordine-dati-spedizione label {
    width: 190px;
}

#ordine-opzioni-errori{
    background-color:#FFEBE8;
    border: 1px solid #FF0000;
    color:#333333;
    font-size:100%;
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
}

#ordine-opzioni-box {
    margin-top: 10px;
}

.ordine-opzione {
    height: 25px;
}

.ordine-quantita-box-nascosto {
    display: none;
}

#ordine-quantita-box, #ordine-pubblica-box {
    margin-top: 10px;
    margin-bottom: 10px;
}

#ordine-quantita-box input {
    width: 40px;
    text-align: right;
}

#ordine-riepilogo-quantita-max {
    background-color:#FFEBE8;
    border: 1px solid #FF0000;
    color:#333333;
    font-size:100%;
    margin-top:10px;
    margin-bottom:10px;
    padding:10px;
}

#ordine-riepilogo-spedizione{
    padding: 5px 5px 10px;
}

#ordine-riepilogo-spedizione label{
    display:block;
    float:left;
    padding-top:3px;
    width:240px;
}

#ordine-riepilogo-pagamento{
    padding: 5px 5px 10px;
}

#ordine-riepilogo-pagamento label{
    display:block;
    float:left;
    padding-top:3px;
    width:240px;
}

#ordine-riepilogo-cc{
    padding: 5px 5px 10px;
}

#ordine-riepilogo-cc label{
    display:block;
    float:left;
    padding-top:3px;
    width:240px;
}

#ordine-riepilogo-sconto{
    padding: 5px 5px 10px;
}

#ordine-riepilogo-sconto label{
    display:block;
    float:left;
    padding-top:3px;
    width:240px;
}

#destinazione {
    width: 390px;
    height: 80px;
}

.sconto-info-ok {
    color: #32CD32;
}

.red {
    color:red;
}

.sconto-info-error {
    color: red;
}

#ordine-confermato-box{
    margin:0 0px 0px;
    padding: 10px;
}

#ordine-finitura {
    width: 170px;
}

.ordine-riepilogo-elenco li {
    padding: 5px 5px 10px;
}

.ordine-riepilogo-elenco li span.ordine-riepilogo-elenco-etichetta {
    display: block;
    float: left;
    width: 300px;
}

.ordine-riepilogo-elenco li span.ordine-riepilogo-elenco-valore {
    font-weight:bold;
}

.four-way-small {
    width:235px;
}
.four-way-small table td {
    padding:6px;
}
.four-way-small table td img {
    width:94px;
}

/*SFONDI*/

#sfondi-lista {
    margin:0 auto;
}

#sfondi-lista td {
    text-align: center;
    vertical-align: middle;
    padding-bottom: 10px;
    height: 90px;
    width:100px;
}

/*PREVENTIVATORE*/

#prezzi-help, #ordine-help {
    float:right;
    width: 250px;
    height:170px;
    padding: 10px;
    margin-right:10px;
    margin-top:10px;
    font-size:90%;
}

.prezzi-help-elenco {
    margin-top:5px;
}

p.prezzi-help {
    display: none;
    line-height: 18px;
}

#prezzi-help-finitura-standard, #prezzi-help-finitura-deluxe {
    display: none;
}

#prezzi-preventivatore {
    margin-top: 20px;
}

#prezzi-preventivatore legend {
    display: none;
}

#prezzi-preventivatore li {
    height: 40px;
}

#prezzi-preventivatore label {
    display: block;
    float: left;
    width: 200px;
}

#prezzi-preventivatore input, #prezzi-preventivatore select {
    width: 200px;
}

.prezzi-prezzoScontato {
    color: #A22538;
    display:none;
}

.prezzi-infoPrezzi {
    font-size: 75%
}

/*SERVIZIO CLIENTI*/

#telefono-servizio-clienti{
    font-size: 130%;
    font-weight: bold;
}

/*CARATTERISTICHE*/

.caratteristiche-formato{
    margin-top:7px;
    margin-bottom: 20px;
}

.caratteristiche-formato strong{ font-size: 90%; }
.caratteristiche-formato-nome{ padding-top: 10px; }
.caratteristiche-formato-descrizione{ padding-top: 10px; }

table.caratteristiche-formato td{
    width: 25%;
    vertical-align:top;
    text-align:left;
}

h3.content.caratteristiche-finitura, p.content.caratteristiche-finitura{
    margin-top: 20px;
}

table.caratteristiche-finitura-descrizione td{ vertical-align: top; text-align: left; }

td.caratteristiche-formato-deluxe-descrizione{
    text-align: left;
    font-size: 90%;
    vertical-align: top;
    padding-top: 20px;
    width: 100%;
}

td.caratteristiche-formato-deluxe-descrizione ul{
    list-style-position: inside;
    list-style-type: disc;
}

td.caratteristiche-formato-deluxe-descrizione li{
    line-height: 20px;
}

/*GET INSPIRED*/
.four-way {
    width:470px;
}
.four-way table td {
    padding:20px;
}
#inner-content .get-inspired-box a{
    text-decoration:none;
}
#inner-content .get-inspired-box a:hover{
    text-decoration:underline;
}
.get-inspired-item{ width: 20%; height: 100px; text-align: center; vertical-align: middle; }
#photoalbum-help{ position:absolute; left: 445px; top: 420px; display: none; color: #007BBD; font-size: 70%; font-weight:bold; }
#photoalbum-zoom{ position:absolute; left: 80px; top: 409px; color: #007BBD; font-size: 70%; font-weight:bold; }
#photoalbum-zoom a img{ border: 0; }
/*#photoalbum-gallery{ display: none; }*/

/*DOWNLOAD*/

.download-link {
    float:right;
    margin-top:40px;
    margin-right:40px;
}

.download-link img{
    display:block;
    float:left;
    position:relative;
    top:-15px;
}

.download-avviso { 
    display: none;
}

/*CARATTERISTICHE*/

#inner-content .sezioni {
    margin-top:4px;
    font-size:110%;
    margin:0 auto;
}

#inner-content .sezioni ul {
    margin-top:4px;
}

#inner-content .sezioni ul li {
    width:160px;
    border-bottom:1px dotted #999999;
    padding-bottom:4px;
    float:left;
    display:inline;
    margin-right:30px;
    background-image:url(images/bottom-arrow-off.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
}

#inner-content .sezioni ul li.current {
    background-image:url(images/bottom-arrow.gif);
}

#inner-content .sezioni ul li a {
    color:#000;
    text-decoration:none;
}

#inner-content .sezioni ul li.current a {
    color:#993333;
}

#inner-content .sezioni ul li a:hover {
    color:#993333;
    text-decoration:none;
}

.caratteristiche table {
    width:400px;
    margin:0 auto;
}

.caratteristiche table td {
    padding:10px;
    text-align:center;
}

/*LOGIN*/

#content-login fieldset,#content-reset fieldset {
    margin-top: 0px;
    padding: 30px;
}
#content-login ol li,#content-reset ol li {
    border-left: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 360px;
}
#content-login form fieldset legend,#content-reset form fieldset legend {
    display: none;
}
#content-login label,#content-reset label{
    display: block;
    float: left;
    padding-top: 0px;
    width: 70px;
    font-size: 100%;
}
#content-login input,#content-reset input {
    width: 250px;
    font-size: 100%;
}

#content-login ol li.login-azione input {
    width: 70px;
}

.titolo.titolo-login{
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.paragrafo.login-errore{
    background-color:#FFEBE8;
    border: 1px solid #FF0000;
    color:#333333;
    font-size:80%;
    margin-top:5px;
    padding:10px;
}
#content-reset ol li.reset-azione input {
    width: 220px;
}

.titolo.titolo-reset{
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.paragrafo.reset.errore{
    background-color:#FFEBE8;
    border: 1px solid #FF0000;
    color:#333333;
    font-size:80%;
    margin-top:5px;
    padding:10px;
}

/*ATENA*/

#atena-immagine1 {
    float: left;
    margin:10px;
}
#atena-immagine2 {
    float: right;
    margin:10px;
}
.atena-people {
    width:510px;
    margin:20px auto;
}


/*PREVIEW*/

.card-container {
    margin:0 auto;
}

.cards .page {
    margin:10px auto;
    border:1px solid #999999;
}

.cards .title {
    margin:10px auto;
    text-align:center;
    font-size:120%;
    font-style:italic;
}

#next {
    font-size:120%;
    font-weight:bold;
    cursor:pointer;
}

/*COLLABORATORE*/

.data-table {
    font-size:90%;
    text-align:center;
    margin-bottom:10px;
}

.data-table th {
    color:#993333;
    background-color:#F3DBDB;
    border:1px solid #BB5555;
}
.data-table td {
    margin:2px;
    padding:2px;
    border:1px solid #CCCCCC;
}

.data-table tr.even {
    background-color:#E3E3E3;
}

.data-table tr.odd {
    background-color:#F0F0F0;
}