*{margin:0; padding:0; }

body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#333;
	background: url(../img/fondo.jpg) repeat-x;
	background-color:#e7e4dd;
}

img {border:0}

a:link {color: #000; text-decoration:none}   
a:visited {color: #000; text-decoration:none} 
a:hover {color: #666666; text-decoration:none}   
a:active {color: #000; text-decoration:none}   

h1{	
	font-size: 21px;
	font-weight:normal;
	color: #003366;
	padding:0px 0px 3px 0px;
	margin-bottom:0px;
	/*border-bottom:1px solid #D5E3F0;*/
	line-height:normal
}
.struttura h1,.immobiliare h1{	
	font-size: 18px;
	color: #fff;
	padding:3px 0px 0px 40px;
	height: 27px;
	margin-bottom:2px;
	line-height:23px;
	background: url(../images/freccia_giu.gif) left top no-repeat #200000;
	text-transform: uppercase;
	font-weight: normal;
}
h2{	
    
	font-size: 18px;
	color: #fff;
	padding:3px 0px 0px 40px;
	height: 27px;
	margin-bottom:2px;
	line-height:23px;
	/*background: url(../images/freccia_giu.gif) left top no-repeat #3f2911;*/
	background: url(../images/freccia_giu.gif) left top no-repeat #200000;
	text-transform: uppercase;
	font-weight: normal;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	width:170px;
	height: 26px;
	font-size:18px;
	color: #FFFFFF;
	padding-left:10px;
	padding-top: 3px;
	margin-top:10px;
	background-color: #840114;
	/*background-color:#510000;*/
	/*	background-color: #3f2911;
*/	font-weight: normal;
}

h4 a{	
	font-family: Arial, Helvetica, sans-serif;
	width:145px;
	font-size:12px;
	color: #000000;
	padding: 4px 5px 2px 15px;
	font-weight: normal;
	text-transform: none ;
	border-bottom: 1px #c5c7c8 dotted;
	background:url(../images/freccia_1.gif)	left no-repeat;
	display:block;
}

h4 a:hover{	
	color: #3d2b13;
	background:url(../images/freccia_2.gif)	left no-repeat #FFFFCC;	
}
h5
{
	font-size:17px;
	color: #840114;
	font-weight:bold;
	margin-top:5px;
	margin-left:10px
	}

ul{
	margin:0px 0px 0px 20px;
	padding:0px;
}



/*-----------------*/

#contenitore {
	/*position:relative;*/
	width:952px;
	margin: 0px auto;
	text-align:left;
	}
	
/*------------------head-------------------------*/	
#head{
	position:relative;
	background: url(../images/fondo_testata.png) no-repeat top;
	width:952px;
	height:127px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
	}
	
#box_logo {
	/*float:left;*/
	margin-left: 70px;
	z-index:10;
	}

#box_banner_top {
	position:absolute;
	text-align:left;
	color:#FFFFFF;
	right: 10px;
	top: 20px;
	}	

.box_facebook_twitter {
	position:absolute;
	top:3px;
	left:70px;
	z-index:10;
	}
	#box_facebook_twitter img {
	margin-right:3px;
	}
	
#fotomenu{
	position:relative;
	width:950px;
	height:218px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	}
	
#menu_sotto_head{
	position:relative;
	background: url(../images/fondo_sottomenu_head.gif) top no-repeat;
	width:930px;
	height:18px;
	padding: 3px 10px 0px 10px;
	margin-bottom: 5px;
	left: 0px;
	color: #e7e4dd;
	}	
	
#piede{
	position:relative;
	background: url(../images/fondo_sottomenu_head.gif) no-repeat top;
	width:930px;
	height:17px;
	padding: 4px 10px;
	margin-bottom: 5px;
	margin-top: 10px;
	color: #e7e4dd;
	font-size: 10px;
	}		

#menu_sotto_head a{	color: #e7e4dd; text-decoration:none;}		
#menu_sotto_head a:hover{	color:#FFFFFF; margin: 0px; }		

#menu_sotto_head .newsletter{
	float: right;
}	


/*menu testata ------------------*/	

#menu {
	position: absolute;
	background: url(../images/fondo_menu.png) repeat-x;
	width:950px;
	height:29px;
	top: 0px;
	right: 0px;
	margin: 0 auto;
	}
*html #menu {
	background: none;
	background-color:#000000
	}
	#menu ul {
	width:950px;
	text-align:right;
	margin:0px;
	padding:0px;
	line-height:30px;
	}
	*html #menu ul {
	line-height:30px;
	}
		#menu ul li {
		display:inline;
		list-style-type:none;
		}
		#menu ul li a {
		color: #FFF;
		font-size:11px;
		text-decoration:none;
		border-right: 1px solid #FFFFFF;
		padding:0px 9px;
		text-transform:uppercase
		}
		#menu ul li a:link{
		text-decoration:none;		
		}
		#menu ul li a:visited {
		text-decoration:none;
		}
		#menu ul li a:hover {
		text-decoration:none;
		color: #fff;
		}
		#menu ul li a:active {
		text-decoration:none;
		}

/*fine menu orizzontale testata -------------------*/					
.box_flag {
	position:absolute;
	width:66px;
	height:17px;
	left: 11px;
	top: 8px;
	}


/*corpo---------------------------------*/	
	
#content {
	width:950px;
	padding-top:5px;
	}
	
	
	/*menu SX -------------------*/	
#menu_sx {
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	width: 180px;
    }
	
.box_banner	 {
	width: 145px;
	height: 135px;
	background:url(../images/fondo_box_banner.gif) no-repeat;
	padding: 9px 18px 9px 17px;
	margin-bottom: 8px;
    }

.box_banner	img {
	border: 1px solid #000066;
    }
	
.sotto_menu_laterale {
	background-color: #FFFFFF;
	width: 170px;
	padding: 3px 5px;
    }
	
.sotto_menu_laterale img {
	border: 1px #41270e solid; margin-right: 5px;
    }	
				
			
	/*menu DX -------------------*/	
	#menu_dx {
	float: right;
	text-align:left;
	width:180px;
	}

		
	/*fine menu DX -------------------*/
			
	#content_dx {
	float:right;
	width:760px;
	/*background:url(../img/fondo_menu_sx.gif) left repeat-y;*/
	}
	
	.corpo_centrale {
	float:left;
	text-align:left;
	width:567px;
	margin:0px 2px;
}
			
	*html .corpo_centrale {
	margin-left:0px;
	}

.offerte {
	text-align:left;
	width:565px;
	border: 1px #41270e solid;
	background-color: #FFFFFF;
	margin-bottom: 20px;	
	}

.offerte p, .elenco p, .struttura p {	padding: 5px 10px 5px 10px; line-height: 18px; text-align:justify	}
.offerte p a, .elenco p a, .struttura p a{	font-weight: bold; }	
.offerte p a:hover, .elenco  p a:hover, .struttura p a:hover{ color:#666666; }	
.offerte p img, .elenco p img{ 	border: 1px #41270e solid; margin-right: 10px; float:left;}			
.immobiliare p{	padding: 0px 10px 0px 10px; line-height: 16px;}	


.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.elenco, .struttura, .immobiliare {
	text-align:left;
	width:565px;
	border: 1px #41270e solid;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	padding-bottom:10px;	
	}

	
.immstruttura {
	/*padding: 5px;*/
	border: #200000 solid 1px;
	margin: 7px;
	margin-bottom:10px;
	float: left;
	background-color:#FFFFFF;
	}
.video {
	width:490px;
	margin:0px auto;
	margin-top:20px
	}
	.video h3 {
	width:auto;
	height:auto;
	margin:0px 0px 1px 0px;
	font-size:16px;
	padding:5px 0px 5px 7px
	}
.form_struttura {
	margin: 10px;
	background-color:#EFEFEF;
	border: 1px solid #200000;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.form_struttura p{
	padding: 0px;
	}	

input.formstruttura {
	border: 1px solid #200000;
	width: 250px;
	}		
	
textarea.formstruttura2 {
	border: 1px solid #200000;
	width: 510px;
	background-image: none;
	background: #FFFFFF;
	}		

input.formstruttura3 {
	border: 1px solid #200000;
	width: 50px;
	background-image:none;
	background-color:#200000;
	color: #FFFFFF;
	}		
	
.elenco ul, .struttura ul{
	padding: 10px 20px 10px 0;
	list-style: none;
	}

.elenco ul li, .struttura ul li {
	font-size: 12px;
	padding: 0px 0 10px 25px;
	color: #200000;
	margin: 15px 0;
	border-bottom: 1px #c5c7c8 dotted;
	background:url(../images/freccia_lista.gif) left top no-repeat;
	}
	ul.immobiliare li
	
.struttura ul li h2{
	font-size: 14px;
	font-weight: bold;
	color:#000000;
	padding:0;
	height: auto;
	margin-bottom:0px;
	line-height: normal;
	background: none;
	text-transform: none;
	}	
	
.struttura ul li h2 img{
	padding: 3px;
	border: #200000 solid 1px;
	margin: 5px;
	float: right;
	background-color:#FFFFFF;
	}	

.struttura ul li h2 img{
	padding: 3px;
	border: #200000 solid 1px;
	margin: 5px;
	float: right;
	background-color:#FFFFFF;
	}	

ul.archivioarticoli {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	}	
	ul.archivioarticoli li {
	padding: 0px 0px 5px 0px;
	margin: 0px 10px 5px 10px;
	border-bottom: 1px #c5c7c8 solid;
	background:none;
	list-style: none;
	}
	ul.archivioarticoli li a {
	display:block;
	}
	ul.archivioarticoli li a:hover {
	background-color:#eaeaea !important;
	}
		
.indirizzo{
	background: #CCCCCC;
	padding: 5px 10px;
	margin: 20px 10px 10px 10px;
	}	

.laterale{
	float: right;
	text-align: right;
	font-size: 10px;
	background: url(../images/fondo_mima.gif) top right no-repeat;
	}	

.laterale a{
	font-size: 10px;
	color:#333333;
	text-decoration: none;
	}		
.torna_su{
	border-top:1px dotted #CCCCCC;
	padding-top:10px;
	margin-top:10px;
	font-size: 11px;
	}	
.img_dx{
	float:right;
	padding:3px;
	margin:3px 0px 0px 7px;
	border:1px solid #eaeaea;
	}
	.img_dx_immobiliare{
	float:right;
	margin:0px 0px 0px 7px;
	}

.img_sx{
	float:left;
	padding:3px;
	margin:3px 7px 0px 0px;
	border:1px solid #eaeaea;
	}		

.maiusc{
	text-transform:uppercase;
	}
.titoletto
{
	font-size:17px;
	color: #840114;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:3px
	}
.fotogallery{
	width:545px;
	padding:10px;
	}
.fotogallery ul{
	margin:0px;
	padding:0px;
	}
.fotogallery ul li{
	list-style-type:none;
	display:inline;
	border-bottom: none;
	background:none;
	padding:0px
	}
.fotogallery ul li img{
	padding:2px;
	background-color:#eaeaea;
	margin:7px
	}
	.fotogallery ul li img a{
	border:none
	}
	
/*table*/

table#tab-preventivo{ width:100%}
table#tab-preventivo td{ padding:5px;}


/*********************************** forms *****************************************/
form { padding: 0px 0px 0px 0px; }

label { font-weight: bold; }

input, textarea, select {
	/*width:210px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	padding:1px;
	background:url(../img/fondo_moduli.jpg) repeat-x;
	margin: 0px 0px 0px 0px;border:1px solid #fff;
}

input.submit {
width:60px;
padding:0px;
background:url(../img/fondo_footer.jpg);
color:#FFFFFF;
}
input.submit_2 {
width:40px;
color:#003366;
}
input.submit3 {
width:120px;
padding:4px;font-weight:bold;
color:#FFFFFF;border:1px solid #fff;text-align:center;background: url(../img/tab_button2.gif) left;
}
input.submit3:hover {
color:#FFFFFF;border:1px solid #fff;text-align:center;background: #009900;cursor: pointer;
}
input.submit:hover, input.submit_2:hover {
  cursor: pointer;
  background-color: #fff;
}

input.checkbox {
  width:15px;
  padding:0px;
  margin-bottom:0px;
  background:none;
  border:0;
}

input.radio_button {
  width:15px;
  background:none;
  border:0;
}

input.small, select.small {
  width:50px;
  height:25px;
  line-height:13px;
  background-color:#6699CC;
  color:#FFFFFF;
  font-weight:bold;
  border:2px solid #336699;
}

input.large, select.large {
  width:160px;
}
input.immobileform, textarea.immobileform  {
  width:220px;
  border:1px solid #ccc;
  background:#fff;
  background-image:none;
  padding:3px;

}

input.extra_large, select.extra_large {
  width:300px;
}

input:hover, textarea:hover, select:hover {
  border:1px solid #cc0000;
}

input:active, textarea:active, select:active {
  border:1px solid #666699;
}

/*********************************** newsletter *****************************************/

#contenitore_news {
	/*position:relative;*/
	width:570px;
	margin: 0px auto;
	text-align:left;
	}
	
#head_news{
	position:relative;
	background: url(http://www.milanomarittimalife.it/images/fondo_testata_news.jpg) no-repeat top;
	width:570px;
	height:74px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
	}	
	
#content_news {
	width:570px;
	padding-top:5px;
	}	
	
#piede_news{
	position:relative;
	background: url(http://www.milanomarittimalife.it/images/fondo_sottomenu_head.gif) no-repeat top;
	width:550px;
	height:17px;
	padding: 4px 10px;
	margin-bottom: 5px;
	margin-top: 10px;
	color: #e7e4dd;
	font-size: 10px;
	}	
	
/*********************************** nuovi banner hotels *****************************************/	

.box_hotels, .box_agenzie{
	float:left;
	width:115px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	padding:3px 3px 0px 3px;
	margin-top:5px;
	margin-right:7px;
	margin-left:9px;
	text-align:center;
	border:1px solid #eaeaea;
	margin-bottom:5px;
	}
.box_agenzie{
	margin-right:6px;
	margin-left:7px;
	}
	.box_hotels img, .box_agenzie img{
	float:left;
	padding-bottom:1px;
	}
	.box_hotels_nome{
	clear:left;
	width:107px;
	height:30px;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	background: url(../img/fondo_hotel_nome.gif) top repeat-x;
	font-size:11px;
	}

	.box_hotels_nome a{
	color:#FFFFFF !important;
	display:block;line-height:14px;
	text-decoration: none !important; 
	}
	.box_hotels_nome a:hover{
	color:#ffcc66 !important;
	}
	.gallery_t_box{
	text-align:center;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	float:left;
	display:block;
	padding:18px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #CCCCCC;
	margin:5px;
	border:2px solid #666666;
	}
	.gallery_t_box img{ 
	margin:0;
	padding:o;
	border:1px solid black;
	}
	
	#milano_marittima { color:#999; position:absolute; text-indent:-4321px}
	
#modulo_contatto { background-color:#FAFAFA}
#modulo_contatto input { background-color:#FFFFFF; font-size:13px; background: url(../img/white.gif); border:1px solid #EEE; padding:2px; font-family:Arial, Helvetica, sans-serif}
#modulo_contatto textarea { background-color:#FFFFFF; font-size:13px; background: url(../img/white.gif); border:1px solid #EEE; padding:2px; font-family:Arial, Helvetica, sans-serif}
#modulo_contatto select { width:200px; background-color:#FFFFFF; font-size:13px; background: url(../img/white.gif); border:1px solid #EEE; padding:2px; font-family:Arial, Helvetica, sans-serif}

#modulo_contatto .btn_invia { 
background-color:#FF9900;color:#333; font-weight:bold; font-size:13px;
border:1px solid #EEE; padding:2px; font-family:Arial, Helvetica, sans-serif; cursor: pointer; width:130px;}

.errore { color:#FF0000; text-align:center; font-size:13px; padding:15px; }
	
/*------TAB------------*/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 26px;
	border-bottom: 1px solid #7F0113;
	width: 543px;
	margin: 20px 10px 0px 10px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 25px;
	line-height: 25px;
	border-bottom: 1px solid #7F0113;
	margin-bottom: 0px;
	background: url(../img/tab_button2.gif) left;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff !important;
	display: block;
	font-size: 12px;
	padding: 0 20px;
	border: 1px solid #fff;
	border-left:none;
	border-top:none;
	outline: none;
}
ul.tabs li a:hover {
	background: url(../img/tab_button.gif) left;
	color: #ff6600;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	background: url(../img/tab_button3.gif) left;
	font-weight:bold;
	border-left:none;
}
.tab_container {
    width: 543px;
	background: #7F0113;
	clear: both;
	float: left; 
	line-height:15px !important;
	/*background:url(../img/fondo_tab.jpg) left top;*/
	margin: 0px 10px 1px 10px;
}
.tab_bottom{
	width:543px;
	height:29px;
	padding-top:5px;
	margin:0 10px;
	text-align:center;
	background: #660000;
}
.tab_content {
	padding: 10px;
	padding-top: 10px;
	font-size: 11px;
}

.tab_content h2{
	margin:0px 0px 10px 0px;
}

.tab_strutture_comuni{
	float:left;
	width:163px;
	margin-right:10px;
	font-size:12px;
	}
	.tab_strutture_comuni p{
	margin-bottom:3px;
	padding-left:1px;
	/*background:url(../img/indica.gif) left no-repeat;
	background-position:0 11px;*/
	line-height:15px;
	text-align:left;
	}
	.tab_strutture_comuni a{
	color:#fff !important;font-weight:normal !important;
	}
	.tab_strutture_comuni a:hover{
	color: #FF6600 !important;
	}

.tab_province{
	width:520px;
	margin:0px 0px 8px 0px;
	padding-bottom:8px;
	border-bottom:1px dotted #440000;
	}
	.tab_province img{
	float:left;
	margin:0px 7px 0px 0px;
	border:1px solid #fff
	}
	.tab_province a{
	padding:0px 5px 0px 0px;
	display:block;
	color:#fff !important;
	font-size:110%;
	line-height:120% !important;
	text-decoration:none !important;
	}

	.tab_province a:hover{
	color:#ff6600 !important;
	}
.venditaffitto{
	background: url(../img/venditaffitti.gif);
	padding:10px;
	height:19px;
	margin:10px 10px 0px 10px;
	}
	.venditaffitto h4{
	font-size:16px;
	color:#840114;
	}
.ricercaveloce{
	float:left;
	width:255px;
	margin:0px 10px 0px 0px;
	}
	.ricercaveloce ul{
	margin:0 !important;
	padding:0 !important;
	}
	.ricercaveloce ul li{
	list-style-type:none !important;
	background:none;
	padding:3px 5px 3px 5px;
	margin:0px 0px 0px 0px;border-bottom: 1px #c5c7c8 dotted;
	}
	.ricercaveloce ul li a{
	color:#840114 !important;
	display:block;
	}
	.ricercaveloce ul li a:hover{
	color:#000 !important;
	}
.table_immobili{
	width:550px;
	margin:0px auto;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc
	}
	.td_offerta{
	width:444px;
	padding:3px;
	}
		.td_offerta img{
		float:left;
		width:110px;
		border:1px solid #ccc
		}
		.td_offerta p{
		padding:0;
		padding-left:120px;
		
		}
		.td_offerta h6{
		padding-left:120px;
		font-size:15px;
		color:#840114;
		}
	.td_logo{
	width:94px;
	padding:3px;
	}
	.td_logo img{
	width:94px;
	}
div.link_offerte{
	display:block;
	}
div.link_offerte:hover{
	background-color:#eaeaea;cursor:pointer;
	}
.proprieta_immobile {
	padding: 0px 15px 0px 10px;
	float:right;
	width:285px;
	min-height:350px;
	border-right: #ddd solid 1px;
	margin:0px 0px 0px 0px;
	float: left;
	background-color:#FFFFFF;
	}
	.proprieta_immobile ul{
	margin:0 !important;
	padding:0 !important;
	}
	.proprieta_immobile ul li{
	list-style-type:none !important;
	background:none;
	padding:3px 5px 3px 0px;
	margin:0px 0px 0px 0px;border-bottom: 1px #c5c7c8 dotted;
	}
	.proprieta_immobile ul li a{
	color:#840114 !important;
	display:block;
	}
	.proprieta_immobile ul li a:hover{
	color:#000 !important;
	}
	li.check_ok{
	background:url(../img/checkok.gif) right no-repeat !important;
	}
	li.uncheck{
	background:url(../img/uncheck.gif) right no-repeat !important;
	}
.map_immobiliare{width:541px; height:350px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:1px solid #840114} 
.video_immobiliare{width:543px; text-align:center; margin:10px;margin-top:20px } 
/*---------------- slidegallery immobiliare -------------------*/
.gallery_immobiliare{width:543px;margin:0px auto;margin-top:10px ; margin-bottom:10px; } 
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} /*core classes*/ 
.stripViewer { position: relative; overflow: hidden; margin: 0 0 1px 0; } 
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li { float:left; } 
.stripTransmitter { overflow: auto; width: 1%; } 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a{ font-size:11px; font-weight: bold;text-align: center; line-height: 19px; background: #840114; color: #fff; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ background: #ddd; color: #000; } /*tooltips formatting*/ 
.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; } 



/*davide*/

.mima_home_title{color:#CCFF00; }
.h2_A a { color:#FFF;}
.h2_A a:hover { color:#FFF;}
.pointer{cursor:pointer;}
.up { text-transform:uppercase;}