/* CSS Document */

/* -----------------------------------------------------------------------------
    R E S E T
----------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* end reset */
/* ----------------------------------------------------------------------------
    G E N E R A L
----------------------------------------------------------------------------- */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 1.5em;
	background-color:#d3d8dc;
	text-align: center;   /*centra in IE 5.x */
}
/* ------ LINK ------ */
a {text-decoration:none; color:#ed2001; }
.grey {color:#666;}
.red { color:#ed2001;}
a:hover,
a:focus {color:#ff6900; text-decoration:underline;}

/* ------ STRUTTURA ------ */
#container {
	width:959px;
	margin:auto;   /*centra negli altri browsers*/
    text-align:justify;   /*ripristina l' allineamento*/
	background-color:#fff;
}
#corpo {
	width:959px;
	background: url(immagini/ombra_dx.jpg) top right repeat-y;
	overflow:hidden;
}
#head {
	width:960px;
	height:170px;
	margin-top: 3px;
}
#colonna_sx {
	width:629px;
	float:left;
	padding:0 20px 20px 40px;
}
#colonna_sx h1 {padding:50px 0 20px; text-align:center;}

#colonna_sx img {
	display:inline-block;
	margin:auto;
}
#colonna_dx {
	width:230px;
	padding:0 20px 20px;
	float:left;
}

#colonna_doppia {
	width:890px;
	clear:both;
	padding-bottom: 20px;
}
#colonna_doppia p {text-align:center;}
#colonna_doppia img { display:block; margin:auto; margin-bottom:10px; padding:3px; border:1px solid #999;}
hr {border-top: 1px solid #000;}
#box1 {
	width:415px;
	float:left;
	text-align:center;
	padding:0 30px 40px; 
}
#box2 {
	width:415px;
	float:left;
	text-align:center;
	margin:0;
	padding:0 30px 40px; 
}
#box1 img, #box2 img { display:block; margin:auto; padding-bottom:15px;}
#divisore {
	width:949px;
	height:50px;
	background-color:#fff;
	border-top:15px solid #CCC;
	clear:both;
	text-align:center;
	margin-bottom:30px;
}
#content {
	width:890px;
	margin:auto;
	padding:0 20px;
}
#blister {
	margin:auto;
	width:800px;
	border:1px solid #dedede;
	padding: 10px 0;
	margin-bottom: 20px;
	border-radius: 15px; 
  -moz-border-radius: 15px; /* firefox */
  -webkit-border-radius: 15px; /* safari, chrome */
}

#blisterIn {text-align:center;}
#blister li {
	display:inline;
	width:100%;
	padding-right:20px;
}

#description {
	width:800px;
	margin:auto;
}
#immagini {
	width:800px;
	margin:10px auto;
	text-align:center;
}
#immagini img {
	display:inline;
	padding-right:20px;
}
#divisore h1 {padding:15px 0 15px; text-align:center;}
IMG.pennarello {display:block; margin:auto; padding-bottom:10px;}
.fotoGiu {padding: 10px 15px 0 0;}
.fotoDx { display:block; margin: auto; padding:0 0 10px;}
#content {
	width:890px;
	margin:auto;
	padding:0 20px;
}

#footer {
	width:949px;
	height:40px;
	border-top:15px solid #CCC;
	clear:both;
	background-color:#FFF;
	position:relative;
}
#footer p {
	text-align:center;
	line-height:3em;
	font-size: 10px;
	color: #666666;
}
#footer_img {
	width:960px;
	height:36px;
	margin:0 auto;
	background:#FFF url(immagini/ombra_footer.jpg) bottom no-repeat;	
}
#logo { width: 152px; height: 27px; 
		background: url(immagini/eurocart-logo.gif) no-repeat; 
		position:absolute; right:5px; top:5px; }
.ecoline {width: 225px; height: 101px; padding-top:30px; clear:left; background:url(immagini/ecoline.jpg) no-repeat left;}
.contatti {text-align:center;}

/* ------ TABELLA ------ */
.tabella {width:910px;}
.tabella td {width:182px; padding:3px 0 3px;}
.tabella td img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding:3px;
 border:1px solid #999;}
 
#tabella_markers {width:800px; margin:auto;}
#tabella_markers td { width:400px; padding:3px 0;}
#tabella_markers img {
 display: block;
 margin:auto;
 border:none;
 }
 
#tabella_ink {width:800px; margin:0 auto;}
#tabella_ink td { width:200px; padding:3px 0 3px;}
#tabella_ink td img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 border:none;
 }
 /*tabella codici e colori*/
#codici {
	width:800px;
	
	margin:auto;}
.mainTable {
	width:800px;
	table-layout:fixed;
}
.mainTable td {
	width:190px;
	margin:0 5px;
}
.tableCod { 
	table-layout:fixed;
	width:190px;
	margin:5px 0; 
	caption-side:top;
	font-size:11px;
	border:1px solid #dedede;}
.tableCod caption {font-size:13px; color:#666}

/*HEADERS*/
p.intro { padding-top:10px;}
.centro { text-align:center; padding-top:5px;}
h1 {font-size: 20px; font-weight:lighter; color:	#e2001a; padding-bottom: 10px;}
.index { font-size:24px; text-align:center;}
h2 {font-weight: normal; font-size: 1.3em; color:#e2001a; text-align:center;
	padding-bottom:15px;}
h3 { 
	font-size:1.1em;  
	color:#000; 
	text-align:center;
	padding-bottom:5px;
	}
h4 {font-size: 10px; color: #666666;}
h5 {font-size: 10px; color: #e2001a; text-align:right;}
h6 { font-weight:lighter;font-size: 11px; color:#333; text-align:center; }

.testoverde {color:#3e6a32; font-weight:bold; }
ol, ul {list-style: none;}
/*-----------------------*/
#menu_tendina{
width:948px; 
float: left;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
background: #eaeaea;
list-style:none;
font:.9em Trebuchet MS;
}	
#menu_tendina li ul li{
list-style:none;

}
#menu_tendina li{
float:left;
border-right: 1px solid #dbdbdb;
color:black;
}
#menu_tendina a:link,
#menu_tendina a:visited{
display: block;
padding: 4px 8px;
color: #000;
text-decoration: none;
}
#menu_tendina a:hover,
#menu_tendina a:focus,
#menu_tendina a:active{
background-color: #cbcbcb;
color: #FFFFFF;
text-decoration: none;
}
#menu_tendina li ul{
display: none;

}
#menu_tendina li:hover ul{
display: block;
position: absolute;
z-index:1;
width:160px;
margin: 0 0 0 -1px;
border:1px solid #dbdbdb;
background: #eaeaea;
z-index:10;
}
#menu_tendina li li {
border-bottom:2px solid #fff;
width: 160px;
}
/*livello3*/
#menu_tendina ul li:hover ul ul{
position: absolute;
top:5px;
left:100%;
width: 160px;
visibility:hidden;
z-index: 99;
}
#menu_tendina ul ul li:hover ul{
visibility:visible;
}

/*MENU VERTICALE*/
#menuVerticale {
	width:210px;
	margin-top:80px;
	font-size:11px;
	line-height:2em;
}
#menuVerticale li{
	list-style:none;
	border-bottom:1px solid #dbdbdb;
}
#menuVerticale a{
	text-decoration:none;
	display:block;
	padding:2px 5px;
	color:#aaa;
}
#menuVerticale .voceCorrente a{
	background:#ddd;
	color:#000;
}
#menuVerticale a:hover,
#menuVerticale a:focus,
#menuVerticale a:active{
	text-decoration:none;
	background:#ddd;
	color:#666;
	border-color:#aaa;
}

/*Torna su*/

a.back-to-top {
    padding-right: 16px;
}

/*pagine intro (immagine e box testo in trasparenza)*/
.boximg {
  float:left;
  position: relative;
  width: 473px; /* Stessa larghezza dell'immagine */
  height: 577px; /* Stessa altezza dell'immagine */
  margin-top:15px;
  z-index:1;
}
div.boxtesto {
  position: absolute;
  top: 8%;
  right:-30%;
  width: 70%;
  padding:10px;
  background: #eee; /* browser che non supportano rgba */
  background-color: rgba(234, 234, 234, 0.7);
  border:1px solid #ddd;
  
}
span.testo {
  color: #000;
  font: 14px Arial, Helvetica, sans-serif;
  line-height:1.6em;
}

/* Breadcrumb 
------------------------------------------------------------------*/

ul, li {
	list-style-type:none;
}
#crumbs {
	font:71%/165% "Lucida Grande", Lucida, Verdana, sans-serif;
	height:2.3em;
	margin-top:10px;
	}
#crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	}		
#crumbs li a {
	background:url(immagini/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
a:link, a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
	}