#contenitore {
/* customize_background */ background:white; /* customize_background */ 
text-align: center; font-family:Helvetica, arial, sans-
serif; margin:0;
}

A:LINK {
 color : #5573b0;
 text-decoration: none
}

A:VISITED {
 color : #5573b0;
 text-decoration: none
}

A:HOVER {
 color : orange;
 text-decoration : underline;
}

A:ACTIVE {
 color : white;
 text-decoration: none
}

/*contenitore*/

#contenitore {background:white; width:980px; height: 100%; margin:0 auto; text-align:left; font-size: small;}

#header { background-color: orange;
position: relative; top: 20px;
}

#imgtop {
position: relative; top: 40px; left: -150px;
}

#contenuti {
left: 15px; text-align: justify; padding: 20px; 
}

/*lato destro*/

#laterale {width: 300px;
left: 5px; padding: 20px; float: right; text-align: justify;
}

/*footer pagina*/

#footer { 
position: relative; top: 50px; text-align: left; padding-left: 10px; clear: both; background-color: orange;
}

/*Form inserimento commenti*/
#box{
width: 440px;
padding: 10px;
border:1px solid #e7ac8f;
background-color: #d0c9d0;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 270px;
clear: left;
margin: 0;
padding: 10px;
padding-left: 155px; /*width of left column containing the label elements*/
border:1px solid #e7ac8f;
height: 1%;
background-color: #e7e5e7;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -140px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
