/* 
Site:			MEV Natural System
Description:	Style css
Version:		1.0 - 11.2012
Author: 		Giada Ranieri @ Agenzia Verde
Author URI: 	http://www.agenziaverde.it
--------------------------------------------------------------------------*/

/*---------------------------------------*/
/*     	 GENERALE        */
/*---------------------------------------*/
* { margin:0; padding:0; }
html, body { height: 100%; }
body { background:url(../img/layout/Bg.jpg) fixed #fff; text-align:center }
img { border:0;  }
iframe { border:1px solid #888}
/*---------------------------------------*/
/*     	 PARTI PRINCIPALI        */
/*---------------------------------------*/
#main { width:1020px; margin:0 auto auto; background:url(../img/layout/BgContainer.png) repeat-y; overflow:auto; text-align:left }
#header { width:1020px; height:87px; margin:0px auto auto; background:url(../img/layout/BgHeader.jpg) no-repeat }
#header h1 { display:none }
#nav { height:24px; padding-top:57px; float:right; margin-right:55px; }
#container { width:980px; margin:0 auto auto; overflow:hidden; position:relative;}
#container #aside { position:absolute; left:0; margin:10px 0 0 0; width:160px; height:300px; }
#content { float:left; width:700px; margin-left:240px; min-height:500px }
#footer { clear:both; margin:0 auto auto; width:1020px; height:60px; background:url(../img/layout/BgFooter.png) no-repeat; }
/*---------------------------------------*/
/*     	 HEADER         */
/*---------------------------------------*/
#header .logo { margin-left:35px; margin-top:10px; }
#HeaderImg { width:960px; height:222px; margin:0 auto auto; display:block;  }
#HeaderImg h1 { display:none }
.HAzienda { background:url(../img/layout/H-azienda.jpg) }
.HMaterassi { background:url(../img/layout/H-materassi.jpg) }
.linea_elite { background:url(../img/layout/H-linea-elite.jpg) }
.HContatti { background:url(../img/layout/H-contatti.jpg) }
.HMlinea-technology { background:url(../img/layout/H-materassi-technology.jpg) }
.HMlinea-tradizione { background:url(../img/layout/H-materassi-tradizione.jpg) }
.HMlinea-natura { background:url(../img/layout/H-materassi-natura.jpg) }
.HMfodere { background:url(../img/layout/H-materassi-fodere.jpg) }
.HMmaterassi-elite { background:url(../img/layout/H-linea-elite.jpg) }
.HMreti-elite { background:url(../img/layout/H-linea-elite.jpg) }
.HComplementi { background:url(../img/layout/H-complementi-letto.jpg) }
.Hhome { background:url(../img/layout/home-collection.jpg) }
.HCguanciali { background:url(../img/layout/H-accessori-guanciali.jpg) }
.HCcoperte { background:url(../img/layout/H-accessori-coperte.jpg) }
.HCcoprimaterassi { background:url(../img/layout/H-accessori-coprimaterassi.jpg) }
.HCreti { background:url(../img/layout/H-accessori-reti.jpg) }
.HBenessere { background:url(../img/layout/H-benessere.jpg) }

/*---------------------------------------*/
/*     	 NAVIGAZIONE      */
/*---------------------------------------*/
#nav ul { margin:0 }
#nav li { float:left; line-height:24px; text-align:center; }
#nav li a { color:#fff; text-decoration:none; font-weight:bold; font-size:12px; ; padding:5px; padding-bottom:4px; }
#nav li a:hover, #nav ul li a.Active { background:#e1d3c6; color:#036 }
/*---------------------------------------*/
/*  	SOTTOMENU  */
/*---------------------------------------*/
.js #main .accordion { visibility:hidden }
.js #side .accordion { display:none }
.accordion ul { margin-bottom:0 !important; vertical-align:middle }
.accordion { width: 160px; margin-left:30px; }
.accordion li { margin-left:0; }
.accordion li.last-child { }
#side ul.accordion ul { margin:0; padding:0 0 0 20px; }
.accordion .outer { border:1px solid #dadada; border-width:0 1px 1px; background: #fff }
.accordion .inner { margin-bottom:0; padding:.5em 20px 1em; position:relative; overflow:hidden }
.accordion .inner .inner { padding-bottom:0 }
.accordion .h { padding-top:.3em } /* vertical padding instead of vertical margin (ie8) */
.accordion p { margin:.5em 1px 1em }
/*01*/
.accordion li a.trigger { border:1px solid #e1d3c6; display: block; height:30px; line-height:30px; padding-left:5px; text-decoration: none; color:#666; font-size:15px; }

.accordion li.LTechnology a.trigger:hover { color:#c36 }
.accordion li.LTechnology a.open { display: block; height:30px; line-height:30px; padding-left:5px; text-decoration: none; color:#c36; font-size:15px; }
.accordion li.LNatura a.trigger:hover { color:#399 }
.accordion li.LNatura a.open { display: block; height:30px; line-height:30px; padding-left:5px; text-decoration: none; color:#399; font-size:15px; }
.accordion li.LTradizione a.trigger:hover { color:#036 }
.accordion li.LTradizione a.open { display: block; height:30px; line-height:30px; padding-left:5px; text-decoration: none; color:#036; font-size:15px; }
.accordion li.LFodere a.trigger:hover { color:#63758f }
.accordion li.LFodere a.open { display: block; height:30px; line-height:30px; padding-left:5px; text-decoration: none; color:#63758f; font-size:15px; }
.accordion li.CGuanciali a.trigger:hover { color:#39afbb }
.accordion li.CGuanciali a.open { display: block; height:30px; line-height:30px; padding-left:5px; text-decoration: none; color:#39afbb; font-size:15px; }
.accordion li.CCoprimaterassi a.trigger:hover { color:#d14d59 }
.accordion li.CCoprimaterassi a.open { display: block; height:30px; line-height:30px; padding-left:5px; text-decoration: none; color:#d14d59; font-size:15px; }
.accordion li.CReti a.trigger:hover { color:#530319 }
.accordion li.CReti a.open { display: block; height:30px; line-height:30px; padding-left:5px; text-decoration: none; color:#530319; font-size:15px; }
.accordion li.CCoperte a.trigger:hover { color:#c63 }
.accordion li.CCoperte a.open { display: block; height:30px; line-height:30px; padding-left:5px; text-decoration: none; color:#c63; font-size:15px; }
.accordion li.BAccessori a.trigger:hover { color:#c63 }
.accordion li.BAccessori a.open { display: block; height:30px; line-height:30px; padding-left:5px; text-decoration: none; color:#c63; font-size:15px; }
/*02*/
.accordion li ul { background:#e1d3c6; margin:0 4px; padding-top:5px; }
.accordion li ul li a.trigger { display: block; height:20px; line-height:20px; padding:2px 5px; margin:0 5px; text-decoration: none; color:#666; font-size:12px; }

.accordion li.LTechnology ul li a.trigger:hover { color:#fff; background-color:#c36; }
.accordion li.LTechnology ul li a.open { color:#fff; background-color:#c36; display: block; height:20px; line-height:20px; padding:2px 5px; margin:0 5px; text-decoration: none; font-size:12px; }
.accordion li.LTechnology ul li a.open:hover { color:#fff; }
.accordion li.LNatura ul li a.trigger:hover { color:#fff; background-color:#399; }
.accordion li.LNatura ul li a.open { color:#fff; background-color:#399; display: block; height:20px; line-height:20px; padding:2px 5px; margin:0 5px; text-decoration: none; font-size:12px;}
.accordion li.LNatura ul li a.open:hover { color:#fff; }
.accordion li.LTradizione ul li a.trigger:hover { color:#fff; background-color:#036; }
.accordion li.LTradizione ul li a.open { color:#fff; background-color:#036; display: block; height:20px; line-height:20px; padding:2px 5px; margin:0 5px; text-decoration: none; font-size:12px; }
.accordion li.LTradizione ul li a.open:hover { color:#fff; }
.accordion li.CGuanciali ul li a.trigger:hover { color:#fff; background-color:#39afbb; }
.accordion li.CGuanciali ul li a.open { color:#fff; background-color:#39afbb; display: block; height:20px; line-height:20px; padding:2px 5px; margin:0 5px; text-decoration: none; font-size:12px; }
.accordion li.CGuanciali ul li a.open:hover { color:#fff; }
.accordion li.CCoprimaterassi ul li a.trigger:hover { color:#fff; background-color:#d14d59; }
.accordion li.CCoprimaterassi ul li a.open { color:#fff; background-color:#d14d59; display: block; height:20px; line-height:20px; padding:2px 5px; margin:0 5px; text-decoration: none; font-size:12px; }
.accordion li.CCoprimaterassi ul li a.open:hover { color:#fff; }
.accordion li.CReti ul li a.trigger:hover { color:#fff; background-color:#530319; }
.accordion li.CReti ul li a.open { color:#fff; background-color:#530319; display: block; height:20px; line-height:20px; padding:2px 5px; margin:0 5px; text-decoration: none; font-size:12px; }
.accordion li.CReti ul li a.open:hover { color:#fff; }
.accordion li.CCoperte ul li a.trigger:hover { color:#fff; background-color:#c63; }
.accordion li.CCoperte ul li a.open { color:#fff; background-color:#c63; display: block; height:20px; line-height:20px; padding:2px 5px; margin:0 5px; text-decoration: none; font-size:12px; }
.accordion li.CCoperte ul li a.open:hover { color:#fff; }
.accordion li.BAccessori ul li a.trigger:hover { color:#fff; background-color:#c63; }
.accordion li.BAccessori ul li a.open { color:#fff; background-color:#c63; display: block; height:20px; line-height:20px; padding:2px 5px; margin:0 5px; text-decoration: none; font-size:12px; }
.accordion li.BAccessori ul li a.open:hover { color:#fff; }

ul.SubFisso  { margin-bottom:0 !important; vertical-align:middle }
.SubFisso { width: 160px; margin-left:30px; }
.SubFisso li { margin-left:0;  }
.SubFisso li.last-child { }
#side ul.SubFisso ul { margin:0; padding:0 0 0 20px; }
.SubFisso .outer { border-width:0 1px 1px; background: #fff }
.SubFisso .inner { margin-bottom:0;  position:relative; overflow:hidden }
.SubFisso .inner .inner { padding-bottom:0 }
.SubFisso .h { padding-top:.3em } /* vertical padding instead of vertical margin (ie8) */
.SubFisso p { margin:.5em 1px 1em }
.SubFisso li a { border:1px solid #e1d3c6; display: block; height:30px; line-height:30px; padding-left:5px; text-decoration: none; color:#666; font-size:15px; }
.SubFisso li.BAccessori a:hover { color:#9b1b36 }
.SubFisso li.BAccessori a.open { display: block; height:30px; line-height:30px; padding-left:5px; text-decoration: none; color:#9b1b36 !important; font-size:15px; }


/*---------------------------------------*/
/*     	 MATERASSI INTRO        */
/*---------------------------------------*/
.BoxMaterassi { float:left; width:230px; }
.BoxMaterassi img { margin:0 auto auto; display:block }
.BoxMaterassi h2 { text-align:center; font-size:16px; font-weight:normal }
.BoxMaterassi span { font-weight:bold; font-size:19px }
.BoxMaterassi p { text-align:center }


.BoxComplementi { float:left; width:344px; }
.BoxComplementi img { margin:0 auto auto; display:block }
.BoxComplementi h2 { text-align:center; font-size:19px; font-weight:normal; padding-bottom:10px; }


/*---------------------------------------*/
/*     	 SCHEDA MATERASSI                */
/*---------------------------------------*/
.UlIcone { margin-top:10px; padding:0; display:block; height:110px; width:680px; }
.UlIcone li { float:left; margin:0 !important; padding:0; width:75px; text-align:center; color:#516076; text-transform:uppercase; font-size:9px; font-weight:bold; }
.UlIcone img { display:block; margin:0 auto auto; text-align:center }
.UlIcone a { color:#777 }
.ColonnaDescrizione { float:left; width:340px; margin-top:10px; }
#ColonnaFotoMaterasso { float:left; margin-left:20px; width:300px; margin-bottom:15px; }
#ColonnaFotoMaterasso .Particolare { display:block; margin-left:8px; margin-top:10px; }
.ColonnaFodere { float:left; margin-left:20px; width:300px; }
.ColonnaFodere .Particolare { display:block; margin-left:8px; margin-top:10px; }
.StrutturaInterna { color:#516076; text-transform:uppercase; font-size:9px; font-weight:bold;}
.StrutturaInterna img { vertical-align:middle; margin-right:10px; }

#UlQualita { margin:10px auto auto; padding:0; display:block; width:280px; }
#UlQualita li { float:left; margin:10px; padding:0; width:50px; }
#UlQualita img { display:block; margin:0 auto auto; text-align:center }
.H3FodereAlternative { margin-top:10px; text-align:center; text-transform:uppercase; padding-bottom:5px; }
.bubbleInfo { position: relative; top: 0; left: 0; width:50px; height:50px; }
.trigger2 { position: absolute; }
/* Bubble pop-up */
.popup { position: absolute; display: none; z-index: 50; background:#fff; border:1px solid #ddd; -webkit-box-shadow:  5px 5px 8px 1px #666666; box-shadow:  5px 5px 8px 1px #666666; }
.popup img { display:block; padding-top:20px; }
.popup p { margin:20px; margin-top:40px; text-align:center; }
.PopUp01 { right:100px; width:300px; }
.PopUp02 { right:170px; width:300px; }
.PopUp03 { right:240px; width:300px; }
.PopUp04 { right:310px; width:300px; }
.PopUp05 { right:100px; width:300px; }
.PopUp06 { right:170px; width:300px; }
.PopUp07 { right:240px; width:300px; }
.PopUp08 { right:310px; width:300px; }
/*---------------------------------------*/
/*            	 FODERE                  */
/*---------------------------------------*/
.BoxFodera { border-bottom:1px solid #e1d3c6; padding-bottom:20px; margin-top:20px; display:block;}
.BoxFodera h1 { font-size:18px !important; text-align:center; padding-bottom:20px; text-transform:capitalize;border-bottom: none !important; }
.BoxFodera img { float:left; margin-right:20px; }
.BoxFodera p {display:block; }


/*---------------------------------------*/
/*            	 GUANCIALI               */
/*---------------------------------------*/
.BoxGuanciale { float:left; width:320px;}
.BoxGuanciale h1 { background:#39afbb; font-size:18px; color:#fff !important; border-bottom:0; padding:4px 0;  text-align:center; margin:4px;-webkit-border-radius: 0px 15px 0px 15px; border-radius: 0px 15px 0px 15px;}
.BoxGuanciale p { text-align:center; padding:0 20px 10px 20px !important; padding-bottom:10px;}
.BoxGuanciale img { margin-top:10px;}
.misure { color:#888; font-size:14px; line-height:30px; font-style:italic}
#UlQualitaGuanciali { float:left; padding:0; display:block; width:280px; margin-bottom:20px; }
#UlQualitaGuanciali li { float:left; margin:10px; padding:0; width:50px; }
#UlQualitaGuanciali img { display:block; margin:0 auto auto; text-align:center }
.PopUpGuanciali01 { left:50px; top:100px; width:300px;}
.PopUpGuanciali02 { left:-20px; top:100px; width:300px;}
.PopUpGuanciali03 { left:-90px; top:100px; width:300px;}


/*---------------------------------------*/
/*			  COPERTE COPRILETTI         */
/*---------------------------------------*/
.UlMisureCoperte ul { float:left; }
ul.UlMisureCoperte li { margin:0 !important; color:#666; font-size:14px;  }
.UlMisureCoperte { }
#UlQualitaCoperte { float:left; padding:0; display:block; width:280px; }
#UlQualitaCoperte li { float:left; margin:10px; padding:0; width:50px; }
#UlQualitaCoperte img { display:block; margin:0 auto auto; text-align:center }
.PopUpCoperte01 { left:180px; top:-150px; width:300px;}
.PopUpCoperte02 { left:110px; top:-150px; width:300px;}
.PopUpCoperte03 { left:-90px; top:100px; width:300px;}

ul.UlAccanto { }
.UlAccanto li { float:left; width:230px; margin-left:0; padding-bottom:20px !important;text-align:center;}


/*---------------------------------------*/
/*     	 FOOTER        */
/*---------------------------------------*/
p.address { text-align:center; font-size:12px; line-height:30px; margin-bottom:0 !important; padding:0 !important }
p.av { float:right; text-align:right; color:#999 !important; text-transform:uppercase; font-size:10px !important; padding:0 !important; margin:0 35px 0 0 !important }
.av span { display:none }
.av a { color:#999 !important; text-decoration:none; font-size:10px !important; }