/* CSS Document */

body {background:#fff; margin:0; padding:0; font-size:62.5%; font-family:Verdana; color:#1A171B;}

/* SFONDO CORIANDOLI / FIOCCHI*/
body {background:#fff url(http://www.cristallo.it/themes/hotel_cristallo/images/fiocchi.png) repeat-x scroll 0 0; margin:0; padding:0; font-size:62.5%; font-family:Verdana; color:#1A171B;}


/* formattazione FONT */ 
.body_page {font-size:1.1em; line-height:140%; color:#747474;}
.titolo {font-weight:bold; font-size:1.1em; padding-bottom:15px; }
.subtitle {padding-bottom:15px; font-style:italic;}
.sottotitolo, .body {line-height:140%; }
.back {border:1px solid #999; padding:5px 10px; text-align:center; color:#999; text-decoration:none; }
.back:hover {color:#666; border:1px solid #666; text-decoration:none;}
a {color:#666;}
a:hover {color:#999;}

.body_page ul {padding:5px 0px;}
.body_page ul li {list-style:inside disc none;padding:5px 0px;}

#page {width:960px; margin:0 auto; position:relative; padding:0 0 30px 0; }
/* SEO DESCRIPTION */
#heading {position:absolute; bottom:0;left:0;width:960px; height:30px;}
#heading .box {height:14px; }
#heading h1 {	display: block;	float: left;	margin: 0 5px 0 0; color:#999999; font-size:11px;}
#heading span {	float: left; color:#999999; font-size:11px; display: block;}
#heading a {}

#header {text-align:center; z-index: 99999;}
#service_box {height:86px; position:relative;}
#service_box #logo {width:172px; height:62px; position:absolute; left:376px; top:10px;}

#top_menu {height:26px; background:#F8F2F3;text-align:center; line-height:26px; z-index: 99999;}
#main_menu { text-align:center; border:0px solid; padding:0; z-index: 99999;}
#main_menu li {display:inline; padding:0 1px 0 0;  font-weight:normal; color:#868789; text-decoration:none; position:relative; z-index: 99999;}
#main_menu li a {font-size:11px; letter-spacing: -0.1px; color:#868789; font-weight:normal; text-decoration:none; font-variant:small-caps; font-weight:900;}
#main_menu li a:hover,
#main_menu li a.current {color:#1A171B; text-decoration:underline; font-weight:900;}
#main_menu p {display:inline;}
#main_menu p {font-size:12px;}
#main_menu span {} 
.left {float:left;}
.right {float:right;}

/* subcategories */
.subcategories {text-align:left;}
.subcategories li {border:0px solid; padding-bottom:5px; text-align:left;}
.subcategories li a {color:#868788; text-decoration:none; text-transform:uppercase; font-size:0.9em; font-weight:500;}
.subcategories li p {display:inline; font-size:12px}
.subcategories li a:hover {color:#000000;} 
.subcategories li a.current, 
.subcategories li.current a {color:#000000; text-decoration:none;}
#sub_menu   { min-width: 150px; position:absolute; top:18px; left:0;z-index:9000;background: none repeat scroll 0 0 #F8F2F3; padding: 0 5px; text-align: left; z-index: 99999;}
#sub_menu   li {display:block;clear: both; z-index: 99999;}
#sub_menu   li  a{display:block;white-space:nowrap; z-index: 99999;}
#main_menu ul.prima {margin:0 0 0 -2px;}

#flash {
	height: 450px;
	background: #FFF;
	position: relative;
	overflow: hidden;
	z-index: 500;
}

#flash #home_caption {
	position: absolute;
	z-index: 2200;
	top: 15px;
	left: 15px;
	font-family: Garamond,"Hoefler Text",Palatino,"Palatino Linotype",serif;
	font-style: italic;
	font-size: 4.3em;
	color: #FFFFFF;
	/* text-shadow: 3px 3px 2px #333333; */
	/*filter: dropshadow(color=#333333, offx=5, offy=5);*/
	padding-bottom: 15px;
}

#slideshow {
	overflow: hidden;
	position: relative;
	width: 960px;
	height: 450px;
	z-index: 1500;
}
#slideshow img {
	width: 960px;
	height: 450px;
}
#slideshow_highlight {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 90px;
	overflow: hidden;
	z-index: 2000;
	background: url("../images/bg_caption.png") repeat scroll 0 0 transparent;
}
#slideshow_highlight ul {
	position: relative;
	z-index: 2100;
	width: 880px;
	overflow: hidden;
	clear: both;
	margin: 0 40px;
}
#slideshow_highlight li {
	width: 880px;
	overflow: hidden;
	clear: both;
}
#slideshow_highlight a {
	font-family: Garamond,"Hoefler Text",Palatino,"Palatino Linotype",serif;
	font-style: italic;
	color: #FFFFFF;
	text-decoration: none;
}
#slideshow_highlight .thumb {
	float: left;
	width: 104px;
	height: 77px;
	display: block;
	border: 1px solid #999999;
	margin: 5px 10px 0 0;
}
#slideshow_highlight .thumb img {
	width: 100px;
	height: 73px;
	margin: 2px;
}
#slideshow_highlight .text {
	margin: 15px 0 0;
	float: left;
	width: 750px;
	font-size: 2.8em;
}
#slideshow_highlight .text h4 {
	font-size: 0.6em;
	margin: 0 0 15px;
}

#slideshow_highlight .hs_control {
	position: absolute;
	z-index: 2200;
	display: block;
	top: 0px;
	width: 40px;
	height: 90px;
	text-indent: -9999px;
}
#slideshow_highlight #hs_prev {
	left: 0px;
	background: url(../images/hs_arrow_prev.png) center center no-repeat;
}
#slideshow_highlight #hs_next {
	right: 0px;
	background: url(../images/hs_arrow_next.png) center center no-repeat;
}


/*
#flash_test { height:450px; width:960px; background:#FFF; overflow:hidden; position:relative; }
#flash_test img{ opacity: 0.0;position:absolute;float:left; }
#flash_test .first{opacity: 1.0;padding:0;margin:0;}
#flash_test .caption {
	background: url("../images/bg_caption.png") repeat scroll 0 0 transparent;
	color: #FFFFFF;
	height: 80px;
	width: 100%;
	z-index: 100;
	position:absolute;
	bottom:0;
	padding:0 0 0 20px;
}
#flash_test .caption .content {text-align:left;font-family:Garamond,"Hoefler Text",Palatino,"Palatino Linotype",serif;font-style:italic;margin-top:10px;}
#flash_test .caption .content a {color:#fff;font-size:3.0em;text-decoration:none;}
#flash_test .caption .content h4 {color:#fff;font-size:1.8em;line-height:0.8em;}
*/


#booking_form_box {height:32px; background:#F8F2F3; line-height:25px; position:relative;}
#booking_form {float:left; }
/*#others_services {background:#ff9900; width:100px; float:right; height:25px;}*/
#top_advise{font-size:11px;margin:0px;padding:7px 0 ; color:#666666; overflow:hidden;}
#top_advise .top_advise_left { float: left; }
#top_advise .top_advise_right { float: right; }
#top_advise a.assicurazione {margin:0 0 0 190px;}

/* content */
#content_box {margin-top:20px; position:relative;}
#single_item {overflow:hidden; text-align:justify}
#single_item .left {float:left; width:150px;}
#single_item .center {float:left; width:625px;}
#single_item .right {float:right; width:140px; text-align:right;}

#home_left {float:left;}
#home_right {float:right; width:270px; text-align:right;}
#home_right a.anniversary_link{position:absolute;top:175px;right:0;}


#footer_box {border:1px solid #fff; clear:both;}
#footer {text-align:center; margin-top:25px; padding-bottom:10px;}
#footer_menu {height:20px; border-bottom:1px solid #87888A; overflow:hidden; padding-top:10px; color:#868788; }
#footer_menu a {color:#868788; font-size:0.9em; letter-spacing: -0.2px; text-decoration:none; text-transform:uppercase;}
#footer_menu a:hover, 
#footer_menu a.current {color:#1A171B; text-decoration:underline; }
#copyright {width:958px; font-size:1.1em; text-align:left; color:#1E1E1F; line-height:30px; padding:0; overflow: hidden; margin:5px 0 10px 0;  }
#copyright .copyinfo {float:left;font-size:11px; color:#747474;line-height:18px; width:958px; margin: 0 ; text-align:center; }
.box_loghi {float:left; margin:0; border:0px solid; width: 958px;height:100px;}
.box_loghi .tripadvisor {float:left;  width:120px; height:100px; margin:10px 15px 0 0 ;}
.box_loghi .tripadvisor img.logo {margin:20px 0 0 0;}
.box_loghi .bestofalps {float:left;  width:100px; height:100px;}
.box_loghi .worldtravel {float:left; width:100px; height:100px;}
.box_loghi .sevenstar {float:left;  width:100px; height:100px;}

.box_loghi .virtuoso {float:right;  text-align:center; height:70px; padding:0 20px 0px 0px;}
.box_loghi .lhw {float:right;  padding:5px 1px 0 1px}
.box_loghi .wiki {float:left; width:35px; text-align:center; height:30px;}

/* FEATURED */
#featured {border:0px solid red; width:960px; margin:0 auto 30px; overflow:hidden;}
.txt_home {font-family: Garamond,
             "Hoefler Text",
             Palatino,
             "Palatino Linotype",
             serif;
 font-size:2.2em; font-style:italic; color:#8A8A8A; padding:20px 0 10px 0;}
.box_featured {float:left; height:125px; margin: 0 15px 0 25px;}
.box_featured .title {background:#F8F2F3; font-size:1.3em; color:#000000; font-variant:small-caps; height:24px; line-height:22px; width:150px; text-align:center; font-weight:900;}
.box_featured .thumbnail {border:0px solid red; width:150px; height:110px;}

.right .box_featured {border:0px solid #7F7B7B; margin-bottom:5px; width:100px; float:right; height:89px; }
.right .box_featured .title {width:100px; font-size:1.2em; border-bottom:0px solid #7F7B7B; color:#161616;}
.right .box_featured .title span {font-size:12px;}
.right .box_featured .thumbnail {width:100px; height:74px;}
.right .box_featured a {opacity:0.8;filter:alpha(opacity=85); -moz-opacity:0.8; width:100px; height:75px; display:block;}
.right .box_featured a:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
.right .box_featured .thumbnail img {width:100px; height:73px; }
.right .box_featured .current {opacity:1;filter:alpha(opacity=100); }

/* GALLERY */
.photogallery {border:0px solid; padding:20px 0;}
.photogallery .logo {margin-right:6px; padding-bottom:10px; float:left; }
.photogallery .logo a {display:block; height:80px; width:125px; }
.photogallery .logo img {border:1px solid #ccc; padding:0px; }

/* DOCUMENTS */
#documents {border:0px solid; margin-top:10px; padding-left:20px;}
#documents li {border:0px solid; list-style-type:circle; }
#documents a {clear:both; display:block; padding-bottom:5px; color:#1A171B; text-decoration:none;}
#documents a:hover {text-decoration:underline;}

/* LIST */
#list {border-top:0px dotted #1A171B; padding:10px 0; margin-top:10px;}
#list .item {border-bottom:1px dotted #1A171B; overflow:hidden; margin-bottom:5px; padding-bottom:5px; padding-top:5px;}
#list .item .thumbnail {float:left;}
#list .item .thumbnail img {width:100px; height:73px; padding:2px; border:1px solid #CCC;}
#list .item .info {float:left; margin-left:10px; width:500px; }
#list .item .info .titolo {padding-bottom:5px}
#list .item .info .titolo a {color:#1A171B; text-decoration:none;}
#list .item .info .titolo a:hover {text-decoration:underline;}
#list .item .info .sottotitolo {padding-top:5px;}
.btn_spa {border:0px solid; width:205px; height:35px; line-height:35px; text-align:center; margin-top:10px; background:url(../images/btn_trattamenti.png) no-repeat top left;}
.btn_spa a {color:#999; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:1em;}
.btn_spa a:hover {color:#666;}
.hidden {display:none;}
.info .body {padding:5px 0; border:0px solid}
.info ul li {list-style:disc;list-style-position:inside;}

.download{float:right;}
#view_all{}
.featured {overflow:hidden;}
.all_hidden {overflow:hidden; display:none;}



/* BOTTONI MORE INFO e BOOK NOW */
.booknow {border:0px solid; float:left; /*background:url(../images/btn.jpg) no-repeat; */ height:22px; width:90px; text-align:center; line-height:22px; border:1px solid #CCC; margin-top:10px;}
.booknow .book_now {color:#333333; text-decoration:none;}
.booknow .book_now:hover {color:#666;}
.more_info {border:0px solid; float:left;  height:30px; width:70px; text-align:left; line-height:30px; }
a.more_info {color:#333333; text-decoration:none; background:url(../images/more_info.png) no-repeat right center; padding-right:5px;}
a.more_info:hover {color:#666; background:url(../images/more_info_on.png) no-repeat right center;}
.close {float:right; width:20px; height:20px;  }
.close a {text-decoration:none; width:20px; height:20px; line-height:20px; text-align:center; color:#999999; display:block; background:url(../images/close.png) no-repeat;}
.close a:hover {background:url(../images/close_on.png) no-repeat;}

/* MAP */
#map_canvas {width:960px; height:450px;}
#map_canvas h2 {font-size:1.2em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:2px;}
#map_canvas h4 {font-size:1.1em; line-height:12px;}

/* METEO */
#meteo {float:right; padding: 7px 5px 0 0; }
#meteo a {display:block; width:64px; height:20px; background: url(../images/meteo.jpg) no-repeat left top; }
#meteo_hidden {border:0px solid #666666; background:url(../images/bg_meteo.png) no-repeat top left; width:200px; height:140px; position:absolute; right:0px; top:32px; display:none; z-index:1000;}
#meteo_hidden #close {float:right; padding:3px 6px 0 0; width:15px; height:15px; position:absolute; right:0; top:0;}
#meteo_hidden .meteo_content {border:0px solid; width:160px; margin:0 auto; margin-top:0px; position:absolute; top:12px; left:15px;}
.previsioni_neve {border:0px solid red; font-size:10px; clear:both; overflow:hidden; position:absolute; bottom:15px; left:15px;}
.previsioni_neve .previsioni {float:left;}
.previsioni_neve .neve {float:left;}


#others_services {width:60px; height:25px; position: absolute; top:5px; right:0px; }
#language_menu {background:none; padding-left:3px; border:0px solid red; overflow:hidden;}
#language_menu li {float:right; padding:0px; opacity:0.4; width: 16px; filter:alpha(opacity=40); border:0px solid red; margin:0 0 0 3px;}
#language_menu li.current {opacity:1;filter:alpha(opacity=100);} 

/* FAQ */
.faq_body {display:none; padding-left:15px; color:#666666; padding-bottom:5px;}
#faq {float:left; border:0px solid; width:600px; padding-top:5px;}
#faq a {color:#333333; text-decoration:none;}
#faq a:hover {color:#666;}
#faq a.current {color:#333; text-decoration:underline;} 

/* SITEMAP */
#first_menu {padding-top:10px; border-right:1px dotted #333; float:left; padding-right:50px;}
#first_menu span,
#second_menu span {border-bottom:1px dotted #333333; padding-right:50px; margin-bottom:5px; display:block; font-weight:bold;}
#second_menu {padding-left:30px; float:left; padding-top:10px;}

/* NEWSLETTER */
#newsletter_form {border:0px solid}
#newsletter_form legend {display:none;}
#newsletter_form .actions {border-bottom:1px dotted #333; border-top:1px dotted #333; padding:5px 0;}
#newsletter_form .privacy_note {border-top:1px dotted #333333; width:490px; float:right; padding-top:10px;}
#newsletter_form .privacy_accept {float:left; border-top:1px dotted #333333; width:105px; text-align:right; padding-right:6px; padding-top:10px;}
#newsletter_form .privacy_accept label {display:none;}
#newsletter_form .submit {clear:both; border-top:1px dotted #333; padding-top:10px; padding-left:0;}
#newsletter_form .submit #cmd_submit {border:0px solid; background:url(../images/btn_book.jpg) no-repeat; width:75px; height:26px; cursor:pointer;}

.info .images_spa {border:1px solid #ccc; padding:2px; width:100px; height:70px; float:left; margin-bottom:5px; }
.info .info_spa {border:0px solid; float:left; width:480px; margin-left:10px; padding:0}
.titolo_spa {border:0px solid; padding-bottom:0}
.info .info_spa .sottotitolo {clear:both; padding-bottom:2px; font-style:italic}


/* PHOTOGALLERY | category */
ul.level_1 {border:0px solid red; padding-top:5px; padding-left:10px;}
ul.level_1 a {font-size:10px; color:#999; text-transform:capitalize;}
ul.level_0 a.selected {color:#000000}
ul.level_0 a.cat_54 {border:0px solid red;}

#VirtualTour .item {overflow:hidden; width:200px; border:0px solid red; float:left; margin-bottom:10px;margin-top:10px;}
.item .VT {border:1px solid #CCC; position:relative; width:180px; height:110px; padding:2px;}
.item .VT .inf {position:absolute; bottom:2px; left:2px; height:25px; width:180px; background:#333333; opacity: 0.6; filter: alpha(opacity = 60);}
.item .VT .scritta {position:absolute; bottom:2px; left:2px; height:25px; line-height:25px; padding-left:5px; color:#FFFFFF; text-transform:uppercase; font-size:10px;}

/* WORK */
#form_work {border:1px solid #CCC; padding:10px; width:450px; position: relative;}
#form_work .w_elem {border:0px solid #999; overflow:hidden; padding:2px 0;}
#form_work .w_elem label {display:block; float:left; width:120px; padding-left:5px;}
#form_work .w_elem input {display:block; float:left; border:1px solid #999; color:#666666;} 
#form_work .w_elem select {border:1px solid #999; color:#666666;}
#form_work .txtname,
#form_work .txtsurname,
#form_work .txtemail
 {width:250px;}
 #form_work .sending {position:absolute; top:0; left:0; background-color: #FFF; width:100%; height:100%; overflow:hidden; display:none; }
.sending.shown {display:block !important;  height:300px; border:1px solid #CCC; position:relative !important;} 

.sending h3 {margin-top:18%; text-align: center; font-size:22px; font-weight: bold; } 
.sending.shown h3 {margin-top:10px;height: 100px; line-height:100px;}
 
 /* LIST ITEMS PDF */
.box-list-items-pdf {margin-top:10px; margin-top:20px;}
.box-list-items-pdf .title {border-bottom:1px solid #999999; font-size:13px; font-weight:bold; text-transform:uppercase; overflow:hidden;}
.box-list-items-pdf .title .right a {font-size:10px; text-decoration:none;}
.box-list-items-pdf .box-items {padding-left:20px;}
.hidden-box-ist,
.hidden-box-par  {margin-bottom:20px; display:none;}
#close_par,
#close_ist {display:none;}
.first {clear:both; margin-top:10px;}

/* FORM DAY SPA */
#form-dayspa {width:610px; border:1px solid #CCC; overflow:hidden; padding:10px; margin-top:20px;}
#form-dayspa .elements {overflow:hidden; width:300px; border:0px solid; float:left; padding-bottom:10px;}
#form-dayspa .submit {border-top:0px dotted #666666; width:100%; padding-top:10px; width:600px;}
#form-dayspa .elements input,
#form-dayspa .elements select {border:1px solid #999; font-size:11px; color:#666666}

#form-dayspa .elements span {display:block; width:100px; float:left;}
#form-dayspa .elements input {float:left;}
#form-dayspa #txtname-day,
#form-dayspa #txtsurname-day {width:180px;}
#form-dayspa #txthour-day {width:40px;}

/* VIDEO */
#video {width:450px; height:360px; border:1px solid #ccc; text-align:center; margin-top:15px;}
#video_ann{width:450px; height:273px; border:1px solid #ccc; text-align:center;margin-top:15px; }
/* pagina TRANSVITAL SPA */ 
.logo_spa {float:right; width:130px; height:80px; position:absolute; top:-25px; right:150px; background:url(../images/logo_spa.jpg) no-repeat; }
#title_transvital {float:left; padding-bottom:50px;}

/* web cam */
.webcam#highslide-html-webcam-1,
.webcam#highslide-html-webcam-2,
.webcam#highslide-html-webcam-3,
.webcam#highslide-html-webcam-4,
.webcam#highslide-html-webcam-5,
.webcam#highslide-html-webcam-6,
.webcam#highslide-html-webcam-7,
.webcam#highslide-html-webcam-8,
.webcam#highslide-html-webcam-9,
.webcam#highslide-html-webcam-10,
.webcam#highslide-html-webcam-11,
.webcam#highslide-html-webcam-12,
.webcam#highslide-html-webcam-13 {height:580px; width:690px; }
.webcam .highslide-body {border:0px solid red; float:left; width:660px;}
.webcam .image_webcam {border:0px solid #ccc; clear:both; width:640px; padding:2px; border:0px solid red; padding-left:15px;}

#guestbook {margin-top: 20px; }
#guestbook .comment {padding: 5px; margin: 5px 0 10px 0; border-bottom: 1px dotted #666;  }
#guestbook .comment .comment_text {margin: 5px 0; font-size: 130%; }
#guestbook .comment .comment_date {font-weight: bold; font-size: 130%; }
#guestbook .comment .comment_name {font-style: italic; margin: 5px 0; font-size: 130%; }

div.form_gift { border: 1px dotted #CCC; padding: 10px; width:477px; margin: 20px auto 0; }
div.form_gift h2 {font-weight: bold; font-size: 1.3em; margin-bottom: 10px;}
div.form_gift div.row {padding: 10px 0 0 0; clear:left; overflow:hidden;} 
div.form_gift label {display: block; width: 200px; float:left; }
div.form_gift input {display: block; width: 270px; float:left; }
div.form_gift  textarea {display: block; width: 270px; float:left; }
div.form_gift a.button_send {display:block; float: right; width: 222px; padding: 5px 25px; border: 1px solid #888; color: #888; text-align: center; height: 18px; line-height: 18px; font-weight: bold; margin-right: 4px; text-decoration:none;}
div.form_gift a.button_send:hover {background-color: #CCC; border-color: #000;  color: #000;}
div.form_gift .status {color: #FC0000; font-weight: bold; font-size: 1.5em;}
.contenuto_offerta ul, .contenuto_offerta li {list-style: disc inside none;}
.contenuto_offerta em {font-style: italic;}

#offerte_benessere {width: 100%; clear:both; overflow: hidden; margin-top: 20px;}
#offerte_benessere div.sub_offerte_benessere {width: 300px; margin:0 0 0 12px; float:left;}
#offerte_benessere div.sub_offerte_benessere a {height: 180px; display:block; text-decoration:none; width: 300px; margin:0; padding: 0; position:relative;}
#offerte_benessere div.sub_offerte_benessere a img {position:relative; width: 300px; z-index: 1000;}
#offerte_benessere div.sub_offerte_benessere a:hover img {opacity:0.8; filter: Alpha(opacity=80);}
#offerte_benessere div.sub_offerte_benessere a span{ background: url("../images/bg_caption.png") repeat scroll 0 0 transparent;
    bottom: 0;
	left: 0; 
	width:280px;
	text-decoration:none;
	font-size: 18px;
    color: #FFFFFF;
    height: 30px;
	padding: 10px;
    line-height: 30px;
	display:block;
    position: absolute;
    z-index: 2000;
}

#offerte_benessere div.sub_offerte_benessere a:hover span {background: #333; color: #ccc;}


/* NEWSLETTER */
#newsletter_form {	margin:1em;}
#newsletter_errors {	color:#FF0000;}
#newsletter_success {	color:#00FF00;}
#newsletter_form legend {	font-weight:bold;}
#newsletter_form .actions, 
#newsletter_form .position, 
#newsletter_form .nation, 
#newsletter_form .email, 
#newsletter_form .language, 
#newsletter_form .privacy_note,
#newsletter_form .privacy_accept {	margin:1em auto;}
#newsletter_form .position label,
#newsletter_form .nation label, 
#newsletter_form .email label, 
#newsletter_form .language label, 
#newsletter_form .privacy_accept label {	display:block;	float:left;	width:65px;	padding-right:10px;	text-align:right;}
#newsletter_form .submit {	display:block;	padding-left:75px;}

#header_box {z-index:1000;}