body{margin : 0;
padding : 0;
color : #000;

}

/* Il Contenitore generale */
#contenitore{margin : 0;
padding : 0;

}


/* La Testata dove collocare il logo, il titolo e il banner */ 

#testata{
width:100%;
margin : 0;
padding: 0;


}

#sinistra{position:absolute;left:0px;top:0px;}
#centrale{position:absolute;left:250px;top:0px;font-size: 16px;
text-decoration : none;
color : black;
font-weight : bold;
font:Verdana, Arial, Helvetica, sans-serif;}
#destra{position:absolute;right:0px;top:0px;}

#centro {
position:absolute;
top:128px;
width:100%;
}

/* Il menu collocato sotto la testata con le caratteristiche dei links contenuti al suo interno*/
#menu{

width: 100%;


background-image:url('vendita_computer.gif');
text-align : right;


}

#menu a{
padding: 6px;
margin: 6px;
font-size: 12px;
text-decoration : none;
color : black;
font-weight : bold;
font:Verdana, Arial, Helvetica, sans-serif;

}

#menu a:hover{
padding: 6px;
margin: 6px;
font-size: 12px;
color : black;
font-weight : bold;
text-decoration : underline;



}



/* La Colonna sinistra con inclusi i box per il men˜ e per i bannerini */
#colsin{width : 19%;
float : left;
padding : 1px;
margin-top : 10px;
}

.nomemenu {border: 1px #000;
border-style:solid;
padding : 2px;
margin: 1px;
background-image:url('vendita_computer.gif');
text-align : center;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.box{
margin-top : 4px;
background : transparent;
text-align : center;


}

/* Il menu a liste con le caratteristiche che avranno i collegamenti al suo interno */
.mymenu2{list-style : none;
margin : 0;
padding : 2px 1px 0 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.mymenu2 li{display : block;
background : #ccc;
border : 1px solid #000;
margin-bottom : 1px;
}

.mymenu2 a{display : block;
text-decoration : none;
padding : 2px;
background : transparent;
color : #00f;
}

.mymenu2 a:hover{color : #fff;
background : #069;
font-weight : bold;
}

.mymenu2 li.attivo2{background : #fff;
padding : 0 3px 0 3px;
border : none;
font-weight : bold;
}

#login{
color:#069;
font-weight:bold;
border: 1px dashed #000;
text-align:center;
margin-top: 25px;
margin-left: 1px;
width:98%
}

#statistiche{

margin-top: 25px;
text-align:center;


width:98%
}

/* La Colonna destra con le caratteristiche dei box al suo interno */
#coldes{width : 80%;
background : #fff;
float : left;
margin : 0;

}

.box1{
border: 0;
padding: 0px;
margin: 0px;
width: 100%;

}

.boxnome{
margin-top: 14px;
margin-left: 2px;
float : left;
width:49%;
border: 1px;
border-right: 0px;
border-bottom: 0px;
border-style:solid;
border-color:#000;

background-image:url('vendita_computer.gif');
text-align : center;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

.boxprezzo{
margin-top: 14px;
border-bottom: 0px;
float : left;
width:49%;

border: 1px #000;
border-bottom: 0px;
border-style:solid;
background-image:url('vendita_computer.gif');
text-align : center;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
.boximmagine{
border: 1px;
border-right: 0px;
border-style:solid;
border-color:#000;
float : left;
margin-left: 2px;
background : #fff;
width:14%;
}
.boxdescrizione{
height:63px;
border : 1px solid #000;
float : left;
background : #fff;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:84%;
}

.boxnome1{

margin-top: 14px;
margin-left: 2px;
float : left;
width:98%;
border: 1px;
border-bottom:0px;
border-style:solid;
border-color:#000;
background-image:url('vendita_computer.gif');
text-align : center;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#boxnome2{

margin-top:14px;
margin-left: 2px;
padding: 0;
float : left;
width:98%;
border: 1px;
border-bottom:0px;
border-style:solid;
border-color:#000;
background-image:url('vendita_computer.gif');
text-align : center;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

.boxcentrale{
background-color:#FFFFFF;
padding:0;
width:100%;
border: 1px;
border-left:0;
border-right:0;
border-style:solid;
border-color:#000;
text-align : center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
}

.boxmappa{
background-color:#FFFFFF;
padding:0;
width:100%;
border: 1px;
border-left:0;
border-right:0;
border-style:solid;
border-color:#000;
text-align : left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}

.boximmagine1{
border: 1px;
border-right: 0px;
border-style:solid;
border-color:#000;
float : left;
margin-left: 2px;
background : #fff;
width:14%;
}
.boxdescrizione1{
height:63px;
border : 1px solid #000;
float : left;
background : #fff;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:84%;
}



/* Il pie di pagina con incluso il collegamento alla parte superiore della pagina */
#piede{float : left;
margin-top: 11px;
width : 100%;
color : #000;
background : #069;
text-align : center;
}

.link{
color : #fff;
}

.link a{
color : #fff;
}
.link a:hover{
color : #000;
}
