html, body {margin:0; padding:0; height:100%; text-align:center; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:12px; color:#777b7b;}
#aspnetForm {margin: 0; padding: 0; height: 100%;}
.screenReader{text-indent: -9999px; font-size: 1px; height: 1px; width: 1px; overflow: hidden; position: absolute; left: -9999px; color:#000}
.clear{ clear:both;}
/*----------------------------- STRUTTURA GENERALE -----------------------------*/
#container {width:990px; margin:0px auto -120px auto; min-height:100%; height:auto !important; height:100%;}

.navigation{ list-style:none; float:left; text-align:right; width:578px; margin:0 0px 0 0; padding:0; border:0;}
.navigation li{ list-style:none; display:inline; width:95px; border:0; padding:0; margin:0;float:right;}
.navigation li img{ border:0; padding:0; margin:0;}
.navigation li a{ border:0; padding:0; margin:0;}

#footer {background-image:url(../../images-str/prato.jpg); background-repeat:repeat-x; background-position:bottom; width:100%; height:120px; clear:both;}
#footer #dati{ width:1000px; margin:0 auto;}
#footer img{ float:left; margin-left:60px;}
#footer #indirizzo{ float:left; margin-top:65px; margin-left:20px; color:#a854cf;}
#footer #indirizzo .nome{color:#ff007f;}
/*----------------------------- STRUTTURA GENERALE -----------------------------*/

/*----------------------------- HOME -----------------------------*/
#header-home {padding-top:20px; text-align:right;}
#header-home img{ float:left;}
#content-home {padding:10px 27px 100px 33px; clear:left;}
#content-home .content{width:926px; padding:0 0 4px  4px; border-bottom:1px solid #a0a0a0; border-left:1px solid #a0a0a0;}
#pay-off{ width:930px;text-align:right; }
/*----------------------------- HOME -----------------------------*/

/*----------------------------- STRUTTURA INTERNA -----------------------------*/
#header-int { padding-top:20px; text-align:right; }
#header-int img{ float:left;}
#content-int {padding:0 25px 100px 33px; clear:left;}

#centrato {width: 932px; margin: auto; text-align: left;}
#intestazione {background-image:url(../../images-str/sfd-header.gif); background-repeat:repeat-y; height:10px;	}

#corpo {width: 932px; overflow: hidden; background-image:url(../../images-str/sfd-content.gif); background-repeat:repeat-y;}
#colonna-1 {float: right; width: 320px; padding:0 33px 0px 33px; background: transparent; color: #777b7b; text-align:justify;}
#colonna-2 {float: right; width: 536px; padding:0px 5px 4px 4px; background: transparent; color: #777b7b; text-align:justify;}

#pie-di-pagina {background-image:url(../../images-str/sfd-footer.gif); background-repeat:no-repeat; height:36px;}
.navigationInf{ list-style:none; float:left; text-align:right; width:540px; margin:5px 4px 0 0; padding:0;}
.navigationInf li{ list-style:none; display:inline; border:0; padding:0; margin:0;float:right;}
.navigationInf li img{ border:0; padding:0; margin:0;}
.navigationInf li a{ border:0; padding:0; margin:0;}

a{ color:#ff007f; text-decoration:underline;}
a:hover{ color:#a854cf; text-decoration:underline;}
/*----------------------------- STRUTTURA INTERNA -----------------------------*/

/*----------------------------- INTERNA CSX -----------------------------*/
#colonna-2 .testo{ padding:0 4px 4px 4px;}
/*----------------------------- INTERNA CSX -----------------------------*/

/*----------------------------- INTERNA CDX -----------------------------*/
/*----------------------------- INTERNA CDX -----------------------------*/

/*----------------------------- INTERNA -----------------------------*/
.form .td_header { border-bottom: solid 1px #666666; padding-top: 20px; margin-bottom:5px; padding-left:0; font-weight:bold;}
.form td{ padding-top:10px; padding-right:5px;}
.form .input{border:solid; border:1px solid #ccc; color:#666666; font-size:10px; width:95%}
.form .errorInfo { color: #ff0000; font-size: 10px; }
.form table{table-layout: fixed; margin:0; padding:0; border-collapse:collapse;}
.form table td{table-layout: fixed; margin:0; padding:0; border-collapse:collapse;}
.form .note{ font-size:10px;}

.login{ width:100%; text-align: left; font-size:12px; margin-top:0px;}
.login table{ width:100%; text-align: left;}
.login td{ padding:1px 0; text-align: left;}
.login a{text-align:left; font-weight: bold; font-size:11px}
.login .title{ border-bottom: solid 1px #666666; padding-top: 10px; margin-bottom:15px; padding-left:0; font-weight: bold; font-size:12px}
.login .input{border:1px solid #ccc; color:#666666; font-size:10px; width:240px; }
.login .button {border:1px solid #a854cf;  text-transform:uppercase; font-size:10px; color:#a854cf; font-weight:bold; background-color:#FFFFFF; float:right;}
.login .submit {border:1px solid #ff007f;  text-transform:uppercase; font-size:10px; color:#ff007f; font-weight:bold; background-color:#ffffff; float:right;}

.AspNet-Login{ width:100%; text-align: left; font-size:12px; margin-top:5px;}
.AspNet-Login .title{ border-bottom: solid 1px #666666; padding-top: 10px; margin-bottom:5px; padding-left:0; font-weight: bold; font-size:12px}
.AspNet-Login em{ font-style:normal;}
.AspNet-Login .AspNet-Login-UserPanel{ margin:5px 0;}
.AspNet-Login .AspNet-Login-UserPanel label, .AspNet-Login .AspNet-Login-PasswordPanel label{display: block; float: left; width:60px; padding:0 2px;}
.AspNet-Login .AspNet-Login-UserPanel input, .AspNet-Login .AspNet-Login-PasswordPanel input{border:1px solid #ccc; color:#666666; font-size:10px; width:240px;}
.AspNet-Login .AspNet-Login-UserPanel span, .AspNet-Login .AspNet-Login-PasswordPanel span{font-size:12px; margin-left:3px;}
.AspNet-Login-RememberMePanel{ font-size:10px;}
.AspNet-Login .AspNet-Login-FailurePanel span{ color:#f00;}
.AspNet-Login .AspNet-Login-SubmitPanel{ text-align:right;}
.AspNet-Login .AspNet-Login-SubmitPanel .submit {border:1px solid #ff007f; text-transform:uppercase; font-size:10px; color:#ff007f; font-weight:bold; background-color:#ffffff; width:80px; margin-top:5px; margin-right:0px; padding:1px 5px;}

.AspNet-PasswordRecovery{ width:100%; text-align: left; font-size:12px; margin-top:5px;}
.AspNet-PasswordRecovery .title{ border-bottom: solid 1px #666666; padding-top: 10px; margin-bottom:5px; padding-left:0; font-weight: bold; font-size:12px}
.AspNet-PasswordRecovery em{ font-style:normal;}
.AspNet-PasswordRecovery .AspNet-PasswordRecovery-UserName-UserPanel{ margin-top:5px;}
.AspNet-PasswordRecovery .AspNet-PasswordRecovery-UserName-UserPanel label{display: block; float: left; width:60px; padding:0 2px;}
.AspNet-PasswordRecovery .AspNet-PasswordRecovery-UserName-UserPanel input{border:1px solid #ccc; color:#666666; font-size:10px; width:240px; }
.AspNet-PasswordRecovery .AspNet-PasswordRecovery-UserName-UserPanel span{font-size:12px; margin-left:3px;}
.AspNet-PasswordRecovery .AspNet-PasswordRecovery-UserName-SubmitPanel{ text-align:right;}
.AspNet-PasswordRecovery .AspNet-PasswordRecovery-UserName-SubmitPanel .button {border:1px solid #a854cf; text-transform:uppercase; font-size:10px; color:#a854cf; font-weight:bold; background-color:#FFFFFF;width:80px; margin-top:5px; margin-right:0px;}


.registrazione{ width:100%; text-align: left; font-size:12px; margin-top:0px;}
.registrazione table{ width:100%; text-align: left;}
.registrazione td{ padding:1px 0; text-align: left;}
.registrazione .input{border:solid; border:1px solid #ccc; color:#666666; font-size:10px; width:195px;margin-top:5px;}
.registrazione .title{ border-bottom: solid 1px #666666; padding-top: 10px; margin-bottom:5px; padding-left:0; font-weight: bold; font-size:12px}
.registrazione .button {border:#a854cf solid; border-width:1px; text-transform:uppercase; font-size:10px; color:#a854cf; font-weight:bold; background-color:#FFFFFF; float:right;}
.registrazione .submit {border:#ff007f solid; border-width:1px; text-transform:uppercase; font-size:10px; color:#ff007f; font-weight:bold; background-color:#ffffff; float:right;}
.registrazione a{text-align:left; font-weight: bold; font-size:11px}
.registrazione .msgError{ color:#f00;}
.registrazione label{display: block; float: left; width:105px; padding:0 2px; margin-top:5px;}
.AspNet-CreateUserWizard-CreateUserButtonPanel .submit {border:1px solid #ff007f; text-transform:uppercase; font-size:10px; color:#ff007f; font-weight:bold; background-color:#ffffff; float:right;} 
.AspNet-CreateUserWizard-StepTitlePanel{ border-bottom: solid 1px #666666; padding-top: 10px; margin-bottom:5px; padding-left:0; font-weight: bold; font-size:12px}
.AspNet-CreateUserWizard-ContinuePanel .submit {border:1px solid #ff007f; text-transform:uppercase; font-size:10px; color:#ff007f; font-weight:bold; background-color:#ffffff;  float:right;}
.boxError{margin: 10px 0px 10px 0; border:1px solid #CCCCCC; background-color:#fdfafd; padding:10px; text-transform:uppercase; font-weight:600; color: #ccc;}
.boxError ul{color: #777b7b; text-transform: none; font-weight: normal; }
.boxError li{ list-style-type:square;}
/*
.info{margin:20px 0px 0 0; border:1px solid #CCCCCC; background-color:#fdfafd; padding:10px; }
.info .titoletto{ text-transform:uppercase; font-weight:600;}
.info li{ margin:5px 0px 5px 15px;list-style-image: url(../../images-str/ico-li.gif);}
.info li a{color:#484848; text-decoration:none; font-weight:normal; text-transform:uppercase}
.info li a:hover{color:#a854cf; text-decoration:underline; font-weight:normal; text-transform:uppercase}
*/


h2.grassagallina{text-align:right; text-transform:uppercase; font-size:15px; color:#a854cf; margin:30px 0 15px 0; font-weight:600;}


.ulGrassagallina{}
.ulGrassagallina li{ margin:5px 0px 5px 10px;list-style-image: url(../../images-str/ico-li.gif); list-style-position:outside; text-transform:uppercase; color:#ff007f;}
.ulGrassagallina li a{color:#777b7b; text-decoration:none; font-weight:normal; text-transform:uppercase}
.ulGrassagallina li a:hover{color:#a854cf; text-decoration:underline; font-weight:normal; text-transform:uppercase}
/*----------------------------- INTERNA -----------------------------*/

/*----------------------------- TAKEAWAY -----------------------------*/
.menuTakeaway{ text-align:right; margin:0px 0px 20px 0; width:317px; padding:0; border:0; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:9px;}
.menuTakeaway .separatore{ margin:0 10px; padding:0; list-style:none; float:left; color:#a854cf; }
.menuTakeaway ul{ margin:0; padding:0; list-style:none; float:left;}
.menuTakeaway li{ list-style:none; display:inline; padding:0 0px 0 6px; margin:0 0 0 0px; }
.menuTakeaway li a{ color:#484848; text-decoration:none; font-weight:normal; text-transform:uppercase}
.menuTakeaway li a:hover{ color:#a854cf; text-decoration:underline; font-weight:normal; text-transform:uppercase}

h2.takeaway{text-align:right; text-transform:uppercase; font-size:15px; color:#a854cf; margin:80px 0 15px 0; font-weight:600;}
h3.takeaway{text-align:center; text-transform:uppercase; font-size:15px; color:#ff007f; font-weight:600;}

.titolettiTakeaway{color:#a854cf; text-transform:uppercase;}
.sloganTakeaway{color:#ff007f; text-align:right; font-size:14px; margin:20px 0 10px 0;}
.sloganTakeawayHome{color:#ff007f; text-align:right; font-size:14px; margin:80px 0 20px 0;}

#canvas { color: #ff007f; font-size:14px; font-style:italic; font-weight:600; padding: 10px 5px; margin: 25px 0 0px 0; text-transform:uppercase; }
.portateTakeaway td{ padding-bottom:4px;}
.portateTakeaway img{border:1px solid #CCCCCC; background-color:#fff; width:100px;height:40px;  }
.portateTakeaway img:hover{border:1px solid #a854cf; background-color:#fff; width:100px;height:40px;  }
/*
.portateTakeaway a{ width:100px; height:44px; border:1px solid #fff; display:block; background-color:#fff;padding:2px; }
.portateTakeaway a:hover{width:100px; height:44px; border:1px solid #a854cf; display:block; background-color:#fff;padding:2px;}


.portateTakeaway a{ width:64px; padding:2px; border:1px solid #fff; display:block; background-color:#fff}
.portateTakeaway a:hover{ width:64px; padding:2px; border:1px solid #a854cf; display:block; background-color:#fff}
.portateTakeaway img{border:1px solid #CCCCCC; background-color:#fff; width:100px; height:40px;}
*/
.filtriVino {width:120px; padding-top:40px;text-transform:uppercase; text-align:left; font-size:10px;}
.filtriVino .selezione{color:#00AE00;text-transform:uppercase; font-weight:600;font-size:11px;}
#menuVino {width:370px; padding-left:10px; margin-top:-25px;}
#menuVino .colore{ text-transform:uppercase; color:#ff007f; padding-top:25px; font-weight:600; text-align: center; font-size:15px}
#menuVino .regionalita{color:#ff007f; padding-top:20px; text-align: left; text-transform:uppercase;}
#menuVino .cantina{ padding-top:20px; font-weight:bold;}
#menuVino .vino{color:#a854cf; padding-top:10px; text-transform:uppercase;}
#menuVino .vino a{color:#a854cf; text-decoration:none;}
#menuVino .vino a:hover{color:#a854cf; text-decoration:underline;}
#menuVino .prezzo{color:#777b7b; font-size:11px; border-bottom:1px solid #CCCCCC; padding-bottom:10px;}
#menuVino .qty{width:30px; text-align:right; border:solid 1px #CCCCCC; color:#666666; font-size:10px}
#menuVino .note{color:#777b7b; font-size:10px; padding:25px 5px 5px 5px;}

#menuTakeaway {width:500px;}
#menuTakeaway .piatti{color:#a854cf; padding-top:10px; font-weight:600; text-transform:uppercase;}
#menuTakeaway .piatti a{color:#a854cf; text-decoration:none;}
#menuTakeaway .piatti a:hover{color:#a854cf; text-decoration:underline;}
#menuTakeaway .ingredienti{color:#777b7b; font-size:12px; margin-bottom:5px;}
#menuTakeaway .prezzo{color:#777b7b; font-size:11px; border-bottom:1px solid #CCCCCC; padding-bottom:10px;}
#menuTakeaway .qty{width:30px; text-align:right; border:solid 1px #CCCCCC; color:#666666; font-size:10px}
#menuTakeaway .note{color:#777b7b; font-size:10px; padding:25px 5px 5px 5px;}

.dettaglioProdotti {width:500px;}

.listaAlternative { margin-right:30px; text-align:left;}
.listaAlternative .title{color:#00AE00; padding-bottom:0px; font-weight:600;text-align: left; text-transform:uppercase}
.listaAlternative a{text-transform:uppercase; color:#777b7b; text-decoration:none; font-size:10px;}
.listaAlternative a:hover{text-decoration:underline;}

.prodottoTakeaway { width:320px; margin-bottom:20px;}
.prodottoTakeaway td{font-size:12px;}
.prodottoTakeaway .piatto{ color:#a854cf; margin:5px; border-top:1px solid #CCCCCC; font-weight:600; text-transform:uppercase; padding:10px 0;}
.prodottoTakeaway .ordina{ color:#777b7b; border-bottom:1px solid #CCCCCC; padding-top:10px;padding-bottom:10px;}
.prodottoTakeaway .qty{width:30px; text-align:right; border:solid 1px #CCCCCC; color:#666666; font-size:10px}

.carrelloTakeaway{width:500px;}
.carrelloTakeaway th{ background-color:#EEEEEE; padding:5px;text-transform:uppercase;}
.carrelloTakeaway td{ padding:10px 5px; border-bottom:1px solid #CCCCCC; }
.carrelloTakeaway .piatto{ color:#a854cf; font-weight:bold; text-transform:uppercase; text-decoration:none; }
.carrelloTakeaway a.piatto:hover{text-decoration:underline; }
.carrelloTakeaway .qty{width:30px; text-align:right; border:solid 1px #CCCCCC; color:#666666; font-size:10px}
.carrelloTakeaway .totale{ background-color:#f0f0f0;}
.msgCarrelloTakeaway{ text-align:center; font-size:14px;}

.info{margin:20px 0px 0 0; border:1px solid #CCCCCC; background-color:#fdfafd; padding:10px; }
.info .titoletto{ text-transform:uppercase; font-weight:600;}
.info ul{ margin:0px; padding:0;}
.info li{ margin:5px 0px 5px 15px;list-style-image: url(../../images-str/ico-li.gif);}
.info li a{color:#484848; text-decoration:none; font-weight:normal; text-transform:uppercase}
.info li a:hover{color:#a854cf; text-decoration:underline; font-weight:normal; text-transform:uppercase}

.alertinfo{margin:20px 0px 0 0; border:1px solid #FFCCCC; background-color:#fffafd; padding:10px; }
.alertinfo .titoletto{ text-transform:uppercase; font-weight:600;}
.alertinfo ul{ margin:0px; padding:0;}
.alertinfo li{ margin:5px 0px 5px 15px;list-style-image: url(../../images-str/ico-li.gif);}
.alertinfo li a{color:#484848; text-decoration:none; font-weight:normal; text-transform:uppercase}
.alertinfo li a:hover{color:#a854cf; text-decoration:underline; font-weight:normal; text-transform:uppercase}


.formQty {width:30px; text-align:right; border:solid 1px #CCCCCC; color:#666666; font-size:10px}
.formButton {border:#a854cf solid; border-width:1px;  text-transform:uppercase; font-size:10px; color:#a854cf; font-weight:bold; background-color:#FFFFFF}
.formButtonDisabled {margin:0px 0px 0px 0px;  text-transform:uppercase; border:#808080 solid; border-width:1px; font-size:10px; color:#808080; font-weight:bold; background-color:#E8E7F1}
.formSubmit {border:#ff007f solid; border-width:1px;  text-transform:uppercase; font-size:10px; color:#ff007f; font-weight:bold; background-color:#ffffff}

/*----------------------------- TAKEAWAY -----------------------------*/

/*----------------------------- OSTERIA -----------------------------*/
.menuOsteria{ text-align:right; margin:0px 0px 20px 0; width:317px; padding:0; border:0; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:9px;}
.menuOsteria .separatore{ margin:0 10px; padding:0; list-style:none; float:left; color:#ff007f; }
.menuOsteria ul{ margin:0; padding:0; list-style:none; float:left;}
.menuOsteria li{ list-style:none; display:inline; padding:0 0px 0 6px; margin:0 0 0 0px; }
.menuOsteria li a{ color:#484848; text-decoration:none; font-weight:normal; text-transform:uppercase}
.menuOsteria li a:hover{ color:#ff007f; text-decoration:underline; font-weight:normal; text-transform:uppercase}

h2.osteria{text-align:right; text-transform:uppercase; font-size:15px; color:#ff007f; margin:80px 0 15px 0; font-weight:600;}
h3.osteria{text-align:center; text-transform:uppercase; font-size:15px; color:#ff007f;}

.titolettiOsteria{color:#ff007f; text-transform:uppercase;}
.sloganOsteria{color:#a854cf; text-align:right; font-size:14px; margin:20px 0 10px 0;}
.sloganOsteriaHome{color:#a854cf; text-align:right; font-size:14px; margin:80px 0 20px 0;}
/*----------------------------- OSTERIA -----------------------------*/

/*----------------------------- BOTTEGA -----------------------------*/
.menuBottega{ text-align:right; margin:0px 0px 20px 0; width:317px; padding:0; border:0; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:9px;}
.menuBottega .separatore{ margin:0 4px; padding:0; list-style:none; float:left; color:#00AE00; }
.menuBottega ul{ margin:0; padding:0; list-style:none; float:left;}
.menuBottega li{ list-style:none; display:inline; padding:0 0px 0 10px; margin:0 0 0 0px; }
.menuBottega li a{ color:#484848; text-decoration:none; font-weight:normal; text-transform:uppercase}
.menuBottega li a:hover{ color:#00AE00; text-decoration:underline; font-weight:normal; text-transform:uppercase}

h2.bottega{text-align:right; text-transform:uppercase; font-size:15px; color:#00AE00; margin:40px 0 15px 0; font-weight:600;}
h3.bottega{text-align:center; text-transform:uppercase; font-size:15px; color:#00AE00;}

.titolettiBottega{ font-family:Tahoma, Arial; color:#a854cf; text-transform:uppercase;}
.sloganBottega{color:#a854cf; text-align:right; font-size:14px; margin:20px 0 10px 0;}
.sloganBottegaHome{color:#ff007f; text-align:right; font-size:18px; margin:50px 0 0px 0;}

.carrelloBottega{width:500px;}
.carrelloBottega th{ background-color:#EEEEEE; padding:5px;text-transform:uppercase;}
.carrelloBottega td{ padding:10px 5px; border-bottom:1px solid #CCCCCC; }
.carrelloBottega .prodotto{ color:#a854cf; font-weight:bold; text-transform:uppercase; text-decoration:none; }
.carrelloBottega a.prodotto:hover{text-decoration:underline; }
.carrelloBottega .qty{width:30px; text-align:right; border:solid 1px #CCCCCC; color:#666666; font-size:10px}
.carrelloBottega .totale{ background-color:#f0f0f0;}
.msgCarrelloBottega{ text-align:center; font-size:14px;}

.categorieBottega td{ padding-bottom:4px;}
.categorieBottega img{border:1px solid #CCCCCC; background-color:#fff; width:100px;height:70px;  }
.categorieBottega img:hover{border:1px solid #a854cf; background-color:#fff; width:100px;height:70px;  }
.categorieBottega div {border-bottom:1px solid #CCCCCC;margin:2px 2px 10px 2px; background-color:#f5fef5; text-transform:uppercase; font-size:9px;}

.categorieSpeciali td{ padding-bottom:4px;}
.categorieSpeciali img{border:1px solid #CCCCCC; background-color:#fff; width:314px;height:85px;  }
.categorieSpeciali img:hover{border:1px solid #a854cf; background-color:#fff; width:314px;height:85px;  }
.categorieSpeciali div {border-bottom:1px solid #CCCCCC;margin:2px 2px 10px 2px; background-color:#f5fef5; text-transform:uppercase; font-size:9px;}

.prodottoBottega { width:520px; margin-bottom:20px; padding:3px; }
.prodottoBottega td{font-size:12px;}
.prodottoBottega img{ margin-right:5px; border:1px solid #CCCCCC; width:250px; height:250px;}
.prodottoBottega a{border:1px solid #CCCCCC; margin-right:5px;}
.prodottoBottega .piatto{ color:#00AE00; margin:5px; border-top:1px solid #CCCCCC; font-weight:600; text-transform:uppercase; padding:10px 0; text-align:left;}
.prodottoBottega .ordina{ color:#777b7b; border-bottom:1px solid #CCCCCC; padding-top:10px;padding-bottom:10px;}
.prodottoBottega .qty{width:30px; text-align:right; border:solid 1px #CCCCCC; color:#666666; font-size:10px}

.dettaglioBottega{height:252px; width:100%; border:1px solid #fff;}

.marchio{ margin:10px;border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;}
.marchio img{ float:left; margin-right:20px; width:70px; height:70px;}
.marchio p{ float:left; width:400px; margin:0;}

div#elencoSottocategorie{width:100%; overflow:auto;}
div#elencoSottocategorie .blocco{position: relative;float:left; width:158px; height:200px; text-align:center; display:block; margin:10px;}
div#elencoSottocategorie img{display:block; width:150px; height:150px; margin:5px auto;}
div#elencoSottocategorie .img{ margin:5px 0; border-top:1px solid #ccc;}
div#elencoSottocategorie .sottocategoria{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;}
div#elencoSottocategorie a{ color:#777b7b; text-decoration:none; text-transform:uppercase;}
div#elencoSottocategorie a:hover{ color:#a854cf;}
div#elencoSottocategorie .new {
float: left;
position: absolute;
top:2px;
right: -2px;
height: 45px;
width: 45px;
background: url('../../images-str/sprite-button.png') no-repeat -1128px 0px;
}
#colonna-1 #elencoSottocategorie{width:100%; overflow:auto; font-size:9px;}
#colonna-1 #elencoSottocategorie .blocco{float:left; width:98px; height:150px; text-align:center; display:block; margin:4px;}
#colonna-1 #elencoSottocategorie img{display:block; width:90px; height:90px; margin:5px auto;}
#colonna-1 #elencoSottocategorie .img{ margin:5px 0; border-top:1px solid #ccc;}
#colonna-1 #elencoSottocategorie .sottocategoria{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;}
#colonna-1 #elencoSottocategorie a{ color:#777b7b; text-decoration:none; text-transform:uppercase;}
#colonna-1 #elencoSottocategorie a:hover{ color:#a854cf;}

div#elencoProdotti{width:100%; overflow:auto; color:#00AE00;}
div#elencoProdotti .blocco{ position:relative; float:left; width:120px; height:200px; text-align:center; display:block; margin:5px; border:1px solid #ccc;}
div#elencoProdotti .blocco table{width:115px; margin-top:5px; text-align:center;}
div#elencoProdotti img{display:block; width:100px; height:100px; margin:5px auto; border:1px solid #ccc;}
div#elencoProdotti .marchioProd{border-top:0px solid #ccc; padding:2px 0; text-transform:uppercase; font-size:9px; background-color:#f5fef5}
div#elencoProdotti .img{ margin:0px 0;border-top:0px solid #ccc;}
div#elencoProdotti .prodotto{ border-bottom:0px solid #ccc; padding:5px; background-color:#f5fef5}
div#elencoProdotti a{ color:#777b7b; text-decoration:none;}
div#elencoProdotti a:hover{ color:#a854cf;}
div#elencoProdotti .prezzo{color:#777b7b; font-size:11px;}
div#elencoProdotti .qty{width:20px; text-align:right; border:solid 1px #CCCCCC; color:#666666; font-size:10px}
div#elencoProdotti .new {
float: left;
position: absolute;
top:-3px;
right: -3px;
height: 45px;
width: 45px;
background: url('../../images-str/sprite-button.png') no-repeat -1128px 0px;
}

#nav{ border-bottom: 1px solid #00AE00; border-top:1px solid #00AE00; margin-top:0px; font-size:10px; padding:3px; background-color:#f5fef5;}
#nav a{ color:#00AE00;}
#nav a:hover{ color:#a854cf;}

div#elencoMarchi{width:100%; overflow:auto; color:#00AE00;}
div#elencoMarchi .blocco{float:left; width:114px; height:124px; text-align:center; display:block; margin:10px 10px 30px 10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
div#elencoMarchi img{display:block; width:114px; height:114px; margin:5px auto;border-top:1px solid #ccc;}
/*div#elencoMarchi .marchio{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:0px;}
div#elencoMarchi a{ color:#777b7b; text-decoration:none; text-transform:uppercase; font-size:9px;}
div#elencoMarchi a:hover{ color:#a854cf;}
div#elencoMarchi .img{ margin:5px 0;border-top:1px solid #ccc;}
*/

/*-------HOME BOTTEGA----------*/
.bottegaHome01 {padding:0; margin:0; list-style-type:none; background:#fff url(../../images/pages/bottega-home/01.jpg); width:536px; height:367px; margin:0; position:relative; z-index:100;}
.bottegaHome02 {padding:0; margin:0; list-style-type:none; background:#fff url(../../images/pages/bottega-home/02.jpg); width:535px; height:367px; margin:0; position:relative; z-index:100;}
.bottegaHome03 {padding:0; margin:0; list-style-type:none; background:#fff url(../../images/pages/bottega-home/03.jpg); width:535px; height:367px; margin:0; position:relative; z-index:100;}
.bottegaHome04 {padding:0; margin:0; list-style-type:none; background:#fff url(../../images/pages/bottega-home/04.jpg); width:535px; height:367px; margin:0; position:relative; z-index:100;}
.bottegaHome05 {padding:0; margin:0; list-style-type:none; background:#fff url(../../images/pages/bottega-home/04.jpg); width:535px; height:367px; margin:0; position:relative; z-index:100;}
.bottegaHome06 {padding:0; margin:0; list-style-type:none; background:#fff url(../../images/pages/bottega-home/04.jpg); width:535px; height:367px; margin:0; position:relative; z-index:100;}
.bottegaHome07 {padding:0; margin:0; list-style-type:none; background:#fff url(../../images/pages/bottega-home/04.jpg); width:535px; height:367px; margin:0; position:relative; z-index:100;}
.bottegaHome08 {padding:0; margin:0; list-style-type:none; background:#fff url(../../images/pages/bottega-home/04.jpg); width:535px; height:367px; margin:0; position:relative; z-index:100;}


/* setup the background image */
/*.bottegaHome01 {padding:0; margin:0; list-style-type:none; background:#fff url(../../images/pages/bottega-home/01.jpg); width:536px; height:367px; margin:0; position:relative; z-index:100;}
.bottegaHome01 p a {text-indent:-9999px; display:block; width:30px; height:30px; background:transparent; position:absolute; background-image:url(../../images/bottega/espandi.png)}
.bottegaHome01 p a.aa {top:167px; left:32px;}
.bottegaHome01 p a.ab {top:121px; left:158px;}
.bottegaHome01 p a.ac {top:320px; left:230px;}

.bottegaHome01 p a:hover {background:#00AE00; text-indent:0;  font-size:9px; color:#fff; padding:3px 3px 3px 3px; width:76px; height:auto; margin:-5px 0px 0 -20px; text-align:center; text-transform:uppercase; border: 1px solid #00AE00; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* hack for IE5.x 
* html .uk li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}
*/
/* make the descriptive text visible, give it a size and position 
.uk li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #600; width:150px; color:#600; padding:5px;font-style:normal; top:0px;}
*/
/* hack for IE5.x 
* html .uk li a:hover em {width:200px; w\idth:150px;}
*/
/* give the image a border and margin 
.uk li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}
*/
/* style the empty span (I know it's not semantically correct) into an arrow point 
.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#600; position:absolute; left:0; top:128px;}
*/
/* hack for IE5.x 
* html .uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}
*/

/*
.bottegaHome02 {padding:0; margin:0; list-style-type:none; background:#fff url(../../images/pages/bottega-home/02.jpg); width:535px; height:367px; margin:0; position:relative; z-index:100;}
.bottegaHome02 p a {text-indent:-9999px; display:block; width:30px; height:30px; background:transparent; position:absolute; background-image:url(../../images/bottega/espandi.png)}
.bottegaHome02 p a.ba {top:127px; left:62px;}
.bottegaHome02 p a.bb {top:221px; left:58px;}
.bottegaHome02 p a.bc {top:320px; left:30px;}
.bottegaHome02 p a:hover {background:#00AE00; text-indent:0;  font-size:11px; color:#fff; padding:3px 3px 23px 3px; width:76px; height:auto; margin:-5px 0px 0 -20px; text-align:center; font-weight:bold; border: 1px solid #00AE00; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.bottegaHome03 {padding:0; margin:0; list-style-type:none; background:#fff url(../../images/pages/bottega-home/03.jpg); width:535px; height:367px; margin:0; position:relative; z-index:100;}
.bottegaHome03 p a {text-indent:-9999px; display:block; width:30px; height:30px; background:transparent; position:absolute; background-image:url(../../images/bottega/espandi.png)}
.bottegaHome03 p a.ca {top:167px; left:32px;}
.bottegaHome03 p a.cb {top:121px; left:158px;}
.bottegaHome03 p a:hover {background:#00AE00; text-indent:0;  font-size:9px; color:#fff; padding:3px 3px 3px 3px; width:76px; height:auto; margin:-5px 0px 0 -20px; text-align:center; text-transform:uppercase; border: 1px solid #00AE00; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.bottegaHome4 {padding:0; margin:0; list-style-type:none; background:#fff url(../../images/pages/bottega-home/04.jpg); width:535px; height:367px; margin:0; position:relative; z-index:100;}
.bottegaHome4 p a {text-indent:-9999px; display:block; width:30px; height:30px; background:transparent; position:absolute; background-image:url(../../images/bottega/espandi.png)}
.bottegaHome4 p a.da {top:167px; left:32px;}
.bottegaHome3 p a.db {top:121px; left:158px;}
.bottegaHome4 p a:hover {background:#00AE00; text-indent:0;  font-size:9px; color:#fff; padding:3px 3px 3px 3px; width:76px; height:auto; margin:-5px 0px 0 -20px; text-align:center; text-transform:uppercase; border: 1px solid #00AE00; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

*/

div#novita{width:340px; overflow:auto; color:#ff007f; border:0px solid #e5c9ec; text-align:center; float:left; margin:0 0px 5px 0; border-bottom:10px solid #e5c9ec}
div#novita h2{ text-align:center; font-size:11px; border-bottom:1px solid #e5c9ec; background-color: #e5c9ec; color:#484848; padding:5px; margin:0;}
div#novita .blocco{float:left; width:160px; text-align:center; display:block; margin:5px; padding:0; background-color:#fff;}
div#novita img{display:block; width:140px; height:140px; margin:5px auto;}

div#suggeriti{width:170px; overflow:auto; color:#ff007f; border:0px solid #e5c9ec; text-align:center; float:right; margin:0 0px 5px 0; border-bottom:10px solid #e5c9ec}
div#suggeriti h2{ text-align:center; font-size:11px; border-bottom:1px solid #e5c9ec; background-color: #e5c9ec; color:#484848; padding:5px; margin:0;}
div#suggeriti .blocco{float:left; width:160px; text-align:center; display:block; margin:5px; padding:0; background-color:#fff;}
div#suggeriti img{display:block; width:140px; height:140px; margin:5px auto;}

/*div#novita .marchio2{border-top:1px solid #ccc;  border-bottom:1px solid #ccc; padding:2px; text-transform:uppercase; font-size:9px;}
div#novita .img{ margin:5px 0;}
div#novita .prodotto{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;}
div#novita a{ color:#777b7b; text-decoration:none;}
div#novita a:hover{ color:#a854cf;}

div#suggeriti{width:140px; overflow:auto; color:#00AE00; background-color:#e5c9ec; text-align:center; float:left; margin:0 10px;}
div#suggeriti h2{ text-align:center; font-size:11px;}
div#suggeriti .blocco{float:left; width:120px;  text-align:center; display:block; margin:10px; padding:0; background-color:#fff}
div#suggeriti img{display:block; width:80px; height:80px; margin:5px auto;}
div#suggeriti .marchio2{border-top:1px solid #ccc;  border-bottom:1px solid #ccc; padding:2px; text-transform:uppercase; font-size:9px;}
div#suggeriti .img{ margin:5px 0;}
div#suggeriti .prodotto{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;}
div#suggeriti a{ color:#777b7b; text-decoration:none;}
div#suggeriti a:hover{ color:#a854cf;}
*/
/*
/*----------------------------- BOTTEGA -----------------------------*/
/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 0px solid #ff0000;  
margin: 0 0 0px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;

width: 200px;height:25px;
border-top:1px solid #ccc; border:1px solid #000;
/*background-color:#f5fef5;
background-image:url(../../images-str/bkg-bottega.gif);
background-color:#32302c;
border-top:0px solid #00AE00;
border-bottom:0px solid #00AE00;*/
}
.stripTransmitter ul { 
margin: 0px 0 0 10px;
padding: 0;
position: relative;
list-style-type: none;width: 200px;
}
.stripTransmitter ul li{
width: 15px;
float:right;
margin: 5px 5px 1px 1px;
}
.stripTransmitter a{
width: 15px;
height: 15px;
margin: 0px 5px 0 0;
background: url(../../images-str/navigator2.png) 0 0 no-repeat;
display: inline-block;
font-size: 11px;
/*font: bold 10px Verdana, Arial;
text-align: center;
line-height: 20px;
background-color: #00AA00;
color: #fff;
text-decoration: none;
display: block;*/
}
.stripTransmitter a:hover{
/*background: #fff;
color: #ff0000;*/
background-position:0 -15px;
}
.stripTransmitter a.current{
/*background: #fff;
color: #ff0000;*/
background-position:0 -30px;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}

/*------------------------------------------------------------------*/

div.position{
display: inline;
position: absolute;
z-index: 2;
}

div.overlay-position,
img.open-position,
img.close-position,
img.open-position{
display: inline;
position: absolute;
z-index: 10;
}

img.open-position{
cursor:pointer;
}

img.close-position {
cursor:pointer;
top:0;
right:0;
z-index: 12;
}
div.overlay-position {
background: url("../../images-str/bg_overlay.png") no-repeat scroll 0 5px transparent;
display: none;
height: 94px;
padding: 20px;
width: 110px;
}

div.overlay-position .content-area {
color: #FFFFFF;
font-size: 13px;
line-height: 17px;
}

div.overlay-position h2{
color: #FFFFFF;
font-size: 16px;
margin: 0px;
padding: 0;
}

div.overlay-position p.bodytext{
margin:0 0 8px 0;
}