/* CSS Document */

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

body {
	font-family:  Trebuchet MS, Verdana, Tahoma;
	font-size: 13px;
	color: #000000;
	background-image: url(../images/sfondo.jpg);
	background-repeat: repeat-x;
}

p { margin:0px}

h1{ padding:0px;margin:0px;font-size:14px;}
#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(../images/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(../images/Interno_Puma_09.jpg);background-repeat:repeat-x;}
#barrettacolorata{height:62px; }
#main{padding:5px 5px 5px 10px;float:left;width:708px;min-height:250px;}
#main .descrizione{float:left; width:100%; min-height:20px; height:auto !important; height:20px; padding-top:20px}
#main .descrizione a{ color:#333; text-decoration: underline}
#main .descrizione a:hover{ color:#f00; text-decoration:none}

#boxAcqista{font-size:12px; border:#F90 solid 2px;}

#main .descrizione2{float:left; width:400px; min-height:20px; height:auto !important; height:20px; padding-top:20px}
#main .descrizione2 a{ color:#333; text-decoration:none;}

#main .descrizione3{float:left; width:300px; min-height:20px; height:auto !important; height:20px; padding-top:20px}
#main .descrizione3 a{ color:#333; text-decoration: underline;}
#main .descrizione3 a:hover{ color:#f00; text-decoration:none;}

#breveDecMateriali{background: #E9E9E9; margin-top:5px; border: #CCC solid 1px; color:#333;}
#breveDecMateriali a{ color:#333; display:block; border:#fff solid 1px;}
#breveDecMateriali a:hover{border:#FBB33A solid 1px; color:#333; text-decoration:none;}

#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; }
.barrettaSeparatrice{border-top:#FBB33A solid 10px; width:700px; height:10px;}
#boxSottosezioni{ width:700px; min-height:10px; height:auto !important; height:10px; padding-top:10px; }
#boxSottosezioni legend a{ color:#666; text-decoration:none; font-size:14px; font-weight:bold;}
#boxSottosezioni legend a:hover{ color:#FBB33A; text-decoration:none; font-size:14px; font-weight:bold;}
#boxSottosezioni .icona{ float:left; width:65px; height:60px;}
.descrizioneboxSottosezioni{float:left; width:600px; min-height:10px; height:auto !important; height:10px;}
/* fine layout*/


/* ----------------------------------------------------------
* FORMATTAZIONE CARATTERE E TESTO.
* ----------------------------------------------------------*/



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


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

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


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


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


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

.testo12rosso {font-size: 12px;color: #f00;}
.testo12rosso a{color: #f00;text-decoration: none;}
.testo12rosso a:hover{color: #f00;text-decoration:  underline;}

.testo14rosso {font-size: 14px;color: #f00;}
.testo14nero {font-size: 14px;color: #000;}
.testo16nero {font-size: 16px;color: #000;}

.testo12bianco {font-size: 12px;color: #ffffff;}
.testo14grigio {font-size: 14px;color:#666666;}
.testo14grigio a{color: #666666;text-decoration: none;}
.testo14grigio a:hover{color: #666666;text-decoration: underline;}


.testo16grigio {font-size: 16px;color:#666666;}
.testo16grigio a{color:#666666; text-decoration:none}
.testo16grigio a:hover{color:#666666; text-decoration:underline;}
.testo14_275179 {font-size: 14px;	color:#333;}


.erroreform{border:2px solid #FF0000;}

.logocabina{padding:0 0 10px 5px; font-size:0px; float:left; width:600px;}

.back{padding:0 0 10px 5px; font-size:12px; float:left; width:100px; color:#666666;}
.back a{color:#666666; text-decoration:none}
.back a:hover{color: #333; text-decoration:none}

.clearer{clear: right;}

#faqs{float:left; width:680px; padding:2px 0 2px 10px; margin-top:5px; font-weight:bold; background:#EFEFEF}
#faqs a{color:#333333;  text-decoration:none; display:block;}
#faqs a:hover{color:#FF9900;text-decoration:none;}
#faqsrisposta{display:block;  float:left; width:680px; padding:2px 0 2px 10px; border-left:#EFEFEF solid 1px; border-right:#EFEFEF solid 1px; border-bottom:#EFEFEF solid 1px;}


.descrizioneboxPortfolio{float:left; width:670px; min-height:10px; height:auto !important; height:10px;}
.descrizioneboxPortfolio a{ display:block; color:#333; text-decoration:none;}
.descrizioneboxPortfolio a:hover{color:#333; text-decoration:none; background:#F3F3F3}

#boxDescRivenditori{width:660px; padding:0 0 15px 10px; background-image:url(../images/sfondo_box_scheda.jpg); background-repeat:repeat-x}
#boxDescRivenditori a{ color:#333; text-decoration:underline;}
#boxDescRivenditori a:hover{color:#f00; text-decoration:none;}

/* ----------------------------------------------------------
*                HOME
* ----------------------------------------------------------*/
#boxsounstation{
	background:#09C;
	background-image: url(../images/sfondo_home_ss.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 96px;
	width: 230px;
}
#box{
	background-image: url(../images/sfondo_home_2010.png);
	background-repeat: no-repeat;
	display: block;
	height: 96px;
	width: 238px;
}
#boxdd{
	background-image: url(../images/sfondo_home_dd.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 96px;
	width: 192px;
}

#boxShop{
	background-image: url(../images/sfondo_home_shop.png);
	background-repeat: no-repeat;
	display: block;
	height: 96px;
	width: 238px;
}

#boxce{
	background-image: url(../images/sfondo_home_ce.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 96px;
	width: 192px;
}
#boxtrd{
	background-image: url(../images/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: 20px;
	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;}
#sottotitolocategoria3 a{font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 10px;color: #000000;display: block;text-decoration: none;height: 65px;padding: 5px;}

#slideShowArea{position:absolute; width:639px; height:282px;  }
#slideshow img{display:none;}

/* ----------------------------------------------------------
*      MENU.
* ----------------------------------------------------------*/
#box_menu_categoria a{
	width:227px;
	height:25px;
	background-image: url(../images/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(../images/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;text-decoration: none;}
#box_menu_prodotto a:hover{text-decoration: none; color:#FF9900}
#box_menu_prodotto2 a{
	width:227px;
	height:25px;
	background-image: url(../images/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;
}
#boxMenuMateriali{width:100%; padding-left:45px; }
#boxMenuMateriali a{text-decoration: none; color:#838383; display:block;}
#boxMenuMateriali a:hover{text-decoration: none; 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{text-decoration: none; }
#box_menu_speciale a:hover{text-decoration: none; color:#FF9900;}
#box_menu_speciale2 a{width:211px;height:20px;text-indent: 20px;vertical-align: middle;padding: 3px 0 0 0;font-size: 14px;display: block;color: #FF9900;}
#rigo_menu{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(../images/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{ color:#22405a; text-decoration:none;}
#contenuto_box_news a:hover{color:#22405a; text-decoration:underline;}


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

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

#box_piepagina_link{width: 230px;height: 330px;background-image: url(../images/sfondo-box-sx.jpg);background-repeat: no-repeat;}
#box_piepagina{width: 230px;height: 166px;background-image: url(../images/box_piedipagina_24.jpg);background-repeat: no-repeat;}

#box_piepagina a{ color:#333; text-decoration:none;}
#box_piepagina a:hover{color:#333; text-decoration:underline;}
#box_piepagina_titolo{font-size: 13px;color: #333;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: #333;overflow: hidden;font-family: Tahoma;font-size: 11px;}
#rivenditori{background-image:url(../images/sfondo_box_scheda.jpg); height:40px; color:#333}
#rivenditori a{color:#333}
#rivenditori a:hover{color:#333}


/* ----------------------------------------------------------
*  SCHEDA PRODOTTI.
* ----------------------------------------------------------*/
#box_piepagina_scheda a{width: 150px;height: 40px;background-image: url(../images/sfondo_box_scheda.jpg);background-repeat: repeat-x;color: #838383;display: block;padding-top:5px;padding-right:10px;}
#box_piepagina_scheda a{text-decoration: none;}
#box_piepagina_scheda a:hover{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(../images/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; }

#main .descrizione .box_logo_cabina{color:#000; float:left; text-align:center; width:172px; height:55px; background:url(../images/bg_box_cabine2.jpg) no-repeat top left; margin:2px; }
#main .descrizione .box_logo_cabina a{ color:#000; padding:12px 0 0 5px; text-decoration:none; font-size:120%;display:block; height:37px;}
#main .descrizione .box_logo_cabina a:hover{background:url(../images/bg_box_cabine2.jpg) no-repeat top left; text-decoration:underline;}

#contenitoreImmaginiCategoria{width:100%; min-height:100px; height: auto !important; height:100px; float:left;}
#immagineGrande{width:490px; float:left;}
#immagineGrande a img { border:#CCC solid 2px;}
#immagineGrande a:hover img { border:#FBB33A solid 2px;}
#miniature{width:100px; height:100px; float: left;}
#miniature a img { border:#CCC solid 2px;}
#miniature a:hover img { border:#FBB33A solid 2px;}

#contenitoreMiniature{ width:100%; min-height:10px; height:auto !important; height:10px; float:left;}
#contenitoreMiniature .immagine{width:100px; height:100px; padding-right:15px; float: left; }
#contenitoreMiniature .immagine a img { border:#CCC solid 2px;}
#contenitoreMiniature .immagine a:hover img { border:#FBB33A solid 2px;}

#boxVideo{padding-bottom:15px; float:left; width:auto; min-height:50px; height:auto !important; height:50px; border:#999 solid 1px; }
/* ----------------------------------------------------------
*             MODULI.
* ----------------------------------------------------------*/

.areatesto{margin:0 0 0 50px;width:200px;height:auto;border: 1px  dotted black;background-color: #f0f0f0;display:block;}
.alert{ color:#F00; font-weight:bold;}
.campiForm{ height:18px; width:280px; border:#999 solid 1px;}
.campiForm2{ height:100px; width:350px; border:#999 solid 1px;}

.campiForm3{ height:15px; width:230px; border:#999 solid 1px; font-size:11px}
.campiForm4{ height:60px; width:230px; border:#999 solid 1px; font-size:11px}

/* ----------------------------------------------------------
*             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{color: #666666;text-decoration: none;}
.footer a:hover{color: #666666;text-decoration: underline;}
#colonneFooter{float:right; width:130px; min-height:10px; height:auto !important; height:10px; text-align:left;}
/*#colonneFooter a{ text-align:left; color:#666;}*/

/*-----------------------------------------
	CARRELLO
-----------------------------------------*/
.carr01, .carr02, .carr03{ float:left; width:700px; border-bottom:1px solid #cfcfcf; padding:3px 0}
.carr01 p, .carr02 p, .carr03 p{ float:left; padding:15px 1px 1px 2px; margin:2px }
.carr02 .p01{ padding:0 2px}
.carr01 p{ color: #333; font-weight:bold}
.carr02 p, .carr03 p{ height:35px }
.p01{ width:70px}
.p02{ width:240px}
.p021{ width:25px;}
.p03{ width:75px}
.p04{ width:95px}
.p05{ width:75px}
.p06{ width:10px}
.p07{ width:533px; text-align:right}
.carr02 .p02{ background:#fff8de}
.carr02 .p021, .carr02 .p03, .carr02 .p04, .carr02 .p05{ background: #F0F0F0}
.carr03 .p07, .carr03 .p05{background:#f5f3ea; font-size:14px; font-weight:bold}
.piede_carrello{ margin:15px; float:left; } 
.piede_carrello a{ color:#50a5dc}
#fine_carrello{ width:700px; float:left; border-bottom:1px solid #000; padding:10px 0; margin:10px 0; font-size:15px;  }
#fine_carrello p{ float:left} 
#fine_carrello a{ color:#0573ba; text-decoration:none} 
#fine_carrello a:hover{ color:#50a5dc} 
#fine_carrello input{ float:right}  

/* *********************REGISTRAZIONE ****************************** */
#prodStatus{float:left; display:inline; width:730px; font-size:12px;}
#prodStatus a{ color:#333; text-decoration:none;}
#prodStatus a:hover{ color:#333; text-decoration: underline;}
/*----------------------------------------------
STEP
------------------------------------------------*/
#step_registrazione{ border-bottom:10px solid #FBB33A; float:left; margin-bottom:20px; width:690px; }
.step01, .step02, .step03, .step04, .step01on, .step02on, .step03on, .step04on{float:left; padding:6px 0 6px 45px; font-size:13px; text-transform:uppercase; font-weight:bold; color:#b6b9ba; margin:0 30px 0 0}
.step01{ background: url(../images/step01.png) left top no-repeat}
.step02{ background: url(../images/step02.png) left top no-repeat}
.step03{ background: url(../images/step03.png) left top no-repeat}
.step04{ background: url(../images/step04.png) left top no-repeat}

.step01on{ background: url(../images/step01_on.png) left top no-repeat; color:#333}
.step02on{ background: url(../images/step02_on.png) left top no-repeat; color:#666}
.step03on{ background: url(../images/step03_on.png) left top no-repeat; color:#666}
.step04on{ background: url(../images/step04_on.png) left top no-repeat; color:#666}

#riepilogo{ width:660px; text-align:left; border:1px solid #b1a880; padding:15px; float:left; background:#fef6d4; margin:0 0 20px 0}

#registrati{ float:left;  padding:0 10px 10px 50px; margin:20px 20px 0 0; background: url(../images/ut_registrati_no.png) left top no-repeat; width:250px}
#registrati input{ margin:20px 0}

#utenti{ float:left;  padding:0 10px 10px 50px; margin:20px 0 0 0; background: url(../images/ut_registrati.png) left top no-repeat; width:300px}
#dati{ float:left; width:700px;}
#utenti input, #utenti select,
.form_input{ float:left; width:150px; margin:3px 0; font-size:11px;}
#utenti label,
#dati label { width:100px; float:left; text-align:right;margin:3px 5px 3px 0}
#campi{ width:350px; float:left; margin:0 20px 0 0}
.campiDati{ width:415px ; float:left}
.allert2{ color:#FF0000; float:left; margin:0; padding:0}
.etichetta{float:left; width:125px}

.txt_form{ float:left; width:280px; }

#dimenticato{ float:left; width:700px; height:150px;}
.ricorda{ }
.ricorda_ok{ background: url(../images/ut_inviato.png) left top no-repeat;float:left; width:690px; padding:15px 0 15px 50px }
.ricorda_ko{ background: url(../images/ut_ko.png) left top no-repeat;float:left; width:690px; padding:15px 0 15px 50px }

#dati{ float:left; font-size:11px}
.riep_dati{ margin:20px 0; float:left; width:500px; text-align:left} 

.dati_rip{ float:left; width:200px; text-align:left; margin:0 50px}
#benvenuto{ margin:0 0 30px 0; float:left; width:500px; text-align:left}

.testo18Rosso{ color:#F00; font-weight:bold; font-size:18px;}