@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

body{
background:#7cc2e4 url(../img/bg.jpg) repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
}

a:link, a:visited{
text-decoration:none;
color:#666;
}

a:hover{
color:#999;
color:#0099cc;
}

img{
border:none;
}

ul{
list-style-type:none;
}


#maincontainer{
width:864px;
margin:15px auto 0px auto;
position:relative;
padding:0px 36px;
padding-bottom:15px;
background: url(../img/mainbg.jpg) repeat-y top left;
z-index:2;
}

#top{
position:relative;
background:url(../img/top_bg.jpg) no-repeat 0px 16px;
height:110px;
z-index:10003;
}

#lang{
float:right;
margin-top:-30px;
width:62px;
height:36px;
}


img.home{
margin-top:10px;
width:200px;
height:86px;
float:left; 
}

.round{
height:103px;
clear:both;
margin-top:15px;
}

.round .box{
position:relative;
display:inline;
float:left;
width:260px;
height:86px;
border:1px solid #9badc6;
background-color:#fff;
padding:6px;
margin-right:20px;
margin-bottom:10px;
}


.round .box .inside{
background-color:#d6e3eb;
width:260px;
height:86px;
}

.round #last {
margin-right:0px;
}

.inside-img { margin:5px 0px 0px 5px; }


#bottomlinks{
text-align:center;
margin:25px 0px 0px 0px;
}



/* -----------------------------------------------------------------------  PAGINE INTERNE  -----*/

#mainbox{
width:900px;
background:url(../img/middle-box_bg.jpg) repeat-y 0px 0px;
position:relative;
z-index:1;
display:block;
}

.topbox{
width:866px;
height:25px;
background:url(../img/top-box_bg.jpg) no-repeat top left;
position:relative;
z-index:4;
}

.bottombox{
clear:both;
width:866px;
height:25px;
background:url(../img/bottom-box_bg.jpg) no-repeat top left;
}

#column{
display:inline;
float:left;
width:164px;
padding:0px 5px 0px 15px;
}

#contentbox{
float:left;
margin-left:17px;
width:618px;
padding:0px 22px;
line-height:18px; 
}

#contentbox #img-page{
margin-bottom:10px;
}

#contentbox p{
line-height:18px;
}

.inline{
display:inline-block;
}

#title{
position:relative;
}

div#title p.title{
position:absolute;
  left:60px;
  top:20px;
  font-size:14px;
  font-weight:bold;
}

ul.sidemenu{
list-style-type:none;
margin:0; padding:0;
}

ul.sidemenu li{
padding-left:10px;
background:url(../img/sidearrow.gif) no-repeat top left;
}

ul.sidemenu li a{
display:block;
padding:5px;
border-bottom:1px solid #c4d3e0;
font-weight:bold;
width:90%;
}
ul.sidemenu li a:hover{
font-weight:bold;
color:#333;
}
ul.sidemenu li a.side-attivo{
font-weight:bold;
color:#333;
}

ul.submenu li a{
font-weight:normal;
font-size:10px;
}

ul.submenu li a:hover{
font-weight:bold;
color:#333;
font-size:11px;
}

ul.submenu li a.active{
font-weight:bold;
color:#333;
font-size:11px;
}

a.menutitle{
font-weight:bold;
color:#0099cc;
}

ul.bollettini{
margin-top:5px;
}

ul.bollettini li{
margin-bottom:2px;
}


/* -----------------------------------------------------------------------  STILI  -----*/

img.vedi-offerte{
position:absolute;
top:230px;
left:620px;
}

img.localizza-immobili{
position:absolute;
top:270px;
left:620px;
}

p.title{
font-size:14px;
color:#295694;
}
p.data{
font-size:14px;
color:#295694;
}

a.link-sezione:link, a.link-sezione:visited{
text-decoration:none;
float:right;
padding-right:10px;
margin-right:20px;
color:#666;
background:url(../img/link-sezione_bg.gif) no-repeat top right;
}

a.link-sezione:hover{
color:#0099cc;
}

p.titlebox{
position:absolute;
top:15px;
left:99px;
font-size:13px;
color:#346507;
width:165px;
}

p.titlebox a:link, p.titlebox a:visited{
color:#346507;
}

p.titlebox a:hover{
color:#333;
}

p.textbox{
position:absolute;
top:35px;
left:99px;
color:#666;
width:165px;
}

a.link-sezionebox:link, a.link-sezionebox:visited{
text-decoration:none;
position:absolute;
bottom:10px;
right:10px;
padding-right:8px;
color:#9badc6;
background:url(../img/arrow-small.gif) no-repeat right 5px;
font-size:10px;
}

a.link-sezionebox:hover{
color:#333;
}

ul.bottomlinks{
list-style-type:none;
border-top:1px solid #3b7ab7;
padding-top:20px; 
}

ul.bottomlinks li{
display:inline;
margin-right:15px;
}
ul.bottomlinks li a:link, ul.bottomlinks li a:visited {
color:#3b7ab7;
}
ul.bottomlinks li a:hover {
color:#333;
}

#banner-home { margin:20px 0px; }

#copyright { width:936px; margin:0 auto; text-align:center; color:#fff; margin-bottom:5px; margin-top:10px; }
#copyfooter { width:936px; margin:0 auto; text-align:center; color:#fff; margin-bottom:3px; margin-top:0px; }


.risultati-sx { width:400px; float:left; display:inline; margin-right:10px; color:#063371; }
.risultati-dx { width:192px; float:left; color:#063371; text-align:right;  }

/* --------------------------------- RICERCA */
#ricerca-home { background:#d6e3eb url(../img/home-ricerca.gif) no-repeat top left; border:1px solid #9badc6; width:260px; height:254px; float:left; display:inline; margin-right:21px; padding:40px 6px 6px 6px; color:#25579d; font-size:12px; }
#mainbox #ricerca-sx { width:165px; height:240px; font-size:12px; position:absolute; top:250px; }



/* --------------------------------- VETRINA HOME */
#vetrina-home { background:#d6e3eb; border:1px solid #9badc6; width:565px; height:300px; float:left; }
.vetrina-box { width:161px; height:238px; padding:8px; float:left; display:inline; margin-right:6px; color:#3b7ab7; font-size:12px; position:relative; background:url(../img/box-appartamento-home_bg.gif) no-repeat top left; }
.vetrina-box h2{ color:#3b7ab7; font-size:12px; padding:0; margin:5px 0px 10px 5px; }
.vetrina-box .img{ width:150px; height:94px; margin-bottom:10px; margin-left:5px;}
.vetrina-box p.desc{ margin-left:5px;  }
.last { margin-right:0px; }

a.link-vetrina:link, a.link-vetrina:visited{
text-decoration:none;
position:absolute;
top:210px;
right:15px;
padding-right:8px;
color:#3b7ab7;
background:url(../img/arrow-small.gif) no-repeat right 5px;
font-size:10px;
}

a.link-vetrina:hover{
color:#333;
}

/* --------------------------------- VARIE HOME */

#varie-home { margin-top:20px; }
#casa24 { width:272px; border:1px solid #004100; background-color:#d7e2d8; float:left; display:inline; margin-right:21px; padding-bottom:5px; }
#ultimo-immobile { width:566px; height:338px; border:1px solid #9badc6; background:#d6e3eb url(../img/ultimo-immobile.gif) no-repeat top left;; float:left; }
#ultimo-immobile #box { margin:40px 6px 10px 6px; }
#ultimo-immobile #box #box-sx { float:left; display:inline; margin-right:21px; width:213px; }
#ultimo-immobile #box #box-sx #img-ultimo { width:213px; height:158px; }
#ultimo-immobile #box #box-dx { float:left; width:315px; height:292px; position:relative; }
#box-sx h1 { color:#063371; font-size:13px; margin-top:6px; margin-bottom:7px; }
#box-sx h2 { color:#404040; font-size:11px; font-weight:bold; margin-bottom:5px; }

#box-dx ul#caratteristiche { margin:0; padding:0; list-style-type:none; text-align:left; height:215px; overflow:hidden; }
#box-dx ul#caratteristiche li { margin:0; padding:0; background:url(../img/link-arr.gif) no-repeat center left; margin-bottom:6px; padding-left:12px; }

a.localizza-home:link, a.localizza-home:visited{ display:block; width:194px; height:33px; position:absolute; bottom:10px; left:0px; }
a.link-vetrina-home:link, a.link-vetrina-home:visited{
text-decoration:none;
width:78px;
height:31px;
position:absolute;
bottom:10px;
right:0px;
padding-right:8px;
color:#3b7ab7;
background:url(../img/arrow-small.gif) no-repeat right 19px;
font-size:10px;
}

a.link-vetrina-home:hover{
color:#333;
}




/* --------------------------------- BOX-IMMOBILE */

a.imm:link, a.imm:visited{display:block;}
a.imm:hover{color:#0099cc;}


.box-immobile{
width:195px;
height:249px;
background:url(../img/box-appartamento_bg.gif) no-repeat top left;
float:left;
margin-right:9px;
margin-top:9px;
position:relative;
}

.box-immobile p.code{
position:absolute;
top:10px;
left:20px;
color:#3b7ab7;
}

.box-immobile img.app{
position:absolute;
left:20px;
top:35px;
width:154px;
height:98px;
overflow:hidden;
}

.box-immobile p.desc{
position:absolute;
width:154px;
top:135px;
left:20px;
color:#3b7ab7;
font-size:13px;
}

.box-immobile a.dett:link, .box-immobile a.dett:visited{
position:absolute;
bottom:20px;
right:15px;
background:url(../img/link-arr.gif) no-repeat 38px 4px;
padding-right:10px;
}

.box-immobile p.dett{position:absolute;
bottom:20px;
right:15px;
background:url(../img/link-arr.gif) no-repeat 38px 4px;
padding-right:10px;}

/* --------------------------------- DETT-IMMOBILE */
#immobile-gallery { height:310px; margin-bottom:10px; }

#dett-sx { float:left; display:inline; margin-right:30px; width:380px; padding-top:10px; position:relative; }
#dett-sx #back { text-align:right; margin-bottom:8px; background:url(../img/link-arr.gif) no-repeat center right; padding-right:10px; }
#dett-sx h1 { color:#063371; font-size:14px; margin-bottom:12px; }
#dett-sx h2 { color:#404040; font-size:12px; font-weight:bold; margin-bottom:15px; }
#dett-sx h4 { color:#25579d; font-size:12px; font-weight:bold; margin-bottom:6px; }
#dett-sx #form-info { float:left; display:inline; margin-right:8px; width:180px; }
#dett-sx #form-agente { float:left; width:122px; text-align:right; line-height:13px; }
#dett-sx #print { position:absolute; top:3px; width:20px; height:20px; display:block; z-index:3; clear:both; }
#dett-sx #form-agente img { float:right; border:6px solid #fff; margin-bottom:3px;  }
#dett-dx { float:left; width:200px; text-align:right; }
#dett-dx ul#caratteristiche { margin:0; padding:0; list-style-type:none; text-align:left; }
#dett-dx ul#caratteristiche li { margin:0; padding:0; background:url(../img/link-arr.gif) no-repeat center left; margin-bottom:6px; padding-left:12px; }



#form-agente { float:left; width:122px; text-align:right; line-height:13px; }
#form-agente img { float:right; border:6px solid #fff; margin-bottom:3px;  }




/* --------------------------------- FORM */
form { margin-top:8px; }
.txt { background:#fff; color:#25579d; font-style:italic; width:258px; border:0; height:20px; margin-bottom:8px; padding-top:2px; }
.btn { background-color:#d6e3eb; border:1px solid #fff; width:58px; color:#25579d; margin-top:5px; margin-bottom:3px; cursor:pointer; }
.codice { background:#fff; color:#25579d; font-style:italic; width:189px; border:0; height:20px; margin-bottom:8px; margin-right:10px; float:left; padding-top:2px; }

.txt-sx { background:#fff; color:#25579d; font-style:italic; width:158px; border:0; height:20px; margin-bottom:8px; padding-top:2px; }
.btn-sx { background-color:#d6e3eb; border:1px solid #fff; width:58px; color:#25579d; margin-top:2px; margin-bottom:3px; cursor:pointer; }
.codice-sx { background:#fff; color:#25579d; font-style:italic; width:96px; border:0; height:21px; margin-bottom:8px; margin-right:4px; float:left; padding-top:2px; }

.textarea { background:#fff; color:#25579d; border:0; }
.txt-small{ background:#fff; color:#25579d; font-style:italic; width:180px; border:0; height:20px; margin-bottom:8px; padding-top:2px; }

/* --------------------------------- VARIE */
.active {
	background-position: 130px 12px;
	color:0099cc;
}

.bold { font-weight:bold; }
.blu { color:#25579d; }
.small { font-size:10px; }
.last { margin-right:0px; }
.clear { clear:both; }
img { border:0;}
#mappa-google { width:610px; height:320px; margin-bottom:10px; }
/*#mappa-localizza { width:648px; height:550px; margin:-18px;}*/
#mappa-localizza {
height:550px;
margin:0;
width:614px;
margin-left:0;
}









#slideshow {
  float: left;
  position: relative;
  overflow: hidden;
  width: 862px;
  height: 344px;
  background: url(/images/ui/border-slideshow.png) no-repeat 0 0;
	list-style: none;
	margin: 0;
	margin-bottom:20px;
}
#slideshow li {
  position: absolute;
  top:0px;
}
#slideshow li,
#slideshow a {
	display: block;
	width:720px;
	height: 355px;
	position: relative;
}
#slideshow a:hover {
  background: none; /*CHANGED: fixed hover*/
}
#slideshow span {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 720px;
  padding: 5px;
  color: #fff;
  background: #000;
}

.seo{text-align:center;width:800px; margin-left:auto; margin-right:auto; margin-top:6px;}
