html, body{ }

body {
	background-color: #f8cd53;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; 

	background-image:url(/img-b&b/bg_body_repeat.jpg); background-repeat:repeat-x; 
}


h1, h2, h3, h4{
	color:#d53825; font-size:12px; text-transform:uppercase; margin-bottom:4px; margin-top:0px;
}
h4{
	color:#d53825;  text-transform:uppercase; margin-bottom:0px; margin-top:0px;
}

a{ color:#d53825; }
a:hover{  color:#f63c26;}
a.segue{
	font-size:18px;  text-decoration:none; 
}



#container{ 
	width:1000px; margin:0px auto; height:1050px; 
	background-image:url(/img-b&b/bg_body.jpg); background-repeat:no-repeat; background-position:top center; 
}

#testa{
		height:330px; 
	}

#testa h1{
		position:absolute;   width:360px; text-align:center; top:205px; margin-left:0px; text-align:center;
	}

#testa #menu{
	    background-image:url(/img-b&b/bg_menu.jpg); background-repeat:no-repeat; background-position:top center;
		width:910px; margin:0px auto; height:50px; 
	}

#testa #menu .contenuti{ padding-top:10px; position:relative; width:810px; margin:0px auto;}
#testa #menu .contenuti a{text-transform:uppercase; color:#FFFFFF;  margin-right:26px; font-size:11px; font-weight:bold; text-decoration:none;}
#testa #menu .contenuti a:hover{text-decoration:underline;}

#fascia{ width:900px; margin:0px auto; margin-top:30px;}

#fascia .bb{ width:278px; float:left; margin-right:26px; font-size:11px; font-weight:bold; text-align:center } 
#fascia .gallery{  width:594px; float:left; }
/*solo per IE6*/
* html #fascia .gallery{  width:594px; float:left; }
* html #fascia .bb{  width:260px; }


#contenuti{ 
	    background-image:url(/img-b&b/top_contenuti.jpg); background-repeat:no-repeat; background-position:top center;
		width:900px; margin:0px auto;
		background-color:#102749;
		padding-top:50px;
}

#contenuti .rightDiv{ 
	    padding:10px; line-height:18px; margin-left:330px;
}

#contenuti .rightDiv img.bed-and-breakfast-roma{ margin-top:6px; margin-bottom:6px;}

#contenuti .leftDiv{ 
	    padding:10px; float:left; width:320px;
}

#contenuti .leftDiv #reservations{ 
	    margin:20px; width:280px; height:250px; 
		background-image:url(/img-b&b/bg_reservations.jpg); background-repeat:no-repeat; background-position:center left;
}

#contenuti .leftDiv #reservations form{   width:220px; position:relative; margin-left:16px; margin-bottom:30px; margin-top:0px; }
#contenuti .leftDiv #reservations h3{  font-size:14px; text-align:center; text-transform:uppercase;  }

#contenuti .leftDiv #reservations .button{ 
	   display:block; padding:10px; background:url(/img-b&b/btn_reservations.jpg); background-position:center; margin-top:10px; font-size:16px; text-transform:uppercase; font-weight:bold; cursor:hand; color:#102749; width:100%; border:0px; background-repeat:no-repeat;
}

#contenuti .leftDiv #offerte-speciali{
	 margin:20px; width:280px; 
}

#contenuti .leftDiv #offerte-speciali h2{
	color:#d53825; font-size:12px; text-transform:uppercase; margin-top:20px;
}

#contenuti .leftDiv #offerte-speciali .lista-offerte-speciali{
	line-height:18px;
}

#extra{
	 margin:20px; width:280px; margin-top:100px;
}

#extra img{
	border:0px; 
}

#extra a{
	text-decoration:none; line-height:0px; display:block; margin-bottom:4px;
}
#extra a:hover{
	font-weight:bold;
}

#contenuti .rightDiv ul{
	
	display:block; 
	list-style-type:square;
}


#footer{ background-image:url(/img-b&b/bg_footer.jpg); background-repeat:no-repeat; background-position:center;  width:910px; margin:0px auto; margin-top:40px; height:50px; }
#footer .contenuti{padding-left:20px; padding-right:20px; padding-top:15px; }


.clearer{ clear:both; padding:0px; margin:0px; }

.dintorni-home{ position:relative;  padding:0px; top:-70px; }
.dintorni-home p{ padding:0px; margin:0px; }
.dintorni-home a{ font-weight:lighter;}


.split3{ margin-top:20px; background-color:#FF0000;  }
.split3 div.box-gen{ 
		float:left;
		width:183px; height:330px;
		background-image:url(/img-b&b/bg_box_generico.jpg); background-repeat:no-repeat;
}

.split3 div.box-gen h3{ 
		margin-top:20px; text-indent:10px;
}

#blocIndi{ color:#003366; line-height:20px; width:250px;}

.imgbox img{ float:left; margin-right:10px; margin-top:10px; border:4px solid #fff;}

textarea, input, select{ border:1px solid #051832; background-color:#efefef; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#22467a;}

#slogan{ position:absolute; top:46px;}
#slogan marquee{ }

.box-dintorni{ margin-bottom:8px; clear:both;  height:100px; border-bottom:1px solid #003366}
.box-dintorni img{float:left; margin-right:4px; margin-left:4px; height:90px; padding:5px; }
.box-dintorni a{ text-transform:uppercase; font-weight:bold;}


.boximg{ float:left; margin-right:40px; margin-bottom:20px;}
.boximg a{  font-weight:bold; font-size:11px; text-transform:uppercase; text-decoration:none;}