/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx CSS Principale di MM Imóveis xxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx Regole Generali xxxxxxxxxxxxxxxxxxxxxxxxxx */

* {margin:0; padding:0;}

html {height:100%; margin-bottom:1px;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx La Div Principale xxxxxxxxxxxxxxxxxxxxxxxxx */

div#wrap {width:800px;position:relative;margin:50px auto;}

/*================================================================================

La Pagina POPUP

=================================================================================*/

div#wrapper {width:700px;margin:50px auto 50px;}

div#round {width:659px;margin:0;text-align:left;padding:20px;}

div#ss {width:400px;min-height:169px;}

div#ss a {width:80px;height:60px;margin:5px;float:left;display:block;}

div#ss a img {width:100%;height:100%;border:none;}

ul#det {width:200px;height:125px;float:right;list-style:none;padding:20px;}

div#descr {width:410px;min-height:90px;clear:left;margin-top:20px;padding:20px;}

div#mm {width:190px;height:130px;float:right;margin-top:20px;text-align:center;}

div#mm img {width:183px;height:98px;margin:2px;}

/*================================================================================

Fine della Pagina POPUP

=================================================================================*/

/* xxxxxxxxxxxxxxxxxxxxxxxxxxx Il Banner xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div#banner {width:630px;float:right;margin-bottom:30px;}

div#banner img {width:100%;}

div#banner img#lema {width:260px;position:absolute;left:200px;top:180px;}

div#creci {position:absolute;top:15px;right:15px;}

div#creci ul {list-style:none;}

div#search {margin:0 0 10px 10px;}

div#subHeader {}

div#back {width:72px;height:32px;float:right;margin:10px;}
div#back img {width:32px;height:32px;border:none;float:left;margin-right:4px;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxx La Lista di Navigazione xxxxxxxxxxxxxxxxxxxxx */

ul#nav {list-style:none;width:167px;margin-top:-5px;position:absolute;top:-20px;left:5px;padding-right:5px;}

ul#nav li.nav {width:140px;margin:0 auto;padding-left:30px;}

ul#nav li.nav a {display:block;}

ul#nav li#tel {width:140px;margin:0 auto;}

ul#nav li#bottom {width:172px;margin-bottom:-20px;}

ul#nav li#logo a img {width:100%;border:none;margin:0 3px;}

ul#nav li#tel img {width:100%;}

ul#nav li#change a img {width:80%;border:none;margin:15px;}

ul#nav li#bottom img {width:100%;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxx I Contenuti xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* ==========================================================

	Quando Non c'è la colonna di destra

========================================================== */

div#content {
	width:600px;
	min-height:700px;
	margin:0 0 30px 180px;
	padding:10px;
}

div#content img#firm {
	width:300;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	padding:2px;
}

/* ==========================================================

	Quando C'è la colonna di destra

========================================================== */

div#center {
	width:410px;
	min-height:700px;
	margin:0;
	margin-left:180px;
	padding:10px;
}

/* ==========================================================

	La Colonna di destra

========================================================== */

div#right {
	width:190px;
	height:420px;
	float:right;
	margin-top:-35px;
	text-align:center;
	padding-top:30px;
	position:relative;
}

div#bottomRightBox {
	width:190px;
	height:17px;
	position:absolute;
	bottom:0;
	right:-5px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxx Le Immagini di case e appartamenti xxxxxxxxxxxxxxxxxxxxxxxx */

ul.vendas {
	list-style:none;
	width:190px;
	float:left;
	margin-right:10px;
}

ul.vendas li {
	width:186px;
	height:26px;
}

ul.vendas li#title {
	width:190px;
	height:58px;
	padding-left:25px;
}

/* ==============================

La Box Piccola

================================ */

span.rtop span, span.rbottom span {
	display:block;
	height:1px;
	overflow:hidden;
}

span.r1 {
	margin:0 5px;
}

span.r2 {
	margin:0 3px;
}

span.r3 {
	margin:0 2px;
}

span.rtop span.r4, span.rbottom span.r4 {
	margin:0 1px;
	height:2px;
}

div.main {
	width:600px;
	position:relative;
	display:block;
	display:inline-block;
	margin-bottom:60px;
}

div.sale {
	width:600px;
	position:relative;
	display:block;
	display:inline-block;
	margin-bottom:90px;
}

div.main p {
	padding:20px;
	padding-left:140px;
	float:right;
}

div.sale p {
	padding:20px;
	padding-left:240px;
	float:right;
}

span.place, span.price {
	padding:5px;
	display:block;
}

span.price  {
	margin:-30px 5px 5px -5px;
	width:180px;
	text-align:center;
	z-index:30;
	position:absolute;
}

span.pic  {
	width:32px;
	height:32px;
}

span.pic a img {
	width:32px;
	height:32px;
	border:none;
}

div.main ul, div.sale ul  {
	position:absolute;
	top:-35px;
	left:5px;
	z-index:20;
}

div.small {
	width:126px;
	height:200px;
	float:left;
	margin:5px;
}

div.small ul, div.main ul, div.sale ul {
	list-style:none;
	font-size:12px;
	margin:0;
}

div.small ul li, div.main ul li, div.sale ul li {
	width:100px;
	text-align:center;
	margin:0 auto;
	border-left:1px solid #bebebe;
	border-right:1px solid #bebebe;
}

div.small ul li.first, div.main ul li.first, div.sale ul li.first {
	border:none;
}

div.small ul li.first img, div.main ul li.first img {
	width:100px;
	margin-bottom:-2px;
}

div.small ul li.sec, div.main ul li.sec {height:25px;line-height:25px}

div.small ul li.last, div.main ul li.last, div.sale ul li.last {
	border-bottom:1px solid #bebebe;
}

div.small ul li.img, div.main ul li.img {
	width:126px;
	height:108px;
	margin:-1px auto -10px;
	border:none;
}

div.small ul li.img a img, div.main ul li.img a img {
	width:106px;
	height:78px;
	margin:0 auto;
	padding:10px 9px 6px 9px;
	border:none;
}

div.sale ul li.wideBox {
	width:228px;
	height:174px;
	margin:-1px auto -1px;
	border:none;
}

div.sale ul li.wideBox a img.wideBox {
	width:202px;
	height:152px;
	margin:0 auto;
	padding:10px 9px 6px 9px;
	border:none;
}

/* ==============================

La Box di fondo

================================ */

div#center div#bottomBox {text-align:center;clear:left;margin-top:-50px;margin-bottom:50px;height:100px;}

div#content div#bottomBox {width:410px;text-align:center;clear:left;margin-top:50px;margin-bottom:50px;height:100px;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Le Mappe xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div#content div#map {
	width:500px;
	height:500px;
	clear:both;
	margin:30px;
}

/* ==============================

La Box Media

================================ */

div#right div.wrapper1,
div#right div.wrapper2 {
	width:159px;
	height:100px;
	margin:30px auto 30px;
	padding:0;
	clear:right;
}

div#right img#midBox {
	width:116px;
	height:70px;
	margin:18px 19px;
	padding:0;
	border:none;
}

/* ==============================

La Box Grande

================================ */

div#right iframe#bigBox {
	width:135px;
	height:170px;
	margin:16px -2px 16px 0;
	padding:0 2px;
	border:none;
	overflow:hidden;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxx La Pagina di Contatto xxxxxxxxxxxxxxxxxxxxxxxxx */

div.contact {width:500px;padding:50px 20px 0;clear:both;position:relative;}

div.contact img {position:absolute;top:55px;left:25px;}

/* xxxxxxxxxxxxxxxxxxxxxxxxxx Il Footer xxxxxxxxxxxxxxxxxxxxxxxxxxx */

div#footer {clear:both;}