@font-face {
	font-family: 'Gotham-Medium';
	src: url('fonts/Gotham-Medium.eot'); /* IE9 Compat Modes */
	src: url('fonts/Gotham-Medium.eot?iefix') format('eot'), /* IE6-IE8 */
	     url('fonts/Gotham-Medium.woff') format('woff'), /* Modern Browsers */
	     url('fonts/Gotham-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/Gotham-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
	}

BODY {font-family:Gotham-Medium, "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:80%; color: #333; margin: 20px 0;background-color:#DDDDDD;text-align:center;line-height:1.23}
a:link, a:visited {color:#390; text-decoration:none}
a:hover {text-decoration:underline}

/* form e img */
*:focus {outline: none}
p {margin:13px 0}
.imgdx {float:right;margin:0 0 0 20px}
.imgsx {float:left;margin:5px 10px 0 0}
h1, h2, h3, h4 {margin:0;font-weight:normal;color:#390}
h4 {font-size:20px}

h1 {display:block;width:580px;border-bottom:2px solid #EF820A;font-size:20px}
h2 {font-size:15px}
h3 {font-size:14px}

.right {float:right;}
.center {text-align:center}
img {border:0}
form {margin:0}
.wide {clear:both}
input[type="text"], textarea, select, input[type="submit"] {font-family:Gotham-Medium, "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;border:0;color:#666;padding:0}
input[type="text"], input[type="submit"] {height:30px;line-height:30px;background:url(images/sprite.png) no-repeat}
input[type="text"] {background-position:-390px -655px;padding:0 10px;width:210px}

input[type="submit"] {background-position:-430px -620px;border:0;width:100px;color:#fff;font-size:14px;text-transform:uppercase}
input[type="submit"]:hover {color:#fc0}
input[type="submit"]:active {color:#fc0;font-size:13px}

#sx input[type="submit"] {margin:0 auto}

.textareatop {margin:0 auto;clear:both;width:490px;background:url(images/textareatop.png) no-repeat top left;padding-top:4px}
.textareabot {width:490px;background:url(images/textareabot.png) no-repeat bottom left #fff;padding:6px 0 10px 0;text-align:center}
.textareabot textarea {margin:0 auto;width:470px;height:120px}

.textareasxtop {margin:0 auto;clear:both;width:230px;background:url(images/textareasxtop.png) no-repeat top left;padding-top:4px}
.textareasxbot {width:230px;background:url(images/textareasxbot.png) no-repeat bottom left #fff;padding:6px 0 10px 0;text-align:center}
.textareasxbot textarea {margin:0 auto;width:210px;height:120px}

/* struttura */
#container {position:relative;margin:0 auto;width:970px;text-align:justify;background:url(images/topcontainer.gif) no-repeat 0 0 #fff}

#top {position:relative;margin:0 auto;height:87px;width:930px}

ul#topmenu{position:absolute;top:10px;right:0;text-align:center;margin:0;padding:0;font-size: 12px;list-style:none;text-transform:uppercase;}
ul#topmenu li{float: left;margin-left:10px}
ul#topmenu span {padding: 0 10px 0 7px;display:inline-block}
ul#topmenu a {padding-left:3px;display:inline-block;height:30px;line-height:30px;}
ul#topmenu a:link, ul#topmenu a:visited{text-decoration: none;color: #fff;background: url(images/topmenu.gif) no-repeat top left}
ul#topmenu a:link span, ul#topmenu a:visited  span{background: url(images/topmenu.gif) no-repeat top right}
ul#topmenu a:hover, ul#topmenu li.pers_voceCorrente a{background: url(images/topmenu.gif) no-repeat bottom left;color: #fff}
ul#topmenu a:hover span, ul#topmenu li.pers_voceCorrente a span{background: url(images/topmenu.gif) no-repeat bottom right}


#topsearch {margin:0 auto 20px auto;width:930px;height:290px}
#topsearch > div {float:left}
#topsearch > #topsx {margin-top:30px;width:400px;height:240px !important; height /**/:260px;background: url(images/sprite.png) no-repeat 0 -120px;padding:10px 0}

#topsearch > #topdx {width:530px;}
.tabs {float:right;text-transform:uppercase;;text-align:center;font-size:15px;margin-right:10px}
.tabs span {float:left;width:190px;height:30px;line-height:30px;color:#fff;display:inline-block;margin-left:10px;cursor:pointer;background: url(images/sprite.png) no-repeat -510px -90px #ccc}
.tabs span:hover, .tabs span.selected {background: url(images/sprite.png) no-repeat -320px -90px #EF820A}
.tabs span.selected {cursor:default}

.toptabs {margin:0 auto;width:930px;height:30px}

.tabcontent {clear:both;width:500px !important; width /**/:530px;height:250px !important; height /**/:260px;background: url(images/sprite.png) no-repeat -400px -120px;padding:10px 0 0 30px}
.ricerca > div {float:left;width:230px;margin:14px 20px 0 0;color:#390}
.ricerca > div > div.selector, .sort div.selector {width: 230px;background-position: 0 -620px; text-transform:capitalize;}
.ricerca > div > div.selector select, .sort div.selector select {min-width: 230px; text-transform:capitalize;}
.ricerca > div > div.selector span, .sort div.selector span {width: 180px; text-transform:capitalize;}

.ricerca > div > div > div.selector {width: 100px;background-position: -230px -620px;}
.ricerca > div > div > div.selector select {min-width: 100px}
.ricerca > div > div > div.selector span {width: 50px}

.ricerca > div > div {float:left;width:115px}
.ricerca > div > div.mright {/*margin-right:30px*/}
.ricerca > div > div input[type="text"] {background-position:-330px -620px;padding:0 10px;width:70px;}
.padding10 { padding-left:10px;}
div.avanzata {position:relative;height:45px}
div.avanzata a {position:absolute;bottom:0;right:0;color:#390}

.sort {float:right;height:40px}

#slide {margin:0 auto 25px auto;width:990px;border-top:1px solid #828D93;border-bottom:1px solid #828D93;padding:5px 0;height:270px;font-family:abeatbykai, "Trebuchet MS", Arial, Helvetica, sans-serif}
#slidesx {background-color:#828D93;width:210px;height:270px;color:#fff;float:left}
#slidedx {position:relative;width:780px;height:270px;float:left;}
#slidetext {text-align:left;font-size:15px;color:#828D93;background:url(images/slidetext.png) repeat; padding:10px 20px 10px 10px;position:absolute;bottom:10px;right:0;z-index:9999}
#slidetext h2 {color:#E9620D;font-size:25px}
#slidetext p {margin:0}

#contenthome, #sx, #content {position:relative} 
#contenthome {margin:0 auto 20px auto;width:930px}


#footer {margin:0 auto;clear:both;position:relative;width:890px !important; width /**/:970px;height:105px !important; height /**/:130px;padding:25px 40px 0 40px;text-align:left;background:url(images/sprite.png) no-repeat 0 -490px;font-size:11px}
#footer #logoContainer img {margin-top:5px;background:url(images/sprite.png) no-repeat -730px -620px;width:145px;height:35px}

#footer div {float:left;border-right:1px solid #fff;padding:10px 42px 0 0;margin-right:42px;height:80px !important; height /**/:90px}
#footer div:first-child {padding:0 38px 0 0;height:90px !important}
#footer #credits {border-right:0 !important;padding:0 !important;position:absolute;bottom:18px;right:40px;height:auto !important;margin-right:0}

/* social */
a#fb, a#twitter {display:inline-block;width:30px;height:30px;background:url(images/sprite.png) no-repeat;margin:0 10px 15px 0}
a#fb span, a#twitter span {display:none}
a#fb {background-position:-850px -655px}
a#twitter {background-position:-880px -655px}
a#fb:hover {background-position:-910px -655px}
a#twitter:hover {background-position:-940px -655px}

/* mappatura logo */
ul#mlogo {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:17px;left:0;
	width:307px;height:71px;
	background:url(images/sprite.png) no-repeat 0 0}
	
ul#mlogo li {
display:block;
position:absolute;
margin:0;padding:0
}
li#logo {
left:0;top:0;
width:307px;height:71px;
}

#mlogo a {display:block;
width:100%;
height:100%}

#mlogo a span {display:none}

/* content */
.banners div {margin:20px 0 0 0;width:300px;height:90px;text-align:right;background:url(images/sprite.png) no-repeat;color:#fff}
.split3home div {float:left;margin:0 0 20px 15px}
.split3home div:first-child {margin-left:0}
#hinserisci, #hvaluta {background-position:-320px 0;background-color:#390}
#hrichiesta, #cerca {background-position:-620px 0;background-color:#EF820A}
.banners div a {display:block;width:290px !important; width /**/:300px;height:70px !important; height /**/:90px;padding:10px 10px 10px 0;font-size:14px;color:#fff;background:url(images/sprite.png) no-repeat}
.banners div a b {display:inline-block;font-size:20px;font-weight:normal;margin-bottom:5px}
.banners div a:hover {text-decoration:none;color:#fc0}
#hinserisci a {background-position:-930px -120px}
#hvaluta a {background-position:-930px -214px}
#hrichiesta a {background-position:-930px -308px}
#cerca a {background-position:-926px 0}
#hrichiesta a:hover, #cerca a:hover {color:#333}

#hnewsletter {float:left;width:210px;height:110px;background:url(images/sprite.png) no-repeat 0 -380px;text-align:center;font-size:20px; margin-right:15px}
#hnewsletter a {display:block;width:210px;height:90px !important; height /**/:110px;padding:10px 0;color:#390}
#hnewsletter a span {display:inline-block;font-size:14px;margin-top:10px}

#trovagenzia, #hgruppo {float:left;width:225px;height:110px;background:url(images/sprite.png) no-repeat -450px -380px;text-align:center;font-size:20px; margin-right:15px}
#trovagenzia a, #hgruppo a {display:block;width:225px;height:90px !important; height /**/:110px;padding:10px 0;color:#390}
#trovagenzia a span {display:inline-block;width:110px !important; width /**/:160px;height:39px;background:url(images/sprite.png) no-repeat 0 -80px;font-size:14px;margin-top:5px;padding-left:50px}
#hgruppo a {background:url(images/sprite.png) no-repeat -210px -380px}
#hnewsletter a:hover, #trovagenzia a:hover, #rivista a:hover, #hgruppo a:hover {text-decoration:none;color:#333}


.margin {position:relative; top:-70px;}
.chisiamoBox img {display: inline-block;position: relative;top: -10px;width: 76px !important;left: -48px;}

#rivista {float:left;width:215px !important; width /**/:225px;height:74px !important; height /**/:110px;padding:18px 10px 18px 0;background:url(images/sprite.png) no-repeat -675px -380px;text-align:right;font-size:20px}
#rivista a {color:#390;}


#content {float:left;width:610px}
.graytop {width:610px;background:url(images/contenttop.png) no-repeat top left;padding-top:4px;margin-top:20px}
.graybot {width:580px !important; width /**/:610px;background:url(images/contentbot.png) no-repeat bottom left #e9e9e9;padding:10px 15px 44px 15px;}

.risultato {width:560px !important; width /**/:580px;padding:10px;min-height: 84px;height: auto !important;height: /**/ 104px;clear:both;background-color:#fff;margin-top:10px}
.risultato img {border:2px solid #e1e1e1}
.risultato > div:first-child {float:left}
.risultatodx {float:right}
.risultatodx div, .risultatodx a {height:30px;line-height:30px;background:url(images/sprite.png) no-repeat;width:100px;color:#fff;font-size:14px;text-align:center;font-size:15px;text-transform:uppercase}
.risultatodx > div {background-position:-430px -620px;margin-bottom:10px}
.risultatodx a {background-position:-880px -620px;display:block}

.margin0 {margin:0 !important}
.form, .split2form {color:#390}
.split2form {margin:0 auto;width:520px}
.split2form > div {float:left;margin:15px 15px 0 15px;width:230px}

.form {clear:both;margin:0 auto;width:490px;padding-top:15px}
.form p, .privacy {font-size:11px;color:#333}

#gallery {float:left;width:340px;background-color:#fff;height:308px}

#topscheda {height:18px;font-size:11px;margin:3px 0 20px 0}
#topscheda div {float:right;line-height:18px}
#topscheda div:first-child {float:left}
a.stampa, a.segnala {display:inline-block;height:18px;background:url(images/sprite.png) no-repeat;margin-left:5px}
a.stampa {background-position: -900px -380px;padding-left:20px}
a.segnala {background-position: -900px -398px;padding-left:18px}

#info {float:right;width:205px !important; width /**/:225px;height:288px !important; height /**/:308px;padding:10px;background-color:#fff;font-size:12px}
#info p {background:url(images/dotgray.gif) repeat-x bottom left;display:block;width:205px;margin:6px 0 0 0;padding-bottom:5px}
#info b {font-weight:normal;color:#390}
#info h3 {font-size:15px;margin-bottom:15px}

#map_canvas {width:556px;height:400px}
table.caratt {width:556px;border-collapse:collapse;text-align:left;margin:10px 0}
table.caratt td, table.caratt th {background:url(images/dotgray.gif) repeat-x bottom left;padding:5px;text-align:left}
table.caratt th {font-weight:normal;color:#390}

.agenzie {clear:both;margin:15px auto;width:556px;padding-bottom:15px;border-bottom:1px solid #ccc}
.agenzie:first-child {border-top:0}
.agenzie > div {float:right;width:215px}
.agenzie > div:first-child {float:left;width:240px}
.agenzie > div.wide {float:none}

/* sx */
#sx {float:left;width:300px;margin:0 20px}
#sxgraytop {width:300px;background:url(images/sxtop.png) no-repeat top left;padding-top:4px;margin-top:20px}
#sxgray {width:230px !important; width /**/:300px;background:url(images/sxbot.png) no-repeat bottom left #e9e9e9;padding:10px 35px 14px 35px}

#sx h2 {font-size:20px;border-bottom:2px solid #EF820A;text-align:center;margin:0 auto;color:#390;padding:0}





/* prove pietro */
.messaggioConferma 
{
    color:#390;
}
    
     /*paginazione*/
.casarete_pnavigation
{
    position: absolute;    
	padding-bottom: 10px;
}

.upper 
{
    top: 10px;
}

.bottom 
{
    bottom: -8px;
}
    

.casarete_pnavigation a{
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	background-color:#ef820a;
	margin-bottom: 10px;
	margin-top: 10px;
}
.casarete_pnavigation .active_page{
	background-color:white !important;
	color:#ef820a !important;
}	

/*popup vik*/
    #popupPrivacyContainer
    {display:none; background-color: #fff; width:600px; height:400px; overflow:auto; padding:10px; font-size:8pt !important;
      text-align: justify !important;}
#popupPrivacyClose,  a#popupPrivacyClose{ font-size:12pt !important; font-weight: bold; position:absolute;right:10px;top:0px; text-decoration: none;}
 a#popupPrivacyClose:hover{ font-size:12pt !important; color: #ffcc00 !important;}
 
 /* fix miniature */
 .miniaturaElenco 
 {
     width: 121px;
     height: 84px;
     float: left;  
     text-align: center;   
 }
 
 .miniaturaImmagine
 {          
     max-width: 111px;
     margin: 0 auto !important;     
 }
 
 /* mappa */
 
 #mappaVendita 
 {
     margin-top: 20px;
 }
 
 #mappaVendita ul, #mappaAffitto ul 
 {
     list-style: none;
     margin-top: 0px;
 }
 
 
 #mappaVendita ul li, #mappaAffitto ul li
 {
     margin-left: -30px;     
 }
 
 .obbligatorio 
 {
     color:#EF820A;
     display:inline;
     font-size: 150%;
 }

.pika-stage img
{
    cursor: pointer;
}

.imgDef 
{
    margin-left: 140px;
    margin-top: 115px;
}

body 
{
    overflow-x: hidden;
}

#logoStampa 
{
    display: none;
}

.messaggioCaptchaPagina div
{
    text-align: left !important;
    width: 100%;
}

.pika-stage 
{
    overflow: hidden;
}

.intestazioneSelect 
{
    text-transform: capitalize;    
    border: none;    
    padding: 0 10px;
    width: 210px;
    height: 30px;
    line-height: 30px;
    background: url(images/sprite.png) no-repeat;
    background-position: 0 -620px;
    color: #666;
    cursor: pointer;    
}

.ulSelect 
{
    margin: 0;
    padding: 0;
    max-height: 200px;
    width: 255px;   
    display: none;
    background-color: #fff;
    overflow-y: scroll;
    font-size: 80%;
    position: absolute;
    text-transform: uppercase !important;
    left: 60px;
    border: 1px solid;
}

.ulListItem 
{
    list-style: none;
    background-color: #fff;
    color: #666;
}

.on 
{
    display: block;
}

#lblAreeSelezionate 
{
    display: block;
    font-size: 70%;
    height: 60px;
    text-align: left;
    text-transform: uppercase;
}
div.formSearchTextBoxContainer
{
    position: relative;
    height: 30px;
    line-height: 30px;
    }    
    
span.formSearchFloatingValidator
{
    display: block;
    color: #ff0000;
    position: absolute;
    right: 5px;
    top: 2px;
    
    }