/*---------------------------------------------------------------------------------------------
qui sotto le regole che applicano le quattro gif che formano gli angoli ai quattro lati del box
----------------------------------------------------------------------------------------------*/


dl { 
border:1px solid #fff
}

dt  { 
background: url("img/corner_top_right.gif") top right no-repeat;

}

dt  b{ 
background:  url("img/corner_top_left.gif") top left no-repeat;
display:block;
}

dd {
margin:0;
background:url("img/corner_bottom_right.gif") bottom right no-repeat;

}

.dd-content { 
background:url("img/corner_bottom_left.gif") bottom left no-repeat;
margin:0;
}


/*---------------------------------------------------------------------------------------------
-------------------------qui sotto gli stili per le varie classi di box------------------------
----------------------------------------------------------------------------------------------*/


/*-------stile primo box-----------*/



.box1  {
background: url("img/bg01.gif") top left repeat-x;
color:#895b4b;
font-size:14px;
}

.box1  a{
color:#F96300;
}

.box1 dt b{
padding:10px;
font-size:130%;
color:#fff
}


.box1 dd { 
padding:0
}

.box1 .dd-content { 
padding: 10px 10px 20px 10px;
}


/*-------stile secondo box-----------*/



.box2  {
background: url("img/bg03.jpg") top left repeat-x;
color:#000;
font-size:14px;
margin: 0 auto;
}

.box2  a{
color:#000;
}

.box2 dt b{
padding:10px;
font-size:150%;
}


.box2 dd{
padding:0
}

.box2 .dd-content { 
padding: 10px 10px 20px 10px;
}

/*-------stile terzo box-----------*/



.box3  {
background: url("img/bg02.gif") top left repeat-x;
color:#fff;
font-size:12px;
margin: 20px 10px 10px 0;
float:left;
width:180px;
}

.box3  a{
color:#000;
}


.box3 dt b{
padding:10px;
font-size:130%
}


.box3 dd{
padding:0
}

.box3 ul{
margin: 0 8px;;
padding:0 0 10px 0;
list-style:none;
}