/* Formattazioni generali della struttura delle pagine */


html, body {
	margin:					0;
	padding:				0;
	
	/* questo è il settaggio come da tempalte, ma i font indicati non sono standard quindi propongo una soluzione diversa
	
	font-family: "SkodaSansCE", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	*/

	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				11px;
	background: 			#D3D3DB url(/fileadmin/templates/img/sfondo.jpg) repeat-x;
}
/* Definizione del blocco pagina totale. E' il contenitore generale del sito. */
.pg {
	width: 					972px;
	position: 				relative;
	left: 					50%;
	margin-left: 			-481px;
	background:	 			#fff url(/fileadmin/templates/img/sf_pg.jpg) repeat-x;
} body>.pg { width: 962px; }

/* Definizione del blocco del contenuto */
#cnt {
	clear:					both;
	/*
		Produce un bordo doppio in IE6
		margin: 				0 10px 10px 10px;
	*/
	background: 			url(/fileadmin/templates/img/colonna.gif) 10px 23px no-repeat;
	padding-left: 			10px;
}
body>div.pg {
	padding-right: 5px;
}
/* Fine */

/* Settaggio di base dei principali TAG del sito, come liste, link HR, ecc */
ul {
	list-style: none;
}
li {
	display: inline;
}
a {
	text-decoration: none;
}
p {
	color: 					#4C4C4C;
}
.str { 
	display: 				none; 
}
.clr {
	display: 				block;
	height: 				0;
	overflow:				hidden;
	clear: 					both;
}
/* Fine  */


/* Definizione del footer */
#ftr {
	clear: 					both;
	width:					960px;
	height: 				20px;
	text-align:				center;
}
/* Fine */


/* H1 con sostituzione di immagine. Viene settato il titolo della pagina che è sostituito dall'immagine della scritta PITTARELLO */
h1#tit, h1#tit span {
	margin:					0;
	display: 				block;
	width: 					272px;
	height: 				64px;
	font-size: 				7px;
	background:				#fff;
}
h1#tit { 
	position:				relative;
	margin-left: 			690px;
}
h1#tit span {
	position: 				absolute;
	border-top:				10px solid white;
	top:					0px;
	left:					0;
	background:				#fff url(/fileadmin/templates/img/logo.jpg) no-repeat;
}
/* Fine  */




/* Formattazione parte alta del sito con l'immagine grande ed il menu per le lingue */
div#pittarello {
	display: 				block;
	width: 					962px;
	height: 				357px;
	overflow: 				hidden;
	position: 				absolute;
	left: 					0px;
	top: 					70px;
}

div#pittarello div {
	position: 				relative;
	display: 				block;
	height: 				342px;
	overflow: 				hidden;
}
div#pittarello div * { 
	margin: 1px 0 0 4px; 
}
div#pittarello>div * { 
	margin:					0; 
}
div#pittarello div span {
	position:				absolute;
	top:					0;
	left:					0;
	display: 				block;
	width: 					962px;
	height: 				342px;
	/*background: 			transparent url(/fileadmin/templates/img/pittarello.jpg) no-repeat;*/
}




/* Definizione del menu delle lingue e del menu principale */
div#pittarello ul {
	height:					15px;
	overflow: 				hidden;
	margin:					0;
	padding:				0;
	list-style:				none;
	/*background: 			transparent url(/fileadmin/templates/img/lingue.jpg) 4px 0px no-repeat;*/
	text-align:				right;
	padding-right: 			160px;
}div#pittarello>ul { /*background: transparent url(/fileadmin/templates/img/lingue.jpg) 0px 0px no-repeat; */}
div#pittarello ul a {
	color: 					#9A9A9C;
	margin-right: 			5px;
}
/* Fine  */



/*
	Definizioni per la parte statica del menu.
	Quando entra in funzione javascript fare riferimento al css dedicato.
*/
span#mms {
	margin: 				360px 0 0 0;
	display: 				block;
}
ul#mm {
	margin: 				0 5px 15px 10px;	
	height: 20px;
	background: #f8f8f8;
}
ul#mm.static {
	font-weight: 			bold;
	padding:                0;
	list-style: none;
}
ul#mm.static li a {
	color: 					#9A9A9C;
	margin-right: 			10px;
}
/* Elemento primo livello selezionato. */
ul#mm li.selected a { color: black; }
/* Fine  */





/* Posizionamento dei titoli del contenuto. Si riferisce al titolo rosso che compare sopra la colonna centrale del contenuto della pagina */
.centrale {
	color: 					#FF0000;
	font-size: 				12px;
	margin: 				0 0 10px 255px;
	padding: 	            0;
}
.sinistra {
	color: 					#FF0000;
	font-size: 				12px;
	margin: 				0 0 10px 5px;
	padding: 	            0;
}
/* Fine  */





/* Formattazione delle linee verticali grige. Sono le decorazioni che compaiono nella prima e quanrta colonna del contenuto */
.linee_dx {
	background: 			url(/fileadmin/templates/img/colonna.gif) 10px 0 no-repeat;
}
/* Fine */



/* Definizione della colonna singola. La prima e la quarta colonna del sito hanno una dimensione singola rispetto alla colonna centrale 
   che racchiude due colonne ed è nominata "doppia" */
.colonna {
	display: 				block;
	width: 					225px;
	min-height: 			330px;
	height: 				auto !important;
	height: 				330px;
	float: 					left;
	padding: 				0 5px 0 5px;
}

/* Definizione della colonna con doppia larghezza */
.doppia {
	width: 					460px;
	/*background-color:yellow;*/
	border-left:10px solid white;
}
.doppia .colonna { 
	width: 					200px; 
	border-left:10px solid white;
}

/* Definizione titoli rossi contenuti nelle colonne di testo del sito */
.colonna h2 {
	color: 					#FF0000;
	font-size: 				16px;
	font-family: 			Georgia, "Times New Roman", Times, serif;
	margin: 				0 0 10px 0px;
	padding: 	            0;
}

/* Definizione titoli dell'argomento in nero, sempre all'interno della classe "colonna" */
.colonna h3 {
	color: 					#000;
	font-size: 				11px;
	margin: 				0;
	/*padding-left: 			5px;*/
}
/* Fine */



/* Definizione dei box della quarta colonna, newsletter, job e sponsor 
	la classe box è il contenitore generale */
.box {
	width: 					225px;
	height: 				100px;
	color: 					#666;	
}

.line>.box{
	height:					auto !important;
	min-height:				100px;
}

.box form{
	margin:					0;
}

/* Job definisce solo l'immagine di sfondo del box omonimo */
#job {
	background: 			transparent url(/fileadmin/templates/img/job.jpg) right no-repeat;	
}
/* Sponsor definisce solo l'immagine di sfondo del box sponsorizzazioni */
#sponsor {
	background: 			transparent url(/fileadmin/templates/img/calcio.jpg) right no-repeat;	
}
.box h3 {
	color: 					#FF0000;
	font-size:				11px;
	margin-left: 			15px;
}
.box p {
	margin-top: 			5px;
	padding:                0;
}
.box a{
	color: 					#666;
	margin-left: 			20px;
}
.box label{
	display: 				block;
	margin-left: 			20px;
	margin-bottom: 			5px;
}
/* Fine */



/* Definizione del box newsletter e del relativo form */
form {
	position: 				relative;
	margin:					0;
	padding:                0;
}
form p {
	float:					left;
}
input.txt {
	border: 				solid 1px #9A9A9A;
	margin-left: 			20px;
	
}
input.btn {
	margin: 				20px 0 0 5px;
  	cursor: 				pointer;
}

input.submit {
	margin-left: 			20px;
}
/* Fine */



/* Questa classe formatta i link di approfondimento presenti nelle colonne e racchiusi da parentesi quadre */
.vai {
	color: 					#000;
}
/* Fine */


/* Formattazione form contatti */
#contatto {
	border: none;
	display: block;
}
#contatto .tx-srfeuserregister-pi1-notice {
	display: block;
	margin: 20px 0 20px 0;
	border: 1px solid black;
	background: #F8F8F8;
	padding: 10px;
	color: black;
}
#contatto fieldset {
	margin:0;
	padding:0;
	border:0;
}
#contatto fieldset legend {
	display:none;
}
#contatto dd, #contatto dt {
	margin:0;
	padding:0;
}
#contatto dd { position: relative; }
#contatto dd label, #contatto dt label {
	display: block;
	margin:0;
}

#contatto .tx-srfeuserregister-pi1-privacy{
	display: block;
	margin-bottom: 15px;
	padding: 2px;
	font-weight:bold;
}

#contatto .tx-srfeuserregister-pi1-checkbox{
	border: 1px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	color: #666;
}

#contatto .tx-srfeuserregister-pi1-text, #contatto .tx-srfeuserregister-pi1-password {
	display: block;
	border: 1px solid #666;
	margin-bottom: 15px;
	padding: 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	color: #666;
}
#contatto dd p.tx-srfeuserregister-pi1-error {
	display: block;
	width: 200px;
	position: absolute;
	top:0px;
	left: 240px;
	
	border: 1px solid red;
	background:#FFD5D5;
	color: #900;
}
/*#contatto form .tx-srfeuserregister-pi1-submit {
	background: transparent url(/fileadmin/templates/img/invia.jpg) right no-repeat;
	width: 140px;
	border: 0;
	border-bottom: 3px solid red;
	padding: 0;
	margin: 0;
	padding-right: 15px;
	font-weight: bold;
	cursor: pointer;
}*/







/* Formattazione form contatti da confermare */
#da_confermare {
	width: 500px;
	border: none;
	display: block;
	margin:0;
	padding:0;
}
#da_confermare form { margin:0; padding: 0; }
#da_confermare fieldset { border:0;}
#da_confermare legend strong {
	color: #000;
}
#da_confermare form legend {
	display: block;
	margin: 20px 0 20px 0;
	border: 1px solid black;
	background: #FFFF99;
	padding: 10px;
	color: black;
}
#da_confermare dt {
 	width: 200px;
 	float: left;
 	margin-left: 0px;
 	margin-bottom: 10px;
}
#da_confermare dd {
	width: 200px;
 	float: left;
 	margin-bottom: 10px;
	font-weight: bold;
}
#da_confermare .tx-srfeuserregister-pi1-submit {
	background: transparent url(/fileadmin/templates/img/invia.jpg) right no-repeat;
	width: 180px;
	border: 0;
	border-bottom: 3px solid red;
	padding: 0;
	margin: 5px 0 10px 0;
	padding-right: 15px;
	font-weight: bold;
	cursor: pointer;
}

#contatto .tx-srfeuserregister-pi1-submit {
	background: none;
}

/* COnfermato */
.tx-srfeuserregister-pi1 {
	/*padding: 10px;*/
}
.tx-srfeuserregister-pi1 h4 {
	margin: 0;
	font-size: 12px;
	color:#FF2823;
}
.tx-srfeuserregister-pi1 p { color: black; }


#tx-srfeuserregister-pi1-fe_users_form p a{
	background-image:none;	
	color: 					#666;
}

#tx-srfeuserregister-pi1-fe_users_form p{
	margin-bottom:			20px;
}

/* formattazione delle prime tre colonne unite */
.colonna_uno {
	display: 				block;
	width: 					675px;
	min-height: 			330px;
	height: 				auto !important;
	height: 				330px;
	float: 					left;
	padding: 				0 5px 0 5px;
}

/*tx-newloginbox*/
.tx-newloginbox-pi1 p{
	margin:					8px 0 0 0;
}


div.tx-newloginbox-pi1 {
	padding-bottom:			35px;
}

/* Questa classe formatta i link di approfondimento presenti nelle colonne e racchiusi da parentesi quadre */
.vai, p.news a {
	color: 					#000;
	color:#b00000;
}
/* Fine */

/*XFT style*/
/*MARCHI*/
.xft-marchi-riga{
	width:					670px;
	display:block;
	margin-bottom:8px;
	/*border:1px solid red;*/
}
.xft-marchi-single{
	float:left;
	width:					110px;
	/*text-align:				center;*/
	margin-right:15px;
}
/*.xft-marchi-image{
	height:					100px;
}*/
.clearer{
	clear:both;
}
.xft-marchi-descrizione{
	width:					110px;
	text-align: 			center;
	margin:					0;
	display:				none;
}

.xft-generico-centrale {
	margin-bottom:					10px;
}



.xft-generico-centrale img{
	float:					left;
	margin:					0 8px 5px 0;
}

.xft-generico-centrale h1{
	font-size:				12px;
	font-weight:			bold;
	color:					red;
}

.xft-generico-centrale ul{
	list-style-type:		circle;
	display:block;

}

.xft-generico-centrale ul li{
	display:block;
}

.row input,.row textarea,.row select{
	margin-left:			20px;
}

.row label{
	display:block;
	width:130px;
	float:left;
}

.row{  
	display:block;
	clear:both; 
	margin-bottom:8px;
}

div#rivenditory-overflow,div.aperturedomenicali{
	overflow-y:  		scroll;	
	height:				400px;
	margin:				15px 0 25px 0;
}

.rivenditori-list h3, .rivenditori-list h2{
	font-weight:		bold;
	margin-top:			8px;
}

.vai a,.tx-srfeuserregister-pi1 a{
	color:				#000;
	color:#b00000;
}


form table td{
	font-size:10px;
	font-weight:none;
}

img {
	border:0;
}

.list_text{
	margin-bottom: 8px;
}

a{
	color:#b00000;
}

.xft-immagine{
	border:					0;
	margin-top:				20px;
}