/* CSS Document MTN 2009*/
*{margin:0; padding:0}

body{
background:#fff;
color:#000;
font:0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
overflow:auto;
overflow-x:hidden;
padding:0 0 0 10px;
}
body#formcomm{padding:0 !important;}
/*body#intro{overflow:hidden ;}*/
div, p , h1, h2, h3, h4, h5, h6{display:block;} 



h1{font-size:2.2em;width:890px; height:32px; overflow:hidden; text-indent:-9000em; margin:0 0 10px } 
h2{font-size:2.1em;
font-family:Helvetica, sans-serif;
width:890px; font-stretch: ultra-condensed !important; font-weight:normal;} 
h3{font-size:14px;width:890px;}
h4{font-size:13px;width:890px;}
h5{font-size:12px;width:890px;} 
h6{font-size:11px;}

img{border:none;}
a {text-decoration:none;color:#000;}
a:hover{color:#A8A8A8;}
.hidden{display:none !important;}

#demolang{position:absolute; top:0; right:0;}




/*classi di font*/
/*.f1{font:1em "Comic Sans MS", Arial, Helvetica, sans-serif !important}
.f2{font:1em Arial, Helvetica, sans-serif !important}
.f3{ font:bold 1em Georgia, "Times New Roman", Times, serif !important}
.f4{ font:1em sans-serif !important}
.f5{font:1em  Impact, Arial, Helvetica, sans-serif  !important}
.f6{ font:1em  "Trebuchet MS", Arial, Helvetica, sans-serif !important}
.f7{font:1em  "Courier New", Courier, monospace !important}
.f8{ font:1em Helvetica, Arial, sans-serif!important}
.f9{ font:1em  Tahoma, Arial, Helvetica, sans-serif!important}
.f10{font:1em  Verdana, Arial, Helvetica, sans-serif !important}
.f11{ font:italic  1em  "Times New Roman", Times, serif !important}
.f12{ font:1em "Times New Roman", Times, serif!important}*/

/*vairanti di colore*/
.c1 span{background:#878787;}
.c2 span{background:#FF2131;}
.c3 span{background:#21FFF7;}
.c4 span{background:#FF21E8;}
.c5 span{background:#F7FF21;}
.c6 span{background:#55FF21;}
.c7 span{background:#FF5521;}
.c8 span{background:#7A21FF;}
.c9 span{background:#2F8D12;}
.c10 span{background:#000000;}
.c11 span{background:#878787;}
.c12 span{background:#A6006B;}


#footer{ font:9px Verdana, Arial, Helvetica, sans-serif !important; padding:20px 17px; position:relative; overflow:hidden; }
#footer span{display:block; position:absolute; top:23px; left:0; width:9px; height:9px; background:url(../images/elementi/cuore.gif);}
/*header*/
#head{
width:890px;
height:38px;
overflow:hidden;
position:relative;
margin:0 0 0px 0;
}
#menutop{
/*background:#CECFD0;*/
width:440px;
float:right;
height:38px;
overflow:hidden;
padding:7px 0 0 0;
position:relative;
}
#menutop p{float:right; padding:0 4px 0 0;}
#menutop span{background: url(../images/elementi/mtop_spacer.gif) no-repeat left top; width:10px; height:9px; margin:0 11px; display:block; float:left; text-indent:-9000em; overflow:hidden;}
#menutop a { 
background-image:url(../images/elementi/bg_menutop.gif);
background-repeat: no-repeat; 
height:8px;
display:block; 
float:left; 
text-indent:-9000em;  overflow:hidden;}
/* ita */
#m1_it{width:68px;	background-position:0 		-36px; }
#m2_it{width:88px;	background-position:-79px 	-36px; }
#m3_it{width:38px;	background-position:-177px 	-36px; }
#m4_it{width:77px;	background-position:-225px 	-36px; }
#m5_it{width:68px;	background-position:right 	-36px; }
#m1_it:hover,#m1_it.act{		background-position:0 		-45px; }
#m2_it:hover,#m2_it.act{		background-position:-79px 	-45px; }
#m3_it:hover,#m3_it.act{		background-position:-177px 	-45px; }
#m4_it:hover,#m4_it.act{		background-position:-225px 	-45px; }
#m5_it:hover,#m5_it.act{		background-position:right 	-45px; }
/* eng */
#m1_gb{width:58px; 	background-position:0 		-18px; }
#m2_gb{width:88px; 	background-position:-79px 	-18px; }
#m3_gb{width:38px; 	background-position:-177px 	-18px; }
#m4_gb{width:78px; 	background-position:-225px 	-18px; }
#m5_gb{width:68px; 	background-position:right 	-18px; }
#m1_gb:hover,#m1_gb.act{		background-position:0 		-27px; }
#m2_gb:hover,#m2_gb.act{		background-position:-79px 	-27px; }
#m3_gb:hover,#m3_gb.act{		background-position:-177px 	-27px; }
#m4_gb:hover,#m4_gb.act{		background-position:-225px 	-27px; }
#m5_gb:hover,#m5_gb.act{	 	background-position:right 	-27px; }
/* esp */
#m1_es{width:68px;	background-position:0 		0px; }
#m2_es{width:68px;	background-position:-79px 	0px; }
#m3_es{width:38px;	background-position:-177px 	0px; }
#m4_es{width:88px;	background-position:-225px 	0px; }
#m5_es{width:68px;	background-position:right 	0px; }
#m1_es:hover,#m1_es.act{		background-position:0 		-9px; }
#m2_es:hover,#m2_es.act{		background-position:-79px 	-9px; }
#m3_es:hover,#m3_es.act{		background-position:-177px -9px; }
#m4_es:hover,#m4_es.act{		background-position:-225px -9px; }
#m5_es:hover,#m5_es.act{		background-position:right -9px; }
/*menu top*/

#logo{ background: url(../images/elementi/logo_top.gif) no-repeat top left; height:38px; width:440px; display:block; text-indent:-9000em}
/*#logo:hover{background-color:#E60005; }
titoli aree*/
h1#agtit_it{ background: url(../images/elementi/tit_agenzia.gif) no-repeat right -64px }
h1#agtit_gb{ background: url(../images/elementi/tit_agenzia.gif) no-repeat right -32px }
h1#agtit_es{ background: url(../images/elementi/tit_agenzia.gif) no-repeat right 0px }


h1#potit_it{ background: url(../images/elementi/tit_portfolio.gif) no-repeat right -64px }
h1#potit_gb{ background: url(../images/elementi/tit_portfolio.gif) no-repeat right -32px }
h1#potit_es{ background: url(../images/elementi/tit_portfolio.gif) no-repeat right 0px }
/*container*/
#container{width:890px; position:relative; overflow:hidden;}

.content{ 
background: url(../images/elementi/bg_dwnbox.gif) no-repeat -10px bottom ;
width:900px; /*la larghezza è 10 px maggiore volutamente*/
height:323px; 
position:relative; 
overflow:hidden;
margin:60px 0 0 0;
}
.content .box,.content .vuoto {width:140px; height:130px; overflow:hidden; position:relative; float:left; margin:0 10px 0 0}
.content .box span,#portgallery .box img{
display:block;
width:140px;
height:20px;
margin:0 0 10px; 
}
.content .box strong{display:block; margin:0 0 15px; }









/*portfolio*/
#counter{width:140px; height:130px; overflow:hidden; position:absolute; top:37px; left:0; z-index:10}
#counter h3{
color:#DCDFE0;
width:140px;
height:25px;
margin:0 0 10px; 
overflow:hidden;
font:25px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:right;
margin:0 0 10px;
padding:-10px 0;
}
#counter h3 span{
display:block;
background:#878787;
width:140px;
height:20px;
position:absolute;
left:0;
top:5px;
z-index:-1;
font-size:1px;
}

#counter a{color:#878787;}
#counter a:hover{color:#000;}

#portgallery .box span{margin:0 0 5px !important; height:auto !important}
#portgallery .box span b{display:block;}
#pager{position:absolute; bottom:0px; right:15px; z-index:10; width:300px; text-align:right}
#pager p{width:150px; position:absolute; left:0px; top:0px; font-weight:bold;}

#pager strong{margin:0 5px;}


/*esito ricerca portfolio*/
#esitoricerca{  height:18px;bottom:0px; overflow:hidden; position:absolute; left:0; margin:0; width:600px;}
#esitoricerca p{ display:block; width:150px; font-weight:bold; float:left;}
#esitoricerca p.colore{color:#878787}
/*tools*/
#centertools {
width:890px;
height:17px;
overflow:hidden;
position:relative;
clear:both;
margin:1px 0 0 0;color:#A8A8A8;
}
#centertools a{color:#A8A8A8;}
#centertools a:hover{color:#000;}
.col1,
.col2,
.col3col4,
.col5col6{
position:absolute;
top:0;
width:140px;
height:17px;
overflow:hidden;

}

.col1{/*background:#eee;*/left:0; margin:2px 0 0 0}
.col2{/*background:#ee2;*/left:150px;margin:3px 0 0 0}
.col3col4{/*background:#e5e;*/left:300px; width:290px}
.col5col6{/*background:#1ee;*/left:600px; width:290px}

.col1 a{
display:block; 
float:left; 
width:11px; 
height:9px !important; 
text-indent:-9000em;
margin:5px 5px 0 0;
font-size:1px;
}
#home{background:#A8A8A8 url(../images/elementi/ico_home.gif) no-repeat top left;}
#mail{background:#A8A8A8 url(../images/elementi/ico_mail.gif) no-repeat top left;}
#smap{background:#A8A8A8 url(../images/elementi/ico_smap.gif) no-repeat top left;  }

#centertools button{position:absolute; right:0; top:3px;  background:#DCDFE0 url(../images/elementi/bg_btn_inv.gif) no-repeat top left; width:12px; height:12px; border:none; text-indent:-9000em;  overflow:hidden;}
#centertools input{ width:100px; font:9px Verdana, Arial, Helvetica, sans-serif; border:solid 1px #A8A8A8; background:#DCDFE0; color:000; margin:3px 0 0 0; display:block; float:left}
#centertools  label{display:block; width:140px; margin:0 10px 0 0; float:left;
text-indent:-9000em;
}

#labmailin_it,
#labmailin_gb, 
#labmailin_es{background: url(../images/elementi/bg_nletter.gif) no-repeat right 7px ; }

#labcerca_it, 
#labcerca_gb, 
#labcerca_es{
	background-image:url(../images/elementi/bg_cerca.gif);
	background-repeat:no-repeat;
} 

#labcerca_it{ background-position:right -35px;} 
#labcerca_gb{ background-position:right -14px;} 
#labcerca_es{ background-position:right 7px;}
/* portfolio detail */

#portfoliodetail{
width:900px;
height:280px;
overflow:hidden;
position:relative;
/*background:#ff0;*/
margin:45px 0 0 0
}
#portfoliodetail h2, #agdetail h2 {
margin:15px 0 30px 150px;
}

#colsx,#coldx {
width:140px;
margin:0 10px 0 0;
float:left;
text-align:right;
}
#colsx{padding:28px 0 0 0;}
#colsx p, #paginate a{margin:0 0 5px 0; display:block;}
#portslide{
width:588px;
height:280px;
/*border:solid 1px #C1C1C1;
float:left;*/
margin:0 0px 0 0;
overflow:hidden;
text-align:center;
position:absolute; top:0; right:10px;
}
#portslide div{width:588px;
height:282px; overflow:hidden; }




#coldx {
width:140px !important;
margin:0 !important;
text-align:left;
overflow:hidden;
}
#coldx p{margin:0 0 3px 0;}
#coldx div{ margin:0 0 10px 0}
#tools{
background:url(../images/elementi/lin_or.gif) repeat-x bottom left;
padding:0 0 4px 0;
width:140px;
overflow:hidden;
margin:0 0 12px; text-align:left;
}
#tools a, a.documento{display:block;
background:#000 no-repeat top left; width:13px; height:12px; overflow:hidden;
text-indent:-9000em;  float:left; margin:0 10px 0 0}
#tools a:hover{ background-color:#FF0000;}
#tools a#stampa{background-image:url(../images/elementi/ico_print.gif); }
#tools a#segnala{background-image:url(../images/elementi/ico_segnala.gif); }
#tools a#scarica, a.documento{background-image:url(../images/elementi/ico_scarica.gif); }
#tools a#link{background-image:url(../images/elementi/ico_lnk.gif); }
#tools a#back{background-image:url(../images/elementi/ico_back.gif); }



/*dettaglio nuovo portfolio*/
#portfoliosx{ background: #FFF; overflow:hidden; height:282px; width:290px !important; position:relative;}
#portfoliosx h2{ margin:15px 5px  10px  !important; width:280px; height:73px}
#portfoliosx .holder{display:block !important;
 	width:260px !important; height:95px; overflow:hidden;
	position:relative;
 	margin:0 5px;
	padding:0 20px 0 0;
	
}
#portfoliosx  #tools{width:280px !important; margin:20px 5px 0;  }

#portfoliosx #documenti {width:280px; height:28px; position:relative; margin:5px 0 0; padding:5px;  overflow:hidden; }

#portfoliosxnav{ position:absolute; bottom:0px; right:0; width:62px; height:10px; overflow:hidden; background:#878787; z-index:10 }

#portfoliosxnav a{ background: url(../images/elementi/f_doc_new.gif) no-repeat; width:22px; height:10px; position:absolute; top:0;  }
#portfoliosxnav  a#next1{ right:0; background-position: top right;}
#portfoliosxnav  a#prev1{ left:0; background-position: top left;}
#portfoliosx #documenti .slide{ position:absolute; top:0; left:0; width:280px; height:28px; padding:5px; overflow:hidden; /*background:#cc0*/}
#portfoliosx #documenti .slide a{ display:block; color:#f00}
/*dettaglio agenzia*/

#agdetail{
width:900px;
overflow:hidden;
background:#fff;
padding:22px 0 15px;
position:relative;
}



#agdetail h2,#contForm h2 { margin:0 0  30px 150px}
#agdetail #txt, #testo, #testocontatti{width:600px; float:left;  overflow:hidden; position:relative;}

#testo{margin:0 0  30px 150px !important;  text-align:left;}
#testocontatti{margin:0 0  30px 0px !important;  text-align:left;}
#agdetail #txt p{ margin:0 0px 10px 0;}
.column { margin:0 10px 10px 0; width:140px;}

#agdetail #tools{padding:0 0 0 4px; width:136px; background:#fff;}
.bgbox {display:block; width:36px; height:36px; position:absolute; top:0; left:0; background:#000;}

#agdetail #coldx{ color: #999999; font-style:italic;}
#agdetail #coldx em{display:block;}
#agdetail #coldx a{ color: #999999;}
#agdetail #coldx a:hover{ color: #000;}
#video{position:absolute; top:80px; left:150px; z-index:100; background:#fff; width:742px; height:500px; text-align:center; overflow:hidden;}

a#moredocs{
display:block;
padding:0 5px;
text-align:right;
background: url(../images/elementi/bg_dwnbox.gif) no-repeat -10px 0px;
height:20px;
line-height:20px;
text-transform:lowercase;
}

#moredocuments{display:block;
position:absolute; 
top:80px; 
left:150px; 
z-index:-1; 
background:#fff; 
width:742px; 
height:500px; 
text-align:left; 
overflow:hidden;
-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-moz-opacity:0;opacity:0;
}
.docsact {
z-index:100 !important; 
-ms-filter:alpha(opacity=100) !important;
filter:alpha(opacity=100) !important;
-moz-opacity:1 !important;
opacity:1 !important;
}
#moredocuments .holder{display:block !important;
 width:600px; height:290px; overflow:hidden;
}
#moredocuments div p{ margin:0 0 5px; font-style:italic;}
#moredocuments h4{ width:600px; border-bottom:solid 1px #000; margin:0 0 10px}
#close{ float:right; 
display:block; 
background:#000 url(../images/elementi/ico_close.gif) no-repeat; 
width:9px; height:12px; text-indent:-9000em; font-size:1px;}


/*integriamo case history*/

#agdetail #nav, #portcoldx{ background:#000; position:absolute; top:35px; right:10px; height:18px; width:62px; z-index:100; }
#agdetail #nav a, #portcoldx a{ background: url(../images/elementi/f_new.gif) no-repeat; width:22px; height:18px; position:absolute; top:0;  }
#agdetail #nav a#next, #portcoldx a#next{ right:0; background-position: top right;}
#agdetail #nav a#prev, #portcoldx a#prev{ left:0; background-position: top left;}
#agdetail #elenco{/* background:#333; */width:740px; height:180px; overflow:hidden; position:relative;}
#agdetail .slide{ position:absolute; top:0; left:0; width:790px; }

#agdetail .slide .item{ /*background:#ccc;*/ width:140px; height:180px; margin:0 10px 0 0; float:left; overflow:hidden;} 

#agdetail .slide .item p{ padding:0 0 20px 0; margin:0 0 10px; border-bottom:dotted #878787 1px}


/*container*/
/*form*/
h1#segn_it{ background: url(../images/elementi/tit_segnala.gif) no-repeat right -100px; margin:60px 0 10px 0; }
h1#segn_gb{ background: url(../images/elementi/tit_segnala.gif) no-repeat right -56px; margin:60px 0 10px 0;  }
h1#segn_es{ background: url(../images/elementi/tit_segnala.gif) no-repeat right 0px; height:43px;margin:60px 0 10px 0;}
#contForm{
width:900px;
overflow:hidden;
background:#fff;
padding:50px 0 15px;
position:relative;
}

#contForm form{margin:0 0  30px 150px; width:600px; text-align:right;}

#contForm form fieldset{ text-align:left; border:none; margin:0 0 15px 0;}
#contForm form fieldset h6{width:100%; border-bottom:solid 1px #A8A8A8; display:block; }
#contForm form fieldset label{display:block; margin:5px 0px}
#contForm form fieldset input,#contForm form fieldset textarea {
 font:11px Verdana, Arial, Helvetica, sans-serif; border:solid 1px #A8A8A8; border:none; background:#DCDFE0; color:#000; 
 width:100%; padding:5px 0px
}
#contForm form fieldset input:focus,#contForm form fieldset textarea:focus{background:#eee;}

#contForm form fieldset input.radio{width:auto !important; display:inline !important; margin:0 10px 0 0; background:none !important;} 
label span{ margin:0 0 10px 30px !important; 


background:#eee !important; display:block !important;width:570px; padding:2px; }
#contForm form button{
 background:#000;
border:solid 1px #A8A8A8;
font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
cursor:pointer;
}


#contForm form button:hover{background:#DCDFE0; color:#000; }

#contForm #back{


display:block;
background:#000 url(../images/elementi/ico_back.gif) no-repeat top left; 
width:13px; height:12px; overflow:hidden;
float:left;
text-indent:-9000em;  margin:5px 10px 0 3px



}
#contForm #back:hover{ background-color:#FF0000;}

#contForm h6 span{position:relative !important; display:inline !important; background:none; }
/*form*/

/*gallery articolo*/
#galleryart{


position:relative;
top:0px;
right:10px;
float:right;

width:280px;
height:310px;
overflow:hidden;
}
#pagerart{ position:absolute; top:290px; right:0; z-index:10}
.galleryitem{
	width:278px;
	height:278px;
	overflow:hidden;
	border:solid 1px #A8A8A8;
	position:absolute;
}
.galleryitem span{
display:block;
position:absolute;
bottom:0;
left:0;
padding:5px;
background:#eee;
-ms-filter:alpha(opacity=80);filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
}
#contenitore{width:600px; float:left;  overflow:hidden; position:relative;}

#contenitore #txtartimg{width:310px !important; float:left; overflow:hidden; position:relative;}

#txtartimg p{ margin:0 0px 10px 0;}


#newweb{
/*background:#DCDFE0 ;*/
position:absolute !important;
top:0;
left:0;
z-index:9000;
width:1600px;
height:1100px;
overflow-x: hidden; 

}


/*contatti forms*/
#contattiform{padding:5px; border-bottom:solid 10px #dcdfe0;  width:320px; position:absolute; top:80px; left :450px; overflow:hidden;}
#contattiform h3{  margin:15px 0 5px 0;}
#contattiform h3 span{color:#f00; }
#contattiform form{width:320px; position:relative; overflow:hidden; display:block; }
#contattiform form fieldset{border:none; }
#contattiform form fieldset#vcod{width:178px!important; position:absolute; top:60px; right:0; }
#contattiform form label{ margin:0 0 5px; display:block; width:100%; overflow:hidden; }
#contattiform form fieldset#vcod label {margin:0 0 0 0 !important;}
#contattiform form input,#contattiform form textarea {width:130px; background:#cecfd0; font-size:11px; border:solid 1px #777;  margin:0 10px 0 0; font:10px Verdana, Arial, Helvetica, sans-serif; float:left;}
#contattiform form textarea{height:60px;}
#contattiform form img{ width:82px; height:24px; border:solid 1px #777;}	 
#contattiform form fieldset#vcod input{ width:82px; margin:0 10px 20px 0 }
#contattiform button{ background: url(../images/support/bg_btn.gif) no-repeat top left; width:15px; height:15px; border:none; display:block; overflow:hidden; text-indent:-9000em;}

#bp{ background:url(../images/banner/bp.png); width:419px; height:152px; overflow:hidden; display:block; position:relative; margin:0 0 15px 21px; text-indent:-900em}
	 

#adv{ width:160px; height:600px; position:fixed; left:910px; top:160px !important;}
