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


dl { 

}

dt  {
margin:0 1px 0 1px;
position:relative;
top:-1px;
border-top: 1px solid
}

dt  b{ 
margin:0 1px 0 1px;
position:relative;
top:-2px;
display:block;
border-top: 1px solid
}

dd {
margin:0 1px 0 1px;
position:relative;
bottom:-1px;
border-bottom: 1px solid
}

.dd-content { 
margin:0 1px 0 1px;
position:relative;
bottom:-2px;
border-bottom: 1px solid
}

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


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



.box1  {
background-color:#FF9900;
}

.box1 dt{
border-top-color: #FF9900;
}

.box1 dt b{
border-top-color: #FF9900;
font-size:120%;
padding:10px
}

.box1 dd { 
border-bottom-color: #FF9900;
}

.box1 .dd-content {
border-bottom-color: #FF9900;
padding:10px
}

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



.box2  {
background-color:#fff;
border-left: 1px solid #998A34;
border-right: 1px solid #998A34;
}


.box2 dt{
border-top-color: #998A34;
margin:0;
}

.box2 dt b{
border-top-color: #998A34;
padding:10px;
background-color:#fff;
font-size:140%;
}


.box2 dd{
border-bottom-color: #998A34;
margin:0;
}

.box2 .dd-content {
border-bottom-color: #998A34;
background-color:#fff;
padding:10px
}


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


.box3  {
background:#994534;
float:left;
width:180px;
margin:0 10px 20px 0;
}


.box3 dt{
border-top-color: #994534;

}

.box3 dt b{
border-top-color: #994534;
padding:20px;
}


.box3 dd{
border-bottom-color: #994534;
padding:0;
}

.box3 .dd-content {
border-bottom-color: #994534;
padding:20px
}

.box3 ul{
margin: 0 8px;
padding:0 0 10px 0;
list-style:none;
border-top:1px solid green #994534;
}

/*-------stile quarto box-----------*/



.box4  {
background-color:#a6583a;
color:#fff;
border-left: 1px solid #e99271;
border-right: 1px solid #793117;
}


.box4 dt{
border-top-color: #be785c;
margin:0;
}

.box4 dt b{
padding:10px;
border-top-color: #ffb794;
}


.box4 dd{
border-bottom-color: #873d22;
margin:0;
}

.box4 .dd-content {
border-bottom-color: #793117;
padding:10px
}