body { margin: 0; font-family: verdana; font-size: 12px; color: #666; background:url(../images/bg-body.gif) repeat-x; }

/* rimuovo il bordino tratteggiato dal link attivo */
:focus { -moz-outline-style: none; }

img { border: 0 }
form { margin: 0 }
p { margin-top: 0 }
a { color: #EC4197; text-decoration: none; outline:none;}
	a:hover { text-decoration: underline }

h1 { margin: 0 0 5px 0; line-height: 1.4em; color: #4b4740; font-size: 24px; font-family: georgia; font-weight: normal }
h2 { margin: 0 0 3px 0; line-height: 1.3em; color: #777; font-size: 17px; font-family: georgia; font-weight: normal }
h3 { margin: 0 0 3px 0; line-height: 1.4em; font-size: 14px; font-family: georgia; font-weight: bold }
h4 { margin: 0 0 10px 0; line-height: 1.4em; color: #4B4740; font-size: 15px; font-family: georgia; font-weight: bold }

.wrapper { width: 940px; margin: 0 auto}
.box { background: url(../images/bg-presentazione-home.gif) repeat-x #E7E7E7; border: 1px solid #d8d8d8; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;}

/* HEADER */ 
#header { margin: 0; padding: 0; height: 205px; background:url(../images/bg-header.gif) no-repeat center top;  border-bottom: 7px solid #bdd73c}
	#header #logo { float:left; margin: 35px 0 0 30px;}
	#header .illustrazioneEle { display: block; float: right; width: 361px; height: 205px; margin: 7px 0 0 0; background: url(../images/ele-header.png) no-repeat ;}
			
/*BARRANAV*/
#barranav {margin: 15px 0 0 0;  height: 100px}
			#barranav a { display: block; float: left; margin: 0 10px 0 0;  padding: 30px 0 0 89px; width: 90px; height: 61px; text-transform: uppercase; text-decoration: none; font-family: arial; font-weight: bold; font-size:14px; color: #888}
			#barranav a:hover { color: #ec4197; text-decoration: none }
				#barranav a.selected { color: #ec4197; text-decoration: none }
			#barranav #home {  background:url(../images/ico-home.gif) no-repeat;}
			#barranav #eleCv { background:url(../images/ico-curriculum.gif) no-repeat }
			#barranav #porfWeb { background:url(../images/ico-web-designer-freelance.gif) no-repeat }
			#barranav #porfGrafic { background:url(../images/ico-grafica.gif) no-repeat }
			#barranav #infoContatti { width: 91px; background:url(../images/ico-contanti.gif) no-repeat }
			
/* PROMOZIONI (SCROLLABLE) */
#promo { float: left; width: 940px; height: 250px; padding: 5px 0; }
	#promo h2 { margin: 0 70px 5px 70px; border-bottom: 1px solid #999}
	#promo h3 { margin: 5px 0; text-align: center}
	#promo p { margin: 5px 0; text-align: center}
	#promo img { margin-top: 10px; }
	a#promoPrev, a#promoNext { position: relative; display: block; float: left; width: 55px; height: 244px;  cursor: pointer; font-size: 1px; }
		a#promoPrev.disabled  { background: url(../images/freccia-sx-off.gif) no-repeat; margin-right: 2px; cursor: default }
		a#promoNext.disabled { background: url(../images/freccia-dx-off.gif) no-repeat; margin-right: 2px; cursor: default }
			a#promoPrev { background: url(../images/freccia-sx.gif) no-repeat; margin-right: 2px; }
			a#promoNext { background: url(../images/freccia-dx.gif) no-repeat; margin-left: 2px; }
	#promoScrollable { position: relative; float: left; width: 820px; height: 270px; overflow: hidden; }
		#promoItems	{ position: absolute; float: left; width: 20000em; }
			#promoItems	div  { float: left; width: 800px; height: 270px; margin: 0 12px; }
			#promoItems	div  > div { float: left; width: 250px; height: 270px; margin-right: 3px}
				#promoItems	div a { display: block; margin-top: 6px; text-align: center }

/* PRESENTAZIONE HOME */
#presentazioneHome { position: relative; margin-top: 15px; padding: 20px; width: 900px; height: 104px; }	
	#presentazioneHome #ornamento { position: absolute; right:0; top: 25px; }	
	#presentazioneHome h2 { margin: 0 0 10px 0; color: #444; font-size: 22px; }
	#presentazioneHome p { margin: 10px 0; color: #777; font-size: 17px; font-family: georgia; font-weight: normal; }
	
/* CONTENT */	
#content { padding: 20px; }
	.label { color: #666; font-weight: bold;}

	
    /* BRICIOLE */
        #briciole { margin-bottom: 10px; font-size: 10px; }
            #briciole a { font-size: 10px; font-weight: normal; text-decoration: none }
            #briciole a:hover { text-decoration: underline }  


	/* CURRICULUM */
	.curriculum { position: relative; }
	.curriculum #cat { position: absolute; top: 410px; right: 0; }
	.curriculum p { margin: 5px 0 5px 0 }
	.curriculum .currSx { float: left; width: 430px; }
	.curriculum .currDx { float: right; width: 430px; height: 180px}
		.curriculum h2 { margin-bottom: 20px; text-align: right; border-bottom: 1px dashed #bbb }
		.curriculum .fotoEle { float: left; margin-right: 20px; }
		.datiSx { float: left; width: 90px; margin-right: 20px; text-align: right}
		.datiDx { float: left; width: 320px}
		.datiSx1 { float: left; width: 40px; margin-right: 20px; }
		.datiDx1 { float: left; width: 370px}

		
	/* PRE FOOTER */
	#preFooter { position: relative; width: 900px; height: 40px; margin-top: 50px; }
	
		/* PAGINAZIONE */
		.paginazione { width: 435px; margin: 0 auto; height: 39px; }
			.paginazione .pagine { float: left; padding-top: 10px; }
			.paginazione  a { display: block; float: left; margin: 0 5px  }
			.paginazione .next { width: 130px; height: 40px; margin-left: 30px; background:url(../images/button_next.gif) no-repeat }
			.paginazione .prew { width: 130px; height: 40px; margin-right: 30px; background:url(../images/button_previous.gif) no-repeat }
				
		/* PORFOLIO */
			.porfolio  #catDx { position: absolute;  bottom: -90px; right: 0; }
			.porfolio  #catSx { position: absolute;  bottom: -90px; left: 0}
			.porfolio #briciole {margin-bottom: 0}
			.porfolio .layout { float: left; width: 286px; margin: 0 20px 20px 0; }
			.porfolio h2 { margin-bottom: 10px; }
			.porfolio .dati { padding: 0 5px; }
		
	/* FOTO (SCROLLABLE) */
	#fotoDetailWrapper { float: left; }
		#fotoDetailWrapper  #bordoFoto { padding-top: 6px; width: 465px; height: 349px; background: #fff; border: 1px solid #D8D8D8 }
		#fotoDetail { display: block; margin: 0 auto; cursor: pointer; }
		#fotoItems { height: 105px; margin-top: 15px }
			#fotoItems img { cursor: pointer; border: 1px solid #D8D8D8 }
	#contenuti { position: relative; float: right; width: 400px; height: 480px;}
		#contenuti p { line-height: 1.6em; margin-bottom: 10px; }
		#contenuti  #cat { position: absolute; bottom: -112px; right: 0px; }
	#contenutiSmall { position: relative; float: right; width: 400px; height: 350px;}
		#contenutiSmall p { line-height: 1.6em; margin-bottom: 10px; }
		#contenutiSmall  #cat { position: absolute; bottom: -119px; right: 0px; }
			
	/* PORFOLIO GRAFICA */	
	.grafica  { position: relative; height: 230px }
		.grafica h2 { margin: 20px 0; text-align: center }
	.grafica  #cat{ position: absolute; top: 213px; right: 0}

	/* FORM */
	.contatti { position: relative }
		.contatti #cat { position: absolute; top: 30px; right: 0 }
		.contatti #cat1 { position: absolute; top: 488px; right: 0 }
	table#form { margin-top: 15px }
		table#form td { padding: 3px 5px }
		#form .label { text-align: right }
		#form input {color:#666666; padding:10px 5px; width:190px; background: none repeat scroll 0 0 #FFFFFF; border:1px dashed #CCCCCC;}
		#form textarea {color:#666666; padding:10px 5px; width:190px; background: none repeat scroll 0 0 #FFFFFF; border:1px dashed #CCCCCC;}
	.errore { width: 680px; padding: 20px; text-align: center; border: 5px solid #EC4197 }

	/* PRIVACY */
	.privacyPage { padding: 20px 20px 0 20px }
		.privacyPage h2 { font-size: 13px }
	#checkedPrivacy { text-transform: uppercase; font-weight: bold; font-size: 18px}
	
/* FOOTER */
#footer { height: 76px; margin-top: 15px; color: #fff; background: url(../images/bg-footer.gif) no-repeat center top #fff; border-top: 7px solid #bdd73c}
	#footer p { float: left; margin-top: 10px; font-size: 10px}
	#footer .wrapper > div { margin-right: 40px}
	#footer a { display: block; padding: 0 20px; margin: 10px 0 0 10px; float: right; color: #fff; font-size: 10px; text-decoration: none; border-left: 1px solid #fff}
		#footer a:hover { text-decoration: underline; }