/********************************************
* HOTELARANCI.IT
* Design-Developed by Comma3
* http://www.comma3.com
*
* Creato 10/2/2006 
*
* Site Style
********************************************/

/*	---------------------------------------------------------------------------------------
	HTML TAG
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ 
body {	 font: 85%/1.5 Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
 
h1 {font-size: 130%; font-family: Georgia, "Times New Roman", Times, serif;}
h2 { font-size: 120%; font-family: Georgia, "Times New Roman", Times, serif; }
h3 { font-size: 100%;  font-family: Georgia, "Times New Roman", Times, serif; 	
	background-image:  url(../img/arrow_up.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

h4 { font-size: 100%; font-family:Arial, Helvetica, sans-serif; }

p { font-family:Arial, Helvetica, sans-serif; font-size:1em;}
body, div, p, img, span, swf, id { padding: 0px; margin: 0px; border:0; }
blockquote { padding: 0.3em 0.3em 0.3em 0.3em; }
 
/*------------Contenitore generale-----------------------------------------------------------*/

	#ContainerOver{
	width: 770px;
	margin: 0px auto 20px auto;
	padding: 0px;
	font-weight: normal;
	background-color: #FFFFFF;
	background-image:  url(../img/bg_contained.gif);
	background-repeat: repeat-y;
	background-position: 0px 180px;
	/*border: 1px solid #999;*/
}


/*-------------------------------------------------------------------------------------------*/
#Header {  margin: 0px 0px 0px 0px; background-color: #fff; padding: 0px 10px; height: 130px; 
		  /*background-image: url(../img/bg_top.gif);
			background-repeat: no-repeat;
			background-position: 0px 0px;*/
}

#HeaderRight{
	float: right;
	/*height: 350px;*/
	padding-top: 1px;
	width: 218px;
	border: 1px solid #FFFFFF;
	margin-bottom: 10px;
}


.Headertext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #D3D3D3;
	float: left;
	width: 455px;
	margin-top: 0px;
}
.HeaderLogo{	float: right;	height: 40px;	width: 290px; margin: 10px 0px;}
.HeaderLingua{	float: right;	width: 210px;	padding-top: 12px;	text-align: right;}

#Top {
	clear:both;
	padding: 0px;
	width: 770px;
	margin: 0px auto 10px auto;
	font-size: 0.8em;
		}

.videotop {
	float: right;
	background-image: url(../img/icon_video.gif);
	background-repeat: no-repeat;
	background-position: 3px 4px;
	padding: 0px 15px 0 25px;
}

/*-------------------------------------------------------------------------------------------*/

/*Menu Header*/
#menuHeader{	float: left; width: 540px;	padding-top: 10px;}
#menuHeader ul { list-style: none; margin: 0px; padding: 0px 0px 10px 0px;}
#menuHeader ul li { display: inline; }
#menuHeader ul li a { padding-right: 23px; font-size: 0.9em; font-weight: lighter; }



/*Menu di navigazione home,contatti,link*/
#nav{
	float: right;
	width: 220px;
	background-image:  url(../img/bg_nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#nav ul
{	padding: 0px 0px 0px 0px;
	margin: 0px;
	color: #666;
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#nav ul li { display: inline; }

#nav ul li a
{	color: #666;
	text-decoration: none;
	float: left;
	width: 62px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: left top;
}

#nav ul li a:hover
{ color: #F52B56;
  background-image:  url(../img/bg_nav_over.gif); }
  

/*Contenitore immagine grande in Header*/
#ImageHeader{	height: 370px;	width: 550px;	float: left;}



/*-------------------------------------------------------------------------------------------*/
.clear { clear: both; margin: 0px; }
.AllineaDx { float: right; margin: 0px; }
.AllineaSx { float: Left; margin: 0px; }

.Lastminute{
	margin: 10px 10px 10px 0px;
	padding: 0px 0px 6px;
	/*float: right;*/
	font-size: 1em;
	background-image:  url(../img/line1.gif) repeat-x left bottom;
	}
	


ul.list {
	list-style: disc;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
	background-color: #FFFFFF;        
}

ul.list li{
	padding-left: 5px;
	padding-bottom: 8px;
	margin: 0px;
	font: normal 12px/1.7em Arial, Helvetica, sans; text-align: left; 	
	/*background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;*/
}
/*-----------------------------------Menu Right---------------------------------------------------------------*/

		/*Box lista del menu in alto a destra*/
		#BoxLista{ padding: 8px 8px 12px 8px; margin: 0px;}
		#BoxLista ul { margin: 0px 0px 0px 0px; padding: 0px; border: 0px; list-style-type: none;}
		#BoxLista ul li {
		text-align: left;
		margin: 0px;
		font-size: 0.9em;		
		background-image:  url(../img/bullet_lista.gif);
		background-repeat: no-repeat;
		background-position: 0px 5px;
		}
		#BoxLista ul li a {  
		color: #FFF; width: 175px; 
		display: block; 
		margin: 0px 0px 0px 10px; 
		padding: 6px 5px 8px 10px; 
		text-decoration: none; 
		}
		#BoxLista ul li a:hover {	color: #CCCCCC;	text-decoration: underline; }

			

/*-----------------------------------Menu Left---------------------------------------------------------------*/
	#MainLeft {	width: 212px; float: left;  margin-right: 10px;  }

	#MenuLeft {	
	padding: 10px 10px 10px 75px;		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	}
	#MenuLeft ul	{	
		padding: 0px 0px 0px 0px;
		margin: 0px;
		color: #666;
		float: left;
		width: 100%;
	}
	
	#MenuLeft ul li {
	display: block;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	background-image:  url(../img/line1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
	#MenuLeft ul li a {
	color: #54350F;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	text-decoration: none;
	}
	
	#MenuLeft ul li a:hover { 
	color: #000;
	}

	#MenuLeft ul li p {
	color: #856666;
	font-size: 0.9em;
	}

/*-------------------------------------Contenitore del corpo----------------------*/
#Main{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #666;
	/*width: 770px;*/
	margin: 0; 
	padding: 0;
	/*border: 1px solid #333;*/
}
	/*------------------------------------------Container Left-----------------------*/
.Font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	#MainCenter{
	width: 310px;
	margin: 10px 10px 0px 0px;
	padding: 20px 0px 0px 0px;
	float: left;
	/*border: 1px solid #333;*/
	}
	
	#MainLarge{
	width: 532px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	float: left;
	/*border: 1px solid #333;*/
	}
	#MainCenter p, #MainLarge p, #MainCenter 
	{
	color: #444;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.99em;
}

	#MainRight{
	width: 220px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	float: right;
	background-image:  url(../img/container_dx.gif) repeat-y;
	/*border: 1px solid #ede;*/
	}
	#Civetta{
	padding: 8px 8px 30px 8px;
	background-color: #EDEDED;
	border: 1px solid #FFFFFF;
	width: 200px;
}
	#Civetta img{
	padding: 1px;
	margin: 0px 10px 1px 10px;
	width: 60px;
	height: 50px;
	border: 1px solid #FF3300;
}
	#Civetta h1{ font-size: 1em; color: #333;  margin: 1px 1px 1px 10px;}
	
	
	/*-----------------------------classi contenitori imaggini lato destro-------------*/
	.BoxImgDx{
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
	}
	.BorderImg{
	padding: 1px;
	margin: 1px;
	border: 1px solid #C7C7C7;
	}
	.BorderImgDx {
	padding: 1px;
	margin: 1px 16px 1px 0px;
	border: 1px solid #C7C7C7;
	}
	
	/*----------------------------classi del box news lato destro--------------------*/
	.BoxNews{
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 10px;
	background-image:  url(../img/line1.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	}
	.TextNews{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	}
	.ImgNews{
	padding: 1px;
	margin: 0px 10px 0px 0px;
	border: 1px solid #B2B2B2;
	width: 80px;
	float:left; 
	}
	.Line{
	background-image:  url(../img/line1.gif);
	background-repeat: repeat-x;
	padding: 0px;
	width: 200px;
	text-align: center;
	margin-left: 8px;
	margin-top: 8px;
	margin-bottom: 2px;
	margin-right: 0px;
}	


/*----------------------------------------------------------------------*/
	#ContText{ }

	.cellTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 2px;
	border: thin solid #E1E1E1;
	}

	.Texsmll {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 1px;
	color:#333333;
	margin: 1px;
	background-image: url(../img/gradien.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	}

	.Texsmll-em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 1px;
	color:#333333;
	margin: 1px;
	}
	
	.cellData {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding: 2px 2px 2px 6px;
	color:#333333;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #767676;
	}

	.cellPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding: 2px 2px 2px 2px;
	background-color: #E9E9E9;
	}
	
	.cellDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 2px;
	border: thin solid #E1E1E1;
	}
	
/*Classi etichette*/
.Error{	font-family: Arial, Helvetica, sans-serif;	font-size: 1.6px; font-weight: normal;	color: #FF3300;	text-align: center;}

/*Classi stile pop up*/
#PopUp {
	margin-right: auto;
	margin-left: auto;
	padding: 4px;
	text-align: center;
}

#PopUp span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	text-align: center;
	font-style: italic;
}

#PopUp p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	text-align: left;
	line-height: 1.6em;
}

#PopUp h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	text-align: left;
	line-height: 1.6em;
}

.BoxTesto {
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #FFFFFF;
}
.periodo {
	padding: 2px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #FF0000;
}

.comunica{
	font-size: 0.8em;
	padding: 6px 2px 6px 2px;
	color: #EAE3CC;
	margin: 0px;
	border-top: 1px solid #FFFFFF;
}
.comunica h2{
	color: #FFF;
}

.infoblock {
	font-size: 0.9em;
	padding: 8px;
	margin: 0px;
}
.infoblock h3{
	font-size: 1em;
	padding: 8px 8px 8px 0px;
	margin: 0px;
	color:#666666;
}

.infoblock p {font-size: 0.9em;}


.infoblock span {
	padding: 5px;
}

.separa  {
	border-bottom: 1px solid #666;
}



	/*------------------------------Container Gallery------------------------------------------------------*/
	.previewImage{
	width: 46px;
	height: 40px;
	margin-right: 5px;
	padding: 1px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #6F6F6F;
	border-bottom: 1px solid #6F6F6F;
	border-left: 1px solid #F5F5F5;
	}
	
	#fullImage{	}
	
	#allImage{
	background-color: #EFEDED;
	padding: 10px 0px 10px 7px;
	margin-right: 6px;
	margin-top: 10px;
	}
	
	#fullImage span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #999999;
	text-align: right;
	float: right;
	font-style: italic;
	margin-right: 15px;
	}


/*-------------------Contenitore del pi pagina--------------------------------*/
#Footer{
	width: 770px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #999;
	text-align: center;
	background-image:  url(../img/bg_footer.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin: 8px auto 0px auto;
	padding: 10px 0px 0px 0px;
}
#Footer a {	font-size: 0.9em;	color: #999;	text-decoration: none;}
#Footer a:hover {	color: #B24700; }
#Footer span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
}

#button_prenota{
	background:  url(../img/bg_button_prenota.png) no-repeat 0px 0px;
	height: 50px;
	width: 205px;
	font-size: 1.2em;
	color: #585858;
	text-indent: -9999999px;
	border:0px;
	display:block;
}

#form_prenotazione{
	border: 1px solid #C0C0C0;
	
}
/*------------------------------fine contenitore pi di pagina----------------------------------------*/