* {font-size:100.01%}
html {font-size:62.5%}
body {margin:0; padding:0; font-family:Verdana,sans-serif; font-size:1.3em; background:#ccc url(images/body.gif) repeat-y top center}
.clear {clear:both}

#header {margin:0 auto; width:900px; padding:0; text-align:left}
#header .top {width:900px; height:40px; background:url(images/top.jpg) no-repeat top left}
#header .tit {width:900px; height:87px; background:#212e5b url(images/tit.jpg) no-repeat top right}
#header .tit h1 {margin:0}
#header .tit h1 a {color:#fff; font:bold 2.5em Georgia, "Times New Roman", Times, serif; font-style:italic; margin-left:15px; text-decoration:none}
#header .tit p {color:#D3D5DE; font:bold 1.2em Georgia, "Times New Roman", Times, serif; margin:5px 15px 0}
#header .bottom {width:900px; height:10px; background:url(images/bottom.jpg) no-repeat top right}

#content {margin:0 auto; width:900px; padding:0; text-align:left; background:white url(images/content.gif) repeat-y top center}
#content .left {width:688px; float:left; padding:0}
#content .left .post {width:668px; padding:10px; background:#e8e9ee; margin:0 0 15px}
#content .left .post h2 {margin:0}
#content .left .post h2 a {display:block; color:#222c59; font:bold 1.5em Georgia, "Times New Roman", Times, serif; font-style:italic; margin:0 0 3px; text-decoration:none; border-bottom:1px solid #999}
#content .left .post h2 a:hover {border-bottom:1px solid red}
#content .left .post p {margin:5px 0}
#content .left .post .spaccaads {float:left; width:305px}
#content .left .post .spaccatesto {float:left; width:355px; padding-left:5px}

#content .left .imgleft {float:left; margin-right:5px}
#content .left .imgright {float:right; margin-left:5px}

#content .right {width:183px; float:right; padding:125px 10px 10px; text-align:left; background:url(images/right.jpg) no-repeat top center}
#content .right .menu {width:183px}
#content .right #menu ul {font:bold 1.15em Georgia, "Times New Roman", serif; margin:0 0 0 -40px; list-style:none outside none}
#content .right #menu ul li {margin-bottom:10px}
#content .right #menu ul a:link,
#content .right #menu ul a:visited,
#content .right #menu ul a:hover,
#content .right #menu ul a:active {display:block; background:url(http://www.lavorarealondra.com/img2/freccetta_blu.gif) no-repeat top left; padding-left:25px; color:#222C59; text-decoration:none}
#content .right #menu ul a:hover {background:url(http://www.lavorarealondra.com/img2/freccetta_celeste.gif) no-repeat top left; color:#005594}

#footer {clear:both; margin:10px auto 10px; width:880px; padding:10px; text-align:left; background:#212E5B url(images/footer.gif) no-repeat bottom left; color:white}
#footer a {color:white; text-decoration:none; font-weight:bold; font-size:0.9em}
#footer a:hover {color:#7A8599}
#footer .copyright {float:left; font-weight:bold}
#footer .facebook {float:right}
#footer .link {clear:both; border-top:1px solid #7A8599; padding:8px 0 12px; color:#7A8599; margin:15px 0 0; font-size:0.8em; text-align:center}
#footer .link a {color:#7A8599}
#footer .link a:hover {color:#b9bfba}
.blogtitle {color:#000; font-weight:bold; text-decoration:none}
.blogtitle a {color:#000; font-weight:bold; text-decoration:none}
.offerta { background-color:#e8e9ee; border:#990000 solid 4px; padding:3px}