html, body {height:100%}
body{ padding:0; margin:auto; background:url(/public/img/bg.jpg) no-repeat center top #fff; color:#545454; font-family:Arial, Helvetica, sans-serif;}
h1{ padding:0; margin:0; font-weight:normal; font-style:normal;}
h2{ padding:0; margin:0; font-weight:normal; font-style:normal;}
h3{ padding:0; margin:0; font-weight:normal; font-style:normal;}
h4{ padding:0; margin:0; font-weight:normal; font-style:normal;}
p{ padding:0; margin:0;}
ul{ padding:0; margin:0;}
li{ padding:0; margin:0; list-style:none;}
a{ text-decoration:none;}
a img{ border:none;}
a:focus{ outline:none;}
.left{ float:left;}
.right{ float:right;}

/* General */
#container{min-height:100%; background:url(/public/img/bg-content.jpg) 50% 100% no-repeat;}
#container #header{ width:990px; height:143px; margin:auto;}
#container #header #logo img{ margin:54px 0 0 21px;}
#container #header #text-header{ font-size:11px; color:#fff; width:197px; height:99px; margin:36px 0 0 0; overflow:hidden;}
#container #menu{ width:947px; height:43px; margin:auto; padding-right:36px; text-transform:capitalize;}
#container #menu ul li{ float:right; font-size:13px; padding:0;}
#container #menu ul li a:link,
#container #menu ul li a:visited{color:#FFFFFF; display:block; margin:1px 0 0 0; padding:10px 20px 8px 20px;}
#container #menu ul li a:hover{ background-color:#fff; color:#71452b;}
#container #menu ul li a.active {background-color:#AF947F; color:#fff;}
#container #content{padding-bottom:124px; width:990px; margin:auto; overflow:hidden;}

#container #content #left {width:202px; margin-left:-990px; padding:6px 19px 0 19px;}
#container #content #left #user-menu{ width:198px;}
#container #content #left #user-menu ul li{ font-size:12px; line-height:24px; border-bottom:1px solid #f0efee;}
#container #content #left #user-menu ul li a{ display:block; padding-left:8px;}
#container #content #left #user-menu ul li a:link,
#container #content #left #user-menu ul li a:visited{color:#44362d;}
#container #content #left #user-menu ul li a:hover{ background-color:#e1d1c4; color:#fff;}
#container #content #left #user-menu ul li a.active{ background-color:#e1d1c4;}
#container #content #left #text-section{ margin:36px 0 0 0;}
#container #content #left #text-section h1 {padding:4px 26px 4px 4px; background:#73472C url(/public/img/bg-title-section.gif) repeat-y 100% 0; font-size:12px; color:#FFFFFF;}
#container #content #left #text-section p {color:#545454; font-size:12px; margin:14px 8px; height:500px; overflow:hidden;}

#container #content #content-text {float:left; margin-left:240px; width:730px;}
#container #content #content-text #navigation{ overflow:hidden;}
#container #content #content-text #navigation #briciole{ width:500px; height:21px; display:block; font-size:11px; color:#783f1e; margin:10px 0 0px 0; padding:0; overflow:hidden;}
#container #content #content-text #navigation #briciole ul {float:left; background:url(/public/img/bg-briciole.gif) left bottom repeat-x; line-height:21px;}
#container #content #content-text #navigation #briciole ul li{ float:left; margin:0; padding:0;}
#container #content #content-text #navigation #briciole ul li a:link,
#container #content #content-text #navigation #briciole ul li a:visited{ color:#a7a7a7;}
#container #content #content-text #navigation #briciole ul li a:hover{ text-decoration:underline;}
#container #content #content-text #navigation #cerca{width:170px; margin:0;}
#container #content #content-text #navigation #cerca span a:link,
#container #content #content-text #navigation #cerca span a:visited{ color:#383838; font-size:11px; background:url(/public/img/cerca.jpg) no-repeat 45px 0; padding:0 150px 0 0;}

/* Filtro ricerca content*/
#filter{ width:706px; height:36px; padding: 0 12px; background-color:#e1d1c4; line-height:33px; color:#1e1e1e;}
/*
#filter span{ font-size:11px;}
#filter span a:link,
#filter span a:visited{ color:#383838; background:url(/public/img/search-filter.jpg) right no-repeat; padding:0 23px 0 0;}
*/
#filter span {font-size:11px;}
#filter button {margin:0; padding:0; border:none; background:transparent; font-size:11px; cursor:pointer;}
#filter button span { color:#383838; background:url(/public/img/search-filter.jpg) right no-repeat; padding:0 23px 0 0;}
#filter select{ width:140px; font-size:11px; margin:0 14px 0 5px; padding:2px; border:1px solid #979696;}

#container #content #content-text .maincontent {margin:15px 0 0 0; color:#686868;}

/* Home Page */
#container #content #content-text #text-home{ width:730px; margin:15px 0 0 0; color:#686868;}
#container #content #content-text #text-home p {margin-bottom:9px; font-size:11px; text-align:justify;}
#container #content #content-text #text-home h3 {margin:18px 0 0;}
#container #content #content-text #text-home #title{ overflow:hidden; margin:0 0 7px 0;}
#container #content #content-text #text-home #title h1{color:#686868; font-size:20px;}
#container #content #content-text #text-home #title span{ font-size:12px; line-height:15px; padding:7px 0 0 10px;}
#container #content #content-text #text-home #gallery {position:relative; width:722px; height:554px; padding:3px; border:1px solid #e6e6e6; background-color:#fff; margin:19px 0; position:relative;}

#container #content #content-text #text-home #gallery #slide {width:722px; height:554px; overflow:hidden;}
#container #content #content-text #text-home #gallery .slide {position:relative; width:722px; height:554px;}
#container #content #content-text #text-home #gallery .slide p {position:absolute; top:0; left:0; padding:0 18px; width:686px; background:url(/public/img/bg-gallery-home.png) repeat-x; z-index:1; font-size:14px; line-height:57px; color:#fff;}
#container #content #content-text #text-home #gallery .slide img {display:block;}
#container #content #content-text #text-home #gallery #switch {position:absolute; top:11px; right:18px; z-index:10;} 

#container #content h4.item-separator {margin:9px 0; border-bottom:1px solid #E6E6E6; font-weight:bold; font-size:14px; line-height:18px; color:#555;}
#container #content h4.spaced {margin:9px 62px 18px 40px; }

/* Affitti */
#container #content #content-text #text-affitti{ width:730px; margin:15px 0 0 0; color:#686868;}
#container #content #content-text #text-affitti #title{ overflow:hidden; margin:0 0 7px 0;}
#container #content #content-text #text-affitti #title h1{color:#686868; font-size:20px;}
#container #content #content-text #text-affitti #elenco-affitti{ width:730px; /*height:560px;*/ margin:15px 0; overflow:auto;}
#container #content #content-text #text-affitti #elenco-affitti ul li{width:705px; height:120px; display:block; margin:0 0 25px 0;}
#container #content #content-text #text-affitti #elenco-affitti ul li img{ padding:3px; border:1px solid #e6e6e6; background-color:#fff; margin:0 10px; float:left;}
#container #content #content-text #text-affitti #elenco-affitti ul li h2{ font-size:13px; color:#6c4128; font-weight:bold; margin:0 0 9px 0; padding:5px 0 0 0;}
#container #content #content-text #text-affitti #elenco-affitti ul li p{ font-size:11px; height:64px; color:#545454; overflow:hidden;}
#container #content #content-text #text-affitti #elenco-affitti ul li span a:link,
#container #content #content-text #text-affitti #elenco-affitti ul li span a:visited{ font-size:11px; color:#464646; background:url(/public/img/visualizza-scheda.jpg) right no-repeat; padding:0 21px 0 0;}

/* Progetti significativi realizzati */
#container #content #content-text #text-progetti{ width:730px; margin:15px 0 0 0; color:#686868;}
#container #content #content-text #text-progetti #title{ overflow:hidden; margin:0 0 7px 0;}
#container #content #content-text #text-progetti #title h1{color:#686868; font-size:20px;}
#container #content #content-text #text-progetti #elenco-progetti{ width:730px; /*height:560px;*/ margin:15px 0; overflow:auto;}
#container #content #content-text #text-progetti #elenco-progetti ul{ margin:0 0 0 40px; width:690px; overflow:hidden;}
#container #content #content-text #text-progetti #elenco-progetti ul li {float:left; margin:0 44px 35px 0; width:180px; height:198px; background:url(/public/img/bg-progetti.jpg) no-repeat 0 0;}
#container #content #content-text #text-progetti #elenco-progetti ul li img {border:1px solid #c8c8c7; margin:7px 7px 4px 7px;}
#container #content #content-text #text-progetti #elenco-progetti ul li h2 {font-size:12px; color:#464646; font-weight:bold; margin:0 0 3px 9px;}
#container #content #content-text #text-progetti #elenco-progetti ul li p {font-size:11px; color:#616161; margin:0 9px; overflow:hidden;}
#container #content #content-text #text-progetti #elenco-progetti ul li span a {font-size:10px; color:#464646; background:url(/public/img/visualizza-scheda.gif) no-repeat right 0; padding:0 21px 0 62px;}
#container #content #content-text #text-progetti #elenco-progetti ul li:hover {background-position:right 0;}
#container #content #content-text #text-progetti #elenco-progetti ul li:hover h2,
#container #content #content-text #text-progetti #elenco-progetti ul li:hover p {color:#fff;} 
#container #content #content-text #text-progetti #elenco-progetti ul li:hover a {background-position:right bottom; color:#fff;}

/* Scheda Progetti significativi realizzati */
#container #content #content-text #text-scheda-progetti{ width:730px; margin:15px 0 0 0; color:#686868;}
#container #content #content-text #text-scheda-progetti p {font-size:12px; text-align:justify;}
#container #content #content-text #text-scheda-progetti a#geo {position:absolute; top:0; right:0; padding-left:34px; width:140px; font-size:11px; background:url(/public/img/geo.jpg) no-repeat; color:#616161;}
#container #content #content-text #text-scheda-progetti h3{color:#686868; font-size:16px; font-weight:bold;}
#container #content #content-text #text-scheda-progetti #title{ overflow:hidden; margin:0 0 7px 0;}
#container #content #content-text #text-scheda-progetti #title h1{color:#686868; font-size:20px;}
#container #content #content-text #text-scheda-progetti #title span{ font-size:16px; background:none; color:#73472c; line-height:15px; padding:7px 0 0 10px;}
#container #content #content-text #text-scheda-progetti dl {clear:both; width:100%; overflow:hidden; font-size:11px;}
#container #content #content-text #text-scheda-progetti dt {float:left; clear:left; margin-right:5px; font-weight:bold;}
#container #content #content-text #text-scheda-progetti dd {margin-bottom:10px;}
#container #content #content-text #text-scheda-progetti #gallery{ width:730px; margin:19px 0; overflow:hidden;}
#container #content #content-text #text-scheda-progetti #gallery #photo {width:528px; height:346px; background:url('/public/img/loader.gif') no-repeat 50% 50%;}
#container #content #content-text #text-scheda-progetti #gallery #photo img{ padding:2px; border:1px solid #e6e6e6; background-color:#fff;}
#container #content #content-text #text-scheda-progetti #gallery #photo a.thickbox {display:block; position:relative;}
#container #content #content-text #text-scheda-progetti #gallery #photo a.thickbox span {visibility:hidden; position:absolute; bottom:5px; right:3px; width:24px; height:24px; background:url(/public/img/magnify.gif) no-repeat 0 0; text-indent:-9000px; overflow:hidden;}
#container #content #content-text #text-scheda-progetti #gallery #photo a.thickbox:hover span {visibility:visible;}
#container #content #content-text #text-scheda-progetti #gallery #thumb{ width:202px; height:346px; position:relative; overflow:hidden;}
#container #content #content-text #text-scheda-progetti #gallery #thumb #thumb-img{ width:202px; position:absolute; bottom:0; left:0; z-index:10;}
#container #content #content-text #text-scheda-progetti #gallery #thumb #thumb-img ul{ margin:0 0 0 22px;}
#container #content #content-text #text-scheda-progetti #gallery #thumb #thumb-img ul li{ float:left; margin:7px 10px 0 0;}
#container #content #content-text #text-scheda-progetti #gallery #thumb #thumb-img ul li img{padding:2px; border:1px solid #c8c8c7;}
#container #content #content-text #text-scheda-progetti #gallery #thumb #thumb-img ul li a.selected img {border-color:#73472C; background-color:#C8C8C7;}
#container #content #content-text #text-scheda-progetti #gallery #thumb a.borghetto {display:block; margin-top:36px; text-align:center; color:#73472C;}
#container #content #content-text #text-scheda-progetti #gallery #thumb a.borghetto:hover {color:#9B4929;}
#container #content #content-text #text-scheda-progetti #gallery #thumb a.borghetto span {display:block; padding: 0 28px; font-size:12px;}
#container #content #content-text #text-scheda-progetti #capitolato {font-size:12px; text-align:justify;}
#container #content #content-text #text-scheda-progetti #capitolato a {display:block; padding-left:14px; background:url('/public/img/capitolato_arrow.gif') no-repeat 0 0; font-weight:bold; color:#783F1E;}
#container #content #content-text #text-scheda-progetti #capitolato a:hover {}
#container #content #content-text #text-scheda-progetti #capitolato a.ui-state-active {background-position:0 -30px}
#container #content #content-text #text-scheda-progetti #capitolato span {line-height:30px;}
#container #content #content-text #text-scheda-progetti #capitolato p,
#container #content #content-text #text-scheda-progetti #capitolato li {margin:0 0 10px;}
#container #content #content-text #text-scheda-progetti #capitolato div {padding-left:14px;}

#container #content #slide {position:relative; /*height:108px;*/ width:202px; margin:0; background-color:#e1d1c4; overflow:hidden; font-size:11px;}
#container #content #slide #carousel {margin:34px 0; width:202px; /*height:108px;*/ overflow:hidden;}
#container #content #slide a.move {position:absolute; left:0; height:34px; width:202px; background-image:url('/public/img/slide_arrow.gif'); background-repeat:no-repeat; text-indent:-9000px;}
#container #content #slide a#prev {top:0; background-position:50% 0;}
#container #content #slide a#prev:hover {background-position:50% -34px;}
#container #content #slide a#next {bottom:0; background-position:50% -68px;}
#container #content #slide a#next:hover {background-position:50% -102px;}
#container #content #slide a.disabled {visibility:hidden;}
#container #content #slide ul li {float:left; padding:7px; width:188px; height:94px !important; text-align:center; line-height:16px;}
#container #content #slide ul li img {display:block; margin:0 35px; border:1px solid #E7E7E8;}
#container #content #slide ul li span {padding-left:14px; background:url(/public/img/lente-slide.jpg) left center no-repeat;}
#container #content #slide ul li a:link,
#container #content #slide ul li a:visited {color:#383838;}

#container #content #content-text p a {color:#874721;}

#container #content #content-text #mailform {}
#container #content #content-text #mailform p {margin-bottom:10px; width:100%; overflow:hidden;}
#container #content #content-text #mailform label {float:left; width:150px;}
#container #content #content-text #mailform label.error {float:none; margin-left:20px; color:#f00;}
#container #content #content-text #mailform input.text {padding:1px 0; width:198px; border:1px solid #AD8871; font:11px Arial,Helvetica,sans-serif;}
#container #content #content-text #mailform textarea {width:198px; border:1px solid #AD8871; font:11px Arial,Helvetica,sans-serif;}
#container #content #content-text #mailform input.error,
#container #content #content-text #mailform textarea.error {border-color:#f00}

/* Footer */
#footer{margin-top:-94px; height:94px; width:100%; background:url(/public/img/bg-footer.jpg) center repeat-y;}
#footer #content-footer{width:990px; height:94px; margin:auto; color:#636363; background:url(/public/img/bg-affresco-footer.jpg) 497px 0 no-repeat;}
#footer #content-footer #firma{ width:187px; margin:18px 0 0 20px; padding:0 0 6px 0; background:url(/public/img/bg-list-footer.jpg) right no-repeat;}
#footer #content-footer #firma p{ font-size:10px;}
#footer #content-footer #firma img{ margin:0 0 6px 0;}
#footer #content-footer #dati{ width:121px; margin:18px 0 0 0; padding:12px 12px 6px 12px; background:url(/public/img/bg-list-footer.jpg) right no-repeat;}
#footer #content-footer #dati p{ font-size:10px;}
#footer #content-footer #dati p a:link,
#footer #content-footer #dati p a:visited{color:#FFFFFF;}
#footer #content-footer #credits{ margin:54px 41px 0 0;}
#footer #content-footer #credits p{ font-size:10px; padding:0 0 3px 0;}
#footer #content-footer #credits img{ padding:0 0 0 1px;}


/* thickbox */
#TB_overlay {position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%;}
.TB_overlayMacFFBGHack {background:url('/public/img/macFFBgHack.png') repeat;}
.TB_overlayBG {background-color:#000; -moz-opacity:0.75; opacity:0.75; filter:alpha(opacity=75);}
#TB_window {position:fixed; background:#fff; z-index:102; color:#000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%;}
#TB_window img#TB_Image {display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666;}
#TB_caption {height:25px; padding:7px 30px 10px 25px; float:left;}
#TB_closeWindow {height:25px; padding:11px 25px 10px 0; float:right;}
#TB_closeWindow a {color:#783F1E;}
#TB_closeAjaxWindow {padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;}
#TB_closeAjaxWindow a {color:#333; font-size:11px;}
#TB_ajaxWindowTitle {float:left; padding:7px 0 5px 10px; margin-bottom:1px;}
#TB_title {background-color:#e8e8e8; height:32px;}
#TB_ajaxContent {clear:both; padding:0; overflow:auto; text-align:left; line-height:1.4em;}
#TB_ajaxContent.TB_modal {padding:0;}
#TB_ajaxContent p {padding:5px 0px 5px 0px;}
#TB_load {position:fixed; display:none; height:13px; width:208px; z-index:103; top:50%; left:50%; margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
#TB_HideSelect {z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; -moz-opacity:0; opacity:0; height:100%; width:100%;}
#TB_iframeContent {clear:both; border:none; margin-bottom:-1px; margin-top:1px;}
#map {height:400px;}
#map div {overflow:visible}