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

html{
	height:100%;
}
body{
	background-image:url(../img/body_bg.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	margin:0;
	padding:0;
	font-family:"Lucida Sans Unicode","Lucida Sans",Tahoma;
	height:100%;
}
form{
	margin:0;
}

input{
	border:1px solid #FEB960;
}
input:hover,input:focus{
	background-color:#F4F1E8;
}
a{
	font-weight:bold;
	color:#FEB960;
	text-decoration:none;
}

ul, li{
	padding:0;
	margin:0;
	list-style:none;
}
p{
	padding:0;
	margin:0;
}

#container{	
	height:100%;
	position:relative;
}
#content{
	position: relative;
	margin: 10px auto 44px auto;
	padding: 0;
	width: 77%;
	height: 100%;
	background-color: #FFFFFF;
	display: block;
	/*font-size:0.846em;*/
	font-size: 12px;
	min-width: 935px;
}

#header{
	width:100%;
	position:relative;
}
#logo{
	float:left;
	width:14%;
/*	margin:37px 3% 0px 0;*/
	margin:0 0 0 6%;
	padding:0 3% 0 0;
	background-image:url(../img/header_pallini.gif);
	background-repeat:no-repeat;
	background-position:right 0px;
	text-align:right;
	height:225px;
}
#logoCycle{
	margin:37px 3% 0px 0;
}
/*
#logo img{
	margin:37px 3% 0px 0;
}
*/
#menu{
	float:left;
	padding:51px 0 0 2%;
	width:31%;
}
#loghi{
	float:left;
	padding:39px 0 0 0;
	width:41%;
	text-align:right;
	position:relative;
}
#mainContent{
	background-color:#FFFFFF;
	background-image:url(../img/content_bg.jpg);
	background-repeat:repeat-x;
	position:relative;
	padding:0 0 0px 0;
	width:100%;
	z-index:1;
}
#pagina{
	padding:40px 0 100px 0;
	color:#1a171b;
	width:100%;
}

#paginaSx{
	float:left;
	width:23%;
	background-image:url(../img/pallini.jpg);
	background-repeat:repeat-y;
	background-position:right 30px;
	/*min-height:410px;
	height:auto !important;
	height:410px;*/

}
#paginaSxSezione{
	height:30px;
	background-image:url(../img/sezione_pallini.jpg);
	background-position:right;
	background-repeat:no-repeat;
	text-align:right;
}
#nomeSezione{
	text-align:right;
	margin-right:30px;

}
#nomeSezione ul li{
	padding-bottom:5px;

}
#paginaSxSottosezione,#paginaSxSottosezioneDettagli{
	
	padding-top:28px;
	text-align:right;
	}
	
#paginaSxSottosezione li img,#paginaSxSottosezioneDettagli li img{	
	cursor:pointer;
}

#paginaDxSottosezione{	

	}
#paginaDxSottosezione ul li{
	display:inline;
	padding-right:5px;
	float:left;
	}
#paginaDxSottosezionePort ul li, #paginaDxSottosezioneCosa ul li{
	display:inline;
	padding-right:1px;
	float:left;
	}
#paginaDxSottosezioneDom ul li{
	display:inline;
	padding-right:2px;
	float:left;
	}


#paginaDx{
	float:left;
	width:74%;
	padding:0 0 0 20px;
}
#paginaDxWeb, #paginaDxGrafica, #paginaDxWebware, #paginaDxServizio{
	float:left;
	padding: 7px 30px 0 0;
}
/*#paginaDxGrafica, #paginaDxWebware, #paginaDxServizio{
	display:none;
}
#paginaDxWeb{
	display:block;
}*/


#paginaSxSottosezione li{
	display:none;
}

#elencoWeb, #elencoGrafica, #elencoWebware, #elencoServizio{
/*	height:400px;*/
/*	display:none;*/
/*	overflow:auto;*/
	padding:0 12% 0 2%;
}
#elencoWeb a, #elencoGrafica a, #elencoWebware a, #elencoServizio a{
	font-size:12px;
	color:#898989;
	font-weight:normal;
	letter-spacing:0px;
}
#elencoWeb a:hover, #elencoGrafica a:hover, #elencoWebware a:hover, #elencoServizio a:hover{
	color:#feb960;
}

#paginaSxSottosezioneDettagli #elencoWeb,#paginaSxSottosezioneDettagli #elencoGrafica,#paginaSxSottosezioneDettagli #elencoWebware,#paginaSxSottosezioneDettagli #elencoServizio{
	display:block;
}

#elencoWeb a.attivo,#elencoGrafica a.attivo,#elencoWebware a.attivo,#elencoServizio a.attivo{
	color:#feb960;
	font-weight:bold;
}

.centrale{
	width:72%;
	float:left;
}

.colonnaDx{
	width:28%;
	float:left;
	color:#898989;
	
}

/****home***/
.paginaDxDivHome{
	width:260px;
	height:170px;
	font-size:15px;
	padding:20px 5px 5px 10px;
	background-repeat:no-repeat;
	float:left;
	margin-left:10px;
}



/**********cosa facciamo***************/
.centraleCosaF{
	position:relative;
	width:100%;
	float:left;
	/*background-image:url(../img/pallini.png);
	background-repeat:repeat-y;
	background-position:right;*/
}
.centraleCosaFImg{
	float:left;	
	width:455px;
}
.centraleTesto{
	color:#222;
	width:600px;
	position:relative;
	padding:30px 0 0 0;
	font-size:12px;
}

.centraleTestoCosa{
	color:#000;
	width:540px;
	text-align:justify;
	padding:10px 0 0 2px;
	color:#381f2d;
	position:relative; 
}
.centraleTestoCosa ul{
	padding:5px 0px 24px 0px;

}
.centraleTestoCosa ul li{
	padding:5px 0 0 12px;
	margin-bottom:3px;
	font-size:12px;
}

ul.pallino_f li{
	background-image:url(../img/pallino_f.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
}
ul.pallino_v li{
	background-image:url(../img/pallino_v.gif);
	background-repeat:no-repeat;
	background-position:0 10px;	
}
ul.pallino_a li{
	background-image:url(../img/pallino_a.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
}
ul.pallino_g li{
	background-image:url(../img/pallino_g.gif);
	background-repeat:no-repeat;
	background-position:0 10px;
}
.centraleCosaFcolonnaDx{
	float:left;
	color:#898989;
	
}
.LinkPortfolio{
	position:absolute;
	bottom:20px;
	}

.centraleTestoAbout{
	width:560px;
	position:relative;
	padding:5px 0 0 0px;
	word-spacing:3px;
	text-align:justify;
	/*background-image:url(../img/portfolio/sfondo_dati.gif);
	background-repeat:no-repeat;
	background-position:right bottom;*/

}

	
/**************portfolio*********************/	
.centralePortfolioGallery{
	width:612px;
}

.centralePortfolioGallery ul li{
	position:relative;
	float:left;
	width:120px;
	height:80px;
	margin:2px;
	overflow:hidden;
	cursor:pointer;
	font-size:0.9em;
	background-color:#000;
	color:#fff;
	font-size:11px;
	letter-spacing:1px;
}
.centralePortfolioGallery ul li img{
	position:absolute;
}
.centralePortfolioGallery ul li p{
	margin:10px 0 0 10px;
}	
.new{
	background-image:url(../img/new.png);
	background-repeat:no-repeat;
	padding-top:35px;
}
.cont_thumb{
	border:1px solid #cbcbcb;
	padding:5px 0 5px 5px;
}

/*.paginaDxContent em {
	font-weight: normal;
	background-image:url(../img/loghi_clienti/hover.PNG);
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}*/
.paginaDxDiv{
	width:46%;
	padding:0 0 20px 0;
	float:left;
}

.paginaDxDiv p{
	padding-left:2%;
}

.paginaDxDiv img{
	vertical-align:middle;
}

.rounded{
	background-color:#ffa23c;
	color:#0a0d1d;
	padding:2px 7px 5px 5px;
	height:15px;
	display:inline-block;
	margin-top:2px;
}



/****portfolio lavoro interno****/
.centraleLavoro{
	float:left;
/*	width:700px;*/
	min-width:600px;
	position:relative;
	padding-top:10px;

}
.centraleLavoroImg{
	/*height:276px;background-color:#f3f3f3;*/	
	float:left;	
	width:312px;
	width:275px;
	height:255px;
	padding:10px 20px 50px 2px;
	margin: 0 10px 0 0;
}

.titoloLavoro {
	font-size:14px;
	font-weight:bold;
	color:#3a2104;	
	
}

.linkLavoro a{
	font-size:12px;
	font-weight:bold;
	color:#Ff8e18;
}

.caratteristicheLavoro img{
	padding:3px;
	vertical-align:middle;
}

#nav{
/*	padding-top:20px;*/
}
#nav ul{
	display:inline;
}

#nav li {
	list-style: none;
	margin:2px 0;
	float:left;
}
#nav a {
	display:block;
	width:14px;
	height:13px;
	background-image:url(../img/img_off.gif);
}
#nav a.activeSlide{
	background-image:url(../img/img_on.gif);
}

#lastwork{
	float:left;
}

#paginaDxSottosezione #navHome{
	float:right;
}

#paginaDxSottosezione #navHome li{
	display:block;
	float:none;
}
#paginaDxSottosezione #navHome a {
	display:block;
	height:81px;
	border:2px solid #FFFFFF;
}
#paginaDxSottosezione #navHome a.activeSlide{
	border:2px solid #000000;
}

/*.sfondoWeb{	
	background-image:url(../img/portfolio/sfondo_web.jpg);
	background-repeat:no-repeat;
}

.sfondoGrafica{	
	background-image:url(../img/portfolio/sfondo_grafica.jpg);
	background-repeat:no-repeat;
}

.sfondoWebware{	
	background-image:url(../img/portfolio/sfondo_webware.jpg);
	background-repeat:no-repeat;
}*/

/*.centraleLavoroImg p{
	color:#f2af5d;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	letter-spacing:0;
	padding:3px 0 4px 0;	
}
.centraleLavoroImg a{
	color:#fff;
}*/

.centraleLavoroTesto{
	padding:8px 0 0 1px;
	/*width:345px;*/
	text-align:justify;
}

.centraleLavorocolonnaDx{
	float:left;
	color:#0a0d1d;
	padding:0 0 0 5px;
	color:#381f2d;
	background-image:url(../img/portfolio/sfondo_dati.gif);
	background-repeat:no-repeat;
	height:219px;
}
.centraleLavorocolonnaDx a{
	font-weight:normal;
	color:#1a171b;
}
.centraleLavorocolonnaDx p{
	font-size:12px;
}

.voci{
	border:1px dotted #ccc;
	background-color:#f2f1f2;
	color:#200217; 
	padding:4px 4px 2px 4px;
}

#footer{
	width:92%;
	padding:6px 3% 2px 5%;
	position:fixed;
	bottom:0;
/*	background-color:#f4f1e8;*/
	background-color:#e8ebf8;
	z-index:2;	
	color:#b8b7b7;
	font-size:0.625em;
	/*height:93px;*/
	height:44px;
}

#footer a{
	color:#b8b7b7;
}

.footerElemento{
	float:left;
	padding:4px 3% 0 0;
	/*width:18%;*/
	width:16%;
}
.footerElemento img{
	padding-right:7px;
	margin-top:-2px;
}
.footerElemento.email{
	min-width:165px;
	padding:4px 3% 0 0;
}
.footerElemento.piva{
	min-width:118px;
}
.footerElemento.credits{
	float:right;
	padding:0px 0 0 5px;
	font-size:8px;
	width:1%;
}
.footerElemento.credits img{
	padding:6px 0 2px 0;
}

/*#footer ul{

}

#footer ul li{
	padding:1% 5% 0 0;
	display:inline;
	float:left;
}
#footer li img{
	padding-right:7px;
}*/



.popup{
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	background-image:url(../img/loghi_clienti/hover.PNG);
	width:200px;
	height:76px;
}


.paginaSxSottosezione a{
	cursor:pointer;
	display:block;
	}
	
.bpiccolo{
	font-weight:bold;
	color:#FF6600;
	font-size:14px;	
}
.email{
	padding-top:10px;
}
.email a{
	color:#381f2d;
	text-decoration:underline;
	font-weight:normal;
}

.lW { float: left; clear: left; height: 15px;}
.rW { float: right; clear: right; height: 15px; }



#map{
	 width:100%;
	 height:250px; 
	 margin:10px 0 0 6px;
}

#directions{
	 height:250px; 
	 margin:10px 0 0 6px;
}

#credits p img{
	padding:2px 0;
}
#credits p img{
	margin:0 5px 0 0;
	vertical-align:middle;
}

.callout_domanda{
 	background-image:url(../img/home_callout_a2.png); 
	background-position:0 0px; 
	background-repeat:no-repeat; 
	width:455px; 
	height:285px; 
	position:absolute; 
	top:-15px; 
	left:5px; 
	z-index:21;
	cursor:pointer;
}
.callout_domanda p{
	padding:95px 35px 25px 40px; 
	color:#fff; 
	font-size:11px; 
	word-spacing:1px; 
	height:165px;
}
.callout_risposta{
	background-image:url(../img/home_callout_g2.png); 
	background-position:20px 0; 
	background-repeat:no-repeat; 
	width:475px; 
	height:270px; 
	position:absolute; 
	left:25px;
	top:55px; 
	z-index:20;	
}

.callout_risposta p{
	padding:50px 45px 35px 60px; 
	color:#280000;  
	font-size:11px; 
	word-spacing:1px;
}

/********home*******/
#home{
	padding-top:20px;
	margin:0 auto;
	width:95%;
	padding:1% 2% 0 2%;
	background-image:url(../img/bg_home_lavori.jpg);
	background-repeat:no-repeat;
	background-position:97% 16px;
}
#homesx{
	float:left;
	width:46%;
	text-align:center;
	min-width:375px;
}
#homedx{
	float:left;
	width:53%;
	height:263px;
	padding:112px 0 0 0;
}
#homedx p{
	margin-top:3px;
}

#cont_lavori{
	float:right;
}
.lavoroHome{
	float:right;
	width:220px;
	margin-left:15px;
}
.lavoroHomeImg{
	height:154px;
	width:215px;
}

.Grafica{
	border:1px solid #d33e55;
	border:1px solid #ccc;
}

.Web{
	border:1px solid #ff8d17;
	border:1px solid #ccc;
}

.Webware{
	border:1px solid #951357;
	border:1px solid #ccc;
}

.Servizio{
	border:1px solid #FED513;
	border:1px solid #ccc;
}

/*********/

.noIE6{
	display:none;
}

/*********/
#msg_ferie{
	position:absolute;
	top:90px;
	right:-10px;
}