body { margin: 30px 0 0 0; padding; 0; background-color: black; font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; text-align:left; font-size: 12px; line-height: 15px; }

#container { margin: auto; width:980px; position: relative; }
#corpo { height:701px; }
#home #corpo { background: url(../pix/bg_home.jpg); }
#interno #corpo { background: url(../pix/bg_grigio.jpg); }
#interno.claudio #corpo { background: url(../pix/bg_claudio.jpg); }
#interno.linda #corpo { background: url(../pix/bg_linda.jpg); }
#interno.contatti #corpo { background: url(../pix/bg_contatti.jpg); }

#menu {width:279px; left: 701px; top: 0; height:701px; position: absolute; }
#menu #contenuto { padding: 65px 30px 10px 35px;}

.topmenu { color:black; font-size:18px; }
ul.topmenu { margin:0;padding:0 15px; width: 188px; position: absolute; bottom: 20px; left: 35px;}
ul.topmenu li { color:orange; margin:0; border-bottom: 1px solid #FFF;}
.topmenu a, .topmenu a:visited { color:black; text-decoration:none; display:block; padding:5px 0; }
.topmenu a:hover { color:white; background-color:gray; }


#piede {width:980px;height:46px;background-color:orange; text-align:center; border-top: 1px solid orange;}
.linda #piede, .claudio #piede, .contatti #piede {background-color:#333; color: #FFF; border-top: 1px solid #333; }


.indirizzo {font-size:0.8em;padding-top:1em;}
.clear {clear: both}

.crediti {color:#202020; text-decoration:none; font-size:0.8em; margin-top:25px;}
.crediti a, .crediti a:visited {color:#202020;}
.crediti a:hover {color:orange; background-color:black;}

/*-----------------pagina studio-----------------*/
/*colonna1*/
#colonna-1 { width:372px; height:701px;}
#colonna-1 #contenuto { padding: 140px 30px 20px 100px; }
#colonna-1 #banner {text-align: right; margin-top: 40px; }

/*colonna2*/
#colonna-2 { width:372px; height:701px; position: absolute; top: 0; left: 372px;}

ul.menuContestuale { color:white; margin: 300px 0 0 0; padding: 0;}
.menuContestuale li {margin-left: 180px; list-style:none; text-align:left; line-height:2.2em;}
.menuContestuale a, .menuContestuale a:visited {color:white; text-decoration:none;}
.menuContestuale a:hover {backround-color:white; display:block; color:black;}
#colonna-2 #banner { margin: 70px 0 0 30px; }

/*colonna menu*/
#interno #menu { width:236px; height:701px; position: absolute; top: 0; left: 745px;}
#interno #menu #banner { margin: 60px 0 0 40px; }
#interno ul.topmenu { width: 160px; left: 40px;}

/*----------------pagina persone----------------*/
/*colonna1*/
.claudio #colonna-1 #contenuto, .linda #colonna-1 #contenuto { padding: 60px 10px 20px 100px; }
.claudio #colonna-1 { width:450px; height:701px;}
.linda #colonna-1 { width:390px; height:701px; }
.linda #colonna-1 #banner {text-align: left; padding: 100px 0 0 50px; }

/*colonna2*/
.claudio #colonna-2 { width:294px; height:701px; position: absolute; top: 0; left: 450px;}
.linda #colonna-2 { width:364px; height:701px; position: absolute; top: 0; left: 390px;}
.claudio #colonna-2 #contenuto { padding: 80px 10px 20px 10px; color: #FFF; }
.linda #colonna-2 #contenuto { padding: 80px 30px 20px 10px; color: #FFF; color: #000; }

/*colonna menu*/
 #interno.linda #menu #banner { margin: 60px 0 0 -20px; }


/*----------------pagina contatti----------------*/
.contatti #colonna-2 { width:185px; height:701px; position: absolute; top: 0; left: 450px;}
.contatti #colonna-2 #contenuto { padding: 280px 10px 20px 10px; color: #000; }
.contatti #colonna-2 #contenuto a {font-size: 15px; font-weight: bold; color: #FFF;}

/*--------------debug-----------------
#container {border: 1px solid red;}
#corpo {border: 1px solid blue;}
#menu {border: 1px solid green;}
#piede {border: 1px solid yellow;}
#colonna-1 {border: 1px solid red;}  
#colonna-2 {border: 1px solid yellow;}
*/