/*
NOTE GENERALI:
- i tag HTML sono tutti indicati con lettere MAIUSCOLE classi e pseudoclassi dei selettori in minuscolo
- le immagini che definiscono stili sono contenute nella cartella img nella stessa root del file .css
*/

/* selettori per HTML base -- per formattare il body e tutti gli elementi inseriti con CMS */

P {
	color: #333;
}
P A{
	color: #333;
}
P A:hover{
	color: #F8A50D;
}
A{
	color: #333;
	text-decoration: underline;
}
A:hover{
	color: #F8A50D;

}
/*tolgo eventuali bordi dalle immagini con link*/
IMG, IMG A{
	border: 0;
}

UL{
	margin: 0 0 0 0;
	padding: 0 8px 0 20px;
	list-style-type: square;
	list-style-position: outside;
	list-style-image: url(img/bullet.gif);
}
OL{
	margin: 0 0 0 0;
	padding: 0 8px 0 20px;
}
LI{
	color: #333;
	margin: 0 0 3px 0;
}
LI A{
	color: #333;
	text-decoration: underline;
}
LI A:Hover{
	color: #F8A50D;
}
H1{
	margin: 10px 0 15px 0px;
	padding: 0 0 0 0;
	color: #BF1771;
	font: 18px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
}

H1 A{
	background-color: transparent;
}

H1 A:hover{
	color: #F8A50D;
}
H2{
	color: #333;
	font: bold 12px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
	margin: 10px 0 0 15px;
	padding: 0 0 0 0;
}
H2.home{
	color: #333;
	font: bold 12px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
	margin: 10px 0 0 0px;
	padding: 0 0 0 0;
}
H2 A{
	color: #F8A50D;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
H2 A:hover{
	color: #333;
	text-decoration: underline;
}

H3{
	color: #666;
	font: 13px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	background-color: transparent;
	margin: 0 0 0 8px;
	padding: 0 0 0 0;
}

/*formatta le headline*/
.subcontent{
	
}
/*formatta la classe header-titolo dei sottocontenuti*/
.subcontent_header{
	float: left;
	display: block;
	font-size: 20px;
	height: 41px;
	width: 472px;
	color: #4A061F;
	background: #ADA4A2 url(img/header_right.gif) no-repeat scroll right;
	margin: 5px 0 3px 0;
	padding: 0 20px 0 0;
}

.subcontent_header span{
	background: transparent url(img/header_left.gif) no-repeat scroll;
	padding: 9px 0px 9px 18px;
	line-height: 41px;
	vertical-align: baseline;
}

.novita{
	background: url(img/novita_bg.gif) no-repeat scroll left center;
	padding: 0 0 0 56px;
	height: 50px;
}

.offerta{
	background: url(img/offerta_bg.gif) no-repeat scroll left center;
	padding: 0 0 0 56px;
	height: 50px;
}

hr {
	border: 0; 
	color: #90A1B6;
	background-color: #90A1B6; 
	height: 1px;
}

/*formattazione dei box per le liste prodotti e vetrine*/
.box_headline P{
	margin: 0 0 0 0;
}
.box_headline IMG{
	width: 100px;
}

/*formattazione dei box per headline contenuti*/
.box_headline_news P{
	margin: 0 0 0 0;
}
.box_headline_news IMG{
	width: 100px;
}


/*formatta i box extras*/
.extras_win, .extras_win P{
	color: #FFF;
}

.extras_win, .extras_win P A{
	color: #FFF;
	text-decoration: none;
	display: block;
}

.extras_win, .extras_win P A:hover{
	color: #666;
	text-decoration: none;
}

.extras_win P.header{
	margin: 0 0 0 0;
	padding: 5px;
	color: #FFF;
	font: 14px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

.extras_win H1 A{
	color: #F85204;
	font: 10px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}

.extras_win H1 A:hover{
	color: #333;
	font: 10px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}



div#menu P.header{
	margin: 5px 0 0 15px;
	padding: 0 0 0 0;
	color: #4A061F;
	font-size: 18px;
}

div#carrello P.header{
	margin: 5px 0 0 15px;
	padding: 0 0 0 0;
	color: #FFF;
	font-size: 15px;
}
/*fine formattazione box extras*/

/*formatta gli elementi generali del menu contestuale
div#context P{
	color: #666;
}*/

div#context .header{
	color: #4A061F;
	font: bold 14px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
}
/*box contenuto*/
.box_headline_ext .box{
	color: #FFF; 
}

.box_headline_ext .header{
	color: #FFF;
	background: none;
	font-size: 16px;
	margin-left: 10px;
}

/*fine formattazione box extras*/

div#breadcrumbs, div#breadcrumbs P, div#breadcrumbs A{
	color: #C91877;
}

div#breadcrumbs IMG{
	vertical-align: middle;
}
/* selettori footer*/

div#footer H1{
	font-size: 14px;
	color: #8090A3;
	text-align: left;
	font-weight: normal;
	margin: 0 0 0 20px;
}

div#footer, div#footer P, div#footer UL{
	font: 11px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	text-align: left;
}

div#footer UL{
	list-style-type: none;
}

div#footer A{
	font: 11px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
div#footer A:hover{
	font: 11px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #999;
	text-decoration: underline;
}
div#footer P A{
	font: 11px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
div#footer P A:hover{
	font: 11px/150% Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	color: #999;
	text-decoration: underline;
}
/*fine selettori footer*/


/* setto tutti i selettori per il login */
div#login P{
	color: #FFF;
	margin: 10px 0 0 0;	
}

div#account INPUT[type="text"]{
	color: #336600;
	border: 1px solid #336600;
	font-size: 11px;
	padding: 2px;
	width: 90px;
	text-decoration: none;
}

div#account INPUT[type="password"]{
	color: #336600;
	border: 1px solid #336600;
	font-size: 11px;
	padding: 2px;
	width: 90px;
	text-decoration: none;
}

div#account INPUT[type="submit"]{
	color: #336600;
	border: 1px solid #336600;
	font-size: 11px;
	padding: 2px;
	width: 40px;
	text-decoration: none;
}

.loginFields 
{
	color: #336600;
	border: 1px solid #336600;
	font-size: 11px;
	padding: 2px;
	width: 90px;
	text-decoration: none;
}
.loginButton 
{
	color: #336600;
	border: 1px solid #336600;
	font-size: 11px;
	padding: 2px;
	width: 40px;
	text-decoration: none;
}

div#login input{
	font-size: 11px;
	color: #3E4D96;
	border: 0;
	line-height: inherit;
	margin: 0 0 0 0;
	padding: 2px;
	vertical-align: middle;
}

div#login label{
	color: #FFF;
	margin: 0 2px 0 20px;
	font-size: 11px;
}

div#login A{
	color: #FFF;
}

div#account, div#account A{
	color: #FFF;
	text-decoration: none;
}

div#account A:hover{
	color: #FFF;
	text-decoration: underline;
}

div#account img{
	vertical-align: middle;
}

/*paginazione elenchi*/
div.paginazione, div.paginazione P{
	color: #666;
}

div.paginazione A{
	color: #666;
	text-decoration: none;
	border: 1px solid #CCC;
	padding: 2px 4px 2px 4px;
}
div.paginazione A.active{
	border: 1px solid #CCC;
	background-color: #CCC;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}

div.paginazione A.active:hover{
	border: 1px solid #CCC;
	background-color: #CCC;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}

div.paginazione A:hover{
	border: 1px solid #CCC;
	background-color: #CCC;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
}
/*fine paginazione elenchi*/
/*formattazione altri tag*/

.btn_green, .btn_red{
	text-decoration: none;
}

.btn_green:hover, .btn_red:hover{
	color: #F47901;
}

.btn_green SPAN{
	background-color: #A9D615;
	text-decoration: none;
	font-size: 11px;
	display: block;
	line-height: 11px;
	padding: 4px 6px 9px 4px;
	border: 0px;
	margin: 6px 0 6px 0;
	outline: 0px;
	vertical-align: baseline;
}

.btn_red SPAN{
	background-color: #3E0724;
	text-decoration: none;
	font-size: 11px;
	display: block;
	line-height: 11px;
	padding: 4px 6px 9px 4px;
	border: 0px;
	margin: 6px 0 6px 0;
	outline: 0px;
	vertical-align: baseline;
}

.btn_carrello{
	background: url(img/bott_bg_carr.gif) no-repeat left;
	color: #FFF;
	display: block;
	float: left;
	height: 35px;
	margin-left: 6px;
	padding-left: 30px;
}

.btn_dettaglio{
	background: url(img/bott_bg_dett.gif) no-repeat left;
	color: #336600;
	display: block;
	float: left;
	height: 35px;
	margin-left: 6px;
	padding-left: 30px;
}

.sconto{
	color: #DE005B;
	font-size: 14px;
	font-weight: bold;
}

.prezzoin{
	color: #DE005B;
	font-size: 11px;
	font-weight: bold;
	text-decoration: line-through;
}

.prezzo{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.fotobox{
	width: 100px;
	height: 145px;
	float: left;
	margin: 5px 5px 0 0;
	overflow: hidden;
}

.vetrina{
	float: left;
	margin: 0 5px 0 0;
}

.floatleft{
	float: left;

}
.floatright{
	float: right;
}

/*messaggi di attenzione e avvenuta azione*/
.alert {
	font: 12px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FF5A08;
	padding: 5px 0 8px 40px;
	background: #FFFF8E url(img/ico_alert.gif) no-repeat left top;
	border: 1px solid #FF5A08;
}

.info {
	font: 12px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #144FE1;
	padding: 5px 0 8px 40px;
	background: #C3DBF1 url(img/ico_info.gif) no-repeat left top;
	border: 1px solid #afc4d9;
}

/*classi per link con icone*/
/*imposto il selettore per il link*/
.icon {
	padding-left: 20px;
	padding-bottom: 3px;
	background-repeat: no-repeat;
	background-position: left center;
	background-position-y: top;
	color: #518BC3;
	text-decoration: none;
}
/*imposto il tipo di icona*/
.download { background-image: url(img/ico_download.gif) }
.link { background-image: url(img/ico_link.gif) }
.news { background-image: url(img/ico_news.png) }

.txtcolor1 { color: #FFF; }
.txtcolor2 { color: #4A061F; }
.txtcolor3 { color: #F8A50D; }
.txtcolor4 { color: #DE005B; }
.txtcolor5 { color: #316177; }

.txtdim0 { font-size: 11px; }
.txtdim1 { font-size: 14px; }
.txtdim2 { font-size: 16px; }
.txtdim3 { font-size: 18px; }
.txtdim4 { font-size: 20px; }