/*---------------------------------------------------------------------------------------------
qui sotto le regole che applicano le quattro gif che smussano gli angoli ai quattro lati del box
----------------------------------------------------------------------------------------------*/


dl { 
background: url("img/corner_bottom_left.gif") bottom left no-repeat;
}

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;
}


/*---------------------------------------------------------------------------------------------
          qui sotto le regole per gli stili per le varie classi di box
----------------------------------------------------------------------------------------------*/


/*-------stile primo box-----------*/


/* definisce lo stile (colore di sfondo, margini, etc...) del box, ossia del tag dl */
.box1  { 
background-color:#F7D200;
color:#C43400;
}

/* definisce lo stile dell'header del box, ossia del tag dt */
.box1 dt{
background-color:#C43400;
margin:5px 0 0 0;
color:#F7D200;
}

.box1 dt b{
padding:0 10px;
}

/* definisce lo stile del contenuto del box, ossia del tag dd */
.box1 dd { 
padding:10px 10px 30px 10px
}

.box1 dd a{
color:#854000
}

/*-------stile secondo box-----------*/


.box2 { 
background-color:#EDB4C1;
width:380px;
margin:0 auto 20px auto;
color:#8A697A
}

.box2 dt{
margin:0;
}

.box2 dt b{
text-indent:-6000px;
}

.box2 dd{
padding:0 10px 10px 10px
}

.box2 dd p{
padding:0 0 16px 0;
margin:0
}

.box2 dd a{
color:#fff
}

/*-------stile terzo box-----------*/


.box3 { 
background-color:#639FE0;
width:180px;
float:left;
margin:0 10px 20px 0;
color:#63E0B4
}

.box3 dt{
background-color:#63E0B4;
margin:0 0 15px 0;
color:#639FE0;
}

.box3 dt b{
padding:0 10px;
}

.box3 dd{
padding:0 10px 10px 10px
}

.box3 ul{
padding:0;
margin: 2px 8px;
list-style:none
}

.box3 dd a{
color:#fff
}

/*-------etc...-----------*/


