/*
Titolo:	hm - generale, livelli, classi, colori
Autore:	giuras@gmail.com
Aggiorn.:	Jan 2010
Media:	handheld, tty, screen
*/




/* @import url( stilebase-hr2P.css ); */
/* @import url( generale-hr2P.css ); */
@import url( lightbox/css/lightbox.css );
/* @import url( miramare_stile.css ); */


/* ---------------------	B A S E	---------------------------------------- */

body {
	margin: 5px 5px;
	text-align: center; /* For IE */
	overflow: hidden;
	_overflow: auto;
	}
body, p {
	font-family: "skolar-1","skolar-2", Georgia, serif;
	font-style: normal;
	}

h1, h2, h3, h4, h5, h6, .quote	{
	}
h1{
	font-size: 350%;
	line-height: 120%;
	letter-spacing: 0.2em;
/*	text-decoration: underline;		*/
	}
h2, h3 {
	font-size: 150%;
	line-height: 130%;
	}

h4, h5	{
	font-size: 130%;
	line-height: 100%;
	}

h6	{
	font-size: 100%;
	line-height: 100%;
	margin-bottom: 0; 
	padding-bottom: 0; 
	}
img {
	border: 0;
	}
hr {
	background-color: transparent;
	height: 1px;
	width: 80%;
	visibility : hidden;
	display: none;
	}
hr.linea {
	}

pre {
/*	white-space: normal; */
	}

code, kbd, tt {
	font-family: Monaco, monospace;
/*	text-align: left; */
	}

input, textarea, option, select	{
	background-color: #ffffff; 
	border: 1px solid #d4dae0;	
	}
input:focus, textarea:focus, label:focus, select:focus {
	background-color: aqua;
	background-color: rgb(221,224,238);
	background-color: rgb(229,232,232);
	border: 1px solid rgb(104, 116, 186) !important;
	}

	/*	=== LINKS === 	*/

a	{
	color: #000000;
	text-decoration: none;
	}
a:link	{
	color: #00529B;
	}
a:visited {
	color: #294661;
	}
a:active	{
	color: #43A4FF;
	}
a:hover	{
	color: #000000;
	text-decoration: underline;
/*	background-image: url(../img/suit3.gif); */
/*	background-repeat: no-repeat; */
/*	background-color: #FFFFFF; */
/*	background-position: center; */
	height: ;
	}


/* ---------------------	S T R U T T U R A		------------------------------- */

#canvas	{
	position: relative;
	width: 720px !important;
	width /**/: 720px;
	margin: 5% auto 0;
	padding: 0;
	}

#attesa	{
	position:absolute;
	top:0; 
	left:0;
	z-index: 10;

	color:#999; 
	letter-spacing: 0.4em;
	}

#pagina	{
	position:absolute;
	top:0; 
	left:0;
	z-index: 100;
	width: 720px;
	height: 525px;

	text-align: left;
	background-color: white;
		
	}

#salta1	{
	}

#corpo	{
	}


#menu	{
	position:absolute;
	top:0; 
	left:0;
	width: 649px;
	height: 60px;
	z-index: 200;
	
	background-image: url("/nav/topdottedline.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0 bottom;
	}
#menu li	{
	list-style-type: none;
	display: inline;
	padding: 0 0.1em;
	padding-top: 16px;
	}

#sceltalingua	{
	float: right;
	clear: left;
	}
#sceltalingua ul	{
	margin: 0;
	padding: 0;
	}
#sceltalingua ul li	{
	display: inline;
	float: right;
	clear: left;
	width: 24px;
/*	width: 21px;	*/
	}
body.it #sceltalingua ul li#triggerIT, 
body.en #sceltalingua ul li#triggerEN, 
body.fr #sceltalingua ul li#triggerFR
	{
	display: none !important;
	}

li#triggerIT a {background-image: url("/nav/btn_It.gif");}
li#triggerEN a {background-image: url("/nav/btn_En.gif");}
li#triggerFR a {background-image: url("/nav/btn_Fr.gif");}

body#index div ul li	{
	display: inline;	
	padding: 0.2em;
	margin: 1em;
	width: 48px !important;
	background-color: transparent;
	}
li.flag a	{
	padding: 4px 2px;
	text-align: center;
/*	border: 1px dashed green; */
	height: 40px;
	width: 50px;
	background-repeat: no-repeat;
	}
body#index div ul li a	{
	text-align: center;
	width: 156px !important;
	text-decoration: none;
	}
body#index div ul li a span	{
	visibility: hidden;
	text-decoration: none;
	width: 156px !important;
	}
body#index	{
	margin:0;
	}
body#index div.strip	{
	padding-top: 0em;
	background-color: white;
	margin: 1em 0em;
	text-decoration: none;
	filter: alpha(opacity=70);	/* IE	*/
	moz-opacity: 0.7;		/* Moz */
	opacity: 0.7;			/* Firefox */
	}


div#menuHM	{
	position: absolute;
	z-index: 210;
	top: 0px;
	left: 0px;
	width: 594px;
	width: 599px;
	height: 44px;
	font-size: 12pt;
	text-align: center;
	text-transform:  capitalize;
	letter-spacing: .2em;
	font-size: 12px;
	font-weight: 600;
	}
div#menu div ul.menu	{
	margin: 0;
	padding: 0;
	}
div#menu div ul.menu li	{
	display: inline;
	float: left;
	clear: right;
	}
div#menu div ul li a	{
	text-indent: -2500px;
	height: 28px;
	display: block;
	text-decoration: none;
	}
div#menu div ul li a, div#menu div ul li a:link, div#menu div ul li a:visited	{
	background-color: transparent;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}
div#menu div ul li a:hover, div#menu div ul li a:active	{
	background-position: left -28px;
	}

body#hotel div#menu div ul li#l_hotel a, 
body#servizi div#menu div ul li#l_servizi a, 
body#territorio div#menu div ul li#l_territory a, 
body#info div#menu div ul li#l_info a, 
body#rates div#menu div ul li#l_rates a, 
body#conferma div#menu div ul li#l_mail a, 
body#contatti div#menu div ul li#l_mail a
	{
	background-position: left -28px;
	}

li#l_hotel a {
	background-image: url("/nav/btn_1_I.gif");
	width: 66px;
	}
li#l_servizi a {
	background-image: url("/nav/btn_2_I.gif");
	width: 49px;
	}
li#l_territory a {
	background-image: url("/nav/btn_3_I.gif");
	width: 71px;
	}
li#l_info a {
	background-image: url("/nav/btn_4_I.gif");
	width: 34px;
	}
li#l_rates a {
	background-image: url("/nav/btn_5_I.gif");
	width: 48px;
	}
li#l_mail a {
	background-image: url("/nav/btn_6_I.gif");
	width: 42px;
	}

body.en li#l_hotel a {background-image: url("/nav/btn_1_E.gif"); width: 45px;}
body.en li#l_servizi a {background-image: url("/nav/btn_2_E.gif"); width: 65px;}
body.en li#l_territory a {background-image: url("/nav/btn_3_E.gif"); width: 65px;}
body.en li#l_rates a {background-image: url("/nav/btn_5_E.gif"); width: 41px;}
body.en li#l_mail a {background-image: url("/nav/btn_6_E.gif"); width: 62px;}

body.fr li#l_hotel a {background-image: url("/nav/btn_1_F.gif"); width: 41px;}
body.fr li#l_servizi a {background-image: url("/nav/btn_2_F.gif"); width: 96px;}
body.fr li#l_territory a {background-image: url("/nav/btn_3_F.gif"); width: 66px;}
body.fr li#l_rates a {background-image: url("/nav/btn_5_F.gif"); width: 52px;}
body.fr li#l_mail a {background-image: url("/nav/btn_6_F.gif"); width: 94px;}


div#menuHM ul li#l_home	{
	padding-top: 2px;
	padding-right: 80px;
	}
body.fr div#menuHM ul li#l_home	{
	padding-right: 14px;
	}
div#menuHM ul li#l_home a, div#menuHM ul li#l_home a:link, div#menuHM ul li#l_home a:visited	{
	width: 181px;
	height: 44px;
	background-image: url("/nav/btn_home.gif");
	background-position: 0px 0px;
	}
div#menuHM ul li#l_home a:hover, div#menuHM ul li#l_home a:active, div#menuHM ul li#l_home a.attuale	{
	background-position: left -44px;
	}

span.main	{
	display: block;
	}








#contenuti	{
	position:absolute;
	top: 60px; 
	left: 0;
	height: 335px;
	width: 649px;
	z-index: 200;
	}

#testo	{
/*	position:absolute;	 creava problemi in ie8 */
/*	top: 0; */
/*	left: 0;	*/
/*	z-index: 220; */

	height: 335px;
	width: 514px;
	float: left;
	clear: left;
	width: 499px;
	width: 500px;
	height: 335px;
	clip:rect(0, 500, 335, 0);
	clip:rect(0, 500px, 335px, 0);
	overflow: auto;


	font-family: "skolar-1","skolar-2", Georgia, serif;
	font-size: 10pt;
	height: 335px;
	width: 500px; 
	clip:rect(0, 500px, 335px, 0);
/*	overflow: scroll; */
	overflow: auto;
/*	padding: 8px 4px 4px 8px; */
	border-left: 1px solid #BFBFBF;
	text-align: justify;
	}
body#info #testo	{
	width: 400px; 
	clip:rect(0, 400px, 335px, 0);
	}
body#home #testo	{
	overflow: hidden;	
	}

#testo img#randomimage	{
	width: 499px;
	height: 335px;
	padding: 0;
	}
#testo.fondo	{
	}


#leftbox	{
	}

#leftbox {
	padding: 1em 1em 2em .4em !important;
	}
#boxsx	{
	}



#container	{
	clip:rect(0, 647px, 335px, 0);
	overflow: auto;
	border: 1px solid #BFBFBF;
	height: 335px;
	width: 647px;
	}
#container table	{
	padding: 1.4em 0;
	}
body#contatti #container	{
	background:url('/nav/bg_info.gif') transparent no-repeat 43% 28%; 
	background:url('/nav/bg_info.gif') transparent no-repeat left top; 
/*	background-attachment: fixed; */
	}
body#conferma #container	{
	background:url('/nav/bg_sosDorroles.jpg') transparent no-repeat left top; 
	}
body#conferma #container h4	{
	padding-left: 1em;
	}
#container td	{
	color: #555555;
	font-size: 6pt;
	font-size: 10pt;
	font-style: italic;
	text-indent:0px;
	}





#supporto	{
	position:absolute;
	top: 0; 
	left: 514px; /* versione vecchia */
	left: 500px;
	width: 135px; /* versione vecchia */ 
	width: 149px;
	height: 335px;
	z-index: 220;
	clip: rect(1px, 135px, 335px, 1px); /* versione vecchia */
	clip: rect(0px, 149px, 335px, 0px);
/*	overflow: auto; RESPONSABILE DELLO SCROLLER */ 
/*	padding-top: 1px; */
	background-repeat: no-repeat;
	background-position: 0% 0%;	
	}
body#info #supporto	{
	left: 400px;
	width: 249px;
	clip: rect(0px, 249px, 335px, 0px);
	}
body#home #supporto	{
	background-image: url("/nav/box_news.gif");
	}
body#hotel #supporto	{
	background-image: url("/nav/box_hotel.gif");
	}
body#servizi #supporto	{
	background-image: url("/nav/box_facilities.gif");
	}
body#territorio #supporto	{
	background-image: url("/nav/box_pics.gif");
	}
body#info #supporto	{
	background-image: url("/nav/box_info.gif");
	}

.banda	{
	position:absolute;
	right: 0;
	width: 18px; 
	z-index: 230;
	background-repeat: no-repeat;
	background-position: 0% 0%;	
	}
#banda_cont	{
	position:absolute;
	top: 0; 
	right: 0;
	width: 18px; 
	height: 335px;
	}
#banda_up	{
	top: 0; 
	height: 43px;
	}
#banda_arr_up	{
	top: 43px; 
	}
#banda_arr_dw	{
	top: 64px; 
	}
#banda_arr_up, #banda_arr_dw	{
	height: 20px;
	cursor: pointer;
	}
#banda_sp	{
	top: 63px; 
	height: 1px;
	}
#banda_dw	{
	top: 84px; 
	height: 251px;
	}
body#home #banda_up	{background-image: url("/nav/box_news01.gif");}
body#home #banda_arr_up	{background-image: url("/nav/box_newsup01.gif");}
body#home #banda_sp	{background-image: url("/nav/box_news02.gif");}
body#home #banda_arr_dw	{background-image: url("/nav/box_newsdown01.gif");}
body#home #banda_dw	{background-image: url("/nav/box_news03.gif");}

body#hotel #banda_up	{background-image: url("/nav/box_hotel01.gif");}
body#hotel #banda_arr_up	{background-image: url("/nav/box_hotelup01.gif");}
body#hotel #banda_sp	{background-image: url("/nav/box_hotel02.gif");}
body#hotel #banda_arr_dw	{background-image: url("/nav/box_hoteldown01.gif");}
body#hotel #banda_dw	{background-image: url("/nav/box_hotel03.gif");}

body#servizi #banda_up	{background-image: url("/nav/box_facilities01.gif");}
body#servizi #banda_arr_up	{background-image: url("/nav/box_facilitiesup01.gif");}
body#servizi #banda_sp	{background-image: url("/nav/box_facilities02.gif");}
body#servizi #banda_arr_dw	{background-image: url("/nav/box_facilitiesdown01.gif");}
body#servizi #banda_dw	{background-image: url("/nav/box_facilities03.gif");}

body#territorio #banda_up	{background-image: url("/nav/box_pics01.gif");}
body#territorio #banda_arr_up	{background-image: url("/nav/box_picsup01.gif");}
body#territorio #banda_sp	{background-image: url("/nav/box_pics02.gif");}
body#territorio #banda_arr_dw	{background-image: url("/nav/box_picsdown01.gif");}
body#territorio #banda_dw	{background-image: url("/nav/box_pics03.gif");}

body#territorio #banda_up	{background-image: url("/nav/box_pics01.gif");}
body#territorio #banda_arr_up	{background-image: url("/nav/box_picsup01.gif");}
body#territorio #banda_sp	{background-image: url("/nav/box_pics02.gif");}
body#territorio #banda_arr_dw	{background-image: url("/nav/box_picsdown01.gif");}
body#territorio #banda_dw	{background-image: url("/nav/box_pics03.gif");}

body#info #banda_up	{background-image: url("/nav/box_info01.gif");}
body#info #banda_arr_up	{background-image: url("/nav/box_infoup01.gif");}
body#info #banda_sp	{background-image: url("/nav/box_info02.gif");}
body#info #banda_arr_dw	{background-image: url("/nav/box_infodown01.gif");}
body#info #banda_dw	{background-image: url("/nav/box_info03.gif");}


#newsContent	{
	}

#boxdx	{
	}
#boxdx iframe#offerte	{
	padding: 0;
	margin: 0;
	border: 0;
/*	background-color: white; */
	width: 114px; /* versione vecchia */
	width: 128px; 
	height: 2800px !important; /* sufficiente per test, aggiungere overflow: hidden a body */
	height: 500px !important;
	}
#boxdx iframe#mappa	{
	padding: 0;
	margin: 0;
	border: 0;
	width: 225px; 
	height: 335px !important;
	}

	
#salta2	{
	}


#piedipagina	{
	position:absolute;
	top: 395px; 
	left: 0;
	width: 649px; 
	height: 130px;
	z-index: 200;

	padding-top: 10px;
	background-image: url("/nav/bottom.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0 0;
	font-family: "Arial Narrow", "Comic Sans", "News Gothic MT", "Verdana", sans-serif !important;
	font-size: 11px;
	}

#contatto	{
	height: 80px;
	background-image: url("/nav/picto_rit.gif");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: right 0;
	background-position: 98% 2%;
	}
#contatto span a	{
	padding-left: 16px;
	width: 200px;
	}
#contatto span a, #contatto span a:link, #contatto span a:visited	{
	background-color: transparent;
	background-position: 0px -10px;
	background-repeat: no-repeat;
	}
#contatto span a:active, #contatto span a:hover	{
	background-position: left 2px;
	}

span#web a {
	background-image: url("/nav/btn_web.gif");
	}
span#mail a {
	background-image: url("/nav/btn_mail.gif");
	}
span#link a {
	background-image: url("/nav/btn_link.gif");
	}

#colophon	{
	display: none;
	}

#validatore	{
	display: none;
	}


#extraDiv1	{
	display: none;
	}
#extraDiv2	{
	display: none;
	}
#extraDiv3	{
	display: none;
	}
#extraDiv4	{
	display: none;
	}






/* ---------------------	M I S C	---------------------------------------- */

body.pop	{
	margin: 20px 12px;
	margin: 50px;
	overflow: auto;
	}
body#links	{
	text-align: left; /* For IE */
	overflow: auto;
	font-size: 80%;
	}


.nascosto	{
	visibility: hidden;
	display: none;
	}

span.richiesto	{
	color: #18d;
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
/*	filter: alpha(opacity=100); */	/* IE	*/ 
/*	moz-opacity: 1; */		/* Moz */
/*	opacity: 1; */			/* Firefox */
	}

span.evidenza	{
	background-color: #ffffe6;
	background-color: #d7ecfb;
	background-color: #dff0fc;
	background-color: #ffc;
/*	color: #333; */
	padding: 2px 4px;
	margin: 5px 0;
	}

.enfasi	{
	font-style: oblique;
	font-weight: 700;
	/*color: #777;*/
	}

.didascalia	{
	width: 155px; 
	height: 99px; 
	padding: .4em 1em 1.5em 0;
	float: left;
	font: bold 6pt/6pt !important;
	font-style: italic;
	font-weight: bold;
	color:#888;
	text-align:center;
	}

img.left	{
	padding: .6em .8em .6em 0;
	}


div.chiudipulsante	{
	text-align: right;
	}
a.chiudipulsante	{
	padding: 4px;
	border: 1px solid #D4DAE0;
	}

a[class|="ibox"]:hover, a[rel|="facebox"]:hover, a[rel|="box"]:active {
	color: #ddd !important;
	background: #fff !important;
	}
a[class|="ibox"], a[rel|="facebox"]:hover, a[rel|="box"]:active {
	color: transparent !important;
	}
#testo a[class|="ibox"] {
	color: #00529B !important;
	}
.scheda a.ibox {
	display: inline;
	float: left;
	clear: none;
	padding-right: 3px;
	}



	/*	===	NEWS	=== 	*/

.newstitle	{
	color: #FFFFFF;
	text-align: center;
	font: 600 110%/150%;
	vertical-align: middle;
	background-color: #00529B;
	}

.newstext	{
	font: 90%/110%;
	word-spacing: 1.9em;
	letter-spacing: 0em;
	vertical-align: top;
	padding: 2px 2px 4px 4px;
	}
a.newstext, a.newstext:link, a.newstext:visited, a.newstext:active	{
	text-decoration: none;
	}
a.newstext:hover	{
	text-decoration: underline;
	}
IMG.newstext	{
	margin: 2px 20px;
	}


	/*	===	MAIL	=== 	*/

.mail	{
	color: #FFFFFF;
	background-color: #00529B;
	font-size:xx-small;
	}
a.mail:link, a.mail:visited, a.mail:active	{
	color: #FFFFFF;
	}
a.mail:hover	{
	color: #000000;
	text-decoration: none;
	}


	/*	===	COPYRIGHT		=== 	*/
.copyright	{
	font-size:10px;
	}
a.copyright, a.copyright:link, a.copyright:visited, a.copyright:active	{
	color: #000000; 
	}
a.copyright:hover	{
	text-decoration: none;
	color: #00529B; 
	}


	/*	===		=== 	*/
a.link, a.link:link, a.link:visited, a.link:active	{
	text-decoration: none;
	}
a.link:hover	{
	text-decoration: underline;
	}


	/*	===		=== 	*/
.title	{
	}

	/*	===	address	=== 	*/

.address	{
	color: #666;
	font-weight: 200;
	font-size: 12px;
	line-height: 110%;
	}

div.address a:link, div.address a:visited, div.address a:active	{
	color: #666;
	}
div.address a:hover	{
	color: #BDBDCE;
	text-decoration: underline;
	}




	/*	===	R A T E S	=== 	*/

#ratesBox, #ratesBox_open	{
	font-family: "Arial Narrow", "Trebuchet MS", "Arial", sans-serif;
	text-align: center;
	}
#ratesBox TABLE	{
	width: 610px;
	}
#ratesBox_open TABLE	{
	width: 640px;
	}
#ratesBox TR	{
	}
#ratesBox TD, #ratesBox_open TD	{
	color: #444;
	font-size: 8pt;
	font-style: normal;
	text-align: center;
	padding: 4px 8px;
	border: 1px dotted #D4DAE0;
/*	border-top: 0px none #fff;	*/
	}
#ratesBox_open TD	{
	font-size: 9pt;
	}
.topRates TD	{
	vertical-align: middle;
	}
.topRates TD.up	{
	vertical-align: top;
	}
.leftColumnRates	{
/*	color: #4A5284;	*/
	color: #848CA5;
	font-weight: 500;
	text-align: right;
/*	font-variant:small-caps;	*/
	}
.seasonRates	{
/*	color: #81852;	*/
	color: #CBB369;
	}
#ratesBox h3, #ratesBox_open h3	{
	width:100%;
	color:#969EB6;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	margin:8 2 3 2;
	}

#submenu 	{
	color: #C0C4D2; 
	font-weight: 300;
	font-size: 10px;
	}
#submenu a, #submenu a:link, #submenu a:visited, #submenu a:active	{
	color: #C0C4D2; 
	}
#submenu a:hover	{
	color:#848CAD;
	}


INPUT, TEXTAREA, OPTION, SELECT,	{
/*	background-color: #E5E9ED; 	*/
	background-color: #FFFFFF; 
	border: 1px SOLID #D4DAE0;	
	font-size: 8pt;
	font-family: monospace;
	}
INPUT[type=checkbox]	{
	border: 0px none #D4DAE0;	
	}
FORM, INPUT, TEXTAREA, OPTION, SELECT,	{
	background-color: inherited; 
	color: #333333;
	font-family: ;
	font-size: 8pt;
	font-weight: 100;
	}

ol, ul	{
/*	margin: .5em 0;	*/
/*	padding-left: 10px;	*/
/*	margin-left: 10px;	*/
	}
li	{
	padding-left: 5px;	
	list-style: disc url('/nav/dot.gif') outside;
	vertical-align: baseline;
	}