/* DM3-CSS Document */
/*.............   tag comuni  ...................   */
body {
    background-image: url(../dm3-img/browser-bg.gif); background-color: #f5f5f5;margin: 0px;}

li {list-style:none}

strong{ color:#FF6600;}

h2, h2 a:link , h2 a:visited { font: normal bold 10px Verdana; color:#F60; text-decoration:none; padding:0px; display: inline;  } /* titolo orange */
h2 a:hover{color:#666}		
		
h1, h1 a:link , h1 a:visited { font: normal bold 10px Verdana; color:#fff; text-decoration:none; display: inline; } /* titolo bianco */
h1 a:hover{color:#666}	

h3, h3 a:link , h3 a:visited { font: normal bold 10px Verdana; color:#333; text-decoration:none; display: inline;} /* titolo grigio */
h3 a:hover{color:#F60}	

h4, h4 a:link , h4 a:visited { font: normal bold 12px Verdana; color:#F60; text-decoration:none;display: inline; } /* titolo orange big */
h4 a:hover{color:#666}	

p { font: normal 10px Verdana; color:#333; text-decoration:none; text-align:justify; display:inline; }
p a:link , p a:visited { color:#F90; text-decoration:none; }
p a:hover {color:#999}	
	
.content_title, .content_title a:visited{padding: 1px 10px 10px 5px ; margin-top:10px; background-color:#FF6600;} 
.testi_small_white, .testi_small_white a:link , .testi_small_white a:visited{
font: normal bold 9px Verdana; color:#FFF; text-decoration:none; text-align:center; margin-bottom:5px; } 
.testi_small_white a:hover {color:#999}	

.testi_small_grey, .testi_small_grey a:link , .testi_small_grey a:visited{
font: normal bold 9px Verdana; color:#333; text-decoration:none; text-align:center; margin-bottom:5px; } 
.testi_small_grey a:hover {color:#fff}			

/* ..............    MAIN Contenitori ..................  */
#contenitore {
			width: 690px;
			\width: 690px;
			w\idth: 690px;
			background-color: rgb(256, 256, 256);
			border: 1px solid gray;
			margin: 10px; margin-left: auto; margin-right: auto;
			padding: 10px;
			padding-right:10px;
			}

#banner { padding: 0px; margin: 0px; background-color: #fff; border: 0px; }
#foto-banner { margin-top:7px; margin-bottom:0px; padding: 0px; float:left; background-color:#fff;}	

#footer  { clear: both; padding: 5px; background-color: rgb(213, 219, 225); text-align:center;margin-bottom:5px; }
#footer2 {clear: both; padding: 5px; background-color:#FF6600;float:left; width:680px; margin-top:10px; margin-bottom:5px;}
#footer_icone {clear: both; padding:5px; background-color: #fff;}		

#fascia {clear: both; float:left; width:680px; padding:5px; background-color: #FF6600; text-align:left;}		
			
.box_bianco {padding:5px; margin-top:0px; margin-bottom:10px; background-color:#fff; }	
.box_bianco img {padding:5px;}

#fascia-sx{ float: left; width:230px ; 	padding: 0px; background-color: #fff;}
#fascia-dx{ float: right; width:210px ;  padding: 0px; background-color:#fff; }
			
/* ..............    CENTRO  ..................  */
		
#fascia-centro{width:230px; float: left;  margin-left:10px; padding: 0px; background-color:#FFF; }
.case-box     {width:220px; margin-top:10px;  background-color: #fff; }
.case-top     {width:220px; margin-top:0px; padding: 5px;background-color:#FF6600; height:30px; }						
.case-body    {width:220px; margin-top:10px; padding: 5px; background-color: rgb(238, 238, 238); }

.content_main { margin-left:10px; margin-top:0px; width:450px; float:left;}

.content_title, .content_title a:visited
{ padding: 5px; margin-top:10px; background-color:#FF6600; height:25px; }

.content_title a:link, .content_title a:hover
{ color:#666; text-decoration:none; }
	
.content_body
{ float:left; width:440px; padding:5px; margin-top:10px; margin-bottom:10px; background-color: rgb(238, 238, 238); }

.box_clienti_partners
{
padding:5px;
margin-top:0px;
margin-bottom:10px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
text-align:center;
}
.content_staff
{
float:left;
padding:5px;
width:325px;
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
background-color: rgb(238, 238, 238);
}
/* ..............    FINE MAIN  ..................  */	
/* @@@@@@@@@@@@@    MENU  @@@@@@@@@@@@@@@@@@@@@@  */		
#navcontainer ul{
		    width: 690px;
			\width: 690px;
			w\idth: 690px;
			margin: 0px 0px 7px 0px ;
			padding: 0px ;
			background-color:#FFF;
			border: 0px;
		    height:20px;
			\height:20px;
            color: #fff;
			font: normal bold 10px Verdana;
            }
#navcontainer ul li { display: inline; }
#navcontainer ul li a
			{
			color: #fff;
			padding-top:5px;
			padding-bottom:5px;
			background-color:#F60;
			text-decoration: none;
			text-align:center;
			width:12.50%;
		    float:left;
			vertical-align:middle;
            }
#navcontainer ul li a:hover { background-color:#999; color:#FFF;}
												
/* ...........   MENU verticale sx  .............  */
#menu-verticale ul
{
padding:0px;
margin:0px;
margin-bottom:10px;
width:220px;
float:left;
list-style-type: none;
font: 10px Verdana ;
background-color:#fff; }
#menu-verticale b { font: normal bold 10px Verdana; color:#F60; text-decoration:none; }
#menu-verticale li { margin-top:10px; width:230px; }
#menu-verticale a {padding: 2px; display:block; background-color:rgb(238, 238, 238);  height:65px; }
#menu-list a:link, #menu-list a:visited { color: #333; text-decoration: none;}
#menu-list a:hover { background-color:#CCCCCC; color: #fff;}

/* .............   fine MENU verticale sx  .................. */
/* .............    MENU verticale dx  .................. */

#menu-verticale-dx ul
{
padding:0px;
margin:0px;
margin-bottom:10px;
width:210px;
float:left;
list-style-type: none;
font: normal bold 10px Verdana;
color:#FFF;
background-color:#fff;
}
#menu-verticale-dx li { margin-top:10px; width:210px; }
#menu-verticale-dx a
{ padding: 5px; display:block; background-color:#FF6600;height:30px; }
#menu-list-dx a:link, #menu-list-dx a:visited
{ color: #fff; text-decoration: none;}
#menu-list-dx a:hover { background-color:#CCCCCC; color:#fff; }

/* @@@@@@@@@@@@@   news  @@@@@@@@@@@@@@@@@@@@@@  */

.dx-top{ margin-top:10px; padding:5px; width:200px; height:30px; background-color:#666; float:left; }
.dx-box{ margin-top:10px; padding:5px; width:200px; background-color:rgb(238, 238, 238); float:left; }

/* @@@@@@@@@@@@@   TICKER news  @@@@@@@@@@@@@@@@@@@@@@  */

.newsThicker_div, .newsThicker_div a
{
padding:5px;
display:block;
font: normal 10px Verdana; color:#333; text-decoration:none;
background-color:#CCCCCC;
text-decoration:none;
}
.newsThicker_div a:hover
{ background-color:rgb(238, 238, 238);}


.news_Riga_Elenco1, .news_Riga_Elenco1 a:link , .news_Riga_Elenco1 a:visited
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
font-size: 10px;
font-weight:bold;
text-align:left;
text-decoration:none;
margin-bottom:5px;
}
.news_Riga_Elenco2, .news_Riga_Elenco2 a:link , .news_Riga_Elenco2 a:visited
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size: 10px;
font-weight:bold;
text-align:left;
text-decoration:none;
margin-bottom:5px;
}
.news_Riga_Elenco1 a:hover, .news_Riga_Elenco2 a:hover
{
color:#FF6600;
}
/* @@@@@@@@@@@@@   fine news  @@@@@@@@@@@@@@@@@@@@@@  */
/* @@@@@@@@@@@@@   PORTFOLIO  @@@@@@@@@@@@@@@@@@@@@@  */
.portf_conteiner 
{
padding:5px;
color:#FF6600;
background-color:#F5F5F5;
display:block;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}
.portf_conteiner a:link , .portf_conteiner a:visited{color:#FF6600;}
.portf_Content{ padding:5px; background-color:#ffffff; display:block;}
.portf_Thumb{ background-color:#666666; float:left; margin-bottom:5px; margin-right:5px; }
.portf_Cliente, .portf_Categoria { color:#990000; text-align:justify; }
.portf_Cliente a:link, .portf_Cliente a:visited , .portf_Categoria a:link, .portf_Categoria a:visited
{ color:#FF6600; text-align:justify; }
.portfolio { color:#333333; text-align:justify; }
.select_p {
color:#FFffff;
background-color:#FF6600;
padding:5px;
font-weight:bold;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-right:20px;
}
.box_frimm{ padding-left:70px; width:140px; float:left; }
.box_frimmoney{ padding-left:20px; width:200px; float:right;}

.img-bordo{border: 2px solid #999999;}

#box-video{
width:690px; margin-top:7px; margin-bottom:0px; padding: 0px; float:left; background-image:url(../dm3-img/bg-video.jpg);
}

h5{ font: normal bold 12px Verdana; text-align:center; color:#fff; text-decoration:none; display: inline; } /* titolo bianco 12*/

#content_main2 { margin:0px auto 0px auto; height:auto; width:690px; float:left;}

.content_title2
{ padding: 5px; margin-top:10px; background-color:#FF6600; height:25px; text-align:center; }

.content_body2, .content_body2 a:link, .content_body2 a:visited
{ width:680px; padding:5px; margin:10px auto 10px auto; background-color: rgb(238, 238, 238); text-align:justify; font:normal 12px Verdana; color:#333; text-decoration:none;}

.content_body2 a:hover
{ color:#333; text-decoration:none;}

#box-landingpage{
	margin:auto;
	padding:5px;
	height:auto;
	border:#CCC 2px dashed;
	margin:10px 0px 10px 0;
	}

.txt-landingpage{
normal 12px Verdana; color:#333; text-decoration:none; text-align:justify; display:inline;
	}
	
.txt-landingpage a:link{
	color:#F60;
	text-decoration:none;
	}
		
.txt-landingpage a:hover{
	color:#333;
	text-decoration:none;
}	

.txt-landingpage-orange{
color:#F60;
padding:0px;
font-weight:bold;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
	}
	
.txt-landingpage-centrato{
color:#333;
font-weight:bold;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
text-align:center;
	}	
#centered-www{
	margin:auto;
	text-align:center;
	}
	
.txt_casehistory { font: normal 10px Verdana; color:#333; text-decoration:none; text-align:justify; display:inline; }	
.txt_casehistory a:link, .txt_casehistory a:link a:visited {text-decoration:none; font-weight:bold; color:#F60; }
.txt_casehistory a:hover {color:#333; font-size:10px; }


/* gallery */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:url(../dm3-img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../dm3-img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }