@charset "utf-8";
/* CSS Document */

body { text-align: center; font-family: tahoma, verdana, arial;}

#container { margin: 0 auto; text-align: left; width: 700px; height: auto; }

#top { width: 700px; height: 50px; text-align: center; font-size: 20px; color: #FFFFFF; line-height: 45px;}
#top-left { width: 350px; height: 50px; background-color: #956e8e; float: left;}
#top-right { width: 350px; height: 50px; background-color: #87746a; float: right;}

#head { width: 700px; height: 300px; font-size: 16px; line-height: 25px;} 
#head-left { width: 350px; height: 300px; background-image:url(images/schoonheidssalon%20la%20bellezza%20foto1.JPEG); float: left; position: relative;}
#head-right { width: 350px; height: 300px; float: none; position: relative; margin-left: 350px; text-align: center; padding:  55px 0 0 0 ;}

#content-top { width: 700px; height: 35px; background-color: #cfd4d8; text-align: center; color: #6a335b; line-height: 30px;}
#content-middle { width: 700px; height: 200px; font-size: 13px;}
#content-middle .left { width: 500px; height: 145px; float: left; margin: 45px 0 0 20px;}
#content-middle .right { width: 200px; height: 200px; background-image: url(images/schoonheidssalon%20la%20bellezza%20foto2.jpg); float: left; margin: 0 0 0 -20px;}

#content-bottom { width: 700px; height: 150px; background-color: #cfd4d8; font-size: 13px;}
#content-bottom .left { width: 350px; height: 135px; float: left; margin: 0 0 0 20px; } 
#content-bottom .right { width: 350px; height: 135px; float: right; margin: 0 0 0 -20px;} 
#content-bottom p { margin: 0; padding:0; }

#bottom { width: 700px; height: 124px; }

#footer { text-align: center; }

p { margin: 0; padding: 0; }
.p1 { color: #6a335b; }