@charset "utf-8";
* {margin:0; padding:0; border:0;}
body {background:url("images/pattern.jpg") repeat 0 0; font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif;}
a {text-decoration:none;}
hr {display:none;}
.left {float:left;}
.right {float:right;}
ul.list {padding-left:15px;}
#tb_costi {border:0; width:70%; margin:10px 0 30px;}
#tb_costi th {font-weight:normal; background-color:#F4f4f4; border-bottom:1px solid #CCC; padding:5px;}
#tb_costi td {border-bottom:1px solid #CCC; padding:5px;}

#container {position:relative; width:960px; margin:10px auto 0; padding-top:45px;}
#logo {position:absolute; top:0; right:35px; background-color:#FFF; border:3px solid #333; text-indent:-999em;}
#logo a {display:block; width:420px; height:120px; background:url("images/logo.gif") no-repeat 50% 50%; }
#menu li {list-style:none; font-size:18px; float:left;}
#menu li a {color:#000; display:block; padding:10px 39px; background:#FFF url("images/pipe_menu.gif") no-repeat 100% 50%; margin:5px 0;}
#menu li.sel a {margin:0; padding:15px 34px; border:5px solid #333; border-top:0; border-bottom:0; background-image:none; color:red;}
#menu li.last a {background-image:none; padding-right:40px; border-right:0;}
#menu li.first a {border-left:0; padding-left:41px;}
#menu li a:hover {color:red;}
#content {clear:both; float:left; width:880px; padding:20px 40px 40px; background:#FFF url("images/sfumatura_vert.gif") repeat-y 100% 0;}
#content img {margin:10px;}
#content img.left {margin-left:0;}
#content img.right {margin-right:0;}
#content.gBook center {border:2px solid #666; padding:10px;}
#content.gBook a {text-decoration:underline;}
#content.gBook a:hover {text-decoration:none;}
.chisiamo #content p {padding:7px 0;}
.raggiungici #content p {float:left; width:350px; padding-right:20px;}
.gallery #content h4 {font-size:18px;}
.gallery #content img {cursor:pointer;}
.gallery #content p {padding:5px 0 0;}
#openImg {display:none; position:absolute; top:0; left:0; padding:10px; width:960px; background-color:#000; text-align:center;}
#openImg p {padding-top:10px;}
#openImg a {color:#FFF; cursor:pointer;}
#openImg a:hover {color:#999;}
#footer {clear:both; background: url("images/sfumatura_orizz.gif") no-repeat 0 0; color:#fff; text-align:center; padding:10px 10px 30px; line-height:25px;}

#container.smallHP {width:700px; padding-top:15px;}
body .smallHP {font-size:12px;}
.smallHP #foto {width:700px;}
.smallHP #logo a {width:380px; height:100px;}
.smallHP #menu li {font-size:14px; }
.smallHP #menu li a {padding:5px 26px;}
.smallHP #menu li.sel a {padding:10px 20px;}
.smallHP #menu li.last a {padding-right:30px;}
.smallHP #menu li.first a {padding-left:30px;}
.smallHP #content {width:620px; padding:20px 40px 40px;}