body  { background-color:#000000;
margin:0; padding:3px 0 0 ; color:#fff; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12px; text-align:center;
}

img, div { behavior: url(http://www.whythebesthotels.com/iepngfix.htc) }
a {color:#ccc;}
a:link {color:#ccc;}
a:visited {color:#ccc;}
a:hover {color:#6F8DB9; text-decoration:none;}

.fleft {position:relative; float:left;}
.fright {position:relative; float:right;}
.fclear {position:relative; clear:both; height:1px; overflow:hidden; width:10px;}
.fclear hr {display:none; }
.acen {text-align: center;}
.adx {text-align: right;}
.asx {text-align: left;}
.mini {font-size:0.9em;}
.msxdx {margin:0 5px !important;}
.mtop {margin:4px;}

form {margin:0; padding:0;}

#lingue  { position: relative; text-align:right; margin:10px auto 0 auto;
    		 width: 980px; height:20px;   		 
    		 z-index:0;}
#lingue img {padding:2px 0 auto 10px; cursor:hand; cursor:pointer;}
#menu7 {float:right; text-align:right; position:relative; width:500px; height:12px;}
#menu7 img {margin:0 5px; border:0;}

#menu9 {position:absolute; top:1px; right:1px; width:123px; text-align:right; font-size:0.9em; padding:5px; height:95px; background-color:#000; z-index:200;}
#menu9 p {margin:6px 0; line-height:110%;}
#menu9 span {color:#ccc; font-style:italic}
#principale  { position: relative; text-align:left; margin:0px auto;
    		 width: 980px; height:660px;
    		 z-index:0;}



#slideshow {
overflow: hidden;
position: absolute; top:0; left:0;
width: 980px;
height: 660px;
z-index:1;
}
#slideshow img {
width: 980px;
height: 660px;
}     		 
    		 
#question-mark {position: absolute; top:0; right:0; width: 380px; height: 660px;
				text-align:right; z-index:2;}  
				
#question-mark img {width: 379px; height: 660px;
				text-align:right; z-index:2;}   		 

#menuprinc_sfondo {width: 980px; height:80px; position: absolute; top:0; left:0; line-height:80px; z-index:4; background-color:#0C0C0C;
			filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }		
#menuprinc_sfondo hr {display:none;}

					    		 
#menuprinc {width: 980px; height:77px; position: absolute; top:0; left:0; line-height:80px; z-index:5; 
			}
#menuprinc img {border:none; cursor:hand; cursor:pointer;}
.logo { margin:0px 10px 0px 10px!important; line-height:58px; height:58px;}
.smnovella { line-height:58px; height:58px; margin-top:11px!important;}	

.logotrasp {/*-moz-opacity:.50; opacity:.50;*/ }
#myGallery {width:980px !important; height:660px !important; overflow:hidden;}
#myGallery h3 {display:none;}
h3 {color:#000}
.content {z-index:0; position:absolute; top:0; left:0;}



#contenuto {position: absolute; top:80px; right:0; width: 980px;
height:143px; z-index:8; font-size:11px; -moz-opacity:0.90; opacity:0.90;}
.inthotel {border-bottom:3px solid;}
#cont-sfondo {position: absolute; top:0px; right:1px; width: 374px;
height:452px; z-index:5; filter:alpha(opacity=85); -moz-opacity:.85;
opacity:.85; background-color:#0C0C0C}
#cont-testi {position: absolute; top:81px; right:1px; width: 330px;
height:348px; z-index:6;}
#cont-testi h1 {text-align:left; padding:40px 0px 40px 0; margin:0;}
#cont-testi h1 img, #cont-testi-cartina h1 img {height:18px}
#cont-testi p {padding-top:0; padding-left:0px; width:298px; margin:0;
line-height:150%; text-align:justify; }
#scroll-testi {height:330px; overflow:auto; width:340px;
position:relative; background-color:#000000; background:transparent; background-color:transparent;}
#cont-testi hr {width:290px; display:block; height:1px; border:0;
color:#ccc; background-color:#ccc; text-align:left !important;
padding-left:0; margin-left:0;}
#scroll-testi a, #scroll-testi-stretto a {color:#7C7C7C; font-weight:700;}
#scroll-testi ul {margin:2px 0 20px 0; padding:0 0 0 20px; }
#scroll-testi li {margin:0; padding:0; list-style-type:round; line-height:150%; }
#cont-testi-cartina {position: absolute; top:81px; left:280px; width: 377px;
height:548px; z-index:6; text-align:left;}
#cont-testi-cartina h1 {text-align:left; padding:40px 0px 40px 0px; margin:0;}




/*guestbook*/
.messaggio {font-size:12px; width:500px; margin:5px 0; line-height:150%; text-align:justify}
.firma {font-size:11px; font-style:italic; width:500px; color:#7c7c7c;}
#cont-testi-large {position: absolute; top:120px; left:270px; width: 690px;
height:432px; z-index:5;}

.firma hr {border:none; filter:alpha(opacity=85); -moz-opacity:.85; margin-left:0;
opacity:.85; background-color:#0C0C0C; color:#0c0c0c; height:1px; width:500px !important; }

/*offerte*/

.descrizione {position:relative; padding:0; margin:0; line-height:150%; width:210px !important;}
.descrizionetit h3, descrizione h3 {margin:0 0 10px 0; padding:0; line-height:100%; font-size:13px; width:210px;}
.descrizione h3 {font-size:12px;}
.descrizionetit p { line-height:120%; width:210px !important; padding:0; margin:5px 0 !important;}
.descrizione p { line-height:120%; width:302px !important; padding:0; margin:5px 0 !important; text-align:justify;}
.descrizione a {text-decoration:none;}
.descrizione a:hover { color:#FFFFFF;}
.separatore {height:40px; width:300px; line-height:60px;}
.separatore hr {width:310px !important; color:#ccc !important; background-color:#ccc !important; }


.offerta {position:relative; float:left; width:180px !important; padding:0; margin:5px 0px; text-align:center;}
.offerta p {width:180px !important;  padding:0px auto; margin:0 auto; font-size:12px}
.offerta h3 {font-size:14px; margin:5px auto; padding:0 auto;}
.offerta h5 {font-size:12px; margin:0; padding:0 auto; font-weight:400;}
.icona {border:3px solid; margin:0 auto;}


.richiesta a {text-decoration:none;}
.richiesta a:hover { color:#FFFFFF;}
.tabella { border:none;}
.tabella td {font-size:12px; padding:0px 0px!important; margin:0px 0px!important; vertical-align:top;}

#scroll-h, #hold {width:720px; height:415px; overflow-x:auto; overflow-y:hidden;}
/*form prenotazioni a fondo pagina*/
#booking {position: absolute; top:630px; left:0; width: 980px; height:30px; line-height:30px; z-index:4; background-color:#0C0C0C;
			filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;}						
#booking input, #booking select {font-size:11px !important;  padding:2px; line-height:100%; margin-top:4px;}
#booking input[type="button"] {font-size:11px !important; padding:0 !important; margin:4px;}
#booking input[type="image"] {padding:0px 0px 0 8px !important;}
#booking button {font-size:10px !important; padding:0 0 0 0 !important; overflow: visible; background-color:#E7DECF; margin:5px 0 0 0 !important;}
#booking a {font-size:12px !important; padding:0 3px 0 0; color:#fff; font-weight:700;}
#booking a:hover {color:#ccc;}
#booking form {margin:0; padding:0 0 0 10px}
.label {line-height:30px; margin:0 !important; padding:0 !important;}

iframe {background-color:transparent;}

/*sottomenu*/
.sottomenu {position: absolute; top:81px;  z-index:150;  text-align:right !important; height:163px;}
.sottomenu img {border:0; margin:10px 10px 0 8px !important; }
#menu0 {background-color:#0C0C0C; left:1px; width:228px; text-align:right !important; height:163px;}
#menu0 img {text-align:right !important; margin:10px 10px 0 8px !important;}
#menu1 {background-color:#C4829E; left:230px; width:160px; height:175px; background-image:url(images/sfondihotel/sfondoghvc.gif);  background-position:-45px -10px}
#menu2 {background-color:#625B0E; left:353px; width:145px; height:163px; background-image:url(images/sfondihotel/sfondohsmn.jpg); background-position:-15px 0px}
#menu3 {background-color:#140402; left:456px; width:145px; height:163px; background-image:url(images/sfondihotel/lo.gif); background-position:-150px -60px}
#menu4 {background-color:#6F8DB9; left:575px; width:145px; height:163px; background-image:url(images/sfondihotel/sfondobalestri.jpg); background-position:-150px 300px}
#menu5 {background-color:#D02433; left:700px; width:145px; height:163px;}
#menu6 {background-color:#C8DB00; right:18px; width:145px; height:163px;}
.sottomenu a {color:#fff; }
.sottomenu a:link {color:#fff;}
.sottomenu a:visited {color:#fff;}
.sottomenu a:hover {color:#9e9e9e;}
.sottomenuweb {margin:12px 10px 0 0 !important; display:block; padding:1px; }
.close {position:absolute; top:0px; left:0px; z-index:200; width:20px; height:20px;}
.close img {width:11px; height:8px;  -moz-opacity:.70; opacity:.70; cursor:hand; cursor:pointer;}
#menu8 {position:absolute; z-index:100; right:1px !important; top:559px !important;  height:70px !important; width:610px !important; background-color:#000; overflow:hidden; font-size:12px;}
#menu8 a {display:block; text-decoration:none; text-transform:uppercase; color:#666 !important;}
.hand {cursor:hand; cursor:pointer;}
/*contenuto gallery*/
#cont0 {position:absolute; top:81px; right:1px; width:200px; height:452px;}
#cont1 {position:absolute; top:81px; right:1px; width:7px; height:452px; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; background-color:#0C0C0C}
.closeP {position:absolute;  z-index:200; width:11px; height:20px; bottom:0; right:8px;}
.closeP img {width:11px; height:8px;  -moz-opacity:.70; opacity:.70; cursor:hand; cursor:pointer;}
.closeP2 {position:absolute;  z-index:200; width:5px; height:12px; top:210px; right:1px;}
.closeP2 img {width:5px; height:12px;  -moz-opacity:.70; opacity:.70; cursor:hand; cursor:pointer;}
#cont-testi2 {position: absolute; top:0px; right:1px; width: 348px; 
height:410px; z-index:6;}
#cont-testi2 h1 {text-align:left; padding:30px 0px 30px 0; margin:0 !important; text-align:left;}
#cont-testi2 h1 img {height:18px}
#cont-testi2 p {padding-top:0; padding-left:0px; width:330px; margin:0 0 8px 0;
line-height:135%; text-align:justify; }
#cont-testi2 hr {width:260px; display:block; height:1px; border:0;
color:#ccc; background-color:#ccc; text-align:left !important;
padding-left:0; margin-left:0;}

#scroll-testi2 {height:348px; overflow:auto; width:350px; 
position:relative; background-color:#000000; background:transparent; background-color:transparent;}
#scroll-testi2 a {color:#c0c0c0; font-weight:700;}
#scroll-testi2 ul {margin:2px 0 20px 0; padding:0 0 0 20px; }
#scroll-testi2 li {margin:0; padding:0; list-style-type:round; line-height:150%; }


/*contenuto gallery stretta*/
#cont-sfondo3 {position: absolute; top:0px; right:1px; width: 260px;
height:452px; z-index:5; filter:alpha(opacity=85); -moz-opacity:.85;
opacity:.85; background-color:#0C0C0C}

#cont-testi3 {position: absolute; top:0px; right:1px; width: 240px; 
height:410px; z-index:6;}
#cont-testi3 h1 {text-align:left; padding:20px 0px 20px 0; margin:0 !important; text-align:left;}
#cont-testi3 h1 img {height:18px}
#cont-testi3 p {padding-top:0; padding-left:0px; width:220px; margin:0 0 6px 0;
line-height:135%; text-align:justify; }
#cont-testi3 hr {width:220px; display:block; height:1px; border:0;
color:#ccc; background-color:#ccc; text-align:left !important;
padding-left:0; margin-left:0;}

#scroll-testi3 {height:370px; overflow-y:auto; width:240px; overflow-x:hidden;
position:relative; background-color:#000000; background:transparent; background-color:transparent;}
#scroll-testi3 a {color:#c0c0c0; font-weight:700;}
#scroll-testi3 ul {margin:2px 0 20px 0; padding:0 0 0 20px; }
#scroll-testi3 li {margin:0; padding:0; list-style-type:round; line-height:150%; }
#scroll-testi3 h2 {font-size:16px; font-weight:400; margin:16px 0 4px 0; padding:0;}
#cont-testi3 p {padding-top:0; padding-left:0px; width:230px !important; text-align:left;}
#scroll-testi3 hr {height:1px; color:#757575; background-color:#757575; border:none; width:220px;}


/*colori hotels*/
.ghvc, .ghvc a, .ghvc a:link, .ghvc a:visited { color:#9C1F5B !important;}
.ghvc a:hover { color:#FFFFFF!important;}
.ghvc-bg { border-color:#9C1F5B}
.ghvc-logo {line-height:58px; height:58px; width:98px; margin:11px 0 0 30px;}

.hsmn, .hsmn a, .hsmn a:link, .hsmn a:visited { color:#7C751D !important;}
.hsmn a:hover { color:#FFFFFF!important;}
.hsmn-bg { border-color:#7C751D;}
.hsmn-logo {line-height:58px; height:58px; width:65px; margin:11px 0 0 30px;}

.hlo, .hlo a, .hlo a:link, .hlo a:visited { color:#7E546C !important;}
.hlo a:hover { color:#FFFFFF!important;}
.hlo-bg  { border-color:#7E546C}
.hlo-logo {line-height:58px; height:58px; width:70px; margin:11px 0 0 30px;}

.hb, .hb a, .hb a:link, .hb a:visited { color:#6F8DB9!important;}
.hb a:hover { color:#FFFFFF!important;}
.hb-bg { border-color:#6F8DB9;}
.hb-logo {line-height:58px; height:58px; width:101px; margin:11px 0 0 30px;}

.hr23, .hr23 a, .hr23 a:link, .hr23 a:visited  { color:#D02433!important;}
.hr23 a:hover { color:#FFFFFF!important;}
.hr23-bg { border-color:#D02433}
.hr23-logo {line-height:58px; height:58px; width:87px; margin:11px 0 0 30px;}

.hu, .hu a, .hu a:link, .hu a:visited   { color:#C8DB00!important;}
.hu a:hover { color:#FFFFFF!important;}
.hu-bg { border-color:#C8DB00!important}
.hu-logo {line-height:58px; height:58px; width:74px; margin:11px 0 0 30px;}

.bianco, .bianco a, .bianco a:link, .bianco a:visited { color:#7d7d7d}
.bianco-bg { border-color:#fff;}


#stampa {position: relative; float:left; width: 320px; height:330px;}
#stampa input, select {font-size:12px; margin: 0px 0px 3px 0px; padding:0; height:auto;}
#stampa textarea {width: 274px; height:100px;font-family:Helvetica, Arial, Verdana, sans-serif; font-size:10px;}

.divstampa h1 {font-size:14px; margin:20px 0 20px 0; color:#fff; font-weight:400;} 
.divstampa h3 {font-size:13px; width:90px; padding-right:30px; margin:0;  }
.divstampa ul {margin:0; padding:0 0 10px 0;}
.divstampa li {padding-left:0px; margin:0; list-style-type:round; font-size:12px; color:#7C7C7C}
.divstampa hr {border:none; background-color:#0c0c0c; color:#0c0c0c; height:1px; margin:0; padding:0;}
.divstampa a:link, .divstampa a:visited {color:#fff;}
.divstampa a:hover {color:#7C7C7C !important;}
.divstampa img {margin-top:2px;}
#scroll-testi-stretto {height:330px; overflow:auto; width:360px; 
position:relative; background-color:#000000; background:transparent; background-color:transparent;}
#scroll-testi-stretto p {width:260px; }
#scroll-testi-stretto {margin-top:40px !important}

.l120 {width:120px;}

.chkbox {margin:5px 0px 0px 0px!important;}

.modulo td {padding:2px 0; font-size:11px;}
.modulo input[type="radio"] {margin-right:5px!important;}

#accesso input {font-size:11px; margin: 0px 0px 10px 10px; padding:0;}
.accedi {padding:0; margin: 0 20px!important;}

#footer {color:#9e9e9e; font-size:8pt; margin:8px auto 0 auto; padding:0; width:980px; height:20px;}
#footer a {text-decoration:none; color:#9e9e9e;}
#footer a:hover {color:#fff;}


.sfondo {position: absolute; left:270px; width: 710px; top:81px; height:540px}
.sfondo h1 {text-align:left; padding:40px 0px 10px 0; margin:0;}
.sfondo2 {position: absolute; left:0px; width: 980px; top:81px; height:540px}
.sfondo2 h1 {text-align:left; padding:30px 0px 15px 0 !important; margin:0;}

.sfondo3 {position: absolute; left:0px; width: 980px; top:81px; height:150px}

/*offerte nuove*/
.offerte-label {color:#7D7D7D; font-style:italic;}
.offerte-date {font-size:13px; padding:0 0px 0 0;}
.offerte h4 {margin:0 !important; padding:0 12px 0 0 ; font-size:11px;}
.offerte h2 {margin:4px 0 !important; padding:0; font-size:16px; padding:0 14px 0px 0 !important; text-align:left;}
.offerte {position:relative; float:left; width:238px !important; height:125px; overflow:auto; border-right:1px color:#0c0c0c;}
.offerte a {color:#FFFFFF;}
.offerte a:hover {color:#7D7D7D;}

.offertedx-date {font-size:13px; padding:0 0px 0 0;}
.offertedx h4 {margin:0 !important; padding:0 0px 0 0 ; font-size:11px;}
.offertedx h2 {margin:4px 0 !important; padding:0; font-size:16px; padding:0 0px 10px 0 !important; text-align:left;}
.offertedx {position:relative; float:left; width:224px !important; height:125px; overflow:auto; border-right:1px color:#0c0c0c; }
.offertedx a {color:#FFFFFF;}
.offertedx a:hover {color:#7D7D7D;}




.hand {cursor:hand; cursor:pointer;}
.piva {font-size:0.8em; padding-left:16px}
.meteo {color:#5F89D2 !important; text-decoration:underline; padding-left:20px !important;}


.news h5, .eventidett h5 {font-size:10px; margin:0 0 4px 0; padding:0;}
.news h3 {font-size:16px; margin:4px 0; padding:0; font-weight:400; cursor:hand; cursor:pointer;}
.news {border-bottom:1px solid #0c0c0c; margin-bottom:10px;}

.eventilista {width:200px; height:475px; overflow:auto; margin-top:65px;}
.eventidett {width:310px; border-left:1px solid #0c0c0c; height:475px; overflow:auto; margin-top:65px; padding:0 0 0 10px; line-height:140%;}
.eventidett h3 {font-size:20px; margin:10px 0; padding:0; font-weight:400;}
.eventidett a:link {color:#7d7d7d;}
.eventidett a:visited {color:#7d7d7d;}
.eventidett a:hover{color:#fff;}

.drag{ position:relative; cursor: move; z-index: 100;  }
.div100 {width:100%; position:relative}

.drag table {border:0; border-collapse:collapse; padding:0; position:absolute; top:26px; left:26px; width:180px;}
.drag td {margin:0px; border:0; padding:0; height:170px; width:180px; text-align:center;}
.drag p {padding:0px; margin:0;}
.book-now {width:94px; height:12px; overflow:hidden; margin:10px auto; text-align:center; border:0 !important;}
.book-now a {background-image:url(images/book-now.png); border:0 !important; background-position:top left; }
.book-now a:hover {color:none !important; background-position:bottom left;}
.book-now img {border:0 !important;}

#stars3, #stars4, #stars5, #stars5b {width:210px; height:210px; overflow:hidden; position:absolute; background-repeat:no-repeat; text-align:center; color:#fff;}
#stars3 p, #stars4 p, #stars5 p, #stars5b p, #easter p {text-align:center; font-size:13px;}
#stars3 {background-image:url(images/3stars-specials.png); }
#stars4 {background-image:url(images/4stars-specials.png);  }
#stars5, #stars5b {background-image:url(images/5stars-specials.png);  }
#easter {width:212px; height:300px; overflow:hidden; position:absolute; background-repeat:no-repeat; text-align:center; color:#fff; background-image:url(images/easter-egg.png);}
#easter td  {margin:0px; border:0; padding:0; height:210px; width:180px; text-align:center;}
#easter td  p {margin:0px 0 5px 0;}
#easter table {border:0; border-collapse:collapse; padding:0; position:absolute; top:52px !important; left:28px; width:180px;}