/* Modello BLUE */

/* Settaggi generali: Suddivisione pagina --------------------------------------------------- */

html,body {
	margin: 0;
	padding:0;
	height:100%;
}
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 76%;
	text-align:left;
	color:#777;
	/*background-color: #bcaa96;
	 background-image: url(../img/fondo.jpg); */
	background-color: #ebebeb; 
	background-image: url(../img/sfondo-body.gif);
	background-repeat: repeat-y;
	background-position: top center;
		
}

#container {
	position: relative;
	width: 770px;
	height: 100%;
	margin: 0 auto; /*centra il DIV su Firefox */
	padding:0;
    text-align: left;
	background-image: url(../img/sfondo-container.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

body>div#container{
	height: auto;
	min-height: 100%;
	background-color: #fff;
	display:inline-block; /*peekaboo bug*/
}

div#header {
	width: 100%;
	font-size: 10px;
	/* margin-bottom:5px; */
	background-color:#fff;
}

#header div  {
	padding: 2px 0;
	margin:0;
	/* border: 1px solid #f00; */
}

#header div img {
	/* padding-left:20px;
	float: left; */
}

.img_header {
	border-top: 10px solid #fff;
}

div#contenuti {
	/* padding: 64px; */
	width:100%;
	padding-bottom: 80px; /* necessario - altezza del footer */
	display:inline-block; /*peekaboo bug*/
	/* background-image: url(../img/sfondo-catalogo.jpg);
	background-repeat: no-repeat;
	background-position: top right; */
}

div#colonnasx  {
	/* border: 1px solid black; */
	float:left;
}

div#colonnadx  {
	float:left;
	padding:20px 0 0 20px;
	width:236px;
	/* border-right: 1px solid #e00;
	background-image: url(../img/dotted-cat.gif); 
	background-repeat: repeat-y;
	background-position: top right;*/
}



#pagina  {
	padding:20px;
	margin-right: 0;
	float:left;	
	background-color: #fff;
	background-image: url(../img/sfondo-sito.gif);
	background-repeat: repeat-y;
	background-position: top left; /* */
	width:471px;
}
/* 
div#colonnaindex  {
	float:right;
	width:223px;
	padding:30px 16px 24px 26px;
}
 */


.colonnainterna  {
	float:left;
	width:223px;
	border-right: 1px solid #ddd; 
	margin-right: 20px;
	padding-right:20px;
	margin-bottom: 20px;
}

.paddingreset  {
	padding-right:10px;
}

div#footer{ 
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 1em;
	color: #A6A495;
	/* margin-right: 32px;
	text-align: right;	
	background-color:#fff;
	border-top: 1px solid #ddd; */
}

div#footer div  {
	padding:12px 0 5px 8px;
}

/* Settaggi generali: Suddivisione pagina OPZIONALI ------------------------------ */

/* Focus ON: sta sotto l'header e prima dei contenuti ------------------------------ */

#focuson  {
	margin-bottom:13px;
	background-color:#fd891a;
	border: 4px solid #fff;
	color:#620;
}

#focuson img  {
	float:left;	
}

#focuson .box {
	padding:24px 12px 0 584px;
}


#focuson h1 {
	font-size:1.5em;
}

#focuson h1,
#focuson a,
#focuson a:link,
#focuson a:active,
#focuson a:visited {
	color:#831;
	text-decoration:underline;
}

#focuson a:hover,
#focuson a:focus {
	color:#fff;
}

/* ------------------------------ */

/* Sottomenu nell'header ------------------------------ */

.sottomenusx  {
	float:left;
	padding:20px 0 0 20px;
	width:250px;
	text-align:right;
}

.sottomenu  {
	float:left;
	padding:20px 0 0 20px;
	width:258px;
	text-align:right;
}

.sottomenu li a,
.sottomenu li a:link,
.sottomenu li a:visited, 
.sottomenu li a:active,
.sottomenusx li a,
.sottomenusx li a:link,
.sottomenusx li a:visited, 
.sottomenusx li a:active {
	margin:0 ;
	padding:0;
	font-size:1.3em;
	font-weight:bold;
}

.sottomenu li a:hover, 
.sottomenu li a:focus,  
.sottomenu #voce-corrente a,
.sottomenusx li a:hover, 
.sottomenusx li a:focus,  
.sottomenusx #voce-corrente a{
	color:#444;
}


/* Settaggi generali: RESET TAG ---------------------------------------------- */

p { margin: 0; }

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.6em;
	margin:0 0 2px 0;
	padding:0;
}

h1 a:hover {
	color:#444;
	text-decoration:underline;
}

h1 img, h2 img{
	vertical-align: middle;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#ff7800;
	padding: 0;
	margin:0 0 8px 0;
}

h2 a:hover {
	color:#444;
	text-decoration:underline;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#ff7800;
	padding: 0;
	margin:0 0 4px;
}

h3 a:hover {
	color:#444;
	text-decoration:underline;
}



/* Settaggi generali: Stili Blue --------------------------------------------------- */

.piccolo { font-size: 0.8em; }
.clear { clear: both; }
.fleft {float:left; }
.fright {float:right; }
.alright  {text-align:right;}

.spaziatore  {
	clear:both;
	padding-bottom:20px;
}

.data  {
	color: #bbb;
	padding:0 0 4px 0;
}

.data  img {
	vertical-align:middle;
}

/* Settaggi specifici: colore è colore ----------------------------------------------------- */

a, a:link, a:active, a:visited {
	color: #e00;
	text-decoration: none;
}
a:hover, a:focus { color: #c00; }

#footer p { margin:12px 5px 5px 0; }
#footer a, #footer a:link, #footer a:active, #footer a:visited { color:#666; }
#footer a:hover { color: #000; }



/*
.pagina h1 {
	color:#ff7e00;
	}	
*/
	
.borderimg  {
	border:1px solid #999999;
}

.separanews  {
	padding:0;
	background: url(../img/dot-separatore.gif) repeat-x bottom left;
}

.separaprodotti  {
	padding:12px 0;
	background: url(../img/dot-separatore.gif) repeat-x center left;
}

.separatoregrande  {
	padding:24px 0 18px 0;
	background: url(../img/sfondo-separagrande.gif) repeat-x top center;
}

/* --- Stili newsestesa --- */

.newsestesa  {
	padding-top:6px;
}

.approfondimenti  {
	font-size:0.9em;
	text-align:right;
	padding-top:12px;
}

.approfondimenti img {
	vertical-align:middle;
}

	
		
.col-img  {
	float:left;
	width:92px;
	border:1px solid #fff;
}

.col-txt  {
	float:left;
	width:350px;
	padding-left: 13px;
	background: url(../img/sfondo-newsestesa.gif) repeat-y top left;
}

	

/* --- Stili index/news --- */

#blocconews .descrizione p.testoconimg {
	padding-left:224px;
}



.boxnews  {
	width:471px;
	margin:10px 0;
}

.newscolonna {
	width:214px;
	padding-bottom:24px;
}

.colonnainternasx  {
	float:left;
	width:223px;
	padding-right:20px;
}

.colonnacorta  {
	border-left: 1px solid #ddd; 
	margin-left: 242px;
	padding-left:20px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	}
	
.colonnacorta  img{
	margin:5px;
	}

/* --- Stili prodotti_list --- */

#CatalogoBold {
	font-weight: bold;
	background-color: #f0f0ed;
}

.percorso  {
	padding: 8px 0 36px 0;
	display: block;
}

.percorso ul{
	margin:0;
	padding:0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:normal;
}

.percorso li {
	float:left;
	display:inline;
	margin:0;
	padding:0;
}

.percorso a:link, 
.percorso a:visited{
	color:#777;
	margin:0 ;
	padding:0;
}

.percorso a:hover, 
.percorso a:focus, 
.percorso a:active, 
.percorso #voce-corrente a{
	color:#000;
}


.imgnews { 
	float:left; 
	padding-bottom:6px;
}


.bianco {
	color: #fff;
}

/* --- Stili prodotti --- */

.descrizione  {
	padding:12px 0 0 0;
}

.descrizione  h3  {
	color:#cf1a1a;
}

.descrizioneprodotto  {
	font-size:0.8em;
}

.prodottocompatto  {
	padding:0 0 6px 18px;
}

.prodottocompatto  h3{
	font-size:1em;
	line-height:0.7em;
	margin:0;
	padding:0;
}


.prodottocompatto  a:hover, .prodottocompatto  a:hover h3{
	text-decoration:underline;
}

.grigio  {
	color:#999999;
	font-size:0.9em;
}




.margin-left  {
	margin-left:20px;
}

.boxprodotti  {
	margin:5px 10px 0 5px;
	padding:5px;
	background-color:#eee;
}

/* --- Colori sezioni --- */

.arancio h1,
.arancio h2,
.arancio h3,
.arancio a,
.arancio a:link,
.arancio a:visited,
.arancio a:active {
	color:#f60;
}

.arancio a:hover,
.arancio a:focus {
	color:#c50
}

.verde h1, .verde h2, .verde h3, .verde a, .verde a:link, .verde a:visited, .verde a:active  {
	color:#2cbb01;
}

.blu h1, .blu h2, .blu h3, .blu a, .blu a:link, .blu a:visited, .blu a:active  {
	color:#187cb8;
}

.rosso h1, .rosso h2, .rosso h3, .rosso a, .rosso a:link, .rosso a:visited, .rosso a:active  {
	color:#e00;
}

.continua {
	text-align:right;
	padding-top: 6px;
}
.continua img {
	vertical-align:middle;
	padding-left:3px;
}

.continua a, .continua a:link, .continua a:visited, .continua a:active {
	color:#88897b;
}

.continua a:hover, .continua a:focus  {
	color:#777;
}

.newsestesa a, .newsestesa a:link, .newsestesa a:visited, .newsestesa a:active {
	color:#88897b;
}

.newsestesa a:hover, .newsestesa a:focus  {
	color:#777;
}


/* inizio stili MARCHI ---------------------------------------------------- */

#marchi {
	font-size:1em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 0 30px 0 0;
}

#marchi h1 {
	color:#e00;
	font-size:1em;
	text-transform: uppercase;
	letter-spacing:0.1em;
	margin: 3px 0;
}

#marchi h1 img {
	border: 0;
}

#marchi h2 {
	color:#e00;
	font-size:1em;
	/* text-transform: uppercase;
	text-decoration: underline;
	*/
	font-weight: normal;
	letter-spacing:0.1em;
	margin: 4px 0 6px;	
	text-align: right;	
	clear: both;
	border-bottom: 1px solid #e00;
}

#marchi img {
	border: 1px solid #fff;
	vertical-align: top;
}

#marchi p {
	font-size:0.8em;
	text-align: right;	
}

#marchi div {
	border-right: 1px solid #CCCAC0;
	float: right;
	padding: 0 4px;
	margin-bottom: 8px;
}

.nobold-small {
	font-weight: normal;
	font-size: 0.9em;
}

/* fine stili MARCHI -----------------------------------------------*/

