body {
font-family:century gothic,arial,verdana,sans-serif;
font-size:12px;
color:#ffffff;
margin:0;
background-color:#CAE3EC;
background-image:url(img/bg.gif);
background-repeat:repeat-x;
}

#wrap-content {width:1001px;
margin-left:auto;
margin-right:auto;}


#header {width:1001px;
height:302px;
background-image:url(img/header.png);
background-repeat:no-repeat;
}

#content {width:987px;
height:785px;
background-image:url(img/carta.png);
margin-top:-10px;
padding-top:20px;}

#logo {
position:relative;
top:231px;
left:375px;
width:480px;
height:106px;
background-image:url(img/logo.png);
background-repeat:no-repeat;}

#bollino {position:relative;
top:100px;
left:857px;
width:158px;
height:164px;
background-image:url(img/bollino.png);
background-repeat:no-repeat;}

#footer {
margin-left:300px;
color:#6DB3CC;
margin-bottom:50px;}

#footer a {font-size:12px;
font-weight:bold;
color:#6DB3CC;}


#footer a:hover {font-size:12px;
font-weight:bold;
color:#468AA2;
text-decoration:none;}

#left-col {float:left;
width:250px;
background-image:url(img/nav.png);
background-repeat:no-repeat;
background-position:10px 20px;
padding-top:100px;}

#left-col ul {list-style-type:none;}

#left-col ul li {text-indent:-9000px;}


#left-col ul li#home a {display:block;
height:54px;
width:134px;
background-image:url(img/home.png);
background-repeat:no-repeat;
background-position:39px 21px;
}

#left-col ul li#home a:hover {display:block;
height:54px;
width:134px;
background-image:url(img/home2.png);
background-repeat:no-repeat;
background-position:0px 0px;
}

#left-col ul li#serv a {display:block;
height:50px;
width:123px;
background-image:url(img/servizi.png);
background-repeat:no-repeat;
background-position:21px 15px;
}

#left-col ul li#serv a:hover {display:block;
height:50px;
width:123px;
background-image:url(img/servizi2.png);
background-repeat:no-repeat;
background-position:0px 0px;
}

#left-col ul li#cv a {display:block;
height:50px;
width:123px;
background-image:url(img/cv.png);
background-repeat:no-repeat;
background-position:40px 16px;
}

#left-col ul li#cv a:hover {display:block;
height:50px;
width:123px;
background-image:url(img/cv2.png);
background-repeat:no-repeat;
background-position:10px 0px;
}

#left-col ul li#web a {display:block;
height:50px;
width:125px;
background-image:url(img/web.png);
background-repeat:no-repeat;
background-position:6px 12px;
}

#left-col ul li#web a:hover {display:block;
height:50px;
width:125px;
background-image:url(img/web2.png);
background-repeat:no-repeat;
background-position:5px 0px;
}

#left-col ul li#graf a {display:block;
height:50px;
width:125px;
background-image:url(img/grafica.png);
background-repeat:no-repeat;
background-position:21px 16px;
}

#left-col ul li#graf a:hover {display:block;
height:50px;
width:125px;
background-image:url(img/grafica2.png);
background-repeat:no-repeat;
background-position:5px 0px;
}

#left-col ul li#cont a {display:block;
height:50px;
width:125px;
background-image:url(img/contatti.png);
background-repeat:no-repeat;
background-position:15px 18px;
}

#left-col ul li#cont a:hover {display:block;
height:50px;
width:125px;
background-image:url(img/contatti2.png);
background-repeat:no-repeat;
background-position:5px 0px;
}

#contenuto {margin-left:290px;
margin-right:20px;
padding-top:10px;
height:720px;
overflow-y:auto;
padding:10px;
color:#737373;
font-size:14px;}

#contenuto h1 {width:253px;
height:97px;
margin:0px;
float:right;
margin-right:50px;
}

#contenuto p {color:#737373;
font-size:14px;
line-height:24px;
text-align:justify;}

#contenuto h1#home1 {background-image:url(img/benv.png);
background-repeat:no-repeat;}

#contenuto h1#serviz {background-image:url(img/servizitit.png);
background-repeat:no-repeat;}

#contenuto h1#contatt {background-image:url(img/contattitit.png);
background-repeat:no-repeat;}

#contenuto h1#curr {background-image:url(img/curriculum.png);
background-repeat:no-repeat;}


#contenuto h1#wd {background-image:url(img/webdesign.png);
background-repeat:no-repeat;}

#contenuto h1#grafica {background-image:url(img/graficatit.png);
background-repeat:no-repeat;}

#box1 {width:247px;
height:226px;
background-image:url(img/postit1.png);
background-repeat:no-repeat;
position:relative;

left:-40px;}

#box2 {width:251px;
height:242px;
background-image:url(img/postit2.png);
background-repeat:no-repeat;
position:relative;

left:-10px;
padding-top:45px;
padding-left:40px;
line-height:28px;}

#box2 a {color:#C1B137;
font-weight:bold;}

#contenuto a {font-weight:bold;
color:#5CA8C0;}

#contenuto a:hover {
color:#5CA8C0;
text-decoration:none;}


/* PAGINE */


#con {
  width:600px;
  padding:10px;
  line-height:130%;
margin:10px auto;
  }
.sin{
  float:left;
  width:400px;
  height:150px;
  padding:10px;
  margin-bottom:2px;
  }
  .img{
  float:right;
  width:140px;
  height:150px;
  padding:10px;
  text-align:right;
  margin-bottom:2px;
  }
  /*la class clear si occupa di far allungare il div#con , se posta prima della chiusura del div*/
  br.clear{
  clear:both;
  height:0;
  }

ul.info {list-style-image: url(arrow.png);}

h4 {
text-align:left;
padding:3px;
margin-bottom:0px;
color:#A877A5;
font-weight:bold;
font-size:14px;}

dt {margin-left:20px;
text-align:left;
padding:3px;
margin-bottom:0px;
color:#A877A5;
font-weight:bold;
font-size:12px;}


dd {text-align:left;}

dt {margin-top:20px;}

.but {
background-color:#FFFFFF;
border:2px solid #CCCCCC;
font-family:century gothic,arial,verdana,sans-serif;
font-size:10px;}

input,textarea {width:300px;
border:2px solid #CCCCCC;
padding:5px;
font-family:century gothic,arial,verdana,sans-serif;}

textarea {font-size:12px;}

table {text-align:center;
margin-left:40px;}

acronym {cursor:help;}

p#gal,p#ico {margin-top:20px;
margin-left:30px;}

p#ico img {margin:10px;}

p#gal img {margin:19px;
border: 5px solid #CCCCCC;}

a.gal {
	border: 10px solid #CCCCCC;
	background-color: #CCCCCC;
	display: block;
	padding: 2px 2px 2px 2px;
}

p#gal img:hover {
border: 5px solid #A877A5;
	border-color: #A877A5;
	background-color:#A877A5;
}


.list li {list-style-type:none;
background-image:url(img/tick.png);
background-repeat:no-repeat;
background-position:0px 6px;
padding-left:18px;
margin-bottom:5px;}

.siti li {list-style-type:none;
background-image:url(img/siti.png);
background-repeat:no-repeat;
background-position:0px 6px;
padding-left:18px;
margin-bottom:10px;}

.siti li h4 {display:inline;}

#contenuto .siti li h4 a {color:#A877A5;}