/*################# #####
CSS per il file cat.asp
########################*/


/*
Classe applicata all'H1 delle pagine dinamiche, da usare per eventuali formattazioni perticolari
*/
h1.h1_scheda
{
color:#420001; /*da personalizzare*/
}

/*
elimina l'underline dall'h1 della scheda
VERIFICARE BENE IL SELETTORE, SENZA POTREBBE NON FUNZIONARE E DI SOLITO è PERSONALIZZATO
*/
a.titolo_scheda:link
{
text-decoration:none;
cursor:text;
color:#420001; /*da personalizzare*/
}

a.titolo_scheda:visited
{
text-decoration:none;
cursor:text;
color:#420001; /*da personalizzare*/
}

a.titolo_scheda:hover
{
text-decoration:none;
cursor:text;
color:#420001; /*da personalizzare*/
}

/*
FORMATTAZIONE DEL MENU' RAPIDO VERTICALE, NON è PIù UTILIZZATO MA LO TENIAMO PER EVENTUALI EVENIENZE
#menu_rapido
{
float:right;
width:150px;
padding:10px;
margin:20px 0px 20px 20px;
background-image:url(../images_layout/sfondo_inserto.gif);
background-repeat:repeat-x;
border:1px solid #C3C8CE;
text-align:center;
}

#menu_rapido ul
{
margin:5px 0px 0px 0px;
padding:0px;
list-style-type:none;
text-align:left;
}

#menu_rapido li
{
margin:3px 0px 3px 0px;
}

*/

/*
FORMATTAZIONE MENU' RAPIDO ORIZZONTALE STANDARD
*/
#menu_rapido
{
margin:0px;
width:100%;
border-width:0px 0px 1px 0px;
border-color:#B9B9B9;
border-style:solid;
padding-bottom:0px;
text-align:right;
min-height:40px;
height: auto !important;
height: 40px;
}

#icone
{
padding-bottom:25px;
}

#menu_rapido img
{
border:0px;
}

#thb_iconinfo2_8655
{
min-height:12px;
height: auto !important;
height: 12px;
font-size:11px;
margin:5px 0px 0px 0px;
}

#opzioni
{
float:right;
}

/*
descrizione lunga della lista, permette di definire un spazio costante tra il testo e la lista di articoli
*/
div.descrizione_lunga_lista{
	margin:10px 0px 10px 0px;
}

div.descrizione_lunga_dettaglio{
	margin:10px 0px 10px 0px;
	float:left;
	width: 45%;
	text-align: justify;
}

/*
formattazione tabella attributi EVENTUALMENTE DA PERSONALIZZARE IN BASE AI COLORI DEL SITO
*/
#attributi
{
width: 51%;
margin:10px 0px 10px 0px;

float:right; /*da personalizzare: serve nel caso si voglia mettere descrizione e attributi a fianco*/
}

/*
formattazione cella NOME attributi
*/
.AttribName {
	border-width: 0px 0px 1px 0px;
	border-style:dotted;
	border-color:#999999; /*da personalizzare*/
	padding:5px;
	text-align:right;
	font-size:11px;
	margin-right:2px;
	width:35%;
}

/*
formattazione cella VALORE attributi
*/
.AttribValue {
	padding:5px;
	border-width: 0px 0px 1px 0px;
	border-style:dotted;
	border-color:#999999; /*da personalizzare*/
	text-align:left;
	font-size:11px;
	font-weight:bold;
	width:65%;
}

/*
formattazione tabella aproprietà e-commerce EVENTUALMENTE DA PERSONALIZZARE IN BASE AI COLORI DEL SITO
*/
#livello_ecommerce
{
width:100%; /*da personalizzare*/
}

#tabella_attributi_ecommerce
{
border:0px;
width:100%;
}

#tabella_attributi_ecommerce td.AttribName_ecom
{
	border-width:0px;
	padding:5px;
	text-align:left;
	font-size:11px;
	margin-right:2px;
	width:20%;
	border-width:0px 0px 1px 0px;
	border-color:#E1E4E7;
	border-style:dotted;
}

#tabella_attributi_ecommerce td.AttribValue_ecom_code
{
font: 16px "Trebuchet MS", Arial, sans-serif; 
font-weight:bold;
width:25%;
border-width:0px 0px 1px 0px;
	border-color:#E1E4E7;
	border-style:dotted;
}

#tabella_attributi_ecommerce td.AttribValue_ecom_sconto
{
width:25%;
border-width:0px 0px 1px 0px;
border-color:#E1E4E7;
border-style:dotted;
}

#tabella_attributi_ecommerce td.AttribValue_ecom_price
{
font: 18px "Trebuchet MS", Arial, sans-serif; 
font-weight:bold;
color:#ea6211;
width:25%;
border-width:0px 0px 1px 0px;
	border-color:#E1E4E7;
	border-style:dotted;
}

#tabella_attributi_ecommerce td.add_cart
{
width:55%;
}

p.modulo_comments
{
font-size:13px;
font-weight:bold;

clear:both; /*da personalizzare: serve nel caso si descrizione e attributi sono a fianco*/
}

#modulo_carrello
{
font: 16px "Trebuchet MS", Arial, sans-serif; 
font-weight:bold;
text-transform:uppercase;
}


/*
tabella nel template di lista inc_list_branch_with_photo
*/
table.tabella_list_branch
{
margin:10px 0px 10px 0px;
width:100%;
border:0px solid #000000; /*da personalizzare*/
}

/*
Caso comune a immagine personalizzata per quanto riguarda la cartella e la scheda
*/
td.con_foto
{
width:204px; /*da personalizzare*/
height:134px; /*da personalizzare*/
border:1px solid #999999; /*da personalizzare*/
padding:0px;
margin:0px;
vertical-align:middle; /*da personalizzare*/
text-align:center; /*da personalizzare*/

}

td.con_foto img
{
border:0px solid #999999; /*da personalizzare*/
/*width:150px; da personalizzare, è un resize virtuale*/
/*height:113px; da personalizzare, è un resize virtuale*/
}

td.desc_list_branch
{
padding:0px 0px 0px 10px; /*da personalizzare*/
margin:0px;
vertical-align:middle; /*da personalizzare*/
text-align:left; /*da personalizzare*/
font-size:11px; /*da personalizzare*/
}

td.desc_list_branch a:link
{
color:#00519c; /*da personalizzare*/
text-decoration:none; /*da personalizzare*/
font-size:13px; /*da personalizzare*/
}

td.desc_list_branch a:visited
{
color:#00519c; /*da personalizzare*/
text-decoration:none; /*da personalizzare*/
font-size:13px; /*da personalizzare*/
}

td.desc_list_branch a:hover
{
color:#00519c; /*da personalizzare*/
text-decoration:underline; /*da personalizzare*/
font-size:13px; /*da personalizzare*/
}

td.desc_list_branch p
{
padding:5px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

/*-----Caso di scheda che non ha immagine-----*/
td.senza_foto
{
width:204px; /*da personalizzare*/
height:134px; /*da personalizzare*/
padding:0px;
margin:0px;
vertical-align:middle; /*da personalizzare*/
text-align:right; /*da personalizzare*/
}

td.senza_foto img
{

}

/*evita di dover dare dei BR per distaccare il testo della descrizione dal link al modulo info*/
p.modulo_comments 
{
margin: 15px 0px 15px 0px;
}

h2.titolo_lista_foto
{
padding:0px;
margin:20px 0px 0px 0px;

clear:both; /*da personalizzare: serve nel caso di descrizione e attributi sono a fianco e non è presente il modulo di richiesta info che pulisce i float*/
}

h2.titolo_lista_allegati
{
margin:0px;
padding:20px 0px 0px 0px;
}


p.intro_lista_foto, p.intro_lista_allegati
{
margin:2px 0px 5px 0px;
font-size:11px; 
}
/*------------------------------------------*/

/*livello precedente_successivo, è possibile scegliere l'allineamento del testo e lo stile del bordo superiore*/
#precedente_successivo
{
text-align:right;
border-width:1px 0px 0px 0px;
border-style:solid;
border-color:#B9B9B9;
padding-top:20px;
font-size:11px;
}
/*------------------------------------------*/


/*tabella nel template della fotogallery N.B img class.preview è definita precedentemente*/ 
#livello_fotogallery
{

}

table.fotogallery
{
float:left;
margin:5px 0px 0px 0px;
padding:0px;
width:204px; /*da personalizzare*/
height:134px; /*da personalizzare*/
}

td.cella_immagine_lista
{
border: 1px solid #999999;
vertical-align:middle;
text-align:center;
background-color:#FFFFFF;
width:202px; /*da personalizzare in base alla dimensione delle immagini = dimensione immagine più 2 per il bordo*/
height:132px; /*da personalizzare in base alla dimensione delle immagini = dimensione immagine più 2 per il bordo*/
}

td.cella_immagine_dettaglio
{
border: 1px solid #999999;
vertical-align:middle;
text-align:center;
background-color:#FFFFFF;
width:202px; /*da personalizzare in base alla dimensione delle immagini = dimensione immagine più 2 per il bordo*/
height:132px; /*da personalizzare in base alla dimensione delle immagini = dimensione immagine più 2 per il bordo*/
}

img.preview
{
border:0px;
}

td.didascalia
{
font-size:10px; 
font-weight:bold;
width:202px; /* da personalizzare */
}

p.didascalia
{
margin-top:2px;
font-size:10px; 
font-weight:bold;
}



/*
formattazione livello briciole di pane STANDARD DA METTERE IN TUTTI I SITI
*/
#briciole_di_pane
{
font-size:11px;
padding:5px 5px 5px 0px; 
margin:0px 0px 10px 0px;
border-bottom: 0px solid #E1E4E7;
/*background-color:#EFF2F6; da personalizzare*/

/*display:none; commentare queste istruzioni se è visualizzato*/
/*visibility:hidden; commentare queste istruzioni se è visualizzato*/
}

/*#briciole_di_pane a:link
{
color:#999999;
}

#briciole_di_pane a:visited
{
color:#999999;
}

#briciole_di_pane a:hover
{
color:#54B109;
}*/
/*--------------------------------------*/

/*Formattazione per la _inc_list_branch_with_photo_ecom.asp */
table.tabella_lista_folder
{
width:100%;
border:0px;
margin:5px 0px 5px 0px;
text-align:left;
}

table.tabella_lista_scheda
{
width:100%;
border-width:0px 0px 1px 0px;
border-color:#333333;
border-style:dotted;
}

table.tabella_lista_folder td.bullet_folder
{
width:40px;
}

table.tabella_lista_folder td.titolo_e_desc_folder
{
text-align:left;
font: 13px "Trebuchet MS", Arial, sans-serif; 
text-transform:capitalize;
}

#tabella_promo td.cella_desc_promo
{
text-align:left;
font: 13px "Trebuchet MS", Arial, sans-serif; 
text-transform:capitalize;
}

#tabella_promo td.cella_desc_promo h3
{
padding-bottom:3px;
margin-bottom:0px;
font: 13px "Trebuchet MS", Arial, sans-serif;
}

table.tabella_lista_scheda td.foto_lista_scheda
{
border: 1px solid #999999;
vertical-align:middle;
text-align:center;
background-color:#FFFFFF;

width:202px; /*da personalizzare in base alla dimensione delle immagini = dimensione immagine più 2 per il bordo*/
height:152px; /*da personalizzare in base alla dimensione delle immagini = dimensione immagine più 2 per il bordo*/
}

table.tabella_lista_scheda td.foto_lista_scheda img
{
border:0px;
}

table.tabella_lista_scheda td.titolo_lista_scheda
{
padding:5px;
width:180px;
}

table.tabella_lista_scheda td.titolo_lista_scheda p.paragrafo_titolo
{
font: 16px "Trebuchet MS", Arial, sans-serif; 
font-weight:bold;
text-transform:capitalize;
}

table.tabella_lista_scheda td.proprieta_lista_scheda
{
font-size:11px;
padding:5px 5px 5px 0px;
width:135px;

}

table.tabella_lista_scheda td.proprieta_lista_scheda span.val_attr_ecom
{
font-weight:bold;
}

table.tabella_lista_scheda td.opzioni_prodotto
{
padding:5px 0px 5px 0px;
text-align:right;
}

table.tabella_lista_scheda td.opzioni_prodotto div.prezzo
{
font: 18px "Trebuchet MS", Arial, sans-serif; 
font-weight:bold;
color:#ea6211;
}

table.tabella_lista_scheda td.opzioni_prodotto div.carrello
{
font-size:11px;
width:155px;
height:26px;
padding:7px 5px 0px 0px;
background-image:url(../images_layout/bg_carrello.gif);
background-position:left top;
background-repeat:no-repeat;
}



table.tabella_lista_scheda td.opzioni_prodotto div.prezzo strike
{
font-size:12px;
}





/*formattazione per la scheda E-COMMERCE*/
td.lista_foto_e-commerce
{
width:35%;
vertical-align:top;
border-width:0px 1px 0px 0px;
border-style:solid;
border-color:#CCCCCC;
}

td.descrizione_lunga_e-commerce
{
vertical-align:top;
padding-left:5px;
}
/*--------------------------------------*/

/*-------------- Formattazione  del livello Broters che  lista  gli oggetti fratello----*/
#brothers{
clear: both;
/* border-top: 1px solid #B9B9B9; */
margin-top: 30px;
font-size:11px;
background-color:#FFFFFF;
background-image:url(../images_layout/bg_brother.jpg);
background-position:left top;
background-repeat:no-repeat;
padding:5px 5px 5px 30px;

}

#paginazione
{
	font-size:11px;
	text-align:right;
	margin: 20px 0px 20px 10px;
}

#paginazione a.pagina_corrente:link
{
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:0px 2px 0px 2px;
}

#paginazione a.pagina_corrente:visited
{
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:0px 2px 0px 2px;
}

#paginazione a.pagina_corrente:hover
{
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:0px 2px 0px 2px;
}

/*-------------- Foto iniettata nella descrizione lunga----*/
#first_photo
{
float:left;
border: 1px solid #999999;
vertical-align:middle;
text-align:center;
background-color:#FFFFFF;
width:202px; /*da personalizzare in base alla dimensione delle immagini = dimensione immagine più 2 per il bordo*/
height:152px; /*da personalizzare in base alla dimensione delle immagini = dimensione immagine più 2 per il bordo*/
margin:0px 10px 10px 0px;

visibility:hidden;
display:none;
}

#first_photo img
{
border:0px;
}

img.foto_promo
{
border:0px;
}

td.cella_immagine_promo
{
border: 1px solid #999999;
vertical-align:middle;
text-align:center;
background-color:#FFFFFF;

width:202px; /*da personalizzare in base alla dimensione delle immagini = dimensione immagine più 2 per il bordo*/
height:152px; /*da personalizzare in base alla dimensione delle immagini = dimensione immagine più 2 per il bordo*/
}