/*
 *** Info generali sul file:
 *
 * sito web: musitek.it
 * file: css versione pubblica
 * data creazione: 20006.10.02
 * data ultima modifica: 2008.06.05
 *
 *** Macro areee [scrivi il numero per la ricerca]
 *
 * 001. stili di base
 * 002. divs pagina
 * 003. links
 * 004. table
 * 005. form
 * 006. stili per img ingrandimento prodotto
 * 007. altri stili di testo
 * 008. stili per liste
 */


/* 001. stili di base */
body { width: 100%; margin: 0 auto;  color:#000; text-align:center;}
body, div, p, span, td, tr, th, input, table {font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000;}

.corpotesto { /*font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;*/ color:#000;}
.corpotesto_interna { /*font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;*/ padding: 0 10px; }
.titolotesto { /*font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;*/ font-weight:bold; }
img, a {margin:0; padding:0; border:0;}
br.cucu { clear:both; height:0px;}
hr.divisorio { width:90%; color: #fff; background: #fff; height: 1px;}
hr.colorato { width:90%; color: #ffcc00; background: #fff; height: 0.5px;}
hr.grigio { width:60%; color: #999; background: #ccc; height: 0.5px; border-style: dotted; text-align:left; margin-left:0px;}

/* 002.divs pagina */
#uno { position: relative; text-align: center; width:960px; margin: 0 auto; padding:0;}

#intestazione { width:960px; margin:0 auto; padding:0;}
	.intestazione_margine { width:30px; background:url(../../img/public/tpl/intestazione_sfondo.jpg) repeat-x; display:inline; float:left; border:0; margin:0; }
	#intestazione_corpo { width:900px; display:inline; background:url(../../img/public/tpl/intestazione_sfondo.jpg) repeat-x; float:left; text-align:left; }

.corpo {width:920px; margin:0 auto; background:#f9f403;}
.corpo_interna {width: 920px; margin:0 auto; background:#f9f403; text-align:left; }
.login_inline {width: 920px;height:25px; clear:both; background:url(../../img/public/bottoni/calendario_noeventi.jpg) repeat-x left bottom #fff; color:#333333; text-align:right;}
	.login_inline .posiziona {padding:3px 5px 1px 0;}

/*
 * calendarietto - stili per la home
 */
.contenitore_calendarietto { margin-left: 5px;}
.calendarietto_giorno { width:11%; /* height:55px; */ float:left; display:block;
		border:4px solid #F8ed91; background:url(../../img/public/bottoni/calendario_standard.jpg) repeat top left #f8ed91;
		text-align:center; padding:4px 1px 4px 1px; margin:1px;}
/************ solo explorer  per sovrascrivere il width *********/ * html .calendarietto_giorno { width:13%;}

.calendarietto_data { color: #333333;}
.calendarietto_neventi { font-weight:bold; color:#CC3300;}
.today {background:url(../../img/public/bottoni/calendario_oggi.jpg) repeat left top #7eff53; border:4px solid #7eff53;}
.appuntamenti {background:url(../../img/public/bottoni/calendario_sieventi.jpg) repeat left top #fe6a04; border:4px solid #fe6a04;}
/**************** finisco il supercalendarietto ********************/

/* nuova home **/
#top_home { width:920px; margin:0 auto;}

.corpo_sfondo {width:100%; margin:0 auto; background:url(../../img/public/tpl/sfondino_anteprima_pagina.jpg) repeat-x top #fbf740;}

/************ inizio per la home page // OLDDDDDD *******************/
	.blocco_anteprima_home_testo { width: 50%; float:left; display:inline; text-align:left; }
	.blocco_anteprima_home_testo_posizione {}
	.blocco_remember_anteprima {}/***** mettere qua quello per ricordare orari di apertura e iscrizione newsletter ********/
	.blocco_anteprima_home_immagine { width: 50%; float:left; display:inline;}
/************ fine per la home page // OLDDDDDD *******************/

	.blocco_anteprima_testo { width: 40%; float:left; display:inline; text-align:left; }
	.blocco_anteprima_testo_posizione {/*padding-left:40px;*/}
	.blocco_anteprima_immagine { width: 60%; float:right; display:inline; }

/********* per la home page - il div che racchiude sx e centro *********/
	.anastasia {display:inline; float:left; width:66.6%; background:url(../../img/public/tpl/sfondo_sx_centro_home.jpg) repeat-x top left #fff; border-right:1px dotted #666666;}


/********* per contatti - posizionamento assoluto ************/
	#contattaci_over { width:200px; height:30px; top:75px; left:17%; z-index:1; position:absolute;}

	.sx_interna { display:inline; width:66.6%; float:left; border:0; border-right:1px dotted #666666; text-align:left; background:url(../../img/public/tpl/sx_pagine_interne.jpg) repeat-x top left #fff; min-height: 470px; height: auto !important; height: 470px; }
	.sx { display:inline; width:48%; float:left; border:0; border-right:1px dotted #666666; text-align:left;}
	.centro { display:inline; width:50%; float:left; text-align:right;}
		.centro_corpo {padding: 0 10px 0 0;}
	.dx_interna { display:inline; width:33.1%; float:left; border:0; /*border-left:1px dotted #666666;*/ background:url(../../img/public/tpl/sfondo_colonna_news_interna.jpg) repeat-x top right #fbf740; text-align:left;}
/************ solo explorer  per sovrascrivere il margin *********/ * html .dx_interna { width:33.3%;}

/* in piu per prodotti / mercatino / bacheca dove non ci deve essere la parte dx */
	.sx_interna_special { /*display:inline;*/ width:100%; /*float:left;*/ border:0; text-align:left; min-height: 300px; height: auto !important; height: 300px; background:url(../../img/public/tpl/sx_pagine_interne.jpg) repeat-x top left #fff;}


	.dx { display:inline; width:33.2%; float:left; border:0; /*border-left:1px dotted #666666;*/ background:url(../../img/public/tpl/sfondo_colonna_news.jpg) repeat-x top right #fbf740;  text-align:left;}
/************ solo explorer  per sovrascrivere il margin *********/ * html .dx { width:33.3%;}
		.dx_corpo { padding: 0 0 0 10px;}
#bottom { width: 960px; margin:0 auto; padding:0; }
	.bottom_margine { width:30px; background:url(../../img/public/tpl/bottom_sfondo.jpg) repeat-x; display:inline; float:left; border:0; margin:0; }
	#bottom_corpo { width:900px; display:inline; background:url(../../img/public/tpl/bottom_sfondo.jpg) repeat-x; float:left; text-align:right; }

/****** divs per attenzione - eventi okko ******/
.attenzione {width:80%; display:block; text-align:center; height:35px; padding: 0; margin: 0 auto;}
	.attenzione_margine { width:8%; background:url(../../img/public/bottoni/corpo_arancio.jpg) repeat-x; display:inline; float:left; border:0; margin:0;}
	#attenzione_corpo_arancio { width:80%; height: 32px; display:inline; background:url(../../img/public/bottoni/corpo_arancio.jpg) repeat-x; float:left; text-align:center; font-weight:bold; padding:10px 0 0 0;}

.ricerca {width:70%; display:block; text-align:center; height:35px; padding: 0; margin: 0 auto;}
	#ricerca_corpo_arancio { width:80%; height: 32px; display:inline; background:url(../../img/public/bottoni/corpo_arancio.jpg) repeat-x; float:left; text-align:center; font-weight:bold; padding:10px 0 0 0;}
	.ricerca_margine { width:9%; background:url(../../img/public/bottoni/corpo_arancio.jpg) repeat-x; display:inline; float:left; border:0; margin:0;}


/****** divs per news ******/
	.news_importante {border:1px solid #FC0; border-width:1px 0; background:url(../../img/public/tpl/sotto_news.jpg); min-height:90px; height:auto !important; height:90px;} /*home page*/
	.news_normale {} /*home page*/
	.news_importante_pagina_news {}
	.news_normale_pagina_news {}
	.sx_interna_margine {} /*mettere un marginino*/
	.dettaglio_news_pagina_news {} /* magari dare un colore fighissimo */
	.news_corpo_info { width:60%; float:left; padding: 3px 0; border-left: 1px solid #ccc;}
	.news_corpo_foto { float:left;}
	.corpo_foto_news_seconda { float:left; width:48%; border-right:1px dotted #ccc;}


/****** divs per annunci ******/
.annunci_titolo { padding-left:20px; padding-right:20px; font-weight:bold; text-align:left;}
.annunci_testo {padding-left:20px; padding-right:20px; }
.annunci_dati_personali {
	border:1px dotted #CCCCCC;
	padding:3px 10px;
	background-color: #FFFFB7;
}
.annunci_data { font-size:11px; color:#666;}


/****** divs per ventesimo anniversario ******/
.corpo_speciale { width:100%;}
.mora { width:33%; height:110px; float:left; }
.bionda { width:33%; height:110px;  float:left; }


/***** stili comuni ******/
.corpo_info { width:20%; float:left; border-left: 1px solid #ccc; }
.corpo_info_prodotto { width:60%; float:right; border-left: 1px solid #ccc; }
.corpo_info_offerte { width:60%; float:right; border-right: 1px solid #ccc; }
	.corpo_info_posizione { /*width:100px;*/ padding:2px; text-align:left;}
	.corpo_info_posizione_home { width:150px; padding:2px; text-align:left;}

.corpo_foto { float:left;}
.corpo_foto_prodotto { float:right;}
	.corpo_foto_posizione { padding:2px; text-align: center;}

/********* dalla seconda immagine dei prodotti in poi **********/
.corpo_foto_prodotto_seconda { float:left; width:33%; border-right:1px dotted #ccc;}


/**** stili divs per nevs ****/
.formNevs { background:#FFFF00; width:200px; text-align:center; }
.statusNevs {background: #FFFF00; width:200px; text-align:center; }


/* inizio stili speciali per finestrina */
div.uedge { width: 95%; background: url(../../img/public/tpl/corpetto_offerte/tedge.gif) repeat-x top #fff; }
div.redge { background: url(../../img/public/tpl/corpetto_offerte/redge.gif) repeat-y top right; }
div.bedge { background: url(../../img/public/tpl/corpetto_offerte/bedge.gif) repeat-x bottom left; }
div.ledge { background: url(../../img/public/tpl/corpetto_offerte/ledge.gif) repeat-y top left; }
div.ulcorner { background: url(../../img/public/tpl/corpetto_offerte/tlcorner.gif) no-repeat top left; }
div.urcorner { background: url(../../img/public/tpl/corpetto_offerte/trcorner.gif) no-repeat top right; }
div.blcorner { background: url(../../img/public/tpl/corpetto_offerte/blcorner.gif) no-repeat bottom left; }
div.brcorner { background: url(../../img/public/tpl/corpetto_offerte/brcorner.gif) no-repeat bottom right; padding: 15px 30px 30px 15px; }
div.innercontent { width: 100%; text-align:left; }
/* fine stili speciali per finestrina */


/*********** prodotti ************/
#breadcrumb { height:25px; text-align:center; background:#C6C470; /*border:1px dashed #ccc;*/ width:90%;}
	#breadcrumb .posiziona { padding-top:5px; font-size:12px; }
.usato_0 {}
.usato_1 {}


/***** lista categorie ******/
#scelta_rapida_categoria { width:100%; margin-left:10px;}
.categoria {float:left; border: 1px solid #FFC879; width:24%; height:200px; margin-right:3px;}
	.categoria .titolo_categoria {width:100%; background: url(../../img/public/tpl/sfondo_menu_prodotto.jpg) repeat-x bottom left #FFFF33; height:25px;}
	.categoria .titolo_categoria .posiziona {padding-top:7px; font-size:11px; text-transform:uppercase; padding-left:10px;}

	.categoria .sottocategoria {width:100%;}
	.categoria .sottocategoria .posiziona {width:100%; height:15px; padding:5px 0 0 5px;}

/***** dettaglio prodotto ******/
#top_dettaglio_prodotto { width:654px; min-height:128px; background:url(../../img/public/tpl/top_dettaglio_prodotto.jpg) no-repeat top left; }
#top_dettaglio_prodotto .posiziona { padding:20px 10px 0 10px;}

	.altre_immagini_prodotto {width:80%; background: #E8E8E8; text-align:left;}


/***** domande e commenti *****/
#lascia_commento {width:80%; min-height:100px; height:auto !important; height:100px; text-align:left; background: url(../../img/public/tpl/commento.jpg) no-repeat top right #ffdabe; }
#poni_domanda {width:80%; min-height:100px; height:auto !important; height:100px; text-align:left; background: url(../../img/public/tpl/poni_domanda.jpg) no-repeat top right #ffdf93; }
#commenti {width:80%; min-height:100px; height:auto !important; height:100px; text-align:left; background: url(../../img/public/tpl/vecchi_commenti.jpg) no-repeat top right #ffdabe; }
#domande {width:80%; min-height:100px; height:auto !important; height:100px; text-align:left; background: url(../../img/public/tpl/vecchie_domande.jpg) no-repeat top right #ffdf93; }
#lascia_commento .posiziona, #commenti .posiziona, #poni_domanda .posiziona, #domande .posiziona { padding:10px 30px;}


/* 003. links */
a.menu_attivo:link {color: #000000; text-decoration : none; /*font-size: inherit;*/}
a.menu_attivo:visited {color: #333333; text-decoration : none; /*font-size: inherit;*/}
a.menu_attivo:hover {color: #222222; text-decoration: underline; /*font-size: inherit;*/}
.cursor_link { cursor:hand; cursor:pointer;}

/* 004. table */
table {}
th.tab_standard {color: #fff; background: #ccc; font-weight: bold;}
th.tab_prodotti {background: url(../../img/public/tpl/sfondo_menu_prodotto.jpg) repeat-x bottom left #FFFF33; padding-left:5px; color:#000; height:25px; text-align:left;}

td.tab_standard { /*font-size: 10px;*/ color: #000; /*border-bottom: 1px solid #ccc; */}
td.tab_standard0 { /*font-size: 10px;*/ color: #000000; background-color: #ffe7c1; padding:3px; /*border-bottom: 1px solid #ccc;*/ }
td.tab_standard1 { /*font-size: 10px;*/ color: #000000; background-color: #fff; padding:3px; }
td.tab_mercatino_tipologia { text-align:left; margin-left:20px; font-size: 10px; background:#FFCC33; border-bottom: 1px dotted #ccc;}
td.tab_mercatino_cerco {text-align:left; margin-left:20px; font-size: 10px; background:#FFCC00; border-bottom: 1px dotted #ccc;}

/* per lista gruppi */
.tab_0 { padding:3px; color: #666; background: #FFE7C1;}
.tab_1 { padding:3px; color: #666; background: #FEDF73;}
.tab_2 { color: #666666; background-color: #FFF1C1;	padding-top: 3px; padding-right: 3px; padding-left: 3px;}
.tab_3 {
	padding:3px;
	color: #666;
	background-color: #FDFDB5;
}

/* 005. form */
.testo {border:0; color:#000033; font-weight:bold; letter-spacing: .1em;word-spacing:.2em; background:#edeeeb;}
.input {border:1px solid #ccc; color:#000033; letter-spacing: .1em;word-spacing:.2em; background:url(../../img/public/bottoni/sfondo_form.jpg) repeat-x top left;}
.bottone {background:url(../../img/public/bottoni/sfondo_bottone_2.jpg) repeat-x left top; height:27px; border-right:1px solid #ccc; border-bottom: 1px solid #ccc; font:bold 10px verdana,helvetica,sans-serif; color: #737373; cursor:hand; cursor:pointer;}
.bottone_verde {background:url(../../img/public/bottoni/sfondo_bottone_verde.jpg) repeat-x left top; height:27px; border-right:1px solid #ccc; border-bottom: 1px solid #ccc; font:bold 10px verdana,helvetica,sans-serif; color: #737373; cursor:hand; cursor:pointer;}
.bottone_arancio {background:url(../../img/public/bottoni/sfondo_bottone_arancio.jpg) repeat-x left top; height:27px; border-right:1px solid #ccc; border-bottom: 1px solid #ccc; font:bold 10px verdana,helvetica,sans-serif; color: #737373; cursor:hand; cursor:pointer;}
.bottone_small {background:url(../../img/public/bottoni/sfondo_bottone_arancio.jpg) repeat-x left top; height:20px; border-right:1px solid #ccc; border-bottom: 1px solid #ccc; font:bold 10px verdana,helvetica,sans-serif; color: #737373; cursor:hand; cursor:pointer; }
.bottone_small_grigio {background:url(../../img/public/bottoni/sfondo_bottone_2.jpg) repeat-x left top; height:20px; border-right:1px solid #ccc; border-bottom: 1px solid #ccc; font:bold 10px verdana,helvetica,sans-serif; color: #737373; cursor:hand; cursor:pointer; }
.area_testo { border:1px solid #ccc; background: #fbfbfc; /*width:95%;*/ /*size:auto; */ font:bold 10px verdana,helvetica,sans-serif; color: #737373;}
.select { font: 10px Verdana, Arial, Helvetica, sans-serif; border:1px solid #ccc; color: #000033; height:20px; background:url(../../img/public/bottoni/sfondo_form.jpg) repeat-x left top; }
.select_arancio { font: 10px Verdana, Arial, Helvetica, sans-serif; border:1px solid #ccc; color: #000033; height:20px; background:url(../../img/public/bottoni/sfondo_bottone_arancio.jpg) repeat-x left top; }
/*options della select*/.options {background: #fbfbfc;}
.bottone_small_grigio_inline {background:url(../../img/public/bottoni/sfondo_bottone_2.jpg) repeat-x left top; height:17px; border-right:1px solid #ccc; border-bottom: 1px solid #ccc; font:bold 10px verdana,helvetica,sans-serif; color: #737373; cursor:hand; cursor:pointer; }
.bottone_small_arancio_inline {background:url(../../img/public/bottoni/sfondo_bottone_arancio.jpg) repeat-x left top; height:17px; border-right:1px solid #ccc; border-bottom: 1px solid #ccc; font:bold 10px verdana,helvetica,sans-serif; color: #737373; cursor:hand; cursor:pointer; }
.bottone_small_rosso {background:url(../../img/public/bottoni/sfondo_bottone_rosso_small_sx.gif) no-repeat left top; height:14px; padding-bottom:2px; border:0; font:bold 10px verdana,helvetica,sans-serif; color: #fff; text-align:center; cursor:hand; cursor:pointer;}
.risoluzione_2 { vertical-align:top; }

/* per form nuovi */
.input_new {border:1px solid #ffe39e; background:#ffedbb; color:#333;}


/* 006. stili per img ingrandimento prodotto */
.img {	text-align:center;}
.img_posizione { margin: 10px; display:inline; float:left; /*border:1px; border-style:dotted;*/ z-index:100; /*border-color:#666666;*/ width:90px; height: 90px;}
/* stili particolari per ingrandimento img */
.img_posizione a.small, .img_posizione a.small:visited { display:block; width:90px; height: 90px;}
.img_posizione a.small:hover, .img_posizione a.small:active { position: static;text-decoration:none; background-color:transparent;color:#fff;}
.img_posizione a .grande, .img_posizione a .grande:visited {display:block; position:absolute;  width:1px; height:1px;  top:-1px; left:-1px; color:#fff; background-color:transparent; }
.img_posizione a.small:hover .grande, .img_posizione a.small:active .grande {display:block; position:absolute; top:20% ;left:50%; width:400px; height:300px;}

.img_posizione a .grande_grande, .img_posizione a .grande_grande:visited {display:block; position:absolute;  width:1px; height:1px;  top:-1px; left:-1px; color:#fff; background-color:transparent; }
.img_posizione a.small:hover .grande_grande, .img_posizione a.small:active .grande_grande {display:block; position:absolute; top:60% ;left:50%; width:400px; height:300px;}


/* 007. altri stili di testo */
.messaggio_in_alto {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #CC0000; font-weight:bold; padding-left:20px;}

/* 008. stili per liste */
ul { display:inline;}
li { display:inline;}