@charset "utf-8";
/* CSS Document */
body { font-family: 'Trebuchet MS', Arial, Helvetica,  sans-serif; background: #393939; margin: 0; padding: 0; text-align: center; color: #333; line-height: 115%;}
a { text-decoration: none;}

.menu-language, .menu-top, #Flash-block div, .content-back4, #Footer div { width: 956px; padding:0 15px; margin: 0 auto; text-align: left;}
#Flash-block div { overflow: hidden }
#Conteiner { min-width:988px; margin:0 auto;}
/*TOP*/
#Menu-language { background: url(../img/back/back-top-x.gif) left top repeat-x; border-bottom: 1px solid #fff; height: 23px; font-size: 0.7em;}
	#Menu-language a { color: #333;}
.menu-language ul { float: right; margin-top: 4px; padding-right: 10px;}
.menu-language li { float: left; padding: 3px 9px 0; border-right: 1px solid #a1a1a1; height: 14px;}
	.menu-language li.flag {  padding:1px 0 0 9px;}
	.menu-language li.noBorderRight {border-right: none;}
.menu-language span { display: none;}
	.text-acces-off { background: url(../img/menu-lang/acces-off.gif) left top no-repeat;}
		.text-acces-off, .text-acces-on { width: 66px;}
		.text-acces-off:hover, .text-acces-on { background: url(../img/menu-lang/acces-on.gif) left top no-repeat;}
	.text-privacy-off { background: url(../img/menu-lang/privacy-off.gif) left top no-repeat;}
		.text-privacy-off, .text-privacy-on { width: 72px;}
		.text-privacy-off:hover, .text-privacy-on { background: url(../img/menu-lang/privacy-on.gif) left top no-repeat;}
	.text-mappa-off { background: url(../img/menu-lang/mappa-off.gif) left top no-repeat;}
		.text-mappa-off, .text-mappa-on { width: 76px;}
		.text-mappa-off:hover, .text-mappa-on { background: url(../img/menu-lang/mappa-on.gif) left top no-repeat;}
		.text-acces-off, .text-privacy-off, .text-mappa-off, .text-acces-on, .text-privacy-on, .text-mappa-on { height: 10px; display: block;}
#Menu-top { background: url(../img/back/back-menu-x.gif) left top repeat-x; height: 73px;}
#Logo { position: absolute; left: 15px; top: -24px;}
.menu-top { position: relative;}
	.menu a, .menu span { display:block;}

	.text-home-off { background:url(../img/menu-top/home-off.gif) left top no-repeat;}
	.text-home-off:hover { background:url(../img/menu-top/home-over.gif) left top no-repeat;}
	.text-home-on { background:url(../img/menu-top/home-on.gif) left top no-repeat;}
		.text-home-off, .text-home-on { width: 62px;}
	.text-azienda-off { background: url(../img/menu-top/azienda-off.gif) left top no-repeat;}
	.text-azienda-off:hover { background: url(../img/menu-top/azienda-over.gif) left top no-repeat;}
	
	.text-azienda-off:hover {}
	
	.text-azienda-on { background: url(../img/menu-top/azienda-on.gif) left top no-repeat;}
		.text-azienda-off, .text-azienda-on { width: 90px;}
	.text-servizi-off { background: url(../img/menu-top/servizi-off.gif) left top no-repeat;}
	.text-servizi-off:hover { background: url(../img/menu-top/servizi-over.gif) left top no-repeat;}
	.text-servizi-on { background: url(../img/menu-top/servizi-on.gif) left top no-repeat;}
		.text-servizi-off, .text-servizi-on { width: 70px;}
	.text-portfolio-off { background: url(../img/menu-top/portfolio-off.gif) left top no-repeat;}
	.text-portfolio-off:hover { background: url(../img/menu-top/portfolio-over.gif) left top no-repeat;}
	.text-portfolio-on { background: url(../img/menu-top/portfolio-on.gif) left top no-repeat;}
		.text-portfolio-off, .text-portfolio-on { width: 114px;}
	.text-opportunita-off { background: url(../img/menu-top/opportunita-off.gif) left top no-repeat;}
	.text-opportunita-off:hover { background: url(../img/menu-top/opportunita-over.gif) left top no-repeat;}
	.text-opportunita-on { background: url(../img/menu-top/opportunita-on.gif) left top no-repeat;}
		.text-opportunita-off, .text-opportunita-on { width: 147px;}
	.text-contatti-off { background: url(../img/menu-top/contatti-off.gif) left top no-repeat;}
	.text-contatti-off:hover { background: url(../img/menu-top/contatti-over.gif) left top no-repeat;}
	.text-contatti-on { background: url(../img/menu-top/contatti-on.gif) left top no-repeat;}
	.text-contatti-off, .text-contatti-on { width: 95px;}
.text-home-off, .text-home-on, .text-azienda-off, .text-azienda-on, .text-servizi-off, .text-servizi-on, .text-portfolio-off, .text-portfolio-on, .text-opportunita-off, .text-opportunita-on, .text-contatti-off, .text-contatti-on { height:17px;}
	.text-missione-off { background: url(../img/menu-azienda/missione-off.gif) left top no-repeat;}
	.text-missione-off:hover { background: url(../img/menu-azienda/missione-over.gif) left top no-repeat;}
	.text-missione-on { background: url(../img/menu-azienda/missione-on.gif) left top no-repeat;}
		.text-missione-off, .text-missione-on { width: 67px;}
	.text-valori-off { background: url(../img/menu-azienda/valori-off.gif) left top no-repeat;}
	.text-valori-off:hover { background: url(../img/menu-azienda/valori-over.gif) left top no-repeat;}
	.text-valori-on { background: url(../img/menu-azienda/valori-on.gif) left top no-repeat;}
		.text-valori-off, .text-valori-on { width: 52px;}
	.text-persone-off { background: url(../img/menu-azienda/persone-off.gif) left top no-repeat;}
	.text-persone-off:hover { background: url(../img/menu-azienda/persone-over.gif) left top no-repeat;}
	.text-persone-on { background: url(../img/menu-azienda/persone-on.gif) left top no-repeat;}
		.text-persone-off, .text-persone-on { width: 65px;}
	.text-clienti-off { background: url(../img/menu-azienda/clienti-off.gif) left top no-repeat;}
	.text-clienti-off:hover { background: url(../img/menu-azienda/clienti-over.gif) left top no-repeat;}
	.text-clienti-on { background: url(../img/menu-azienda/clienti-on.gif) left top no-repeat;}
		.text-clienti-off, .text-clienti-on { width: 52px;}
	.text-crediti-off { background: url(../img/menu-azienda/crediti-off.gif) right top no-repeat;}
	.text-crediti-off:hover { background: url(../img/menu-azienda/crediti-over.gif) left top no-repeat;}
	.text-crediti-on { background: url(../img/menu-azienda/crediti-on.gif) left top no-repeat;}
		.text-crediti-off, .text-crediti-on { width: 54px;}
		
	.text-user-on {  background: url(../img/menu-servizi/user-on.gif) left top no-repeat;}
	.text-user-off:hover { background: url(../img/menu-servizi/user-over.gif) left top no-repeat;}
	.text-user-off { background: url(../img/menu-servizi/user-off.gif) left top no-repeat;}
		.text-user-off, .text-user-on { width: 124px;}
/*

	.text-user-off { background: url(../img/menu-servizi/user-off.gif) left top no-repeat;}
	.text-user-off:hover { background: url(../img/menu-servizi/user-over.gif) left top no-repeat;}
	.text-user-on { background: url(../img/menu-servizi/user-on.gif) left top no-repeat;}
		.text-user-off, .text-user-on { width: 96px;}
*/		
				
	.text-visual-off { background: url(../img/menu-servizi/visual-off.gif) left top no-repeat;}
	.text-visual-off:hover { background: url(../img/menu-servizi/visual-over.gif) left top no-repeat;}
	.text-visual-on { background: url(../img/menu-servizi/visual-on.gif) left top no-repeat;}
		.text-visual-off, .text-visual-on { width: 108px;}
	.text-forma-off { background: url(../img/menu-servizi/forma-off.gif) left top no-repeat;}
	.text-forma-off:hover { background: url(../img/menu-servizi/forma-over.gif) left top no-repeat;}
	.text-forma-on { background: url(../img/menu-servizi/forma-on.gif) left top no-repeat;}
		.text-forma-off, .text-forma-on { width: 96px;}
	.text-ebay-off { background: url(../img/menu-servizi/ebay-off.gif) left top no-repeat;}
	.text-ebay-off:hover { background: url(../img/menu-servizi/ebay-over.gif) left top no-repeat;}
	.text-ebay-on { background: url(../img/menu-servizi/ebay-on.gif) left top no-repeat;}
		.text-ebay-off, .text-ebay-on { width: 133px;}
	
	.text-lavoro-off { background: url(../img/menu-oport/lavoro-off.gif) left top no-repeat;}
	.text-lavoro-off:hover { background: url(../img/menu-oport/lavoro-over.gif) left top no-repeat;}
	.text-lavoro-on { background: url(../img/menu-oport/lavoro-on.gif) left top no-repeat;}
		.text-lavoro-off, .text-lavoro-on { width: 61px;}
	.text-test-off { background: url(../img/menu-oport/test-off.gif) left top no-repeat;}
	.text-test-off:hover { background: url(../img/menu-oport/test-over.gif) left top no-repeat;}
	.text-test-on { background: url(../img/menu-oport/test-on.gif) left top no-repeat;}
		.text-test-off, .text-test-on { width: 30px;}
.text-missione-off, .text-missione-on, .text-valori-off, .text-valori-on, .text-persone-off, .text-persone-on, .text-clienti-off, .text-clienti-on, .text-crediti-off, .text-crediti-on, .text-user-on, .text-user-off, .text-visual-off, .text-visual-on, .text-forma-off, .text-forma-on, .text-ebay-off, .text-ebay-on, .text-lavoro-off, .text-lavoro-on, .text-test-on, .text-test-off { height: 12px;}

#Flash-block { background: url(../img/back/back-flash-x_2.jpg) left top repeat-x; height: 252px; border-bottom: solid 1px white;}
#Flash-block-inside { background: url(../img/back/back-flash-x_2.jpg) left top repeat-x; height: 252px; border-bottom: solid 1px #CCCCCC;}

	#Flash-block div { height: 254px;}
#DopMenu { background: url(../img/back/back-dopmenu-x.jpg) left top repeat-x; height:100px;}
	#DopMenu ul { width: 952px; margin: 0 auto;}
	#DopMenu li { float: left; width: 237px; margin:1px 0 0 1px;}
	#DopMenu a, #DopMenu span { display: block; height: 98px; cursor: pointer;}
		#DopMenu a:hover { background: url(../img/menu-dop/back-off.png) left top no-repeat;}
		#DopMenu a.select {background: url(../img/menu-dop/back-on.png) left top no-repeat;}
.dm-user { background: url(../img/menu-dop/user.gif) center no-repeat;}
.dm-visual { background: url(../img/menu-dop/visual.gif) center no-repeat;}
.dm-forma { background: url(../img/menu-dop/forma.gif) center no-repeat;}
.dm-ebay { background: url(../img/menu-dop/ebay.gif) center no-repeat;}

/* / TOP*/
/*CONTENT*/
#Content { background: url(../img/back/back-content-top-x.gif) left top repeat-x #f7f6f6; }
	.content-back1 { background: url(../img/back/back-content-bottom-x.gif) left bottom repeat-x; }
	.content-back2 { background: url(../img/back/back-content-center.gif) left top repeat;}
	.content-back3 { background: url(../img/back/shadow_top.png) top center no-repeat;}
	.content-back3-inside { background: url(../img/back/shadow_top.png) top center no-repeat; border-top: solid 1px #FFF;} 
	.content-back4 { background: url(../img/back/shadow_bottom.png) bottom center no-repeat; min-height: 150px; position: relative; padding-top: 30px;  }
.toolpit { background: url(../img/random.gif) left top no-repeat; width: 163px; height: 90px; position: absolute; left: 20px; top: -1px;}
.portfolio { background: url(../img/back/preview.png) left top no-repeat; width: 894px; height: 195px; padding-top: 29px; margin-left: 25px;}
	.portfolio li { float: left; width: 444px;}
	.portfolioVari {padding-top: 10px;}
	.portfolioVari a{float: left; margin-right: 9px;}
.about-work { padding: 48px 0 0 0; font-size: 1em;  line-height: 75%;}
    .aquolina {padding: 41px 0 0 0;}
    .aquolina h2 img{position: relative; top: 5px;}
	.about-work h2 { padding-bottom: 10px;}
	.about-work i { display: block; padding-bottom: 20px; font-size: 0.8em; color: #666;}
		.about-work i span { font-weight:bold; color: #333;}
	.about-work p { font-size: 0.7em; color: #999; padding-bottom: 10px;}
		.about-work p span { color: #666;}
.foto { padding-left: 5px;}
	.foto img { width: 440px;}
.more { display: block; float: right; font-style: italic; font-weight:bold; font-size: 0.85em; padding-right: 25px; margin-right: 8px;}
	.green { background: url(../img/icon/row-green.gif) right 1px no-repeat; color: #84ba3c; height: 14px;}
	.viol { background: url(../img/icon/row-viol.gif) right 1px no-repeat; color: #55414f; height: 14px;}
	.red { background: url(../img/icon/row-red.gif) right 1px no-repeat; color: #DD100C; height: 14px;}
	.grey {background: url(../img/icon/row-grey.png) right 1px no-repeat; color: #333; height: 14px;}
	.blue { background: url(../img/icon/row-blue.gif) right 1px no-repeat; color: #04379B; height: 14px;}
	.black { background: url(../img/icon/row-black.gif) right 1px no-repeat; color: #666; width: 85px;}
	.black-left {background: url(../img/icon/row-black-left.gif) left 1px no-repeat; padding-left: 20px; text-align:right !important; float: left; color: #666; width: 85px;}
	.fwd_off { position: absolute; top: 14px; right: 0; display: block; background: url(../img/icon/icon_fwd_off.gif) left top no-repeat;height: 27px; width:28px;}
	.fwd_off:hover { position: absolute; top: 14px; right: 0; display: block; background: url(../img/icon/icon_fwd_on.gif) left top no-repeat;height: 27px; width:28px;}
	.back_off { position: absolute; top: 14px; right: 30px; display: block; background: url(../img/icon/icon_back_off.gif) left top no-repeat; height: 27px; width:28px;}
	.back_off:hover { position: absolute; top: 14px; right: 30px; display: block; background: url(../img/icon/icon_back_on.gif) left top no-repeat;height: 27px; width:28px;}
	.banneraquolina {top:14px;}
	.banneraquolina:hover {top:14px;}
.all-work { padding-top: 2px; background: url(../img/back/barra_under.PNG) left top repeat-x; clear: left; margin: 0px 20px 0 10px; height: 50px;}
    .left p{ width: 910px; position: absolute; }
    .portfoliodown { padding-top: 2px; border-top: 20px; background: url(../img/back/barra_under.PNG) top left repeat-x;}
	.portfoliodown p {margin-left: 3px;}
	.all-work p { border-top:1px solid #fff; padding-top: 7px;}
	.title-work { border-bottom: 1px solid #FFF; margin: 0 20px 0 10px; }
	.title-work p { background: url(../img/back/barra_under.PNG) left bottom repeat-x; padding-top: 18px; padding-bottom: 2px;}
	
/* / CONTENT*/
/*FOOTER*/
#Footer { clear: left; background: url(../img/back/back-footer-x.jpg) left top repeat-x; height: 127px; color: #fff; font-size: 0.75em; line-height: 1.3;}
	#Footer address { display: block; padding: 15px 0 0 25px; font-style: normal;}
	#Footer address .dbn { font-size: 120%; color: Red;}
	.mail { display: block; float: right; margin: 15px 25px 0 0; color: #fff; text-decoration: none;}
/* / FOOTER*/
/* DROPMENU */
.menu { position: absolute; right: 35px; top: 17px; font-size: 1.2em; z-index: 100;}
.menu li { float: left !important; padding-left: 15px;}
.menu ul li a, .menu ul li a:visited { display: block; overflow: hidden;}
.menu ul li{ position: relative;}
/*.menu ul li ul{ display: none;}*/
.menu ul li ul{ display: block; position: absolute; top: 37px; left: 2px;}
	.menu ul li ul.sub1 { width: 380px;}
	.menu ul li ul.sub2 { width: 521px;}
	.menu ul li ul.sub3 { width: 130px;}
.menu ul li ul li a{ display:block;}
.menu b { display: none;}
/* / DROPMENU */

/* Testo Banner */
.TextServizi{color: #FFFFFF; font-size: 85px; line-height:250px; font-family: 'Century Gothic','Trebuchet MS', Arial, Helvetica,  sans-serif; }
	
.banner {height: 252px; }

/* Azienda - Clienti*/
#ClientiImgList {width: 910px; margin: 0 auto; padding-left: 26px; padding-top: 2px; padding-bottom: 25px; background: url(../img/back/barra_under.PNG) left bottom repeat-x; height: 423px; }   
#ClientiImgList li {float: left; margin: 8px 9px; }
#ClientiList {width: 876px; height: 240px;  margin: 0 auto;  font-size: 90%; padding-bottom: 23px;}
#ClientiList ul {float: left; margin-left: 11px; margin-right: 11px; padding-top: 21px;  }
#ClientiList li {width: 185px; padding-left: 12px; padding-bottom: 8px; padding-top: 4px; background: url(../img/back/barra_under.PNG) left bottom repeat-x;}
#ClientiList .NoBorderBottom {background: none;}


/* Azienda - Crediti */
#CreditiList {width: 866px; margin: 0 auto; padding-top: 10px; padding-bottom: 24px;  font-size: 90%;}
#CreditiList img { float:left; margin-right:26px; }
#CreditiList li { clear:left; height: 123px; padding-bottom:17px;}
#CreditiList li span { display: block; height: 98px; padding-top: 35px; margin-left: 229px; background: url(../img/back/barra_under.PNG) left bottom repeat-x; color: #666666;}
#CreditiList li span strong{ font-weight:normal; color: #333333;}
#CreditiList .NoBorderBottom {background: none;}
.linkEDock {color: #333;}
.linkEDock:hover {color: #999999;}

/* Azienda - Missione/Valori*/
.azienda {width:810px; margin: 0 auto; color: #333;  font-size: 90%; padding-bottom: 39px;}
/*.azienda span {color: #999;}*/
.azienda li {margin-top: 10px;  padding-bottom: 5px; }

/* Azienda - Persone*/
.persone {width: 910px; margin: 0 auto 30px auto; padding-top: 10px; padding-left: 50px; padding-bottom: 30px; font-size: 90%; background: url(../img/back/barra_under.PNG) left bottom repeat-x;}
#persone {width: 884px; margin: 0 auto; padding-top: 0px; font-size: 90%; height: 380px;}
#persone ul {width: 203px; float:left; margin: 0 9px;}
#persone li{height: 46px; padding-top: 10px;}
#persone img{margin: auto;}
#persone ul li h5{ text-transform: uppercase; font-size: 70%; font-weight:bold; font-style:italic; color: #FE6601; margin-top: -4px; }

.servizi {width: 862px; margin: 10px auto 0 auto; padding-bottom: 24px; font-size: 90%;}
.servizi img{padding-top: 15px; padding-bottom: 5px; margin-bottom: 10px;}
.servizi p{margin: 0 auto; padding-bottom: 10px; padding-left: 15px; padding-right: 15px;}
.servizi p span{color: #666666; font-size: 125%; background: none;}
.servizi .borderBottom{background: url(../img/back/barra_under.PNG) left bottom repeat-x; padding-bottom: 27px;}

/* Opportunità - Test*/
.test { font-size: 90%; width:910px; padding: 0 28px 20px 28px; margin: 10px auto; background: url(../img/back/barra_under.PNG) left bottom repeat-x; color: #666;}

.testInsert {padding-bottom: 20px; height: 183px; background: url(../img/back/barra_under.PNG) left bottom repeat-x; }
.testInsert form {width: 910px; margin: 0 auto; font-size: 2em; padding-bottom: 20px; border-bottom: 1px solid #D7D7D7;}
.testInsert ul li { text-align:right; padding-top: 8px; }
.testInsert span{position: absolute; right: 733px; 
}
.testInsert .validator {position: absolute; right: 727px; color: #666666;}
.testInsertBox {width:184px; height: 16px;}
 .ImgIconInfo{ float:left; padding-top: 6px;}
.testInsert ul{width: 440px; float: left; padding-bottom: 10px; }
#dati span{font-size: 80%; float: left; position:absolute; top: 122px; left: 560px; width: 312px;
}
.testright {float: left;}
.testInsert .testright li{  text-align: left;}
.testInsert .testright {margin-left: 25px; padding-left: 25px;background: url(../img/back/barra_center.PNG) left top repeat-y;}
.TBPrivacy {width: 275px; height: 81px; position: relative; top: 3px; left: 0;}
.consenso {clear: left; font-size: 90%; position:relative; top: 5px; left: 0;}
.CBPrivacy{position: absolute; left: 790px; top:263px;}
.CBPrivacy span{position: absolute; left: 26px; font-size: 90%; top: 9px;}
.LBIscriviti { font-size: 120%; position: relative; top: 30px; left: -10px; padding-bottom: 60px; clear: right; margin: 0 auto; text-align:center;}
.LBIscriviti span{color: #666666;}
.LBIscriviti span:hover{color:#999999;}

#contatti {padding-top: 19px; height: 342px; margin: 0 auto;}
#contatti ul {float:left; position: relative; left: 58px;}
#contatti .map {width:500px; height: 293px; margin-right: 15px;}
#contatti li {width:318px; border-left: 15px; padding-left: 8px; padding-bottom: 14px; text-align:left; line-height: 20px; padding-top: 14px; font-size: 1em; background: url(../img/back/barra_under.PNG) left bottom repeat-x; font-weight: bold ; font-family:  'Trebuchet MS', Arial, Helvetica,  sans-serif; color: #333;}
#contatti li.ContattiDBN {padding-bottom: 17px; font-size: 140%;}
#contatti .NoBorderBottom{ background: none;}
#contatti li span {color:#999;}
#contatti .HyperLinkMailInfo {color: #333;}
#contatti .HyperLinkMailInfo:hover {color: #666;}


/* Colori logo DBN */
.dbncolor1 {color: #ff1500 !important;}
.dbncolor2 {color: #ff6e04 !important;}
.dbncolor3 {color: #fcb935 !important;}

.HyperLinkLavoro {margin: 0 auto; padding-top: 13px; display:block; text-align:center; color:#666; height: 34px; width: 200px; background-color: white;}
.HyperLinkLavoro:hover {color: #999;}
.noborderbottom { background: none ;}

/* Portfolio*/
#portfolioMain {padding-bottom: 25px;}
.portfolioPreview { clear:right; width: 91px; float:left; border: solid 1px white !important; margin-left: 1px; margin-right: 2px;}
.portfolioPreview:hover {  border: solid 1px #FF9A33 !important; margin-right: 2px !important; margin-left: 1px !important; padding-top: 0;}
.portfolioThumbnail li { float: left; margin-bottom: 39px;}
.portfolioThumbnail {padding-left: 4px; padding-top:7px; }
.portfolioMain {margin-top: 40px; position:relative; left: 10px;}
.portfolioText { color: #999; position: absolute; top: 40px; right: 52px; width: 218px; font-size: 90%;}
.portfolioText li{padding-bottom: 26px;}
.portfolioText li p{ padding-bottom: 12px;}
.portfolioText span {color: #333;}
.imgPortfolio {padding-top: 36px;}


/* Privacy-Policy */
.privacy { color: #666; margin: 0 auto; min-height: 260px; height: auto !important; font-size: 90%; height: 260px; width: 810px; padding-bottom: 35px;}
.privacy p { margin: 0px; width: 98%; margin-bottom: 10px; }
.privacy h3 { font-weight: bold; font-size: 125%; margin-bottom:10px; margin-top: 20px; }
.privacy h4{font-weight: bold; padding-bottom: 3px;}
.privacy a { color: #333; } 
.privacy a:hover { color: #999; }

/* Accessibilità */
#accessibilita { color: #666; margin: 0 auto; min-height: 260px; height: auto !important; font-size: 90%; height: 260px; width: 810px; padding-bottom: 35px;}
#accessibilita p { margin: 0px; width: 98%; margin-bottom: 10px; margin-top: 15px;}
#accessibilita p strong {font-weight: bold;}
#accessibilita h3 { font-weight: bold; font-size: 125%; margin-bottom:10px;  }
#accessibilita h4{font-weight: bold; padding-bottom: 3px;}
#accessibilita a { color: #333; } 
#accessibilita a:hover { color: #999; }
ol { list-style: decimal outside; padding-left: 25px;}
#accessibilita ol li {padding-left: 5px;}