body {
	background: #fff url(../img/sfondo-1.png) top no-repeat;
	font-family: "Arial", "Verdana", sans-serif;
	font-size: 12px;
	color: #6C1600;
}

img  {
	border:0;
}

/* Rimuove i bordi grigi intorno ai link. */
a{
	outline:none;
}

/* Per non fare uscire il contenuto in caso di risoluzione bassa. */
/* http://www.htmlcodetutorial.com/help/ftopic13041.html */
#outer {
	margin: auto;
}

/* http://www.codestore.net/store.nsf/unid/BLOG-20050907 */
/* Wrapper per mantenere il contenuto al centro della pagina in orizzontale. */
#wrapperCentrato {
	width: 980px;
	height: 580px;
	margin: 0 auto;
	background-color: none;
}

/* Il contenuto effettivo della pagina */
#wrapperContenuto {
	width: 950px;
	height: 580px;
	margin: 0 auto;
	background-color: none;
}

/* Non si sa mai. */
#cuscinetto{
	height:0px;
}

/**************** HEADER *********************/

/* Striscia in alto che contiene logo, menu e campo di ricerca */
#header {
	width: 940px;
	height: 120px;
	background: none;
	margin-bottom:0px;
}

/* Logo Mivat */
#headerLogo {
	position: relative;
	float:left;
	width: 120px;
	height: 120px;
	background-color:#C00000; /* Rosso */
}

/* Menu principale pull-up */
#headerMenu {
	position: relative;
	float:left;
	left:0px;
	width: 580px;
	height: 117px;
	background-color:transparent;
	border-bottom:solid 3px #C00000;
}

/* Lo switch di lingua in alto a dx */
#headerLingua {
	position: relative;
	text-align:right;
	float:right;
	width: 240px;
	height: 30px;
	background-color:none;
	margin-bottom:0px;
	font-size: larger;
}

/* Lo switch di lingua in alto a dx. Link */
#headerLingua a {
	text-decoration:none;
	color: #C00000;
}

#headerLingua a:hover {
	text-decoration:none;
	color: #C00000;
}

#headerLingua a:visited:hover {
	text-decoration:none;
	color: #C00000;
}

/* Il campo di ricerca in alto a dx */
#headerSearch {
	position: relative;
	float:right;
	width: 240px;
	height: 87px;
	background-color:transparent;
	border-bottom:solid 3px #C00000;	
		
}


/**** Form ****/

form#campoRicerca {
	 margin-top:67px;
}

form#campoRicercaAvanzata {
	 margin-top:0px;
	 	color: #C00000;
}

form#campoRicercaAvanzata h3 {

	margin:2px;
	color: #C00000;
}

input#campoRicerca {
	width:200px;
		margin-top:0px;
}

input#lenteDiIngrandimento {
	margin-right:10px;
	margin-top:-2px;

}

label {
	width: 15em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

.submit input {
	margin-left: 4.5em;
} 



legend {
	color: #fff;
	background-color: #666;
	padding: 2px 6px
} 


input {
	color: #C00000;
	background: #fff;
	border: 1px solid #C00000; /* Bordo di quel tipico rosso. */
	padding-bottom:2px;
	padding-top:2px;
	padding-left:2px;
	
}

input.pulsante {

}

input.pulsante:hover {

}


textarea {
	color: #222;
	background: #999;

}

select {
	color: #C00000;
	border:solid 1px #C00000;
	padding:2px;
	width:200px;

}

.noBorder {
	border:0;
}

/**** Fine Form ****/


/**************** MAIN *********************/

/* La finestra principale */
#main {
	width: 940px;
	height: 350px;
	background: none;
	margin-bottom:0px;
	margin-top:3px;
}

/* Finestra principale, area per foto nella homepage*/
#mainSlideshowHome {
	position: relative;
	float:left;
	width: 700px;
	height: 350px;
	background: url(../img/loading-1.gif) no-repeat center center;
	margin-bottom:0px;
}

/* Finestra principale, area per testo nella pagina dell'azienda '*/
#mainAziendaSx {
	position: relative;
	float:left;
	width: 466px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
	font-size:larger;
}

/* Finestra principale, area per testo nella pagina dell'azienda '*/
#mainAziendaSxTesto {
	position: relative;
	float:left;
	width: 465px;
	height: 303px;
	background: transparent;
	margin-bottom:0px;

	overflow:auto;
}


/* Finestra principale, area per testo nella pagina del Made in Itlay '*/
#mainMadeInItalySxTesto {
	position: relative;
	float:left;
	width: 465px;
	height: 303px;
	background: transparent;
	margin-bottom:0px;

	overflow:auto;
}


/* Finestra principale, area per slideshow nella pagina dell'azienda '*/
#mainAziendaDx {
	position: relative;
	float:left;
	width: 474px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
}

/* Finestra principale, area per risultati di ricerca a dx */
#mainCercaDx {
	position: relative;
	float:left;
	width: 360px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;

}


#mainCercaSx {
	position: relative;
	float:left;
	width: 120px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
}	

/* Finestra principale, area per menu di dx nella homepage*/
#mainMenuDx {
	position: relative;
	float:left;
	width: 240px;
	height: 350px;
	background: #C00000;
	margin-bottom:0px;
}	

/* Finestra principale, menu a sx */
#mainMenuSx {
	position: relative;
	float:left;
	width: 120px;
	height: 350px;
	background: #C00000; /* Rosso */
	margin-bottom:0px;
	color:white;
	font-size:10px;

}

#mainMenuSx ul {
	font-size:1.2em;
	line-height: 170%;
	list-style-type:none;
	margin-left: 8px; /*************** Controllare: per IE 4px ***/
	padding-left: 8px; /***************** per IE 4px*/
	margin-top:8px;
	width:90px;

}

#mainMenuSx a {
	text-decoration: none;
	color: #ffffff;
}

#mainMenuSx a:visited {
	text-decoration: none;
	color: #ffffff;
}

#mainMenuSx a:hover {
	text-decoration: none;
	color: #DCA782;
/*	border-bottom:solid 1px #ffffff;*/
}

#mainMenuSx a.linkAttivo {
	text-decoration: none;
	color: #DCA782;
/*	margin-left:10px;*/
}

#mainMenuSx a.linkAttivo:visited:hover {
	text-decoration: none;
	color: #DCA782;
/*	border-bottom:solid 1px #DCA782;*/
}

#mainMenuSx a.linkAttivo:hover {
	text-decoration: none;
	color: #DCA782;
/*	border-bottom:solid 1px #DCA782;*/
}

/* Finestra principale, area lunga nel caso di pagine non relative a un prodotto specifico */
#mainLungo {
	position: relative;
	float:right;
	width: 820px;
	height: 350px;
	background: #CC0000;
	margin-bottom:0px;
}

#mainWrapper {
	position: relative;
	float:left;
	left:0px;
	width: 575px;
	height: 330px;
	background:none;
	line-height:330px; /* per il vertical-align dell'immagine contenuta */
	background-color:transparent;
}

/* Finestra principale, spazio per foto del prodotto */
#mainProdottoFoto {
	position: relative;
	float:left;
	left:0px;
	width: 425px;
	height: 330px;
	background:none;
	line-height:330px; /* per il vertical-align dell'immagine contenuta */
	text-align:center;
	background-color:transparent;
}
		/* Finestra principale, spazio per foto del prodotto */
		#mainProdottoFoto img {
			vertical-align: middle;

		}


/* Finestra principale, spazio per info su prodotto */
#mainProdottoInfo {
	position: relative;
	float:left;
	left:0px;
	width: 154px;
	height: 330px;
	background:none;
	padding-top:20px;
	background-color:transparent;	
}

/* Il titolo della linea corrente (Vintage...)*/
#mainAnteprimeTitolo {
	position: relative;
	float:right;
	width: 240px;
	height: 40px;
	background-color:#C00000;
}

/* Finestra principale, spazio per anteprime */
#mainAnteprime {
	position: relative;
	float:right;
	width: 240px;
	height: 310px;
	background-color:transparent;
	overflow:hidden;

}

.scroll-pane {
	margin-top:20px;
}

/* Anteprime dei prodotti (hoverpulse) */
#thumbs {
	position: relative;
	width: 235px;
	height: 310px;
	padding-left:5px;
	padding-top: 10px;
	overflow-y:scroll;

}

.thumb {
	float: left;
	padding: 1px;
	width: 70px;
	height: 70px;
	margin-right:2px;
	margin-bottom:2px;

}

.thumb2 {
	float: left;
	padding: 1px;
	width: 70px;
	height: 130px;
	margin-right:2px;
	margin-bottom:2px;

}

img.thumb {


}

/* Divisione con bandiere */
#infoStato {
	height:90px;
	width:220px;
	margin-top: 10px;
	margin-left:37px;
	background-color:transparent;
		float:left;
		position:relative;
	
}

#mappaEuropa{
	
}

/* Finestra principale, area per testo nella pagina dell'azienda '*/
#mainMivatNelMondoSx {
	position: relative;
	float:left;
	width: 466px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
}

/* Finestra principale, area per slideshow nella pagina dell'azienda '*/
#mainMivatNelMondoDx {
	position: relative;
	float:left;
	width: 465px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
	margin-left:9px;
}

#mivatNelMondoTesto {
	background-color:transparent;
	height: 150px;
	width:430px;
	padding-top: 15px;
	font-size: large;
}

#logoMivatNelMondo {
	height:80px;
	width:100px;
	float:left;
	background-color:transparent;
	margin-top:25px;
	margin-left:20px;

}

/* Finestra principale, area per la mappa di Google nella pagina contatti */
#mainContattiMappa {
	position: relative;
	float:left;
	width: 700px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
	/*margin-left:9px;*/
}

/* Finestra principale, area per info, contatti etc */
#mainContattiInfo {
	position: relative;
	float:left;
	width: 220px;
	height: 350px;
	background: transparent;
	margin-left:20px;
	/*margin-left:9px;*/
}

#mainContattiInfo h3 {
	color: #C00000;
}

#mainContattiInfo a {
	text-decoration: none;
	color: #FF9999;
	padding-bottom:2px;

}

#mainContattiInfo a:visited {
	text-decoration: none;
	color: #FF9999;
	padding-bottom:2px;

}

#mainContattiInfo a:hover {
	text-decoration: none;
	color: #FF9999;
	border-bottom: solid 1px #FF9999;
}

#mainContattiInfo a:visited:hover {
	text-decoration: none;
	color: #FF9999;
	border-bottom: solid 1px #FF9999;
}



#mainContattiSx {
	position: relative;
	float:left;
	width: 466px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
	font-size:larger;
}


#mainContattiDx {
	position: relative;
	float:left;
	width: 470px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
	margin-left:0px;
	font-size:larger;
}



#mainContattiDx a {
	text-decoration: none;
	color: #FF9999;
	padding-bottom:2px;

}

#mainContattiDx a:visited {
	text-decoration: none;
	color: #FF9999;
	padding-bottom:2px;

}

#mainContattiDx a:hover {
	text-decoration: none;
	color: #FF9999;
	border-bottom: solid 1px #FF9999;
}

#mainContattiDx a:visited:hover {
	text-decoration: none;
	color: #FF9999;
	border-bottom: solid 1px #FF9999;
}











#mainContattiDx1 {
	position: relative;
float:left;
	width: 220px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
	margin-left:0px;
	font-size:larger;
	padding:0px;
	margin-top:0px;
}

#mainContattiDx2 {
	position: relative;
float:right;
	width: 205px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
	margin-left:0px;
	font-size:larger;
}






#mainContattiDx1 a {
	text-decoration: none;
	color: #FF9999;
	padding-bottom:2px;

}

#mainContattiDx1 a:visited {
	text-decoration: none;
	color: #FF9999;
	padding-bottom:2px;

}

#mainContattiDx1 a:hover {
	text-decoration: none;
	color: #FF9999;
	border-bottom: solid 1px #FF9999;
}

#mainContattiDx1 a:visited:hover {
	text-decoration: none;
	color: #FF9999;
	border-bottom: solid 1px #FF9999;
}








#mainContattiDx2 a {
	text-decoration: none;
	color: #DB5555;
	padding-bottom:2px;

}

#mainContattiDx2 a:visited {
	text-decoration: none;
	color: #DB5555;
	padding-bottom:2px;

}

#mainContattiDx2 a:hover {
	text-decoration: none;
	color: #DB5555;
	border-bottom: solid 1px #FF9999;
}

#mainContattiDx2 a:visited:hover {
	text-decoration: none;
	color: #DB5555;
	border-bottom: solid 1px #FF9999;
}

/**** Ricerca avanzata ******/

/* Finestra principale, area per form e tendine della ricerca avanzata*/
#mainRicercaAvanzataSx {
	position: relative;
	float:left;
	width: 560px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
	font-size:larger;
}

#mainRicercaAvanzataSx h3 {
	position: relative;
	color: #C00000;
}

/* Finestra principale, area per grafica nella pagina della ricerca avanzata '*/
#mainRicercaAvanzataDx {
	position: relative;
	float:left;
	width: 360px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
	margin-left:9px;
	font-size:larger;
}




/* Finestra principale, area per testo nella pagina del made in italy '*/
#mainMadeInItalySx {
	position: relative;
	float:left;
	width: 466px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
	font-size:larger;
}

/* Finestra principale, area per testo nella pagina dell'azienda '*/
#mainAziendaSxTesto {
	position: relative;
	float:left;
	width: 465px;
	height: 303px;
	background: transparent;
	margin-bottom:0px;
	overflow:auto;
}



/* Finestra principale, area per slideshow nella pagina del made in italy '*/
#mainMadeInItalyDx {
	position: relative;
	float:left;
	width: 474px;
	height: 350px;
	background: transparent;
	margin-bottom:0px;
}

/****************************/



/**************** FOOTER *********************/

/* Footer con le 4 news */
#footer {
	color:#888;
	width: 940px;
	height: 80px;
	background:none;
	margin-bottom:0px;
	margin-top:3px;
}

#footer1 {
	position: relative;
	float:left;
	width: 233px;
	height: 80px;
	background-color:transparent;
}

#footer2 {
	position: relative;
	float:left;
	left:0px;
	width: 233px;
	height: 80px;
	background-color:transparent;
}

#footer3 {
	position: relative;
	float:left;
	left:0px;
	width: 233px;
	height: 80px;
	background-color:transparent;
}

#footer4 {
	position: relative;
	float:right;
	width: 240px;
	height: 80px;
	background-color:transparent;
}

#footer a {
	color: #888;
	text-decoration:none;
	border-bottom: solid 1px #222;
	padding-bottom:1px;
}

#footer a:hover {
	text-decoration:none;
	border-color: #888;
}

#footer a:visited:hover {
	text-decoration:none;
	border-color: #888;
}

/********************* COPYRIGHT **********************/

/* Copyright etc */
#copyright {
	color:#888;
	width: 940px;
	height: 20px;
	background:transparent;
	margin-top:2px;

	text-align: center;
}

#copyright a { 
	color:#888;
	text-decoration:underline;
}

#copyright a:visited { 
	color:#888;
	text-decoration:underline;
}

#copyright a:hover { 
	color:#888;
	text-decoration:none;
}

#copyright a:visited:hover { 
	color:#888;
	text-decoration:none;
}

/****** TRANSPARENCY JAZZ *********/
/* http://www.russback.com/css/simple-cross-browser-transparency.html */

/* Classe per box trasparenti */
.transparent {
	background: #333;
	opacity: 0.65;
	-moz-opacity: 0.65; /* older Gecko-based browsers */
	filter:alpha(opacity=65); /* For IE6&7 */
	/*width: 100% !important;*/
}

.transparent_bgrd {
	position: absolute;
	z-index: 1;
	width: 200px;
	height: 300px !important;
}

.transparent_bgrd2 {
	position: absolute;
	z-index: 1;
	width: 650px;
	height: 300px !important;
}
	
.opaque_content {
	position: relative;
	top: 0;
	z-index: 2;
	width: 180px;
	height: 280px;
	overflow-x: hidden; /* per IE6 */
	overflow: auto; /* Opera dà problemi con overflow-y */
	margin:0px;
	padding:10px;	
}

.opaque_content2 {
	position: relative;
	top: 0;
	z-index: 2;
	width: 650px;
	height: 280px;
	overflow-x: hidden; /* per IE6 */
	overflow: auto; /* Opera dà problemi con overflow-y */
	margin:0px;
	padding:10px;	
}

.sinistra {
	float:left;
	width:600px;
	background-color:red;
}

/* Box con le news (sovrapposto alle foto a scorrimento) */
.mainNewsWrapper {
	position:absolute;
	float:right;
	margin-left:700px;
	z-index:3;
}

/* Finestra principale non-home (sovrapposto alle foto a scorrimento) */
.mainNewsWrapper2 {
	position:absolute;
	float:left;
	z-index:3;
}


/**********************************************/

.trasparente {
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */
	background-color: white; /* Importante per la trasparenza in IE8*/
	}
	
img.hiddenPic {
	display:none;
}

label
{
	width: 15em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
}

fieldset {
	border:0px;
	padding: 0px;
	margin-bottom: 0px;
}

legend {
	color: #fff;
	background-color: #666;

	padding: 2px 6px
} 


input {

	padding:2px;
}
