/* CSS Document MTN 2009*/
html{ height:100%}
*{margin:0; padding:0}
body{
background: fixed #FFFFFF url(../images/elementi/bg.jpg) repeat-x bottom left;

color:#87888A;
font:12px Verdana, Arial, Helvetica, sans-serif;
overflow:auto;

}

div, p , h1, h2, h3, h4, h5, h6{display:block;} 



h1{font-size:22px;overflow:hidden; text-indent:-9000em; margin:0 0 10px } 
h2{font-size:20px;} 
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;} 
h6{font-size:13px;}

img{border:none;}
a {text-decoration:none;color:#85BAFA; }
a:hover{color:#9C9E9F;}
.hidden{display:none !important;}


#main{
background: url(../images/elementi/bg_imgtop.gif) no-repeat 0 20px !important;
width:100%; 
overflow:hidden; 
position:relative}

/*head*/
#head{ width:970px;
height:160px;
overflow:hidden; 
position:relative;
margin:0 0 0 30px;
}
#logo{ 
display:block;
background:url(../images/elementi/logo.png); 
width:110px; 
height:121px; 
text-indent:-900em;
position:absolute;
top:10px; left:0;

}
#head ul{ list-style:none; position:absolute; right:0; top:30px; }
#head ul li{display:inline;}
#head ul li a{ background:url(../images/elementi/bg_menutop.gif) no-repeat  left 3px; padding:0 10px; font-family:Arial, Helvetica, sans-serif; text-transform:lowercase; height:10px}
/*head*/


#corpo{

width:970px;
overflow:hidden; 
position:relative;
margin:0 0 0 30px;}

/*dx*/
#dx{

width:260px; 
float:right; 
margin:75px 0;
overflow:hidden}
#evidenza{ background:#F6F6F7; width:260px; height:260px;  overflow:hidden; position:relative; margin: 0 0 10px;}
#eslide{width:242px;  height:242px; margin:9px; overflow:hidden;position:relative; z-index:0;}
#eslide .item{width:242px; height:242px; position:relative;}
#output{
display:block; 
width:242px; 
height:105px;
position:absolute; 
bottom:9px; 
left:9px; 
z-index:2;
font-size:2.2em; 
font-weight:bold; 
overflow:hidden;
background:#fff;-ms-filter:alpha(opacity=60);filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;
}
#output a{display:block;  padding:20px;} 



#evidenza div.bg{ 
display:block; 
width:242px; 
height:105px; 
background:#fff;-ms-filter:alpha(opacity=60);filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;
position:absolute; 
bottom:9px; 
left:9px;
z-index:1;
}


#scroller{ position:absolute; z-index:10; bottom:9px; left:9px;  background: url(../images/elementi/bg_scroller.png) no-repeat; width:242px; height:15px}
#next{
font-size:1px; 
position:absolute; 
bottom:8px; 
left:31px; 
z-index:11; 
width:9px; 
height:6px; 
background:url(../images/elementi/bg_f_scroll_dwn.gif) no-repeat top left; }
#prev{ 
font-size:1px;
position:absolute; 
bottom:8px; 
right:34px; 
z-index:11; 
width:9px; 
height:6px; 
background:url(../images/elementi/bg_f_scroll_up.gif) no-repeat top left; 
 }

#dx #footer{
background:#FFF; width:240px; height:90px;  overflow:hidden; position:relative; margin: 0 0 10px;
padding:20px 10px;
font-size:0.85em;
}#dx #footer #pow{ display:block; width:90px; height:12px; background:url(../images/elementi/pow.gif); text-indent:-9000em;
position:absolute; bottom:10px; right:10px;}
/*sx*/ 
#sx{width:205px; float:left; overflow:hidden;} 


#sx ul{
width:200px; 
overflow:hidden;
margin:0 0 20px 0;
padding:0;
}
#sx ul li{width:200px; 
overflow:hidden;
margin:0 0 5px;
padding:0;
}
#sx ul li a{ background: url(../images/elementi/bg_f_dx.gif) no-repeat  left 3px; display:block; width:160px; padding:0 20px;}
#sx ul li a:hover,#sx ul li a.act {	background: url(../images/elementi/bg_f_dx.gif) no-repeat  left -85px; font-weight:bold; }
/*secondo livello menu*/

#sx ul li ul{ margin: 10px 20px}

/*container*/
#container{width:495px; float:left; overflow:hidden; background:#fff; margin:75px 0;}
#container.contatti,#container.richiedi, #container.prodotti{ background:none !important;}
#container h2,#container h3 { margin:0 0 10px 10px; color:#85BAFA; font-weight:normal; text-transform:lowercase; }

#container h2.el{margin:0 0 0 135px;}
#container h3 {color:#87888A;}
.elenco{ width:425px; overflow:hidden; margin:0 25px 25px;  border-bottom:solid 1px #C3DEF8; padding:15px 10px}

.elenco a:hover{ font-weight:normal;}
.elenco  img{ width:90px; float:left; margin:0 10px 0 0 }
.elenco .mel{ display:block; width:323px; overflow:hidden;}
 .tit{ display:block; font-weight:bold; width:323px; overflow:hidden; color:#85BAFA;}


/*interno*/
#testo,#testop {padding:10px;}
#testo p, #testop p{ margin:0 10px 10px 0} 
.imgh{width:260px; padding:9px; background:#F6F6F7; margin:0 0 10px}
.imgh a{display:block; width:242px; height:242px; overflow:hidden; background:#fff;}


/* link interni*/
#latest{ width:242px; background:#fff; padding:9px; margin:0 0 10px}
#latestcnt{ width:242px; }
#latestcnt a{display:block; background:url(../images/elementi/bg_latest.gif) no-repeat center bottom; padding:0 0 10px;
margin:0 0 10px 0; color:#87888A } 


/****************************************mediagallery*****************************************/
/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:260px;
	background:#F6F6F7;
	margin:10px 0 0 0 !important; 
	padding:0 0 0 0px;	

	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
	overflow:hidden;
	position:relative;
	z-index:2
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0 0 0 0 ; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
	
}

/* a- tag inside single tab */
#flowtabs li a {
text-transform:lowercase;
	display:inline;
	height: 27px;   
border-right: solid 1px #ccc;		
	padding:0px;
	margin:0px;
	padding:0 5px;
	font-weight:bold;
	/* font decoration */
	color:#7C7A79;
	font-size:11px;
	line-height:27px;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab
#flowtabs #t1 			{ background-position: -13px -226px; }
#flowtabs #t2 			{ background-position: -110px -226px; }
#flowtabs #t3 			{ background-position: -207px -226px; }
#flowtabs #t4 			{ background-position: -304px -226px; }
  */
/* mouseover state 
#flowtabs a:hover 		{ color:#333;	 }
#flowtabs #t1:hover 	{ background-position:  -13px -253px; }
#flowtabs #t2:hover 	{ background-position: -110px -253px; }
#flowtabs #t3:hover 	{ background-position: -207px -253px; }
#flowtabs #t4:hover 	{ background-position: -304px -253px; }
*/
/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#85BAFA; line-height:27px; }
/*#flowtabs #t1.current { background-position:      -13px -198px; }
#flowtabs #t2.current { background-position: -110px -198px; }
#flowtabs #t3.current { background-position: -207px -198px; }
#flowtabs #t4.current { background-position: -304px -198px; }*/


/* panes */
#mediagallery{

	width:260px;
	height:297px;
	position:relative; 
    overflow:hidden; 
    clear:both;
	margin:0px 0  10px;
}

#flowpanes {
	background:#fff;
	width:242px;
	height:242px;
	position:relative; 
    overflow:hidden; 
    clear:both;
	border:solid 9px #F6F6F7; 
		
}


/* single pane */
#flowpanes div {
	
	display:none;	
	color:#000;	
	margin:0px;
	float:left; 
    display:block; 
    width:242px; 
    cursor:pointer; 
    font-size:11px; 
	
}

#mediagallery .prev,#mediagallery .next{
position: absolute;
top:281px;
right:9px;
font: 1px "Trebuchet MS", Arial, Helvetica, sans-serif;
background:#F6F6F7 url(../images/elementi/bg_f_gall.gif) no-repeat;
border:none;
width: 3px;
height:5px;
text-indent:-9000em;
z-index:30;
color:#333;
cursor:pointer;
outline:none;
}
#mediagallery .next{
background-position:right top;
}
#mediagallery .next:hover{background-position:right bottom;} 
#mediagallery .prev{
background-position:left top;
right:14px;
}
#mediagallery .prev:hover{background-position:left bottom;}


 
/* our additional wrapper element for the items */ 
#flowpanes .items {
	 
    width:20000em; 
    position:absolute; 
    clear:both; 
 padding:0px; 
} 
 
#flowpanes .less, #flowpanes .less a { 
    color:#999 !important; 
    font-size:11px; 
}

#link, #docs, #immagini, #video{
	
width:242px; 
height:242px;
position:relative;
overflow:hidden;

}
#link h5, #docs h5, #immagini h5, #video h5{margin:5px; color:#85BAFA; text-transform:lowercase;}


#flowpanes .holder {
display:block !important;
background:#fff;
width:242px;/*conto la scrollbar ed il paddingdi 5px*/
height:242px;
overflow:hidden;
padding: 0 ;
}

/* gestisco gli elementi*/
#immagini a, #video a{
display:block;
width:85px;
height:85px; 
overflow:hidden;
border:solid 1px #ccc ;
padding:5px;
overflow:hidden;
background-color:#fff;
font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:center;
float:left; margin:3px
}
#immagini a span , #video a span{display:block;margin:0 auto; width:75px;height:75px;
 overflow:hidden; position:relative; text-align:left;}
.mskplay{position:absolute; top:5px; left:5px;  width:66px !important; height:66px !important;}
#flowpanes img{  width:75px;height:75px; display:block; margin:0 auto}

#docs span{ display:block; font-weight:normal;}

#link a, #docs a{
display:block;
border-bottom:dotted 1px #ccc;
margin:0 0 5px;
padding:5px;
font-weight:bold;
margin:0 5px 5px;
}

/****************************************mediagallery*****************************************/

/*elenco prodotti*/
.prodotti .elenco{ width:130px; height:130px; margin:0 10px 10px 0; padding:10px;border:none; float:left; background:#fff; color:#87888A;}
.prodotti .elenco img{width:130px;height:130px;}
.prodotti .elenco  h3{color:#85BAFA;}

#paginazione{  width:455px; padding:2px 10px; text-align:right; margin: 0 0 10px }


/*dettaglio prodotti*/
.prodotti .imghp{ width:146px; float:left; overflow:hidden; margin:0 10px 10px 0}
.prodotti .imghp img{width:146px;} 

.prodotti h3{margin:0 0px 10px;width:319px; float: left; }

.prodotti #testop{ width:319px; float: left; overflow:hidden; background:#ffffff}
/*dettaglio prodotti*/



/**************************form****************************************/

#container form fieldset h6{ border-bottom:dotted 1px #ccc; padding:0 0 2px; color:#85BAFA; font-size:14px; margin:0 0 5px}
#container form fieldset,#container form #privacy{ background:#fff; padding:10px;margin:0 0 20px ;  width:475px; overflow:hidden; border:none ;
}
#container form #privacy h3{ margin:0 0 10px}
#container form #privacy  .col{ width:148px; float:left; padding:0 10px 0 0}

#container form fieldset label{ font-weight:bold; display:block; float: left; width:230px; margin:0 5px 5px 0; }
#container form fieldset label input,#container form fieldset label select, #container form fieldset label textarea{display:block; width:195px} 
#container form fieldset label textarea{width:450px !important;}
#container form  button{ 
 font-weight:bold; color:#85BAFA;
background:#fff;
 padding:0 5px;
 border:solid 2px #ccc ;
 margin:5px 0 
}
#loadingbtn{ display:none !important}
/**************************form****************************************/





/*container*/