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: underline; outline:none;}
	a:hover { text-decoration: none }

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 h1 {  margin: 0; padding: 0;  }
		#header h1 a { float:left; margin: 35px 0 0 30px; width:217px; height:126px;  text-indent:-999em; background:url(../images/logo-eleonora-filippi.jpg) no-repeat ;}
		#header img {  float: right; margin: 7px 0 0 0}
			
/*BARRANAV*/
#barranav {margin: 15px 0 0 0;  height: 100px}
			#barranav a { display: block; float: left; margin: 0 10px 0 0;  padding: 30px 0 0 90px; 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 { 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}
	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: 250px; overflow: hidden; }
		#promoItems	{ position: absolute; float: left; width: 20000em; }
			#promoItems	div { float: left; width: 250px; height: 250px; margin: 0 12px}
				#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: #EC4197; 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 }  

	/* PAGINAZIONE */
	.paginazione { float: right; height: 21px; padding-bottom: 8px; }
		.paginazione .sxOff{ float: left; width: 8px; height: 14px; padding: 6px 15px 0 0; background: url(../images/freccia-sx-pag-off.gif) no-repeat center center; }
		.paginazione .dxOff{ float: left; width: 8px; height: 14px; padding: 6px 10px 0 0; background: url(../images/freccia-dx-pag-off.gif) no-repeat center center; }
			.paginazione a { display: block; float: left; padding: 3px 10px; margin: 0 2px 0 0; color: #666; background: #e1e1e1; text-decoration: none; border-right: 1px solid #ccc; border-left: 1px solid #ccc }
				.paginazione a:hover { text-decoration: none; color: #fff; background: #EC4197 }
				.paginazione a.selected { text-decoration: none; color: #fff; background: #EC4197; border-right: 1px solid #EC4197; border-left: 1px solid #EC4197}
				.paginazione a.prev { width: 8px; height: 14px; background: url(../images/freccia-sx-pag.gif) no-repeat center center;  }
					.paginazione a.prev:hover { background: url(../images/freccia-sx-hover.gif) no-repeat center center;  }
				.paginazione a.next { border: 0; width: 8px; height: 14px; background: url(../images/freccia-dx-pag.gif) no-repeat center center;  }
					.paginazione a.next:hover { background: url(../images/freccia-dx-hover.gif) no-repeat center center;  }

	/* CURRICULUM */
	.curriculum { position: relative; }
	.curriculum #cat { position: absolute; top: 390px; 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}
			
	/* PORFOLIO */
	.porfolio  {position: relative}
		.porfolio  #catDx { position: absolute; top: 1635px; right: 0}
		.porfolio  #catSx { position: absolute; top: 1635px; left: 0}
		.porfolio  #catDx2 { position: absolute; top: 1230px; right: 0}
		.porfolio  #catSx2 { position: absolute; top: 1230px; left: 0}
		.porfolio p { margin: 5px 0 5px 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; }

	/* PORFOLIO GRAFICA */	
	.grafica  { position: relative; height: 230px }
		.grafica h2 { margin: 20px 0; text-align: center }
	.grafica  #cat{ position: absolute; top: 152px; 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; 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; }