/* --------------------------------------------------------- link ---------------------------------------------------------*/
#approfondimenti{font-size: 11px; color:#5F5F5F}

#approfondimenti a{font-size: 11px}

h5{font-size: 12px; font-weight:bold; margin:0; padding: 0; display:inline; text-align:left; color:#000}

#testata_sup { height:25px; color: #9F9F9F; background: #333333;}


#menu a, #menu a:visited{  font-size : 14px; font-family:helvetica, verdana; text-decoration: none; color:#333311; width: auto;  font-weight: bold; text-align:center; background-color: inherit; height: 41px; line-height: 41px;
}

#menu a:hover, #menu a:active{ text-decoration: underline; 
}

#menu h1 {font-size:13px; height:17px; line-height:20px; margin:0; padding:0; display:inline;
}

#cln_sx_link a, #cln_sx_link a:visited{ font-size: 12px; text-decoration: none; color: #333311; background-color: transparent; font-weight: bold; text-align:left; padding: 0 0 0 0; 
}
#cln_sx_link a:hover, #cln_sx_link a:active{ border-bottom: 1px solid #333311;
}

#cln_sx_link2 a, #cln_sx_link2 a:visited{ font-size : 11px; text-decoration: none; color: #D0D0CA; font-weight: bold; padding:0; text-align:left; width: auto;  padding: 0 0 0 5px;line-height:15px; height: 15px;
}
#cln_sx_link2 a:hover, #cln_sx_link2 a:active{ text-decoration: underline; color:#333333;
}

a.mail, a:visited.mail{ font-size : 11px; text-decoration: none; color: #888; width: auto;  font-weight: bold; padding:0; text-align:left; padding:0;
}
a:hover.mail, a:active.mail{ border-bottom: 1px solid #333311; text-decoration: none;
}

a, a:visited{ font-size : 13px; text-decoration: none; color: #333311; width: auto;  font-weight: bold; padding:0; text-align:left; padding:0; background: none; display:inline;
}
a:hover, a:active{ text-decoration:underline;
}

a.web_marketing, a:visited.web_marketing { color:#777; text-decoration:none; font-size:11px; font-weight:normal;
}
a:hover.web_marketing, a:active.web_marketing { text-decoration:underline;
}

/* --------------------------------------------------------- link ---------------------------------------------------------*/

/* --------------------------------------------------------- layout ---------------------------------------------------------*/

body { font-family : arial; font-size : 13px; color : #000; background: #322418 ; margin-top: 0;  margin-right : 0; margin-bottom : 0; margin-left : 0; text-align:center; 
} 

#grande { background: #fff;  width: 717px;  margin:0 auto 0; padding:0; border-left: 5px solid #2F1E0F; border-right: 5px solid #2F1E0F; border-bottom: 5px solid #2F1E0F;
}

#top{ width: 717px;  margin: 0; padding:0; height: 189px;
}
 
#menu{ font-size : 11px; color: #333311; font-weight: normal;display:block; width: 697px; background-color:#666666; height: 41px; line-height: 31px;  text-align: center; padding:0; text-align:left; margin: 0 0 15px 0; padding: 0 10px; background-image: url(img/bg_menu.jpg);
background-repeat: repeat-x
}

#cln_sx{ width: 188px; float:left; text-align: left; padding: 10px 10px 10px 11px ; border: #444444; border-style: solid; border-width: 0 1px 0 0; margin: 0 0 10px 0;
}

#cln_sx_basso{ width: 190px; padding:0 5px; font-size: 11px; color:#888;
}

#sotto{ clear: both; text-align: center; background: transparent ; font-size:12px;
}

#dentro_sotto {width:717px; text-align:center; margin:auto; color:#777;
}

#sotto_dx{ text-align: center; font-size:11px; font-weight: normal; color:#EFEFEF; background-color:#2F1E0F; 
height:30px; width: 717px; margin:-5px; padding:0; border-left: 5px solid #2F1E0F; border-right: 5px solid #2F1E0F;line-height: 31px;
}

#contenuti{ width: auto; display:block; margin: 0 0 0 209px; padding: 10px ; background-color: transparent; text-align:left; border: #444444; border-style: solid; border-width: 0 0 0 1px ; 
}

.riga2 {display: block; width: auto; height: 1px; background-color: #333311;
}

.prodotti{background-color: #cecece; padding: 10px; font-size: 10px; color:#000; border: #333311 solid 1px;
}

/* ------------------------------------------------------- elementi -------------------------------------------------------*/

h4{font-size:17px; color:#663200; text-align:left;padding:0;margin:0
}

h2.sotto {font-size:16px; padding:5px ; border : #663200;  border-style : solid; border-right-width : 0px; border-top-width : 0px; border-bottom-width : 2px; border-left-width : 0px; display:block; width:178px; margin-bottom: 0px; margin-top:0; font-weight:bold; color:#888;
}

h2.sottotitolo {font-size:16px; font-weight: bold;
}

h2.dentro {padding:0 5px; font-weight:normal; color: #888; margin:0 0 10px 0; font-size: 16px; color:#000;
}

h3 {font-size:10px; padding:0 5px; margin-top:0; margin-bottom:20px; font-weight:normal; color: #888;
}

#contenuti h2 { padding:5px 0; margin:0; width:auto; text-align:left; 
}

#contenuti h3 { padding:0; text-align:left; 
}

ul { margin:0; padding:5px ;
}

li { list-style-type: none;
}
/* ------------------------------------------------------- elementi -------------------------------------------------------*/

.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #eee;
overflow: scroll; /*leave this value alone*/
width: 430px; /*Width of Carousel Viewer itself*/
height: 270px; /*Height should enough to fit largest content's height*/
text-align: center;
font-size:10px;
color:#000;
font-weight:bold

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 430px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}