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

*{
margin:0px;
padding:0px;
border:none;
}


body{
background:#2765aa url(../img/body_bg.gif) repeat-x top left;
font-family:Arial;
font-size:12px;
color:#333;
}


div.turismo{
position:relative;
border:1px solid red;
}

p{
line-height:18px;	
}

.fr{
float:right;	
}

a:link, a:visited{
text-decoration:none;
color:#e03d1c;
}
a:hover{
color:#e03d1c;
text-decoration:underline;
}

a.first{
display:block;
width:337px;	
height:136px;
}

ul{
	list-style-type:none;
}

ul.servizi{
margin-left:15px;	
}

ul.servizi li{
background:url(../img/arrow.gif) no-repeat scroll 0 3px;
padding:0 0 5px 13px;

}

img.turismonumana{
position:absolute;
/*top:170px;
left:900px;*/
top:0px;
right:100px;
}


img.img-immobile{
margin:5px 12px 0px 15px;
width:178px;
height:136px;
}

#maincontainer h1{
height:136px;
width:337px;
display:block;
background: url(../img/logo.png) no-repeat top left;
position:relative;
z-index:120;
}

#maincontainer h1 span{
display:none;	
}

#maincontainer h1 a{
	
}

.bold{
font-weight:bold;	
}

h2{
width:970px;
height:56px;
display:block;	
}

h2 span{
display:none;	
}

h2.agenzia{
background: url(../img/agenzia.png) no-repeat top left;
}

h2.contatti{
background: url(../img/contatti.png) no-repeat top left;
}

h2.riviera{
background: url(../img/riviera-del-conero.png) no-repeat top left;
}

h2.vacanza{
background: url(../img/vacanza.png) no-repeat top left;
}

h2.servizi{
background: url(../img/servizi.png) no-repeat top left;
}

div.breadcrumb{
clear:both;
width:600px;
font-size:12px;
}

img.onda{
position:absolute;
/*top:135px;*/
top:-35px;
z-index:100;
}

p.text{
padding-left:15px;	
}

p.textfl{
float:left;
width:680px;
padding-left:0px;	
}

img.top-img{
width:990px;
margin:0 auto;
display:block;
}

a.grey2:link, a.grey2:visited{
color:#333;	
}

a.grey2:hover{
color:#333;	
}

.grey{
color:#666;	
}

img.fl{
float:left;
margin:0px 15px;
}

img.fl2{
clear:both;
float:left;
margin:0px 15px 0px 0px;
}

.clr{
clear:both;
margin-bottom:150px;
}
.box-contatti{
float:left;
margin-left:30px;
}

div.contatto{
margin-bottom:15px;
border-bottom:1px dashed #2765AA;
padding-bottom:15px;
}

a.torna-ricerca:link, a.torna-ricerca:visited{
width:175px;
height:20px;
display:block;
background:url(../img/torna-ricerca.gif) no-repeat top left;
}


a.torna-ricerca:hover{
	background-position: 0px -20px;
}

a.italy{
position:absolute;
top:-25px;
right:40px;
}

a.en{
position:absolute;
top:-25px;
right:0px;
}


/* ----------------------------------------------------------------------------------------   BOXES   ------------------*/

#maincontainer{
width:990px;
margin:40px auto 25px auto;
background: url(../img/maincontainer_bg.gif) repeat-x top left;
position:relative;
/*border:1px solid #fff;*/
}

#container{
width:970px;
padding:0px 10px 10px 10px;
background:#fff;
}

#sxbox{
/*background:red;*/
width:650px;
float:left;
display:inline;
margin:0px 10px 0px 0px;
}

#dxbox{
/*background:green;*/
width:290px;
float:left;
display:inline;
position:relative;
padding:0px 20px 0px 0px;
}

#ricerca{
clear:both;
padding:15px 0px 0px 30px;
margin:15px 0px 0px 0px;
background: url(../img/ricerca_bg.jpg) no-repeat top left;
width:961px;
height:147px;
}


#box-ricerca{
clear:both;
padding:30px 0px 0px 20px;
margin:15px 0px 0px 0px;
width:991px;
height:147px;
background: url(../img/ricerca-white.jpg) no-repeat -15px 30px;	
}



#top-immobili{
width:624px;
background:#fff no-repeat top left;
padding:40px 0px 25px 0px;
position:relative;
float:left;
margin-bottom:25px;
}

img.top-immobili{
position:absolute;
top:-10px;
left:0px;
}

.piazzetta{
float:left;
margin-left:30px;
width:334px;
position:relative;
background:#fff;
padding-top:40px;
height:168px;
}

img.immobiliare{
position:absolute;
top:-10px;
left:0px;
}

#footer{
clear:both;
font-size:12px;
color:#a3c4df;
text-align:center;
padding:0px 0px 15px 0px;
margin-top:35px;
}

.sede-numana{
margin:60px 0px 80px 165px;
width:180px;
float:left;
text-align:center;	
}

.sede-sirolo{
float:left;
margin:60px 0 80px 280px;
text-align:center;
}

.box-dettaglio{
padding-left:48px;
padding-right:25px;
}

/* ----------------------------------------------------------------------------------------   BOX OFFERTE   ------------*/

div.offerta{
width:300px;
font-size:12px;
padding:9px 10px 3px 0px;
border-bottom: 1px solid #2086b7;
}

div.offerta p, div.offerta span{
margin:0;
padding:0;
}

.offerta p.title{
color:#2086b7;
text-transform:uppercase;
background: url(../img/p-title_bg.jpg) no-repeat 0px 3px;
padding:0px 0px 0px 12px
}

.offerta p.desc{
padding:6px 0px 0px 12px
}

.offerta p.tipologia{
color:#e03d1c;
text-transform:uppercase;
padding:6px 0px 0px 12px
}

.offerta p.prezzo, .box-casa p.prezzo, .box-house p.prezzo{
width:100%;
text-align:right;
margin-top:-15px;
}

.offerta span.prezzo, .box-casa span.prezzo, .box-house p.prezzo{
/*font-size:20px;
color:#2086b7;*/
}

a:link.link-offerta, a:visited.link-offerta{
width:310px;
display:block;
cursor:pointer;
}

a:hover.link-offerta{
background: url(../img/link-offerta_bg.jpg) repeat-x top left;	
}

a:link.vedi-offerte, a:visited.vedi-offerte{
display:block;
width:311px;
height:107px;
background: url(../img/vedi-offerte.gif) no-repeat top left;
position:absolute;
top:395px;
}

a:hover.vedi-offerte{
background-position:0px -107px;
}
/* ----------------------------------------------------------------------------------------   AFFITTI-VENDITE   --------*/


.box-casa{
/*background:red;*/
width:180px;
float:left;
margin:7px 7px 15px 7px;
font-size:11px;
position:relative;

}

.box-house{
/*background:red;*/
width:180px;
float:left;
margin:7px 7px 15px 7px;
font-size:11px;
position:relative;

}


.box house:hover a:link, .box house:hover a:visited, .box house:hover .box a:link, .box house:hover .box a:visited{
color:#333;
text-decoration:none;
}

.box house:hover a:hover, .box house:hover .box a:hover{
color:#333;
text-decoration:none;		
}


.box casa:hover a:link, .box casa:hover a:visited, .box casa:hover .box a:link, .box casa:hover .box a:visited{
color:#333;
text-decoration:none;
}

.box casa:hover a:hover, .box casa:hover .box a:hover{
color:#333;
text-decoration:none;		
}

.box-casa:hover{
background:#dfeef5;
/*color:#fff;*/
cursor:pointer;
}

.box-casa p.desc, .box-house p.desc{
	color:	#2765aa;
	}

/*.box-casa:hover p, .box-casa:hover a.desc, .box-casa:hover span.grey{
color:#fff;	
}*/

div.box{
padding:0px 5px;
border-right:2px solid #dfeef5;
border-left:2px solid #dfeef5;
border-bottom:2px solid #dfeef5;
min-height:130px;
}

p.cod{
	color:#333;
text-align:right;
}

a.desc{
display:block;
text-decoration:none;
color:	#2765aa;
margin-bottom:15px;
height:50px;
}

img.offerta{
position:absolute;
top:85px;
left:110px;
}
/* ----------------------------------------------------------------------------------------   DETTAGLIO   --------------*/

#dettaglio{
width:775px;
float:left;
}

#dettaglio p.desc{
margin:10px;	
}

/* ----------------------------------------------------------------------------------------   FORM CONTATTI   ----------*/

div.form-contatti{
float:left;	
}

div.form-contatti input{
width:370px;
height:30px;
background:url(../img/input_bg.gif) repeat-y top left;
border:none;
display:block;
margin-bottom:5px;
}

div.form-contatti textarea{
width:370px;
height:86px;
background:url(../img/input_bg.gif) repeat-y top left;
border:none;
display:block;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
}

div.form-contatti input.invia-btn{
width:85px;
height:26px;
background:url(../img/invia_btn.gif) no-repeat top left;
border:none;
cursor:pointer;
margin-left:285px;
}

div.form-contatti input.invia-btn:hover{
background-position:0px -26px;
}

/* ----------------------------------------------------------------------------------------   BOX PREZZI   -------------*/

div.box-prezzi{
background:#b0cde4;
float:left;
margin-left:20px;
}

div.box-prezzi div{
padding:0px 0px;
margin-left:15px;
}

#map2{
margin-left:0px;	
}

div.box-prezzi span.data{
color:#2086b7;
margin:0px 10px;
}

div.box-prezzi span.prezzo{
font-size:20px;
color:#e23e1c;
margin-left:25px;
font-weight:bold;
}

/* ----------------------------------------------------------------------------------------   BOX RICERCA   ------------*/

div.form{
float:left;	
}

div.combo{
display:inline-block;
background: url(../img/input_zona.png) no-repeat top right;
padding:15px 0px 0px 0px;
width:250px;
height:50px;
}

div.combo-affitto{
display:inline-block;
background: url(../img/input_affitto-vendita.png) no-repeat top right;
padding:15px 0px 0px 0px;
width:191px;
height:50px;
}

label{
width:100px;
height:24px;
display:inline-block;
margin-bottom:-5px;
}

label.zona{
background: url(../img/label_zona.png) no-repeat top left;
}

label.affitto{
background: url(../img/label_affitto.png) no-repeat top left;
}

label.grandezza{
background: url(../img/label_grandezza.png) no-repeat top left;
}

label.tipologia{
background: url(../img/label_tipologia.png) no-repeat top left;
}

input.ricerca_btn{
width:232px;
height:41px;
background: url(../img/ricerca_btn.png) no-repeat top left;
cursor:pointer;
margin-left:697px;
margin-top:-10px;
}

input.ricerca_btn:hover{
background-position:0px -41px;	
}

input.ricerca_btn2{
width:232px;
height:41px;
background: url(../img/ricerca_btn2.png) no-repeat top left;
cursor:pointer;
margin-left:697px;
margin-top:-10px;
}

input.ricerca_btn2:hover{
background-position:0px -41px;	
}

span.red{
color:#c52f03;	
}

/* ----------------------------------------------------------------------------------------   BARRA NAVIGAZIONE   ------*/

ul#nav{
list-style-type:none;
margin:-35px 0px 0px 420px;
position:relative;
z-index:9999;
}

ul#nav li{
display:inline;
margin-right:8px;
}

ul#nav li a:link, ul#nav li a:visited{
display:inline-block;
height:28px;
}

ul#nav li a:link.selected{
background-position:0px -28px;	
}

ul#nav li a span {
display:none;	
}

ul#nav li#agenzia a:link, ul#nav li#agenzia a:visited{
width:57px;
background: url(../img/nav_agenzia.gif) no-repeat top left;
}
ul#nav li#agenzia a:hover, ul#nav li#agenzia a.selected{
background-position:0px -28px;
}

ul#nav li#servizi a:link, ul#nav li#servizi a:visited{
width:50px;
background: url(../img/nav_servizi.gif) no-repeat top left;
}
ul#nav li#servizi a:hover, ul#nav li#servizi a.selected{
background-position:0px -28px;
}

ul#nav li#vacanza a:link, ul#nav li#vacanza a:visited{
width:91px;
background: url(../img/nav_vacanza.gif) no-repeat top left;
}
ul#nav li#vacanza a:hover, ul#nav li#vacanza a.selected{
background-position:0px -28px;
}

ul#nav li#affitti a:link, ul#nav li#affitti a:visited{
width:50px;
background: url(../img/nav_affitti.gif) no-repeat top left;
}
ul#nav li#affitti a:hover, ul#nav li#affitti a.selected{
background-position:0px -28px;
}

ul#nav li#vendite a:link, ul#nav li#vendite a:visited{
width:49px;
background: url(../img/nav_vendite.gif) no-repeat top left;
}
ul#nav li#vendite a:hover, ul#nav li#vendite a.selected{
background-position:0px -28px;
}

ul#nav li#riviera a:link, ul#nav li#riviera a:visited{
width:110px;
background: url(../img/nav_riviera.gif) no-repeat top left;
}
ul#nav li#riviera a:hover, ul#nav li#riviera a.selected{
background-position:0px -28px;
}

ul#nav li#contatti a:link, ul#nav li#contatti a:visited{
width:65px;
background: url(../img/nav_contatti.gif) no-repeat top left;
}
ul#nav li#contatti a:hover, ul#nav li#contatti a.selected{
background-position:0px -28px;
}
























.comboboxContainer { 
/*border-left: solid 2px #777; 
border-top: solid 2px #777; 
border-right: solid 1px #ccc; 
border-bottom: solid 1px #ccc;*/


} 

.comboboxValueContainer { 
background: url(../img/bluegradient_content.gif) repeat-x left top; 


} 

.comboboxValueContent { 
padding: 3px 20px 40px 20px; 
position:relative;
margin-bottom:30px;
/*text-transform: uppercase; */


} 

.comboboxDropDownContainer { 
/*border-right: solid 1px #000; 
border-bottom: solid 1px #000; 
border-left: solid 1px #aaa; 
border-top: solid 1px #aaa; 
background: #fff; 
overflow: hidden; 
padding-left: 3px; */


} 

.comboboxDropDownButton { 
width: 16px; 
height: 18px; 
background-image: url(../imgs/trigger.gif); 
} 

.comboboxGroupItemHeader { 
display: block; 
background: #99cccc; 
color: #000; 
font-family: Impact; 
} 

.comboboxGroupItemContainer { 
padding-left: 10px;

} 

.comboboxItem { 
background: #fff; 
color: #000; 
cursor:pointer;
font-weight: normal; 
font-style: normal; 
} 

.comboboxItemHover { 
background-color: #999; 
color: #fff; 
/*text-transform: uppercase; */
padding-left: 4px; 
}

.comboboxContainer { 
/*border-left: solid 2px #777; 
border-top: solid 2px #777; 
border-right: solid 1px #ccc; 
border-bottom: solid 1px #ccc; */
} 

.comboboxValueContainer { 
background: url(/images/bluegradient_content.gif) repeat-x left top; 
cursor:pointer;
/*border:1px solid yellow;
display:block;
padding:8px 3px 8px 3px;
margin-top:-5px;*/
} 

.comboboxValueContent { 
padding: 3px 20px 40px 20px; 
position:relative;
margin-bottom:30px;
font-style:italic;
color:#666;
font-size:15px;
} 

 .comboboxDropDownContainer { 
/*border-right: solid 1px green; 
border-bottom: solid 1px red; 
border-left: solid 1px red; 
border-top: solid 1px red; */
background: #fff; 
overflow: hidden;
padding-left: 3px;
position:relative;
margin-top:20px;

}

.comboboxDropDownButton { 
width: 16px; 
height: 18px; 
background-image: url(../imgs/trigger.gif); 
} 

.comboboxGroupItemHeader { 
display: block; 
background: #99cccc; 
color: #000; 
font-family: Impact; 


} 

.comboboxGroupItemContainer { 
padding-left: 10px; 


} 

.comboboxItem { 
background: #fff; 
color: #000; 
text-transform: lowercase; 
font-weight: normal; 
font-style: normal; 


} 

.comboboxItemHover { 
background-color: #999; 
color: #fff; 
/*text-transform: uppercase; */
padding-left: 4px;
}

select.officeItemList{
	font-style:italic;
	font-size:14px;
	color:#666;
}



#slideshow {
  float: left;
  position: relative;
  overflow: hidden;
  width: 651px;
  height: 436px;
  background: url(/images/ui/border-slideshow.png) no-repeat 0 0;
  list-style: none;
margin: 0;
	margin-bottom:20px;
}
#slideshow ul li {
  position: absolute;
  top:0px;
}
#slideshow ul li,
#slideshow ul li a {
	display: block;
	width:720px;
	height: 355px;
	position: relative;
}
#slideshow ul li a:hover {
  background: none; /*CHANGED: fixed hover*/
}
#slideshow span {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 720px;
  padding: 5px;
  color: #fff;
  background: #000;
}