/* Ridevinizione stili base e stili standard */

body {
	margin: 0;
	background:#808080 url(images/body_bg.png) center repeat-y;
}

.red {color:red}

p, ul li {font-size:0.9em;}  
.center {text-align:center}
a {text-decoration:none;}
a:hover {text-decoration:underline;}

div.box {
  padding:0.5em;
  margin-bottom:0;
  background:none;
}

div.container {
		background:#fff;
}
  
div#footer {
  text-align:center;
	padding: 30px 0 0 0;
}

.canc {
  color:gray ;
  text-decoration:line-through;  
}  

.white_orange {color:fff;background-color:orange;font-weight:bold}
 
/* Intestazione */  

div#header {
	position:relative;
	height: 155px;
	background: url(images/header.png) top left no-repeat
}	
	
div#header h1 {
	display:none;
}
	
div#header h2 {
	position:absolute;
	color:#fff;
	top:28px;
	left:500px;
}	

div#header h3 {
	position:absolute;
	color:#fff;
	top:70px;
	left:500px;
}	
	
div#header h3 .alt { 
  color: #fff;
	font-style: normal;	
}	

p#now {
	Color:#808080;
	font-size:1.1em;
	font-weight:normal;
	padding:0.5em 0 0 16px;
}		

/* Stile per menu' pricipale */

div#mainmenu {
  position:absolute;
  bottom:0;
  left:0;
  margin-left: 8px;
  padding: 0;
  width: 100%;
  background: transparent;
  voice-family: "\"}\"";
  voice-family: inherit;
  padding-left: 5px;
}

div#mainmenu ul {
  font-weight:bold;
  margin:0;
  padding:0;
  list-style:none;
}

div#mainmenu li {
  display:inline;
  margin:0 2px 0 0;
  padding:0;
}

div#mainmenu a {
  float:left;
  color: white;
  background: #9eaaac url(images/color_tabs_left.gif) no-repeat left top;
  margin:0 2px 0 0;
  padding:0 0 1px 3px;
  text-decoration:none;
  letter-spacing: 1px;
}

div#mainmenu a span{
  float:left;
  display:block;
  background: transparent url(images/color_tabs_right.gif) no-repeat right top;
  padding:4px 9px 2px 6px;
}

div#mainmenu a span{
  float:none;
}

div#mainmenu a:hover{
  background-color: #ebeff0;
  color:#404040;
}

div#mainmenu a:hover span{
  background-color: #ebeff0;
  color:#404040;
}

div#mainmenu .current a,
div#mainmenu .current span {
  background-color: #fff;
  color:#404040;
}

/* Stile per titoli dell'area contenuti */

div#main-content h3.main-title {
  color: #FFFFFF;
  height: 28px;
  background: url(images/red_bar.gif) no-repeat top right #CC0000;
  margin: 0 0 0 4px;
}  

div#main-content h3.main-title span {
  margin: 0;
  padding: 0 0 0 26px;
  display: block;
  background: url(images/black-bullet.gif) no-repeat top left;
  height: 28px;
  line-height: 28px;
  text-align:left;
}

/* NavList menu - usata nelle sezione diventa cliente */

ul.navlist li {
  list-style-type: circle;
} 

ul.navlist li a {
  color:#910202;
  text-decoration: none;
}
  
ul.navlist li a.current {
  color: #910202;
  font-weight:bold;
}

ul.navlist li a:hover {
  text-decoration:underline;
}

ul.navlist-square li {
  list-style-type: square;
}  

ol.navlist li {
  font-weight:bold;
  color: #910202;
}

ol.navlist ul {
  padding: 0 0 20px 0;
}

/* Stili per il blocco news*/
  
/* div#news {
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
	
  border: solid 1px #ebeff0;
} */


/* Stile per sezione news */

div.news {
	border-top:#B81F1F solid 4px;
	}

div.news h3 {
	color:navy;
	margin:0.5em 0 0.5em 0;
	}

div.news h4 {
	padding:0 0 20px 0;
	}


div.news img {
	margin-top:0;
	}



div.news p {
	text-align:justify;
}

div.news p.firma {
  clear:left
  }


/* Stili per il blocco delle news */

  
div#news-box {
	padding:10px;
	margin-right:10px;
	border: #ebeff0 1px solid;
}

div#news-box ul {
	margin:0 0 0 10px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

div#news-box ul li{
	color: navy;
	padding: 0 0 6px 16px;
	background: url(images/bullet_gray.png) no-repeat left 2px;
}



/* Stili per il blocco dei marchi */
  
div#brand {
	padding:10px;
	margin-right:10px;
	border: #ebeff0 1px solid;
}

div#brand table,
div#brand table tr td {
	text-align:center;
}

/* form per ordine */

.checkout ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  margin:0;
  }

fieldset.checkout {
  
}  
  
  
fieldset.checkout legend {
  margin-bottom:10px;
  font-size:1em;
}  
  
.checkout ul li {
  display:block;
	clear:both;
  }
 
.checkout ul li.pv select {
  margin:0 0 2px 0;
  width:150px;
  font-size:1.2em;
  }
 
 
.checkout label {
  font-weight:normal;
  width:100px; 
  float:left;
  clear:both;    
  padding:0;
  margin:0 0 0 0;
  
  }  

.checkout ul li.destinazioni select{
  margin:0 0 2px 0;
  width:670px;
  font-size:1em;
  }
.checkout input.text{
  display:block;
  float:left;
  padding:1px 2px;
  width:380px;
  margin:0 0 2px 0;
}

.checkout input.action {
  margin:10px 0 0 0;
  width:100px;
  background:#C3D9FF;
  font-weight:bold; 
}




  
/* Form per la registrazione utenti */


.registrati {
  background:#ececf8;
  clear:both;
}

.registrati ul {
  margin: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

.registrati ul li {
  clear:both;
  margin:0;
}
  
.registrati label
{
  font-size:1em;
  float:left;
  width:110px;
}  

.registrati span   {
  padding:0 0 0 110px;
  margin:0;
  display:block;
  color:red;
  font-size:0.8em;
  font-weight:normal;
}


.registrati label em{
  color:red;
  font-size:0.8em;
  font-weight:normal;
}

p.req {
  clear:both;
  }

.radio input {
  display:block;
  float:left;
  
  }
.radio label {
  font-size:1em;
  float:left;
  width:60px;
  padding:0 4px 0 0;
  text-align:right;

} 
.registrati input.text,
.registrati textarea
 {
  color:gray;
  display:block;
  float:left;
  padding:1px 2px;
  width:270px;
  margin:0 0 2px 0;
}

li.checkbox input ,
li.checkbox label {
  font-weight:normal;
  width:auto;
  float:none;
  display:block;
}

.checkbox span   {
  padding:0;
}

.registrati input.action {
  margin:10px 0 0 0;
  background:#C3D9FF;
  font-weight:bold; 
}
 
 
 
 
 
 
/* Stili per Blocchi sx */

div.certificato,
div.secondary-menu,
div.categorie {
  text-align:center;
}

div.certificato img,
div.secondary-menu img {
  display:block;
  margin: 10px auto 10px auto;
}

div.secondary-menu h3,
div.certificato h3,
div.categorie h3 {
  color: #FFFFFF;
  height: 28px;
  background: url(images/red_bar.gif) no-repeat top right #CC0000;
  font-size: 100%;
  margin: 0 0 0 4px;
}

div.secondary-menu h3 span,
div.certificato h3 span,
div.categorie h3 span {
  margin: 0;
  padding: 0 0 0 26px;
  display: block;
  background: url(images/black-bullet.gif) no-repeat top left;
  height: 28px;
  line-height: 28px;
  text-align:left;
}

/* Stili per Blocco Catalogo a sx */

div.categorie h4 {
  margin:0;
  padding: 0 0 2px 0; /*bottom spacing between menu items*/
  text-align:left;
}

div.categorie h4  a{
  display:block;
  margin: 0 0 0 4px;
  color: #A70303;
  background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
  padding: 2px 0;
  padding-left: 19px; /*link text is indented 19px*/
  text-decoration: none;
  font-weight: bold;
  font-size:.9em;
  border-bottom: 1px solid #dadada;
}

div.categorie ul.categoryitems {
  color:#A70303;
  font-size:0.8em;
  padding:4px 0 0 10px;
  text-align:left;
  text-decoration: none
}

div.categorie ul.categoryitems li a {
  text-decoration: none;
  color: #A70303;
}

/* Stili per pagina dei contatti */
  
table.contact_list td {
	border-bottom: #ddd 1px solid;
}
	
table.contact_list a {
  text-decoration:none;
}

table.contact_list td strong {
  color:#444;
}
	
	
table.contact_list td.interno {
	width:50px;
}
	
table#tradein td {
  font-size:0.8em;
	border-bottom: #ddd 1px solid;
}	

td.ico_img {
  text-align:center;
}

.order {
  
}

/* Tabella delle promozioni in home page */

table#promo {
  border-collapse:collapse;
}

table#promo td {
  padding:4px;
  vertical-align:top;
  border-collapse:collapse;
}

table#promo td.scadenza {
  text-align:right;
  border-bottom:#ddd solid 1px;
}

table#promo td.bottom {
  border-bottom:#B81F1F solid 4px;
  vertical-align:bottom;
}

table#promo td h4 {
	padding:0 0 0.5em 0;
}


table#promo span.note,
h4 span.note {
  font-size: 0.8em;
  font-style: italic;
  color: gray;
}


table#promo td.top {
  border-top:#B81F1F solid 4px;
}


table#promo td.prezzo,
p.prezzo {
  margin:0;
  color:red;
  font-weight:bold;
  text-align:right;
  vertical-align:bottom;
}


img.ordina {
  margin: 0 10px -3px 0;
}  

/* stili per bundle */


table.bundle {
 border-collapse:collapse;
  
}

table.bundle td {
  padding:4px;
  vertical-align:top;
  border-collapse:collapse;
}



table.bundle h4 {margin:0;padding:0}

table.bundle td.codice,
table.bundle td.titolo {padding:0 4px 0 4px}


table.bundle td.prezzo
 {
  margin:0;
  color:red;
  font-weight:bold;
  text-align:right;
  vertical-align:bottom;
  border-bottom:#B81F1F solid 2px;
  border-top:#ddd solid 1px;
 }


/* Stili per tabella ordine */

table.ordine,
table.ordine td {
  font-family: Arial;
  font-size:0.9em;
  border-collapse:collapse;
  border: dotted 1px gray;
  text-align:center;
}

table.ordine td.sx {text-align:left}
table.ordine td.dx {text-align:right}  
  
table.ordine th {
  background:#FEFFC6;
  text-align:center;
  font-size:0.9em;
}
  
/* Stili per pagina del catalogo */  
  
table.catalogo {
  font-family: Arial;
  font-size:0.8em;
  border-collapse:collapse;
}

table.catalogo td {
  border-bottom:#ddd 1px solid;
  border-top:#ddd solid 1px;
}

table.catalogo td.prezzo {
  text-align:right;
  width:60px;
}

table.catalogo td.prezzo_zero {
  text-align:center;
  width:60px;
}

table.catalogo th.prezzo {
  text-align:center;
}

#filtro {padding:4px}

#filtro td.parametro select ,
#filtro td.parametro input {
  font-size:0.8em;
  margin:0;
}

#filtro td.parametro select  {
  width:300px;
  }

#filtro td.parametro input{
  width:300px;
  }
  
#filtro label {
    font-size:0.8em;
    font-weight:normal;
    margin:0;
}

div.text-small p,
div.text-small ul li {
  font-size:0.9em;
}

#filtro table td {
  padding:0;
  margin:0;
}

#filtro table td.etichetta {
  width:80px;
}

#filtro input.action {
  width:100px;
  background:#C3D9FF;
  font-weight:bold;
}

#numpag label {
  font-weight:normal;
  display:block;
  float:right;
  padding: 6px 2px 4px 6px;
  font-size: 0.9em;
}

#numpag select {
  display:block;
  float:right;
  padding: 0;
  font-size: 0.9em;
}

#ordinamento label {
	float:left;
  font-weight:normal;
  padding: 6px 2px 4px 6px;
  font-size: 0.9em;
}

#ordinamento select {
	float: left;
  padding: 0;
  font-size: 0.9em;
}



span.pag {
  float:left;
  padding: 0 2px;
  margin: 0 2px 0 2px;
  border: #808080 solid 1px;
  font-size:0.8em;
  text-align:center;
} 

span.pag a {
  text-decoration:none;
} 

span.current {
  font-weight:bold;
  background:red;
  color:white;
}
  
p.salva_xls {
  background: url(images/xls_ico.png) no-repeat center right;
  padding:2px 25px 2px 0;
  margin:0;
  text-align:right;
  font-size:0.9em;
}

/* Stili per blocco login  */
  
div#userlogin {
  padding: 10px 6px 10px 6px;
}

div#userlogin p {
  padding: 14px 0 0 0;
  margin:0;
}

div#userlogin fieldset p {
  padding: 2px 4px 0 0;
  float:left;
}
      
div#userlogin form {
  float:left;
  background: url(images/angolo_destro.gif) no-repeat bottom right;
  position:relative;
  width:600px;
}

div#userlogin p.cart {
  margin:0;
  padding:10px 10px 0 60px;
  background: url(images/carrello.jpg) left center no-repeat;
  float:right;
}  

div#userlogin p.infologin {
  float:right;
  padding:2px 10px 0 0;
}  
  
div#userlogin fieldset {
  text-align:center;
  border:none;
  padding:20px 0 0 20px;
  background: url(images/angolo_sinistro.gif) no-repeat top left;
}
  
div#userlogin input.text {
  color:gray;
  width:120px;
  margin: 0 10px 0 0;
  padding:1px;
}

div#userlogin input.ricorda {
  float:left;
}

div#userlogin input.submit {
  width:60px;
  margin: 0 20px 0 0;
  padding:0;
  font-size:0.9em;
}

div#userlogin label {
  font-size:0.9em;
  font-weight:normal;
}

p.login-message {
  padding:0;
  margin:0;
  display:block;
  position:absolute;
  bottom:2px;
  left:140px;
  font-size:0.8em;
  color: red;
  font-weight:bold;
  }

table.delrio,  
table.delrio td {
  border-collapse: collapse;
  border: solid 1px;
} 

table.delrio input.text {
  width:300px;
}

ul.daticliente {
  margin: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}


ul.daticliente  li {
margin:0;
clear:both;
}  


ul.daticliente  span{
text-align:right;
float:left;
width:120px;
}  
  
ul.green-check {
	margin:0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

ul.green-check li {
	color: navy;
	padding-left:16px;
	background: url(images/spunta.png) no-repeat left center;
}



.mid {text-align:center}
.sx  {text-align:left}
.dx {text-align:right}
