@charset "utf-8";
/* CSS Document */
body { background:url("../img/bg.jpg"); font:normal 12px/13px Tahoma, Verdana, Arial; color:#391e0b; margin: 0 auto; padding:0;}
* { padding:0; margin:0;}
img {border: none; margin: 0; padding: 0;}
form {margin: 0; padding: 0;}
a:focus {outline:none;}
/* CLEAR */
.clear {clear: both; margin: 0; padding: 0;  height: 0; font-size: 0px; line-height:0px;}
/* CLASSE CHE NASCONDE */
.hide {display: none;}
/* header */
.template{width:952px; margin: 0 auto;}
.head{ width:952px; height:103px; background:url("../img/bg_head.jpg") no-repeat top;   display:block; border-bottom:1px solid #5a4838;}
h1 {padding:10px 0 0 13px; width:158px; float:left;}
h1 a{ display:block; width:147px; height:85px; background:url("../img/logo.jpg") no-repeat;}
h1 a span{ display:none;}
.bt_share{ padding:0; margin:0; float:left;}
.lang { font-size:11px; float:right; height:25px; padding:0 4px 0 0; margin:0;}
.lang img{margin:6px 6px 0 0; }
.lang .flag img{opacity:0.4; filter:alpha(opacity=40);}
.lang .flag:hover img{filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.lang .flag_on img{filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}



.box_mn { float:left; width:780px; padding:0; margin:0px; height:78px; text-align:right;}
.mn li{ display:inline; padding:10px 0 0 0; margin:0;}
.mn li a{ display: block; width:150px; height:78px; float:left; margin:0 1px 0 1px; padding:0;}
.mn li a:hover{ background-color:#FFFFFF!important;}
.mn li a span{ display: none;}
.active{ background-color:#FFFFFF!important;}
.img_hp{ width:952px; float:left;}
.hp_box_bt{ background:#391e0b; text-align:center; color:#cbb948; padding:4px 0 4px 0!important; margin:0!important;}
.hp_box_bt a{ color:#cbb948;}
.img_head{ width:952px; float:left;}
.content{ padding:0 0 20px 0; float:left; width:952px;}
.sx_hp { width:460px; float:left; padding:26px 27px 10px 10px; font-size:12px; line-height:16px;}
.sx_hp h2, .sx_int h2{ padding:0 0 14px 0; font-size:15px;}
.rso{padding:5px 20px 0 100px; }

.booknow a{color:#831812; text-decoration:none; font-size:18px;}
.booknow a:hover{color:#391e0b; text-decoration:underline;}

.highlight { display:block; padding:8px; border:2px solid #391e0b; margin:10px 0 0 0; background-color:#881810; color:#cbb948;}
.highlight a{ color:#FFFFFF; font-weight:bold;}

.table {
border: 1px solid #c6aa75; font-size:11px; color:#666666;
}


.dx_hp { width:267px; float:left; padding:16px 0 0 0;}
	.dx_hp .box{ width:238px; height:238px; border:1px solid #c6aa75; background:url("../img/bg_box_hp.gif") no-repeat bottom #f2f2f2; color:#666666; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
	.dx_hp .box .sx{ width:153px; float:left;}
	.dx_hp .box .dx{ width:60px; float:left;}
	.dx_hp .box .dx span{ display:block; color:#000000; height:16px;}
	.dx_hp .box label{ display:block; margin:6px 0 4px 0;}
	.dx_hp .box .select{ width:38px; font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif;}
	.dx_hp .box .select_2{ width:46px; font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif;}
	.dx_hp .box .select_3{ width:52px; font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif;}	
	.dx_hp .box .bt{ width:196px; height:23px; border:1px solid #000000; margin:0 0 0 0; padding:0;}
	.dx_hp .box .bt input{ border-top:1px solid #aaaaaa;  border-right:1px solid #aaaaaa; border-bottom:1px solid #444444; border-left:1px solid #444444; width:196px; height:23px; font-size: 11px; color:#391e0b; font-weight:bold; cursor:pointer; padding:0; margin:0;}
	.dx_hp .box form{ padding:14px 0 0 14px;}

	.dx_hp .box h3 span{ display:none;}
.dx_hp_2 { width:175px; float:left; padding:;  margin:15px 0 0 0;}
	.dx_hp_2 img{  margin:0 0 6px 0;}
.sx_int { width:477px; float:left; padding:26px 10px 10px 10px; font-size:12px; line-height:16px;}
	.sx_int ul{ list-style:inside;}	
.dx_int	{ width:438px; float:left; padding: 16px 0 0 16px;}
	.dx_int	.box_img{ width:407px; height:247px; padding:6px 0 0 6px; background:#edecb4; border:1px solid #b89d6e;}
	.dx_int .box_menu { width:401px; height:319px; border:1px solid #c6ab75; background:#fff38d; padding:9px 0 0 9px; color:#841710;}
	.dx_int .box_menu .mn_int{ border:1px solid #eae29a; background:#ffffff; width:383px; height:300px; padding:7px 0 0 7px;}
	.dx_int .box_menu .mn_int h4{ display:block; width:371px; height:23px; background:url("../img/menu.gif") no-repeat; padding:0 0 10px 0;}
	.dx_int .box_menu .mn_int h4 span{ display:none;}
	.dx_int  .scroll { height:224px; overflow:auto; padding:20px 0 10px 0;}
	.dx_int  .scroll_cont {}
	.dx_int	.box_gallery{ background:url("../img/bg_photogallery.jpg") no-repeat; width:385px; height:271px; padding:10px 0 0 44px;}
	.dx_int	.box_gallery h4{ display:block; background:url("../img/photogallery.gif") no-repeat; width:116px; height:29px; float:left; padding:0 0 7px 0;}
	.dx_int	.box_gallery h4 span{ display:none;}
	.dx_int	.box_gallery span { display:block; float:left; font-size:10px; padding:8px 0 0 10px;}
	.dx_int	.box_gallery .box_photo { width:328px; height:200px; /*padding:17px 0 0 13px;*/}
	
	.mn_int_1, .mn_int_2{ cursor:pointer; color:#6a5647; font-weight:bold; font-size:14px; text-decoration:underline; padding:0 10px 0 0; text-transform:uppercase;}
	
		.mn_int_1:hover, .mn_int_2:hover{ color:#841710;}
	.note{ font-size:10px; color:#000000;}
.dx_int_img	{ width:450px; float:left; padding: 0;}
/* FOOTER */
#footer{ background:url("../img/bg_footer.jpg"); height:36px; width:100%; bottom:0; text-align:center; padding:10px 0 0 0;}
#footer span{ width:952px; font-size:11px; color:#ffffff;}
#footer span a{color:#ffffff;}
#footer span a:hover{color:#ffffff; text-decoration:none;}
#footer span span {font-size:10px; margin: 0;line-height:22px;}
#footer span span a { font-size:10px; text-decoration:none;}
  /* relevant for the tutorial - start */
  #gallery { position: relative; }
    #pictures { position: relative;  }
    #pictures img { position: absolute; top: 0; left: 0; }
    #prev { position:absolute;background:url("../img/arrow_rooms_sx.gif") no-repeat; width:11px; height:19px; display:block; margin:96px 0 0 -20px;}
	#next { position:absolute;background:url("../img/arrow_rooms_dx.gif") no-repeat; width:11px; height:19px; display:block; margin:96px 0 0 349px;}
	 #prev a, #next a{ display:block; width:11px; height:19px;}
	 #prev a span, #next a span{ display:none;}
  /* relevant for the tutorial - end */
#btn-prev span, #btn-next span, #btn-pause span, #btn-play span { display:none;}
	#btn-prev{ background:url("../img/arrow_rooms_sx.gif") no-repeat; width:11px; height:19px; display:block; float:left; margin:0 20px 0 20px;}
	#btn-next{ background:url("../img/arrow_rooms_dx.gif") no-repeat; width:11px; height:19px; display:block; float:left; margin:0 16px 0 16px;}
	#btn-pause{ background:url("../img/pause.gif") no-repeat; width:11px; height:19px; display:block; float:left; margin:0 6px 0 6px;}
	#btn-play{ background:url("../img/play.gif") no-repeat; width:20px; height:19px; display:block; float:left; margin:0 6px 0 6px;}
  /* mappa */
.content_map{ padding:0 0 0 0; float:left; width:952px; border-bottom:1px solid #6e5835; margin:0 0 20px 0;} 
.ombra{ position:absolute; background:url("../img/ombra.png") repeat-x; width:952px; height:3px;}
 /* pagine terstuali */
.content_interne{ padding:20px 0 20px 0; float:left; width:952px;}
 .sx_interne{ width:227px; float:left; border:1px solid #af9b6c; background:#ffffff; padding:8px;}
 .sx_interne_2{ width:243px; float:left;}
 .dx_interne{ width:690px; float:right; padding:16px 0 0 0; border:1px solid #c6aa75; background:#f2f2f2; text-align:left;}
 .dx_interne .text{ padding:0 16px 16px 16px;}
 .dx_interne p{ padding:0 16px 16px 16px;}
 .dx_interne span{ color:#881810;}
  .dx_interne h3{ width:600px; height:26px; padding:0 0 26px 0px; margin:0 0 0 16px;}
  .dx_interne h4{ background:#d5d5d5; padding:7px 7px 7px 23px; float:left; margin:0 0 10px 0; font-size:12px;}
  .dx_interne .comments{ background:url("../../eng/img/comments.gif") no-repeat; }
   .dx_interne .quito{ background:url("../img/quito_hotel.gif") no-repeat; }
   .dx_interne .turismo{ background:url("../img/asociaciones_turismo.gif") no-repeat }
   .dx_interne .travel{ background:url("../img/travel_resources.gif") no-repeat }
   .dx_interne .agencias{ background:url("../img/agencias_ecuador.gif") no-repeat }
   .dx_interne .hosterias{ background:url("../img/hosterias.gif") no-repeat }
   .dx_interne .environment_eng{ background:url("../../eng/img/environment.gif") no-repeat }
   .dx_interne .environment_de{ background:url("../../de/img/environment.gif") no-repeat }
   .dx_interne .environment_it{ background:url("../../it/img/environment.gif") no-repeat }
   .dx_interne .environment_ep{ background:url("../../ep/img/environment.gif") no-repeat }
   .dx_interne .environment_fr{ background:url("../../fr/img/environment.gif") no-repeat }
   
   .dx_interne .special_offers{ background:url("../img/special_offers.gif") no-repeat }
   .dx_interne .link{ color:#000000; text-transform:uppercase; float:right; font-weight:bold;}   
 .dx_interne h3 span{ display:none;}
 .dx_interne .text ul{margin:0 0 0 16px;}
 .dx_interne .box_bt{ background:#391e0b; text-align:center; color:#cbb948; padding:4px 0 4px 0;}
 .dx_interne .box_bt a{  color:#cbb948;}
 .dx_interne label{ display:block; width:74px; float:left;}
 .dx_interne a { color:#881810;}
.dx_interne .price { font-size:16px; font-weight:bold; color:#391e0b;}
.dx_interne .ico { position:absolute; margin:-16px 0 0 585px;}