/* CSS Document */

/* ----------------------------------------------------------
* STRUTTURA BASE DELLA PAGINA WEB.
* ----------------------------------------------------------*/
html, body
{
   margin: 0;
   padding: 0;
   height: 100%;
}

body {
	background-image: url(../immagini/sfondo.jpg);
	background-repeat: repeat-x;
}
#page {
	width:960px;
	margin: 0% auto; /* centra il contenuto per gli altri browser (Firefox etc.)*/
	text-align: left;
	height: auto;
	background-color:#FFFFFF;
}

#contenuti{
background-color:#FFFFFF;
width:960px;
height:auto;
float:left;
}

#header{
	width:auto;
	background-image: url(../immagini/sfondo.jpg);
	background-repeat: repeat-x; 
}
#headerPerStampa{display:none;}
#colonnaDX{
	width:230px;
	min-height:440px;
}
#altocolonnaDX{
	height:16px;
}
#centro{
float:right;
width:726px;
height:auto;
}
#sfumatocentro{
height:30px;
background-image:url(../immagini/Interno_Puma_09.jpg);
background-repeat:repeat-x;
}
#barrettacolorata{
height:52px; 
/*background-image:url(../immagini/barretta_top_ss_musicale.jpg); 
background-repeat:no-repeat*/
}
#main{
padding:5px 5px 5px 10px;
float:left;
width:708px;
min-height:250px;
}
#linkaggiuntivi{
padding:5px 5px 5px 10px;
float:left;
width:708px;
}

#icone{
float:left;
width:708px;
height:92px; 
}

#footer{
width:940px;
float:left;
height:auto;
padding:10px;
background-color:#FFFFFF;
}
/* fine layout*/


/* ----------------------------------------------------------
* FORMATTAZIONE CARATTERE E TESTO.
* ----------------------------------------------------------*/
body {
	font-family:  Trebuchet MS, Verdana, Tahoma;
	font-size: 14px;
	color: #000000;
}

p { margin:0px}
h1{ 
padding:0px;
margin:0px;
font-size:14px;
}

.testo12nero {
	font-size: 12px;
	color: #000000;
}
.testo12nero a:link, .testo12nero a:visited{
	color: #000000;
	text-decoration: underline;
}
.testo12nero a:hover, .testo12nero a:focus .testo12nero a:active{
	color: #000000;
	text-decoration: none;
}


.testo10nero {
	font-size: 10px;
	color: #000000;
}
.testo10nero a:link, .testo10nero a:visited{
	color: #000000;
	text-decoration: underline;
}
.testo10nero a:hover, .testo10nero a:focus .testo10nero a:active{
	color: #000000;
	text-decoration: none;
}


.titolo {
	font-size: 14px;
	color: #003399;
}
.titolo a:link, .titolo a:visited{
	color: #0000A0;
	text-decoration: underline;
}
.titolo a:hover, .titolo a:focus .titolo a:active{
	color: #0000A0;
	text-decoration: none;
}


.testo12bianco {
	font-size: 12px;
	color: #ffffff;
}
.testo12bianco a:link, .testo12bianco a:visited{
	color: #ffffff;
	text-decoration: none;
}
.testo12bianco a:hover, .testo12bianco a:focus .testo12bianco a:active{
	color: #ffffff;
	text-decoration: underline;
}


.testo14nero {
	font-size: 14px;
	color: #000000;
}
.testo14nero a:link, .testo14nero a:visited{
	color: #ffffff;
	text-decoration: none;
}
.testo14nero a:hover, .testo14nero a:focus .testo14nero a:active{
	color: #000000;
	text-decoration: underline;
}


.testo12arancio {
	font-size: 12px;
	color: #FBAD2A;
}
.testo12arancio a:link, .testo12arancio a:visited{
	color: #000000;
	text-decoration: none;
}
.testo12arancio a:hover, .testo12arancio a:focus .testo12arancio a:active{
	color: #FBAD2A;
	text-decoration: none;
}


.testo12bianco {
	font-size: 12px;
	color: #ffffff;
}
.testo14grigio {
	font-size: 14px;
	color:#666666;
}
.testo14grigio a:link, .testo14grigio a:visited{
	color: #666666;
	text-decoration: none;
}
.testo14grigio a:hover, .testo114grigio a:focus .testo14grigio a:active{
	color: #666666;
	text-decoration: underline;
}


.testo16grigio {
	font-size: 16px;
	color:#666666;
}
.testo14_275179 {
	font-size: 14px;
	color:#275179;
}


.erroreform{
	/*background: #fefed9;*/
	border:2px solid #FF0000;
}


.clearer{clear: right;}

#faqs{display:block;  float:left; width:680px; padding:2px 0 2px 10px;}
#faqsrisposta{display:block;  float:left; width:680px; padding:2px 0 2px 25px;}
#faqs a{float:left; color:#333333; font-weight:bold; text-decoration:none; padding:10px 0 0 0;}
#faqs a:hover{float:left;  color:#FF9900; font-weight:bold; text-decoration:none;}
/* ----------------------------------------------------------
*                HOME
* ----------------------------------------------------------*/
#boxsounstation{
	background-image: url(../immagini/sfondo_home_ss.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 96px;
	width: 192px;
}
#box{
	background-image: url(../immagini/sfondo_home2.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 96px;
	width: 192px;
}
#boxdd{
	background-image: url(../immagini/sfondo_home_dd.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 96px;
	width: 192px;
}

#boxce{
	background-image: url(../immagini/sfondo_home_ce.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 96px;
	width: 192px;
}
#boxtrd{
	background-image: url(../immagini/sfondo_home_trd.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 96px;
	width: 192px;
}

#titolocategoria a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5C5C5C;
	font-weight: 900;
	display: block;
	text-decoration: none;
	height: 51px;
	padding: 9px 0 3px 0;
}
#sottotitolocategoria a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	display: block;
	text-decoration: none;
	height: 16px;
	padding: 5px;
}
#titolocategoria2 a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5C5C5C;
	font-weight: 900;
	display: block;
	text-decoration: none;
	height: 41px;
	padding: 9px 0 3px 0;
}
#titolocategoria3 a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5C5C5C;
	font-weight: 900;
	display: block;
	text-decoration: none;
	height: 41px;
	padding: 9px 0 3px 0;
}
#sottotitolocategoria2 a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	display: block;
	text-decoration: none;
	height: 25px;
	padding: 5px;
}


/* ----------------------------------------------------------
*      MENU.
* ----------------------------------------------------------*/
#box_menu_categoria a{
	width:227px;
	height:25px;
	background-image: url(../immagini/sfondo_menu_categoria_21.jpg);
	background-repeat: no-repeat;
	text-indent: 45px;
	vertical-align: middle;
	padding: 5px 0 0 0;
	font-size: 14px;
	text-decoration: none;
	display: block;
	color: #838383;
	border-top:#CCCCCC dashed 1px;
}
#box_menu_prodotto a{
	width:227px;
	height:25px;
	background-image: url(../immagini/freccia_p.jpg);
	background-repeat: no-repeat;
	background-position: 35px;
	text-indent: 45px;
	vertical-align: middle;
	padding: 5px 0 0 0;
	font-size: 14px;
	display: block;
	color: #838383;
}
#box_menu_prodotto a:link, a:visited{text-decoration: none; }
#box_menu_prodotto a:hover, a:focus, a:active{text-decoration: none; color:#FF9900}
#box_menu_prodotto2 a{
	width:227px;
	height:25px;
	background-image: url(../immagini/freccia_p.jpg);
	background-repeat: no-repeat;
	background-position: 35px;
	text-indent: 45px;
	vertical-align: middle;
	padding: 5px 0 0 0;
	font-size: 14px;
	display: block;
	color: #FF9900;
}
#box_menu_speciale a{
	width:211px;
	height:20px;
	/*background-image: url(../immagini/asterico.gif);
	background-repeat: no-repeat;
	background-position: 15px;
	border:#275179 solid 1px;
	margin:0 0 5px 13px;*/
	text-indent: 20px;
	vertical-align: middle;
	padding: 3px 0 0 0;
	font-size: 14px;
	display: block;
	color: #275179;
}
#box_menu_speciale a:link, a:visited{text-decoration: none; }
#box_menu_speciale a:hover, a:focus, a:active{text-decoration: none; color:#FF9900;}
#box_menu_speciale2 a{
	width:211px;
	height:20px;
	/*background-image: url(../immagini/asterico.gif);
	background-repeat: no-repeat;
	background-position: 15px;*/
	text-indent: 20px;
	vertical-align: middle;
	padding: 3px 0 0 0;
	font-size: 14px;
	display: block;
	color: #FF9900;
}
#rigo_menu{
	/*background-image: url(../immagini/rigo_menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	background-color: #FFFFCC;
	border-top:#CCCCCC dashed 1px;
	height:1px;
	width:227px;
	margin:0 0 1px 0;
}
#box_speciali{
	width: 230px;
	height: 206px;
	background-image: url(../immagini/box_speciali.gif);
	background-repeat: no-repeat;
}
#box_speciale_titolo{
	font-size: 13px;
	color: #275179;
	text-indent: 21px;
	height: 20px;
	padding: 9px 0 0 0;
	font-weight:bold;
}


/* ----------------------------------------------------------
*    NEWS.
* ----------------------------------------------------------*/

#box_news{
	width:220px;
	height:400px;
	border: 1px solid #999999;
	margin: 5px;
	padding: 5px;	
}
#contenuto_box_news{
	width:213px;
	height:370px;
	padding:2px 0 0 5px;
	text-decoration:none;
	overflow: auto;
	color: #22405a;
	font-size: 12px;
}
#contenuto_box_news a:link, #contenuto_box_news a:visited{ color:#22405a; text-decoration:none;}
#contenuto_box_news a:hover, #contenuto_box_news a:focus, #contenuto_box_news a:active{color:#22405a; text-decoration:underline;}


/* ----------------------------------------------------------
* BOX PIE DI PAGINA - INFORMATIVI.
* ----------------------------------------------------------*/
/* box pie di pagina - informativi */
#boxconteiner{
	float:right;
	padding:4px 3px 0 3px;
}

#box_piepagina_vuoto{
	width: 237px;
	height: 166px;
}

#box_piepagina{
	width: 235px;
	height: 166px;
	background-image: url(../immagini/box_piedipagina_24.jpg);
	background-repeat: no-repeat;
}

#box_piepagina a:link, #box_piepagina a:visited{ color:#22405a; text-decoration:none;}
#box_piepagina a:hover, #box_piepagina a:focus, #box_piepagina a:active{color:#22405a; text-decoration:underline;}
#box_piepagina_titolo{
	font-size: 13px;
	color: #FFFFFF;
	text-indent: 10px;
	height: 20px;
	padding: 5px;
	font-weight:bold;
}
#marqueecontainer{
	position: relative;
	width: 208px; /*marquee width */
	height: 115px; /*marquee height */
	overflow: hidden;
	padding: 3px;
	left: 10px;
	color: #22405a;
	overflow: hidden;
	font-family: Tahoma;
	font-size: 11px;
}
#rivenditori{
	background-image:url(../immagini/sfondo_box_scheda.jpg); 
	height:40px;
}


/* ----------------------------------------------------------
*  SCHEDA PRODOTTI.
* ----------------------------------------------------------*/
#box_piepagina_scheda a{
	width: 150px;
	height: 40px;
	background-image: url(../immagini/sfondo_box_scheda.jpg);
	background-repeat: repeat-x;
	color: #838383;
	display: block;
	padding-top:5px;
	padding-right:10px;
}
#box_piepagina_scheda a:link, a:visited{text-decoration: none;}
#box_piepagina_scheda a:hover, a:focus, a:active{text-decoration: none; color:#FF9900}

.bordoImmagineblu{
	border: 1px solid #000099;
	margin: 4px;
}

.bordoImmagineocra{
	border: 1px solid #ff9900;
	margin: 4px;
}

.bordoImmaginenero{
	border: 1px solid #000000;
	margin: 4px;
}

.box_bordato{
	border: 1px solid #CCCCCC;
	margin: 5px;
	width:auto;
}

#box_accessori{
	font-size: 14px;
	color:#666666;
	background-image: url(../immagini/sfondo_box_scheda.jpg);
	background-repeat: repeat-x;
	height: 30px;
	width: auto;
	margin: 5px 5px 0 5px;
	padding: 10px;
}

#contenuto_accessori{
	height: auto;
	width: auto;
	color: #234D75;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

#contenuto_accessori a{
	color: #234D75;
	text-decoration:underline;
}

#chiudi{
	float: right;
	width: 120px;
	margin-right: 5px;
	text-align: right;
}

#vedischeda{
float:right; 
width:430px; 
height:25px;
}


/* ----------------------------------------------------------
*             MODULI.
* ----------------------------------------------------------*/

.areatesto{
margin:0 0 0 50px;
width:200px;
height:auto;
border: 1px  dotted black;
background-color: #f0f0f0;
display:block;
}

/* ----------------------------------------------------------
*             FOOTER.
* ----------------------------------------------------------*/
.made_italy{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #7B7B7B;
}

.footer {
	font-size: 10px;
	color: #666666;
}

.footer a:link, .footer a:visited{
	color: #666666;
	text-decoration: none;
}

.footer a:hover, .footer a:focus .footer a:active{
	color: #666666;
	text-decoration: underline;
}