@charset "utf-8";
/* CSS Document */

html, body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	background:url(../images/bgPage.gif) left center repeat-x;
}
a, a:link, a:visited, a:active{
	outline: none;
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#000000;
	text-decoration:none;
}
h1, h2{
	position:absolute;
	left:-9000px;
}
img{
	border:none;
}
form{
	margin:0;
	padding:0;
}

/*MACRO STRUTTURA*/
.general{
	width:100%;
	height:590px;
	position:absolute;
	overflow:hidden;
	background:#fff url(../images/bgGeneral.gif) center top no-repeat;
}
.header{
	width:100%;
	position:absolute;
	top:0;
	text-align:center;
}
.content{
	width:100%;
	position:absolute;
	top: 315px; /*nelle pagine interne il top diventa 195px*/
	text-align:center;
}
.footer{
	width:100%;
	height:295px;
	position:absolute;
	top: 315px; /*nelle pagine interne il top diventa 530px*/
	text-align:center;
	background-color:#000;
}
.wrapper{
	width:980px;
	text-align:left;
	margin:0 auto;
	position:relative;
}
.wrapperInt{
	width:980px;
	height:335px;
	text-align:left;
	margin:0 auto;
	position:relative;
}

/*MENU*/
.menu{
	width:412px;
	height:185px;
	position:absolute;
	top:125px; /*nelle pagine interne il top diventa 0px*/
	left:0;
}
.menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.menu ul li{
	float:left;
	height:185px;
	overflow:hidden;
	position:relative;
}
.menu ul li a{
	display:block;
	width:100%;
	height:145px;
	line-height:145px;
	position:absolute;
	top:40px;
	left:0;
	text-indent:-9000px;
}
.menu ul li.tre{
	width:117px;
}
.menu ul li.per{
	width:148px;
}
.menu ul li.otto{
	width:147px;
}
.menu ul li.tre .images{
	width:117px;
	height:185px;
	background:url(../images/bgMenuTre_IT.jpg) top left no-repeat;
	position:absolute;
	top:40px; /*a rollover del link, il top diventa 0*/
}
.menu ul li.per .images{
	width:148px;
	height:185px;
	background:url(../images/bgMenuPer_IT.jpg) top left no-repeat;
	position:absolute;
	top:40px; /*a rollover del link, il top diventa 0*/
}
.menu ul li.otto .images{
	width:147px;
	height:185px;
	background:url(../images/bgMenuOtto_IT.jpg) top left no-repeat;
	position:absolute;
	top:40px; /*a rollover del link, il top diventa 0*/
}

/*FOOTER*/
.logo{
	width:412px;
	height:200px;
	position:absolute;
	left:-9000px;
}
.treperotto{
	width:412px;
	height:50px;
	position:absolute;
	top:10px;
	left:0;
	background:url(../images/treperotto.gif) top left no-repeat;
}

/*CONTENUTI HOMEPAGE*/
.txtHp{
	width:370px;
	position:absolute;
	top:-100px;
	left:540px;
}
.txtHp p{
	margin:0;
	padding:0;
	font-size:12px;
	color:#000;
}
.noteHp{
	width:200px;
	position:absolute;
	top:10px;
	right:0px;
}
.noteHp p{
	margin:0;
	padding:0;
	text-align:right;
}
.noteHp a, .noteHp a:link, .noteHp a:visited, .noteHp a:active{
	color:#fff;
}
.noteHp a:hover{
	color:#c00;
}

/*CONTENUTI CHI SIAMO*/
.txtChiSiamo{
	width:920px;
	height:135px;
	background-color:#fff;
	position:absolute;
	top:80px;
	left:8px;
}
.txtChiSiamo .colSx, .txtChiSiamo .colDx{
	width:370px;
	float:left;
	margin-top:20px;
}
.txtChiSiamo .colDx{
	margin-left:160px;
}
.txtChiSiamo p{
	margin:0;
	padding:0;
}

/*CONTENUTI CONTATTI*/
.txtContatti{
	width:350px;
	position:absolute;
	top:100px;
	left:8px;
}
.txtContatti p{
	margin:0;
	padding:0;
}
.txtContatti h3{
	font-size:10px;
	text-transform:uppercase;
	margin:0;
	padding:0;
	color:#000;
}
.txtContatti a:hover{
	color:#c00;
}
.google{
	margin-top:20px;
}
.google img{
	float:left;
}
.google a img{
	width:17px;
	height:17px;
	background:url(../images/bgLinkGoogle.gif) center center no-repeat;
}
.form{
	width:430px;
	position:absolute;
	top:-40px;
	left:510px;
}
.errorContatti{
	height:30px;
	color:#C00;
	text-align:center;
}
.formContatti{
	padding-top:10px;
}
.subject{
	padding:0 0 10px 47px;
	margin-top:-10px;
	line-height:20px;
}
.subject input[type="radio"]{
}
.field{
	width:50%;
	height:25px;
	float:left;
	height:35px;
}
.field div, .text div{
	width:50px;
	float:left;
	padding-top:5px;
}
.field input{
	width:143px;
	float:left;
}
.text{
	float:none;
	clear:both;
}
.text textarea{
	float:left;
	width:360px;
	overflow:auto;
}
.field input[type="text"], .text textarea{
	border-top:none;
	border-right:none;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
.field input, .text textarea{
	color:#666;
	padding:4px;
	font-size:10px;
}
.button{
	float:none;
	clear:both;
	text-align:center;
}
.button img{
	margin:20px 10px;
}
.notesContatti{
	text-align:center;
}
.contattiOk{
	text-align:center;
	margin-top:120px;
}

/*CONTENUTI LAVORI*/
.lavori{
	width:920px;
	height:295px;
	position:absolute;
	top:20px;
}
.menuLavori{
	width:150px;
	position:absolute;
	top:0;
	left:115px;
	text-align:center;
}
.boxLavori{
	width:640px;
	height:325px;
	position:absolute;
	top:-25px;
	right:0;
}
.title{
	height:24px;
	line-height:24px;
}
.titleTxt{
	width:440px;
	text-align:right;
	float:left;
}
.titleTxt h3{
	margin:0;
	padding:0;
	font-size:20px;
	line-height:24px;
	font-weight:normal;
	color:#000;
}
.titleLink{
	width:190px;
	float:right;
}
.arrowLink{
	width:190px;
	height:24px;
	float:left;
}
.arrowLink img{
	width:16px;
	height:24px;
	float:left;
	background:url(../images/bgLink.gif) no-repeat;
}
.details{}
.detailsImg{
	width:440px;
	height:295px;
	text-align:right;
	float:left;
	background-color:#fff;
}
.detailsImg img{ /*dimansioni max immagine: 423x257 tot*/
	margin-top:19px;
}
.detailsTxt{
	width:190px;
	margin-top:20px;
	float:right;
}
.detailsTxt div{
	margin-top:0;
	margin-bottom:7px;
}
.detailsTxt p{
	margin:0;
}
.detailsTxt .agency{
	font-size:12px;
	color:#000;
}
.detailsTxt .agency a:hover{
	color:#c00;
}
.detailsTxt .technology{
	color:#000;
}
.ico0, .ico1, .ico2, .ico3, .ico4,
.ico0 img, .ico1 img, .ico2 img, .ico3 img, .ico4 img{
	height:16px;
}
.ico0, .ico1{
	width:13px;
	height:16px;
	float:left;
	position:relative;
}
.ico2, .ico3, .ico4{
	width:17px;
	height:16px;
	float:left;
	position:relative;
}
.ico0 img, .ico1 img{
	width:12px;
	height:16px;
	background:url(../images/ico1.gif) no-repeat;
}
.ico2 img{
	width:16px;
	height:16px;
	background:url(../images/ico2.gif) no-repeat;
}
.ico3 img, .ico4 img{
	width:16px;
	height:16px;
	background:url(../images/ico3.gif) no-repeat;
}

/*SCROLL LAVORI*/
.listaLavori{
	width:150px;
	height:294px;
	float:right;
}
#listaLavoriMask{
	width:150px;
	height:254px;
	overflow:hidden;
	float:none;
	position:relative;
}
#listaLavoriScroll{
	position:absolute;
	top:0;
	left:0;
}
#listaLavoriScroll ul{
	width:150px;
	margin:0;
	padding:0;
	list-style-type:none;
}
#listaLavoriScroll ul li{
	width:150px;
	height:18px;
	line-height:18px;
	overflow:hidden;
}
#listaLavoriScroll ul li a, #listaLavoriScroll ul li a:link, #listaLavoriScroll ul li a:visited, #listaLavoriScroll ul li a:active{
	width:100%;
	display:block;
}
#listaLavoriScroll ul li a:hover,
#listaLavoriScroll ul li a.sel, #listaLavoriScroll ul li a.sel:link, #listaLavoriScroll ul li a.sel:visited, #listaLavoriScroll ul li a.sel:active, #listaLavoriScroll ul li a.sel:hover{
	background:url(../images/bgListaLavoriOver.gif) center center no-repeat;
}
.listaLavoriTop{
	width:150px;
	height:21px;
	float:none;
}
.listaLavoriBottom{
	width:150px;
	height:21px;
	float:none;
}
a.listaTop, a.listaTop:link, a.listaTop:visited, a.listaTop:active{
	width:24px;
	height:21px;
	background:url(../images/listaTop_a.gif) no-repeat;
	display:block;
	float:none;
	margin:0 auto;
}
a.listaTop:hover{
	background:url(../images/listaTop_b.gif) no-repeat;
}
a.listaBottom, a.listaBottom:link, a.listaBottom:visited, a.listaBottom:active{
	width:24px;
	height:21px;
	background:url(../images/listaBottom_a.gif) no-repeat;
	display:block;
	float:none;
	margin:0 auto;
}
a.listaBottom:hover{
	background:url(../images/listaBottom_b.gif) no-repeat;
}

/* RITORNO ALLA HOMEPAGE */
.return{
	width:600px;
	height:50px;
	position:absolute;
	top:345px;
	left:0;
}
.return img{
	width:412px;
	height:50px;
	float:left;
}

/* TOOLTIPS */ /*i nomi dipendono dalla posizione della freccia*/
.tooltipWhiteHorSx{
	float:left;
	height:17px;
	line-height:17px;
	padding-left:8px;
	padding-right:4px;
	color:#000;
	background:url(../images/tooltipWhiteHor.gif) left top no-repeat;
	display:none;
	white-space:nowrap;
}
.tooltipWhiteHorSx#tooltipReturn{
	margin-top:16px;
}
.tooltipBlackHorSx{
	float:left;
	height:17px;
	line-height:17px;
	padding-left:8px;
	padding-right:4px;
	color:#fff;
	background:url(../images/tooltipBlackHor.gif) left top no-repeat;
	display:none;
	white-space:nowrap;
}
.tooltipBlackHorSx#tooltipLink{
	margin-top:4px;
	margin-left:7px;
}
.tooltipBlackVerUp{
	position:absolute;
	height:14px;
	line-height:10px;
	padding-top:7px;
	padding-left:4px;
	padding-right:4px;
	color:#fff;
	background:url(../images/tooltipBlackVer.gif) left top no-repeat;
	white-space:nowrap;
	left:-6px;
	top:20px;
	display:none;
}
.ico0 .tooltipBlackVerUp, .ico1 .tooltipBlackVerUp{
	left:-10px;
}

/* VARIE */
.hidden{
	position:absolute;
	left:-9000px;
}
.loading{
	position:absolute;
	top:90px;
	left:715px;
	text-align:center;
}
.boxLavori .loading{
	top:90px;
	left:350px;
}