/********************************************************************************************************/
/* template.css                           
/* Usato come template per il file template.html        
/********************************************************************************************************/


/*------------------------------------------------------------------------------------------------------*/
/* REGOLE GENERALI 
/* Regole generali applicate finchè nn si hanno regole specifiche               
/*------------------------------------------------------------------------------------------------------*/

/*************************************************************/
/* HTML
/*************************************************************/
html {
	width:100%;
}

/*************************************************************/
/* SELETTORE UNIVERSALE
/*************************************************************/
* {
	padding: 0px;
	margin:0px;
}

/*************************************************************/
/* BODY
/*************************************************************/
body{
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#333333;
	background:#edf9ee url(../IMMAGINI/background.gif) repeat-x scroll;
}

/*******************************************************/
/* CONTAINER: contenitore di tutta la pagina
/*******************************************************/ 
#container{
	width: 900px;
	height:auto;	
}


/*************************************************************/
/* FORMATTAZIONE PER I LINKS  
/*************************************************************/

/* REGOLE PER TUTTI I LINK IN GENERALE (esterni ed interni) */
a{
	color: #009966;
	text-decoration: none;
}

/* UNVISITED LINK */
a:link{
	color: #009966;
	text-decoration: none;
}

/* VISITED LINK */
a:visited{
	color: #009966;
	text-decoration: none;
}

/* MOUSE OVER LINK */
a:hover{
	color: #006633;
	text-decoration: underline;
}

/* SELECTED LINK */
a:active{
	color: #006633;
	text-decoration: underline;
}

/*toglie il bordo all'immagine linkabile*/
a img{
	border: none;
}

/*************************************************************/
/* FORMATTAZIONE PER I LINKS  
/*************************************************************/
fieldset{
	border: none;
}

/******************************************************/
/* FORMATTAZIONE PER I TITOLI       
/******************************************************/
h1 {
	font-family: Helvetica,Verdana, Arial, sans-serif;
	color: #006837;
	font-size: 140%;
}

h2 {
	font-family: Helvetica,Verdana, Arial, sans-serif;
	color: #006837;
	font-size: 120%;
}

h3 {
	font-family: Helvetica,Verdana, Arial,sans-serif;
	color: #009933;
	font-size: 110%;
}

h4 {
	font-family: Helvetica,Verdana, Arial, sans-serif;
	font-size: 100%;
	color: #009933;
}

h5 {
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-size: 90%;
	color: #009933;
}

h6 {
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-size: 90%;
	color: #009933;
}
/*************************************************************/
/* FORMATTAZIONE PER I PARAGRAFI  
/*************************************************************/
p{
	text-align: left;
}


/*------------------------------------------------------------------------------------------------------*/
/* REGOLE SPECIFICHE: LAYOUT BOX DI IMPAGINAZIONE
/* Regole specifiche definite dall'utente che prevalgono sulle regole generali (a cascata)               
/*------------------------------------------------------------------------------------------------------*/


/***********************************************************************************************************/
/* HEADER (navigazione + logo)                                  
/* parte superiore della pagina composta da 3 blocchi: nome sito + utility; barra di navigazione; sublinks
/**********************************************************************************************************/
#header {
	position:absolute;
	top: 0px;
	left: 2%;
	right:2%;
	width:900px;
	height:100px;
	margin:auto;
}

/***********************************************/
/* FORMATTAZIONE PAGINA CENTRALE  (bianca)     
/***********************************************/
#central_page {
	position:absolute;
	/*top: 95px;*/
	top:100px;
	left: 2%;
	right: 2%;
	margin:auto;
	width:900px;
	height:auto;
}


/*------------------------------------------------------------------------------------------------------*/
/* REGOLE SPECIFICHE: COMPONENTI PER OGNI BOX (div) DI IMPAGINAZIONE
/* Regole specifiche definite dall'utente che prevalgono sulle regole generali (a cascata)               
/*------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* ELEMENTI INTERNI: NAVIGAZIONE TOP
/*--------------------------------------------------------------*/

/*******************************************************/
/* LOGO: sitename + image
/*******************************************************/
 #logo{
 	/*width:147px;
	height:81px;
 	background: transparent url(../IMMAGINI/logoLeonard1.png) no-repeat;*/
	width:145px;
	height:90px;
 	background: transparent url(../IMMAGINI/logoLeonard3.png) no-repeat;
	position:absolute;
	top:7px;
	left:25px;
 }
 


/*******************************************************/
/* NOME DEL SITO ALL'INTERNO DELLA NAVIGAZIONE TOP
/*******************************************************/
#logo h1{
	text-indent:-99999px;/*elimina il testo per rimpiazzarlo con l'immagine*/
}

#logo h1 a{
	width:160px;
	height:100px;
	display:block;
}

/*****************************************************************/
/* BARRA DI NAVIGAZIONE IN ALTO
/****************************************************************/

/*CONTENITORE_SCATOLA CHE RACCHIUDE LA NAVIGAZIONE IN ALTO*/ 
#top_navigation {
	 padding:1px 0px 0px 320px;
	 position:absolute;
	 top:70px;
	 font-size:14px;/*DA CONVERTIRE IN  EM!!!!*/
}

/*NAVIGAZIONE IN ALTO regole generali per la lista*/
#top_navigation ul{
	padding:0;
	margin:0 auto;
	list-style:none;
	white-space:nowrap;
}

/*formattazione dei singoli elementi della lista di navigazione in alto*/
#top_navigation ul li {
	display: inline;
	margin:0;
	padding:0;
}

/*barra spaziatrice tra i link della barra di top_navigation*/
#top_navigation ul li span{
	margin-right:10px;
	margin-left:10px;
}

/*link della top_navigation*/
#top_navigation ul li a {
	font-family:Helvetica, Arial, sans-serif;
	color:#333333;
	letter-spacing:1px;
	text-decoration:none;
}

#top_navigation ul li a:hover, #top_navigation ul li a.current {
	color:#ff6600;
	/*color:#cc6600;*/
}


/*****************************************************************/
/* IL MIO CRRELLLO
/****************************************************************/
#carrello{
	position:absolute;
	top:70px;
	right:30px;
	height:36px;
	width: auto;
	text-align:right;
}

/*immagine per il carrello*/
#carrello .img_carrello{
	background:transparent url(../IMMAGINI/shopping_bag_verde.png) no-repeat;
	width:16px;
	height:25px;
	position:absolute;
	top:-10px;
	right:95px;
}

#carrello a{
	color:#ff6600;
	text-decoration:none;
}

/*formattazione per il numero del carrello*/
#carrello a .n_carrello{
	color:#333333;
	font-weight:bold;
}

/*--------------------------------------------------------------*/
/* ELEMENTI INTERNI: PAGINA CENTRALE
/*--------------------------------------------------------------*/
#contenitore{
	width:900px;
	height:auto;
}

#ripetizione{
	background:transparent url(../IMMAGINI/sfondo_ripetibile.png) repeat-y;
	height: auto;
	width: 900px;
	overflow:hidden;
}

#tl{
	background:transparent url(../IMMAGINI/tl.gif) no-repeat;
	width:28px;
	height:29px;
	position:absolute;
	top:0px;
}

#tr{
	background:transparent url(../IMMAGINI/tr.gif) no-repeat;
	width:26px;
	height:29px;
	position:absolute;
	top:0px;
	right:0px;
}

#bl{
	background:transparent url(../IMMAGINI/bl.gif) no-repeat;
	width:29px;
	height:29px;
	position: relative;
	bottom:25px;
}

#br{
	background:transparent url(../IMMAGINI/br.gif) no-repeat;
	width:28px;
	height:29px;
	position:relative;
	bottom:52px;
	left:872px;

}


/*********************************************/
/* NAVIGAZIONE LATERALE 
/* Pannello colonna navigazione laterale dx
/*********************************************/
#side_navigation{
	float: left;
	width:181px;
	height:auto;
	padding:60px 0px 0px 0px;
	/*background:#009F3A url(../IMMAGINI/side_navigation.gif) repeat;*/
	margin-bottom: 20px;
	min-height:520px;
	font-size:14px;/*DA CONVERTIRE IN EM!!!!!*/
}

/*titolo della navigazione laterale*/
#titolo_elencogeneri{ 
	/*background:transparent url(../IMMAGINI/brown_ribbon_elencogeneri3.png) no-repeat;*/
	background:transparent url(../IMMAGINI/orange_ribbon_elencogeneri.png) no-repeat;
	width:210px;
	height:60px;
	position:absolute;
	left:-14px;
	top:40px;
	z-index:1;
}

#titolo_elencogeneri h4{
	text-indent:-99999px; 
}

/*elenco generi di ballo nella navigazione laterale*/
.elenco_generi{
	list-style: none;
	margin:15px 10px 20px 12px;
	padding-bottom:10px;
	position:relative;
	z-index:2;
}

/*elemento lista*/
#side_navigation ul li{
	height:18px;
}

/*link di ogni elemento lista*/
#side_navigation ul li a{
	color:#FFFFFF;
}

#side_navigation ul li a:visited{
	color: #FFFFFF;
}

#side_navigation ul li a:hover{
	/*color:#FF6600;*/
	color:#663300;
	text-decoration:none;
}

/*allineamento testo a dx*/
.text_right{
	text-align:right;
}

/*div contenente le select di ricerca laterale*/
.side_search{
	margin:10px 10px 50px 10px;/*stranamente nn funziona il margin bottom!!!!!!!!*/
	padding-bottom:20px;
	overflow:hidden;
	width:160px;
}

/*TITOLO DELLA RICERCA LATERALE*/
#titolo_ricerca{
	/*background:transparent url(../IMMAGINI/brown_ribbon_ricerca3.png) no-repeat;*/
	background:transparent url(../IMMAGINI/orange_ribbon_ricerca.png) no-repeat;
	width:210px;
	height:59px;
	position:absolute;
	top:220px;
	left:-14px;
	z-index:1;
}

#titolo_ricerca h3{
	text-indent:-99999px;
}

.side_search form{
	margin-top:27px;
}


/*formattazione select laterale*/
.side_search select{
	margin-bottom:10px;
	position:relative;
	z-index:2;
}

/*TITOLO side search*/
.side_search h3{
	color:#FFFFFF;
	font-weight:normal;
	margin-bottom:10px;
}


#showgirl{
	width:162px;
	height:285px;
	background:transparent url(../IMMAGINI/showgirl_brownshoes2.png) no-repeat;
	z-index:100;
	position: absolute;
	bottom:78px;
	left:0px;
}

/**********************************************/
/* PAGINA CENTRALE SENZA NAVIGAZIONI LATERALI          
/**********************************************/
#pagina_centrale_senza_navigazione {
	margin: 0px 0px 20px 180px;
	overflow:hidden;/*da vedere!!!!!!*/
	width:719px;/*da vedere!!!!!!*/
	/*height:395px;*/
	height:auto;
}


/************************************/
/* FOOTER
/************************************/
#footer {
	clear: both;
	border-top: 1px solid #ccc;
	font-size: 100%;
	color: #cccccc;
	padding: 10px;
	margin-top:40px;
}

#footer a{
	color: #666666;
}

#footer a:hover{
	color: #005FA9;
}

/*--------------------------------------------------------------*/
/* ELEMENTI INTERNI: PAGINA CENTRALE SENZA NAVIGAZIONI
/*--------------------------------------------------------------*/

/*********************************************************/
/* BREADCRUMB (percorso_pagina_corrente)          
/*********************************************************/
#breadcrumb {
	padding: 0px 0px 5px 0px;
	margin: 0px 20px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	position:relative;/*per far comparire il breadcrumb dopo l'immagine*/
	top:11px;
}


/*********************************************/
/* LINKS (MUST be in order to be effective)        
/*********************************************/

/*UNVISITED LINK*/
#breadcrumb a {
	color: #AAA;
}

/*VISITED LINK*/
#breadcrumb a:visited {
	color:#666666;
}

/*MOUSE OVER LINK*/
#breadcrumb a:hover {
	color:#005FA9;
	text-decoration: underline;
}

/************************************************************/
/* CONTENUTO
/* Pannello colonna dei contenuti all'interno della pagina
/************************************************************/
#contenuto {
	background-color: #FFFFFF;
	margin: 20px;
	width: auto;
	height: auto;
	line-height:18px;
}


/*--------------------------------------------------------------*/
/* REGOLE COMUNI
/*--------------------------------------------------------------*/
/*float right*/
.right{
	float: right;
}


#footer_links{
	float:left;
}

#validation{
	float:right;
}