/* CSS Document */

body{ margin:0 0 0 50%; background:url(../images/base-fondo.jpg) repeat-x #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#969696;}

h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#666666; margin:0; padding:0 0 10px 0; letter-spacing:1px; line-height:normal;}
h1 a{ color:#666666; display:block; padding-left:20px; background: url(../images/base-titolo-S.gif) no-repeat top left; text-decoration:none; font-weight:normal; line-height:normal;}
h1 a:hover{ color:#FFFFFF; background:url(../images/base-titolo-A.gif) no-repeat top left;}

h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-transform:uppercase; letter-spacing:3px; color:#969696; margin:0; padding:0 0 10px 0;}
h2 .default{ padding:18px 18px 8px 18px; display:block;;}
p { margin:0; padding:0; text-align:left;}
img{ margin:0; padding:0; border:0;}
img.marchio{ vertical-align:middle;}
img.default{margin:0 0 0 30px}


a { font-weight:bold; text-decoration:underline; color:#BBBBBB; letter-spacing:0px;}
a:hover{ color:#FFFFFF;}



/*CONTENITORI*/

#container{margin:0 0 0 -400px; width: 800px; background: url(../images/base-ischia.jpg) no-repeat left bottom #000000;}
#testata{width: 800px; height:120px;}
#logo{height:120px; width:140px; float:left; padding: 0 16px 0 0;}
#menu{height:100px; width:300px; float:left; padding: 0 0 0 18px; margin-top:20px; border-left:solid 1px #666666;}
#finestra{ margin:20px 20px 20px 156px; width:582px; padding:20px; border:solid 1px #666666; background-color:#000000;}
#finestra-vuota{ margin:20px 20px 20px 156px; width:624px; background-color:#000000;}

#separatore{ display:block; height:20px; clear:both;}
#separatore-mezzo{ display:block; height:10px; clear:both;}
#separatore-doppio{ display:block; height:40px; clear:both;}

.banner { width:282px; display:block; padding-left:18px;}
.banner-testo { width:264px; display:block; padding:18px 18px 18px 18px;}

#photagallery-sx{width:300px; float:left; display:block; line-height:20px;}
#photagallery-dx{width:300px; float:right; display:block; text-align:right; line-height:20px;}



.firma a{float:right; margin:20px 20px 0 0; display:block; width:42px; height:12px; background:url(../images/orkestra-feedback.gif) no-repeat;}
.firma a:hover{ background:url(../images/orkestra-feedback-A.gif) no-repeat;}


/*CLASSI*/

.menu a{ font-weight:normal; text-decoration:none; text-transform:uppercase; letter-spacing:2px; display:block; padding-bottom:3px; font-size:9px; line-height:12px; color:#969696;}
.menu a:hover{ color:#FFFFFF; display:block;}

.vai a{ display:block; background: url(../images/base-link-S.gif) no-repeat right; padding:10px 24px 0 0; margin:0 0 10px 0; font-weight:normal; text-decoration:none; text-align:right; text-transform:uppercase; letter-spacing:2px; line-height:normal; color:#969696; border-top:solid 1px #666666;}
.vai a:hover{ background:url(../images/base-link-A.gif) no-repeat right; color:#FFFFFF;}

.attivo{ font-weight:bold; color:#FFFFFF;}
.attivo a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#969696; letter-spacing:1px; text-decoration:none; font-weight:normal;}
.attivo a:hover{ color:#FFFFFF;}

/*DEFAULT*/
#default-container-sx{width:300px; height:300px; border:solid 1px #666666; background-color:#000000; float:left;}
#default-container-dx{width:300px; border:solid 1px #666666; background-color:#000000; float:right;}

/*NEGOZI*/
#negozi-container-sx{width:300px; border:solid 1px #666666; background-color:#000000; float:left;}
#negozi-container-dx{width:300px; border:solid 1px #666666; background-color:#000000; float:right;}

/*GIOIELLI*/
.gioiello a{width:119px; height:120px; padding:10px; border:solid 1px #666666; float:left; margin:0 20px 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; text-transform:uppercase; letter-spacing:3px; color:#969696; text-decoration:none;}
.gioiello a:hover{border:solid 1px #FFFFFF; color:#FFFFFF;}

.gioiello-clear a{width:119px; height:120px; padding:10px; border:solid 1px #666666; float:left; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; text-transform:uppercase; letter-spacing:3px; color:#969696; text-decoration:none;}
.gioiello-clear a:hover{border:solid 1px #FFFFFF; color:#FFFFFF;}

.gioiellothumb a{width:50px; height:50px; border:solid 1px #666666; float:left; margin:0 10px 10px 0; text-decoration:none;}
.gioiellothumb a:hover{border:solid 1px #FFFFFF;}

.gioiellothumb-clear a{width:50px; height:50px; border:solid 1px #666666; float:left; margin:0 0 10px 0; text-decoration:none;}
.gioiellothumb-clear a:hover{border:solid 1px #FFFFFF;}



/*PRODOTTI*/
#prodotti-finestra{ margin:20px 0 0 0; width:582px; padding:20px; border:solid 1px #666666; background-color:#000000;}

.prodotti a{width:90px; height:98px; border:solid 1px #666666; float:left; margin:20px 20px 0 0; display:block; line-height:92px; padding-left:8px; text-decoration:none;}
.prodotti a:hover{border:solid 1px #FFFFFF;}

.prodotti-clear a{width:90px; height:98px; border:solid 1px #666666; float:left; margin:20px 0 0 0; display:block; line-height:92px; padding-left:8px; text-decoration:none}
.prodotti-clear a:hover{border:solid 1px #FFFFFF;}

#prodotti-scheda{ margin-top:10px; padding:20px 0 0 0; border-top:solid 1px #666666;}
#prodotti-container-sx{width:300px; background-color:#000000; float:left;}
#prodotti-container-dx{width:300px; background-color:#000000; float:right;}


/*EVENTI*/

#eventi-container{width:582px; margin-top:20px; border-left: solid 1px #666666; border-top: solid 1px #666666;}
#eventi-container-sx{width:280px; float:left;}
#eventi-container-dx{width:282px; margin:20px 0 0 0; float:right;}
#eventi{width:582px;}
#eventi-sx{width:280px; float:left; display:block; line-height:20px;}
#eventi-dx{width:282px; float:right; display:block; text-align:right; line-height:20px;}

/*PRESS*/

#press-container{width:582px; margin-top:20px; border-top: solid 1px #666666;}
#press-container-sx{width:512px; float:left; margin:20px 0 0 0;}
#press-container-dx{width:50px; margin:20px 0 0 0; float:right; text-align:right;}

/*FORM*/

#form{width:582px; line-height:30px;}
#form-testo{width:582px;}
#form-sx{width:280px; float:left; display:block;}
#form-dx{width:280px; float:right; display:block;}

.form{ padding:2px 0px 0px 2px; height:16px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF; border:solid 1px #666666; width:276px; background-color:#3F3F3F;}
.form-dettagli{ padding:2px 0px 0px 2px; height:100px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF; border:solid 1px #666666; width:578px; background-color:#3F3F3F;}
.form-pulsante {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; display:block; background: url(../images/form-link-S.gif) no-repeat right; padding:0 14px 0 0; font-weight:normal; text-decoration:none; text-align:right; text-transform:uppercase; letter-spacing:2px; line-height:normal; color:#969696; border:none}

#input-container{padding:0 5px 0 0; float:left;}
.input{margin:0 5px 0 0; padding:0; float:left;}

/*video*/
#video{padding:10px 0 10px 0; display:block;}

#finestra-flash{ margin:20px 0 20px 0; width:800px; background- color:#000000;}