@charset "UTF-8";
/* CSS Document */

body { background:url(img/fondoarancio3.jpg) top center no-repeat;}
div.clear { clear:both; }
a img { border:0px;}
#pricipale { width:950px; margin:0 auto;}


/*caratteristiche del testo che capita di utilizzare*/
.italic { font-style:italic;}
.bold { font-weight:bold;}
.nero100 {color:#666; font-size:16px;}
.nero60 { color:#666;}
.white { color:#FFFFFF;}


/* ALTO */

/*contiene solo il logo*/
#alto { width:950px; height:110px; background:#fff; padding:0 0 8px 0;}

#logo {
	width:380px;
	height:100px; 
	background:url(img/logo_2.png) top center no-repeat;
	margin-top:10px; 
	margin-left:12px;
	float:left;

	background-image: url(img/logo.png);
	_background-image: url(img/transparent.gif);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/logo.png", sizingMethod="crop");
	background-repeat: no-repeat;
}


#lingue { width:395px; height:70px; float:right; margin:0px 0 0 0px; margin:5px 5px 0 0;}
#txt_alto {
	width:395px;
	height:34px; 
	float:right; 
	margin:0px 10px 0 0px; 
	background:url(img/txt_alto3.png) top right no-repeat;
	background-image: url(img/txt_alto3.png);
	_background-image: url(img/transparent.gif);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/txt_alto3.png", sizingMethod="crop");
	background-repeat: no-repeat;
}


/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */


/* CENTRO */

/* contiene oltre a tutti i contenuti, anche il menu perchè va in trasparenza sull'immagine di sfondo*/
/* i tessto è dichiarato qui e poi modificato (nella grandezza e nel colore) dove serve*/
#centrale { width:932px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#222;padding:0 9px 0 9px;}
/*di seguito le classi che contengono le immagini da usare come background nel  div "centrale"*/
.home { background:#fff url(img/home.jpg) top center no-repeat;}
.azienda { background:#fff url(img/azienda.jpg) top center no-repeat;}
.dovesiamo { background:#fff url(img/dovesiamo.jpg) top center no-repeat;}
.contatti { background:#fff url(img/contatti.jpg) top center no-repeat;}
.prodotti_dett { background:#FFFFFF;}

.txt_menu { font-size:16px;  color:#FFFFFF;}
.txt_titolo { font-size:18px; padding:0 0 0 10px;}
.txt_titoletto { font-size:16px;}
.txt_footer { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}



/* MENU */
/*#box_menu { width:932px; height:32px; background:url(img/fondo_menu.png) top center repeat-x; padding-left:2px; font-size:16px; color:#FFF;}*/
#menu { 
	width:932px; 
	height:32px; 
	background:url(img/fondo_menu.png) top center repeat-x;
}

#menu ul {margin:0; padding-left:2px;  display:block;list-style:none;}
#menu ul li {padding:8px 13px 0 13px; float:left; }
#menu ul li a.normal {list-style:none; text-decoration:none; color:#FFF;}
#menu ul li:hover {
	list-style:none; 
	height:24px; 
	text-decoration:none; 
	background:url(img/fondo_menu_sel.png) top center repeat-x;
	color:#666666;
}
#menu ul li a.normal:hover {
	list-style:none; 
	text-decoration:none; 
	color:#666666;
}
#active_menu {
	list-style:none;
	height:24px;
	text-decoration:none; 
	background:url(img/fondo_menu_sel.png) top center repeat-x; 
	color:#666666;
}
#active_menu a.sel{color:#666666;text-decoration:none;}
/* FINE MENU */


/*
#centrale colonna_sx ul { margin:0; list-style:circle;}
#centrale colonna_sx ul li {padding:8px 13px 0 13px; float:left;}
*/



/* CONTENUTI */
#box_contenuti { width:932px; margin:0 auto;}

#etichetta_prova { width:932px; height:32px; background:#6600CC; margin-top:345px;}
#etichetta_dx { 
	width:932px; 
	height:32px; 
	background:url(img/etichetta_dx.png) top center no-repeat; 

	background-image: url(img/etichetta_dx.png);
	_background-image: url(img/transparent.gif);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/etichetta_dx.png", sizingMethod="crop");
	background-repeat: no-repeat;
	margin-top:345px;
}
#etichetta_sx {
	width:932px; 
	height:32px; 
	background:url(img/etichetta_sx.png) top center no-repeat; 
	
	background-image: url(img/etichetta_sx.png);
	_background-image: url(img/transparent.gif);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/etichetta_sx.png", sizingMethod="crop");
	background-repeat: no-repeat;
	margin-top:345px;
}
#etichetta_txt_sx { width:200px; height:13px; padding:9px 0 9px 14px; font-size:15px;}
#etichetta_txt_dx { width:240px; height:13px; padding:9px 10px 9px 0; float:right; font-size:15px;}
#testo { width:150px; height:13px; margin-left:500px;}

#box_sx { width:385px; height:556px; background:url(img/fondo_box_sx.png) top center no-repeat; float:left;}
#box_sx span { display:block; padding:10px 0 0 13px;}

#map { width:359px; height:265px;margin:13px 13px 25px 13px;}
/* FINE CONTENUTI */


/*anteprima*/
html>body .anteprima { width:113px; padding:5px; font-size:12px; text-align:center; float:left; margin:15px 15px 9px 15px;}
.anteprima { width:113px; padding:5px; font-size:12px; text-align:center; float:left; margin:15px 12px 9px 12px;}
.anteprima a { display:block; height:100px; width:115px; border:0px;}

.barra { width:86px; height:14px; background:url(img/barra_anteprima.png) bottom no-repeat; margin:7px 14px 5px 14px; padding-bottom:5px}

.anteprima2 { width:113px; height:140px; padding:5px; font-size:12px; text-align:center; margin:29px 15px 0 15px;}




/*HOME*/

#box_novita { width:380px; margin:15px 40px 15px 0; float:left;}
#titolo_novita { width:106px; height:28px; background:url(img/titolo_novits_fondo.png) top center repeat-x; text-align:center; padding-top:5px;}
#news { width:350px; padding-left:9px;}
/*SERVIZI*/
.txt {clear:both;}
#cenrtrale txt ul { list-style:circle;}




/*AZIENDA*/
#testo_aziendale { display:block; width:922px; margin:12px 0 0 5px; padding:0; padding-bottom:12px;}

/*PRODOTTI*/


/*
COLORI CATEGORIE: (da usare direttamente nell'html per colorare il div del nome della scapra, che prende apputo il colore di fondo dalla categoria di appartenenza)

-altaquota    = #FF3300
-telemark	  = #535353
-trekking	  = #3A9F5C
-caccia pesca = #6BA744
-militare	  = #DFBA26
-città		  = #D98026
*/

.prodotti_01 { background:#FFF;}

a.zoom{
	text-decoration:none;
	color:#333;
}

#barra_nome {width:922px; height:32px;background:#6F7073;}
#barra_nome a.freccia{
	float:left;
	text-decoration:none;
	color:#FFF;
	font-size:13px;
	display:block;
	background:url(img/freccia.jpg) no-repeat left bottom;
	padding:10px 0 0 25px;
	width:200px;
}

#nome_prodotto {height:8px; float:left; padding:8px 0 0 0px;}
#categoria_prodotto {font-size:13px; float:right; padding-top:10px; margin-right:10px; text-align:right;}
#categoria_prodotto a.breadgrigio{
	text-decoration:none;
	color:#B3B3B3;
	font-size:13px;
}
#colonna_sx { width:482px;float:left; padding:15px 0 0 4px;}
#colonna_sx span { padding-left:10px;}


/*lista certificazioni*/
#certificati { width:460px; background:#FFFFFF; margin-top:8px;}
#certificati ul { clear:both; list-style:none; margin:0; padding:0 0 0 0px; margin-left:10px;}
#certificati ul li { display:block; float:left; padding:0; margin:0 12px 8px 0;}


/*lista immagini anteprime per il dettaglio*/
#anteprime_dettaglio { width:80px; height:320px; float:left; margin-right:10px; }
#anteprime_dettaglio ul { clear:both; list-style:none; width:69px; height:315px; margin:0; padding:0; }
#anteprime_dettaglio ul li {
	display:block; 
	width:69px; 
	height:72px; 
	background:url(img/bordo_anteprima.png) top center no-repeat; 

	background-image: url(img/bordo_anteprima.png);
	_background-image: url(img/transparent.gif);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bordo_anteprima.png", sizingMethod="crop");
	background-repeat: no-repeat;

	float:left;
	padding:0; 
	margin:0 0 8px 10px;
}
#anteprime_dettaglio ul li:hover { 
	display:block; 
	width:69px; 
	height:72px; 
	background:url(img/bordo_anteprima_sel.png) top center no-repeat; 

	background-image: url(img/bordo_anteprima_sel.png);
	_background-image: url(img/transparent.gif);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bordo_anteprima_sel.png", sizingMethod="crop");
	background-repeat: no-repeat;

	float:left;
	padding:0; 
	margin:0 0 8px 13px;
}
#anteprime_dettaglio ul li a { list-style:none; border:none; padding:0px 0 0 0px;}
#anteprime_dettaglio ul li a img {margin:7px 6px 7px 8px;}
#anteprime_dettaglio #active { 
	display:block; 
	width:69px; 
	height:72px; 
	background:url(img/bordo_anteprima_sel.png) top center no-repeat; 

	background-image: url(img/bordo_anteprima_sel.png);
	_background-image: url(img/transparent.gif);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/bordo_anteprima_sel.png", sizingMethod="crop");
	background-repeat: no-repeat;

	float:left;
	padding:0; 
	margin:0 0 8px 13px;
}


#dettaglio_img { width:377px; height:377px; float:left; margin-bottom:35px;}


/* il background di "etichetta_sx_prodotti" è dichiarato nell'html i nomi delle immagini sono:

- etichetta_altaquota.png
- etichetta_telemark.png
- etichetta_trekking.png
- etichetta_cacciapesca.png
- etichetta_militare.png
- etichetta_citta.png
*/
#etichetta_sx_prodotti { width:930px; height:32px; margin-top:345px;}
#etichetta_sx_prodotti_dettaglio { 
	width:930px;
	height:32px; 
	margin-top:20px;

	background:url(img/etichetta_grigia_sotto.png) top center no-repeat;	
	background-image: url(img/etichetta_grigia_sotto.png); 
	_background-image: url(img/transparent.gif);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/etichetta_grigia_sotto.png", sizingMethod="crop");
	background-repeat: no-repeat;
}


#colonna_dx {  width:416px; float:left; margin-left:0px;}
#colonna_dx p { display:block; width:408px; margin:0 0 10px 0; padding:0 4px 0 6px; background:#FFFFFF;}
#colonna_dx span { display:block; width:408px; background:#CCCCCC; margin-top:5px; padding:4px 4px 4px 6px;}
#colonna_dx h1 { display:block; width:408px; background-color:#333333; color:#FFFFFF; font-size:14px; padding:4px 4px 10px 6px;}
#colonna_dx .titolo { color:#333333;}


/* per avere una lista normale di solo testo */
.txt_normal { clear:both; list-style:none; width:460px; margin-top:30px;}
.txt_normal h2 { font-size:16px; padding-left:13px;}
.txt_normal ul {padding:0 0 0 26px; margin:0; list-style:circle;}
.txt_normal ul li { padding:10px 0 0 0;color:#111;}




/*CONTATTI*/
/* form */
#form { width:357px; padding: 0 15px 0 13px; margin-top:15px;}

div.elemento_form { float:left; margin-bottom:10px;}
div.elemento_form input { width:260px; height:15px; float:left; border:1px solid #CCC;}
div.elemento_form textarea { float:left; border:1px solid #CCC;}
.checkbox { width:20px; height:15px; background-color:#99FF00; float:left; padding-left:85px;}
div.elemento_form label.normal { width:65px; height:15px; text-align:right; float:left; margin-right:20px;}
.campo { width:100%; background:#330000; float:right;}
.testo_form { width:180px; background:#00FF33; float:right;}
.box_pulsanti { width:175px; padding-left:85px; margin-bottom:70px;}
.pulsante {display:block;border:0px; width:58px; height:22px; background:url(img/fondo_menu.png) top center repeat-x; margin:18px 20px 0 0; float:left; text-align:center; color:#FFFFFF; padding-top:6px;}

.pulsante:hover { background-color:#999999;}


/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */


/* BASSO */

/* contiene i dati sensibili*/
#basso { width:950px; height:38px; background:url(img/footer.png) top center no-repeat; font-size:12px; color:#858585; margin-top:3px;}
#basso_dati { width:505px; height:13px; float:left; margin:15px 0 0 8px;}
#basso_copyright { width:200px; height:13px; float:right; margin:15px 8px 0 0; text-align:right;}
#basso_copyright a {font-size:12px; color:#858585; text-decoration:none;}



#map{border: solid 1px #666666; margin:15px 0 13px 13px;}