/* MSS */
/* Autore:				giorgio@evoluzionetelematica.it */
/* Creato:				2009 */
/* Ultima modifica:		           */

@import url("home.css");


/*** header ***/

ul#header li#mn4 a, ul#header li#mn5 a {color:#595959; font-weight:bold; font-size:0.750em; padding:0 0 0 10px; margin:0; text-decoration:none}
ul#header li#mn4 a:hover, ul#header li#mn5 a:hover {color:#878787; font-weight:bold;}


ul#header li#mn4 a.sel, ul#header li#mn5 a.sel {color:#a9a9a9; font-weight:bold; font-size:0.750em; padding:0 0 0 10px; margin:0; text-decoration:none}
ul#header li#mn4 a.sel:hover, ul#header li#mn5 a.sel:hover {color:#a9a9a9; font-weight:bold;}

/*** sviluppo centrale ***/

#spaziointerno {width:1000px; margin:20px auto; padding:0;}

/*** menu 2 sel ***/

ul#sottoMenu li.sel {padding:0 0 4px 0}
ul#sottoMenu li.sel a {color:#878787;}
ul#sottoMenu li.sel a:hover {color:#878787;}

/*** menu 3 ***/

ul#sottoMenu li.sel ul#sottoMenu3 {width:205px; margin:3px 0 3px 20px; padding:0;}
ul#sottoMenu li.sel ul#sottoMenu3 li {margin:0 0 6px 0; padding:0; background-image:none; width:205px;}

ul#sottoMenu li.sel ul#sottoMenu3 li a {color:#3a3a3a; font-weight:normal; text-decoration:none; margin:0; padding:0 0 0px 15px; font-size:0.750em; display:block; width:190px; background: url(../images/limenu3.jpg) 0 4px no-repeat;}
ul#sottoMenu li.sel ul#sottoMenu3 li a:hover {color:#878787;}

/*** menu 3 sel ***/

ul#sottoMenu li.sel ul#sottoMenu3 li.sel a {color:#878787; font-weight:normal; text-decoration:none; margin:0; padding:0 0 0px 15px; font-size:0.750em; display:block; width:190px; background: url(../images/limenu3.jpg) 0 4px no-repeat; }
ul#sottoMenu li.sel ul#sottoMenu3 li.sel a:hover {color:#878787;}

/*** menu 4 ***/

ul#sottoMenu li.sel ul#sottoMenu3 li.sel ul#sottoMenu4 {width:170px; margin:3px 0 3px 20px; padding:0;}
ul#sottoMenu li.sel ul#sottoMenu3 li.sel ul#sottoMenu4 li {margin:0 0 6px 0; padding:0; background-image:none; width:170px;}

ul#sottoMenu li.sel ul#sottoMenu3 li.sel ul#sottoMenu4 li a {color:#3a3a3a; font-weight:normal; text-decoration:none; margin:0; padding:0 0 0px 15px; font-size:0.750em; display:block; width:155px; background: url(../images/limenu4.jpg) 0 4px no-repeat;}
ul#sottoMenu li.sel ul#sottoMenu3 li.sel ul#sottoMenu4 li a:hover {color:#878787;}

/*** menu 4 sel ***/

ul#sottoMenu li.sel ul#sottoMenu3 li.sel ul#sottoMenu4 li.sel a {color:#878787; font-weight:normal; text-decoration:none; margin:0; padding:0 0 0px 15px; font-size:0.750em; display:block; width:155px; background: url(../images/limenu4.jpg) 0 4px no-repeat;}
ul#sottoMenu li.sel ul#sottoMenu3 li.sel a:hover {color:#878787;}

/*** briciole ***/

#areaTesto ul#briciole {list-style-type:none; margin:0px 0 30px 0; padding:0 0 4px 0; }
#areaTesto ul#briciole li {float:left; margin:0 2px 0 0; margin /**/:0 4px 0 0; padding:0;}

/*** area testo ***/
#areaTesto {width:742px; margin:0 0 20px 0; padding:0; float:left;}
#areaTesto p {color:#333333; font-size:0.750em; padding:0 0 14px 0; margin:0; line-height:1.375em; }
#areaTesto p a {color:#333333; text-decoration:underline;}
#areaTesto p a:hover {color:#878787; text-decoration:none;}

#areaTesto p img {float:left; margin:0 10px 10px 0; padding:0}

#areaTesto p a.dxImg img {float:left; margin:0 10px 0 0; padding:0; border:1px solid #ccc}
#areaTesto p a.dxImg:hover img {float:left; margin:0 10px 0 0; padding:0; border:1px solid #fff}

#areaTesto p a img {float:right; margin:10px 0 10px 10px; padding:0; border:1px solid #ccc}
#areaTesto p a:hover img {float:right; margin:10px 0 10px 10px; padding:0; border:1px solid #fff}

#areaTesto ul {color:#333333; font-size:0.750em; list-style-type:square; padding:0 0 14px 0; margin:0 0 0 40px; line-height:1.375em; }

#areaTesto ol {color:#333333; font-size:0.750em; list-style-type: decimal; padding:0 0 14px 0; margin:0 0 0 40px; line-height:1.375em; }
#areaTesto li {margin:0 0 6px 0; padding:0}
#areaTesto li a {color:#333333; text-decoration:underline;}
#areaTesto li a:hover {color:#878787; text-decoration:none;}

#areaTesto ul.doppiacolonna {color:#333333; font-size:0.750em; list-style-type:square; padding:0 0 14px 0; margin:0 0 40px 40px; line-height:1.375em; width:742px; float:left}
#areaTesto ul.doppiacolonna li {margin:0 10px 6px 0; margin /**/:0 20px 6px 0; padding:0; width:320px; float:left}

/*** liste annidate ***/

#areaTesto ul li ul {color:#333333; font-size:1em; list-style-type:square; padding:0 0 14px 0; margin:5px 0 5px 20px; line-height:1.375em; }
#areaTesto ul li ul li {margin:0 0 6px 0; padding:0}
#areaTesto ul li ul li a {color:#333333; text-decoration:underline;}
#areaTesto ul li ul li a:hover {color:#878787; text-decoration:none;}



#areaTesto h1, #areaTesto h2, #areaTesto h3, #areaTesto h4, #areaTesto h5, #areaTesto h6 {color:#525252; margin:0 0 16px 0; padding:0;}

#areaTesto h1 {font-weight:normal; font-size:1.500em;}
#areaTesto h2 {font-weight:normal; font-size:1.375em;}
#areaTesto h3 {font-weight:normal; font-size:1.250em;}
#areaTesto h4 {font-weight:normal; font-size:1.125em;}
#areaTesto h5 {font-weight:bold; font-size:1.000em;}
#areaTesto h6 {font-weight:bold; font-size:0.875em;}

/*** form ***/

legend {display:none;}
form {width:440px; margin:0; padding:0;}
#areaTesto label {color:#000; font-size:0.689em; padding:0 0 4px 0; margin:0; line-height:1.375em; display:block; font-weight:bold}
#areaTesto textarea {width:90%; border:1px solid #ccc; color:#000; font-size:12px;}
#areaTesto input {width:90%; border:1px solid #ccc; color:#000; font-size:12px; margin:0 0 14px 0;}
#areaTesto input.check {width:auto; border:1px solid #ccc; color:#000; font-size:11px; float:left; margin:0 10px 20px 0}
#areaTesto label.inline {color:#000; font-size:0.689em; padding:0 0 4px 0; margin:0; line-height:1.375em; display:inline; font-weight:bold}
#areaTesto input.btInvia {background-color:#333333; width:140px; height:22px; color:#fff; font-weight:bold;}
.errori {color:#ff0000; font-size:11px; padding:0; margin:0 0 8px 0; line-height:1.375em; clear:both; display:block}


/*** listaProdotti ***/

#areaTesto ul#listaProdotti { color:#333333; padding:0 0 14px 0; margin:0; line-height:1.375em;list-style-type:none}
#areaTesto ul#listaProdotti li {margin:0 0 30px 0; padding:0; clear:both; }
#areaTesto ul#listaProdotti li img {float:left; margin:0 10px 10px 0; padding:0}
#areaTesto ul#listaProdotti li a {font-weight:bold; display:block; float:left; width:90%;}

/*** box Highlights 280 ***/

#areaTesto p.spazioBox {width:440px; margin:0 11px 0 0; margin /**/:0 22px 0 0; padding:0; float:left}

#areaTesto ul#box280 {width:278px; padding:0px; margin:0 0 20px 0px; float:left; background:url(../images/bg-highlights-280.jpg) 0 0 no-repeat; border:1px solid #cdcdcd; list-style-type:none;}
#areaTesto ul#box280 li {margin:0 0 10px 0; color:#333333; padding:0 20px}
#areaTesto ul#box280 li h3 {font-weight:bold; font-size:1.250em; color:#397ebf; padding-top:20px}
#areaTesto ul#box280 li.testo {font-weight:normal; font-size:12px;}

/*** box Highlights 740 ***/

#areaTesto ul#box740 {width:740px; padding:10px 0; margin:20px 0 0 0px; background:url(../images/bg-highlights-740.jpg) 0 0 no-repeat; border:1px solid #cdcdcd; list-style-type:none; float:left}
#areaTesto ul#box740 li {margin:0; color:#333333; padding:0 20px; float:left; }
#areaTesto ul#box740 li h3 {font-weight:bold; font-size:1.375em; color:#397ebf; padding:20px 0px 0 0; width:160px; height:100%;  line-height:20px}
#areaTesto ul#box740 ul {float:left; width:500px; margin:10px 0 0 20px; list-style-type:none;}
#areaTesto ul#box740 ul li.testo {float:left; width:220px; margin:0 10px 16px 0; padding:0 0 10px 0; font-size:12px; border-bottom:1px solid #d6d7d7; line-height:18px}


/*** colonna spot ***/
#colonnaSpot {width:180px; margin:0; padding:0 0 0 20px; float:left}
#colonnaSpot p {color:#333333; font-size:0.750em; padding:0 0 14px 0; margin:0;}

iframe {width:340px; height:240px; margin:0 5px 20px 0; margin /**/:0 10px 20px 0; float:left}