@charset "UTF-8";
/* CSS Document principale to peterdesign.it*/

body { margin:0px; font-family: Arial, Helvetica, sans-serif; background-image:url(../img/sfondo_sito.gif);}

/*-------CONTENITORE SU TUTTE LE PAGINE---------*/
.contenitore { width:750px; height:800px; margin:0px auto; z-index:10; position:relative;}

/*--------CONTATTI SU TUTTE LE PAGINE-----------*/
.contatti {
	color:#000000;
	font-size:11px;
	position:absolute;
	left: 380px;
	top: 635px;
	width: 325px;
	text-align:right;
	z-index:20;
}

.contettiDati { margin:4px 0px 0px 0px; float:left;}

.icona_contatti { margin-right:5px; margin-left:30px; float:left;}
.mailA { color:#000000; text-decoration:none; float:left; margin:4px 0px 0px 0px;}
.mailA:hover { color:#000000; text-decoration:none; float:left; margin:4px 0px 0px 0px;}

/*--------Tasto Grafica------*/
.tasto_grafica {
	position:absolute;
	left: 573px;
	top: 553px;
	z-index:100;
}

/*-------VISITA SITO-------*/
.visita_sito {
	position:absolute;
	left: 275px;
	top: 255px;
} 

/*-------LOGO PER SEZIONI PORTFOLIO--------*/
.logo {
	position:absolute;
	z-index:40;
	left: 15px;
	top: 93px;
}

/*-------INFO PORTFOLIO----------*/
.info_portfolio {
	position:absolute;
	width:149px;
	height:87px;
	border:0px;
	left: 685px;
	top: 46px;
}

/*---------LINK PORTFOLIO--------*/
.link_portfolio {
	position:absolute;
	left: 671px;
	top: 461px;
}


/*-------NAVIGAZIONE SEZIONE PORTFOLIO-------*/
.avanti {
	position:absolute;
	left: 653px;
	top: 44px;
}

.indietro {
	position:absolute;
	left: 657px;
	top: 67px;
}

/*---------INFO SEZIONE PORTFOLIO-----------*/
.infoA {
	position:absolute;
	left: 661px;
	top: 90px;
}

.infoB {
	position:absolute;
	left: 661px;
	top: 90px;
	display:none;
}


/*---------CERCA SEZIONE PORTFOLIO----------*/
.cercaA {
	position:absolute;
	left: 665px;
	top: 113px;
	cursor:pointer;
}

.cercaB {
	position:absolute;
	left: 665px;
	top: 113px;
	display:none;
	cursor:pointer;
}




/*-------POPUP SEZIONE PORTFOLIO----------*/
.popup {
	position:absolute;
	left: 203px;
	top: 251px;
	z-index:40;
	display:none;
}

.linkPopUp { color:#FFFFFF; border-bottom:#FFFFFF 1px dotted; text-decoration:none;}

.textPopUp {
	color:#FFFFFF;
	position:absolute;
	font-size:11px;
	left: 235px;
	top: 282px;
	z-index:60;
	width: 268px;
	/*line-height:2;*/
	margin:0px;
	height: 140px;
	display:none;
}


/*-------CERCA SEZIONE PORTFOLIO----------*/
.cercaWin {
	position:absolute;
	left: 148px;
	top: 169px;
	width: 460px;
	height: 325px;
	z-index:60;
	/*---------------------*/ display:none;
}

.antCerca { margin:0px 0px 6px 0px;}

.quadro01 {
	position:absolute;
	left: 23px;
	top: 26px;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
}

.quadro01:hover {
	position:absolute;
	left: 22px;
	top: 25px;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	border:#CCCCCC 1px dashed;
	cursor:pointer;
}


.quadro02 {
	position:absolute;
	left: 175px;
	top: 26px;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
}

.quadro02:hover {
	position:absolute;
	left: 174px;
	top: 25px;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	border:#CCCCCC 1px dashed;
	cursor:pointer;
}


.quadro03 {
	position:absolute;
	left: 323px;
	cursor:pointer;
	top: 26px;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
}

.quadro03:hover {
	position:absolute;
	left: 322px;
	top: 25px;
	width: 112px;
	cursor:pointer;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	border:#CCCCCC 1px dashed;
	
}

.quadro04 {
	position:absolute;
	left: 23px;
	cursor:pointer;
	top: 123px;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
}

.quadro04:hover{
	position:absolute;
	left: 22px;
	cursor:pointer;
	top: 122px;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	border:#CCCCCC 1px dashed;
}

.quadro05 {
	position:absolute;
	left: 175px;
	cursor:pointer;
	top: 123px;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
}

.quadro05:hover {
	position:absolute;
	left: 174px;
	top: 122px;
	cursor:pointer;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	border:#CCCCCC 1px dashed;

}


.quadro06 {
	position:absolute;
	left: 323px;
	cursor:pointer;
	top: 123px;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
}


.quadro06:hover {
	position:absolute;
	left: 322px;
	cursor:pointer;
	top: 122px;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	border:#CCCCCC 1px dashed;
}

.quadro07 {
	position:absolute;
	left: 23px;
	top: 223px;
	cursor:pointer;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
}

.quadro07:hover {
	position:absolute;
	left: 22px;
	top: 222px;
	cursor:pointer;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	border:#CCCCCC 1px dashed;
}

.quadro08 {
	position:absolute;
	left: 175px;
	top: 223px;
	width: 112px;
	cursor:pointer;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
}

.quadro08:hover {
	position:absolute;
	left: 174px;
	top: 222px;
	width: 112px;
	cursor:pointer;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	border:#CCCCCC 1px dashed;

}

.quadro09 {
	position:absolute;
	left: 323px;
	cursor:pointer;
	top: 223px;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
}


.quadro09:hover {
	position:absolute;
	left: 322px;
	top: 222px;
	cursor:pointer;
	width: 112px;
	height: 79px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	border:#CCCCCC 1px dashed;
}



/*--------EXTRA--------*/
.copyright {
	position:absolute;
	color:#999999;
	font-size:11px;
	left: 93px;
	top: 631px;
	width: 149px;
	height: 16px;
	z-index:30;
}

.w3c { margin-left:92px; margin-right:10px;}


/*------SHINY-------*/
.shiny {
	position:absolute;
	left: 92px;
	top: 727px;
	
}