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

* { margin:0; padding:0; font-family:"Trebuchet MS", Arial, Verdana; font-size:12px; color:#0e213d; }

html, body { background:url(images/back-body.jpg) top center repeat-x; background-color:#193d71;  }

img { border:0 }

.clear { clear:both; }

#wrap { width: 900px; margin:0 auto }

#head {  height:330px; width:904px; color:#fff; }
#head #head-logo { width:218px; height:330px; float:left; background:url(images/head-logo.jpg) no-repeat top center; }
#head #head-logo #head-logo-lang ul {  font-size: 12px; margin:34px 0 0 54px;  }
#head #head-logo #head-logo-lang li {  font-size: 12px; list-style:none; float:left; margin:4px; }
#head #head-logo #head-logo-lang a, a:visited { font-size: 12px; color:#fff; text-decoration:none; }
#head #head-logo #head-logo-lang a:hover { font-size: 12px; color:#193d71; }

#head #head-photos { width:684px; min-height:330px; float:left }
#head #head-photos #head-photos-sx { width:480px; height:328px; float:left; border-left:2px solid #fff; border-bottom:2px solid #fff; overflow:hidden }
#head #head-photos #head-photos-dx { width:200px; height:328px; float:left; border-left:2px solid #fff; border-bottom:2px solid #fff; overflow:hidden}

#head-end { width:900px; height:53px; background:url(images/head-end.jpg) no-repeat top center }
#head-end #off-button { width:200px; height:43px; float:right; }
#head-end #off-button img { border-bottom:10px solid #9ad8e5 }

#middle { width:900px; background:url(images/middle.jpg) repeat-y top center; }
#middle #middle-menu { width:218px; min-height:350px; float:left; background:url(images/middle-menu.jpg) repeat-x top center;}
#middle #middle-menu ul { border-top:1px solid #68cbe1; width:200px; }
#middle #middle-menu ul > li { list-style:none; border-bottom:1px solid #68cbe1; height:34px; padding-left:22px; background-color:#1d4681 }

#middle #middle-content { width:460px; min-height:350px; border-left:2px solid #fff; float:left; background-color:#ceedf0; padding:10px; text-align: justify;}
#middle #middle-content h4 { color:#f5953b; font-size:12px; letter-spcacing: 1px; }
#middle #middle-content table.listino { width:460px; margin:2px auto; text-align:center; }
#middle #middle-content table.listino  td { padding: 1px 1px; text-align:center; border:1px solid #43a0bf; }
#middle #middle-content table.listino  tr.title {background-color:#ffffff;}
#middle #middle-content  p { margin:7px 0; color:#0e213d; line-height:22px;}
#middle #middle-content ul.image { list-style: none; width:450px; margin:auto;}
#middle #middle-content ul.image li {border:10px solid #dafafd; width:130px; height:130px; list-style: none; float: left; margin:0; }
#middle #middle-content image{ text-align:center; margin:auto; width:auto; display: block; }

#middle #middle-dx { padding: 5px; width:190px; min-height:350px; background:url(images/middle-dx.jpg) repeat-x top center; background-color:#ceedf0; float:left; }
#middle #middle-dx  h4 { color:#f5953b; font-size:13px; letter-spcacing: 1px; margin-top:20px; text-align: center; }
#middle #middle-dx  ul.image { list-style: none; width:150px; margin:auto;}
#middle #middle-dx  ul.image li {border:10px solid #dafafd; width:130px; height:130px; list-style: none; margin-top:5px; }
#middle #middle-dx  ul.img_p { list-style: none; width:198px; margin:auto;}
#middle #middle-dx  ul.img_p li {padding:10px; width:160px; list-style: none; float: left; margin:0; }

#middle #middle-dx #privacytext { padding:5px  }
#middle #middle-dx #privacytext p { font-size:10px; word-spacing:1pt; line-height:12px; text-align:justify; }
#middle #middle-dx #privacytext a, a:visited { font-size:10px }
#middle #middle-dx #indicazioni-stradali { padding:5px; }
#middle #middle-dx #indicazioni-stradali p { font-size:11px;  text-align:justify; margin:2px 10px 2px 10px; }

/* Galleria Fotografica - photogalery.php */
#middle #middle-content div#GALLContent { }
#middle #middle-content div#GALLContent ul.photogallery { width:680px; padding:0; margin:0; }
#middle #middle-content div#GALLContent ul.photogallery li { list-style:none; float:left; padding:0; margin:8px 12px 8px 12px; border:5px solid #fdfcff; width:130px; height:130px;background-image:none;  }
#middle #middle-content div#GALLContent ul.photogallery li img { border:0; }
#middle #middle-content div#GALLContent table.GALLTable { width:650px; clear:both; }
#middle #middle-content div#GALLContent table.GALLTable tr {  }
#middle #middle-content div#GALLContent table.GALLTable tr td { width:auto; }
#middle #middle-content div#GALLContent table.GALLTable tr td a, #middle #middle-content div#GALLContent table.GALLTable tr td a:visited { color:#0e213d; text-decoration:none; font-size: 12px;  }
#middle #middle-content div#GALLContent table.GALLTable tr td a:hover { text-decoration:underline; }
#middle #middle-content div#GALLContent table.GALLTable tr td.GALLLinkL { width:40%; text-align:left; }
#middle #middle-content div#GALLContent table.GALLTable tr td.GALLLinkR { width:40%; text-align:right; }
#middle #middle-content div#GALLContent table.GALLTable tr td.GALLRiepilogo { width:20%; text-align:center; }

#foot { width:900px; height:68px; background:url(images/foot.jpg) top center repeat-x; text-align:center; padding-top:6px; border-top:2px solid #fff }
#foot a, a:visited { font-size: 12px; color:#193d71; text-decoration:none; }
#foot a:hover { font-size: 12px; color:#193d71; text-decoration:underline;}

.piccolo { font-size:10px; text-align:left }

.validation-advice { color:#c00 }

