/* - - - - - - - - - - - - - - - - - - - - 
M I R A   H O T E L
http://www.websolute.it
website by websolute
- - - - - - - - - - - - - - - - - - - - */


/* body & altro
- - - - - - - - - - - - - - - - - - - - */
body {margin:0px; padding:0px; background:#fff; color:#000; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
a {color:#0088cc; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}
* {outline:none;}


/* clearfix
- - - - - - - - - - - - - - - - - - - - */
.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Nascosto per IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine nascosto per IE-mac */
.clear {clear:both;}


/* header
- - - - - - - - - - - - - - - - - - - - */
#header {background:#000; height:90px; color:#fff; font-size:13px;}
#header_wrap {width:940px; margin:0px auto; position:relative; z-index:10; height:90px;}
#logo {float:left; margin:21px 0px 0px;}
#lingue {position:absolute; z-index:2; right:0px; top:20px; float:right; font-size:11px; }
#lingue ul {margin:0px; padding:0px; text-align:right; list-style:none; float:right;}
#lingue ul li {float:left; display:inline;}
#lingue ul li a {color:#7d7d7d; text-decoration:none; float:left; background:url(../img/pipe_lingue.gif) no-repeat left center; padding:0px 7px;}
#lingue ul li.lingue1 a {background:none;}
#lingue ul li a:hover {color:#e0e0e0;}
#lingue ul li a.on {color:#e0e0e0;}
#top_menu {text-transform:uppercase; position:absolute; bottom:-4px; right:0px; z-index:2; height:25px; width:940px;}
#top_menu ul {margin:0px; padding:0px; text-align:right; list-style:none; float:right; opacity:0.95; -moz-opacity:0.95; filter:alpha(opacity=95);}
#top_menu ul li {float:left; margin-left:15px; display:inline; position:relative; z-index:10;}
#top_menu ul li a {color:#fff; text-decoration:none; float:left; padding:0px 0px 3px 0px;}
#top_menu ul li a:hover {color:#bababa; text-decoration:none;}
#top_menu ul li a.on {color:#fff; background:url(../img/arrow_menu.gif) no-repeat center bottom;}
#top_menu ul li a.on:hover {color:#fff;}
#top_menu ul ul {z-index:15; text-align:left; width:140px; background:#000; padding:0px 5px 10px 5px; float:left; position:absolute;left:-10px; top:21px; display:none;}
#top_menu ul ul li {float:none; margin-left:0px; display:block; position:static; text-transform:lowercase; padding:3px 0px; border-bottom:1px solid #222;}
#top_menu ul ul li a {text-transform:capitalize; float:none; padding:0px 0px 0px 5px; display:block;}
#top_menu ul ul li a.on {background:none;}


/* slideshow
- - - - - - - - - - - - - - - - - - - - */
#slideshow {margin:30px auto 0px auto; width:940px; height:330px; position:relative; z-index:1; overflow:hidden;}
#slideshow img {position:absolute; z-index:2; top:0px; left:0px;}


/* gallery
- - - - - - - - - - - - - - - - - - - - */
.gallery_1 .gallery_container {margin:0px auto; width:940px; height:120px; background:url(../img/bg_gallery.gif) repeat-x #333; }
/* this makes it possible to add next button beside scrollable */
.gallery_1 .scrollable {float:left;}
/* prev, next, prevPage and nextPage buttons */
.gallery_1 a.browse {background:url(../img/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:45px 20px; cursor:pointer; font-size:1px;}
/* right */
.gallery_1 a.right {background-position:0 -30px; clear:right; margin-right:0px;}
.gallery_1 a.right:hover {background-position:-30px -30px;}
.gallery_1 a.right:active {background-position:-60px -30px;} 
/* left */
.gallery_1 a.left {margin-left:15px;} 
.gallery_1 a.left:hover {background-position:-30px 0;}
.gallery_1 a.left:active {background-position:-60px 0;}
/* up and down */
.gallery_1 a.up, .gallery_1 a.down {background:url(../img/vert_large.png) no-repeat; float:none; margin:10px 50px;}
/* up */
.gallery_1 a.up:hover {background-position:-30px 0;}
.gallery_1 a.up:active {background-position:-60px 0;}
/* down */
.gallery_1 a.down {background-position:0 -30px;}
.gallery_1 a.down:hover {background-position:-30px -30px;}
.gallery_1 a.down:active {background-position:-60px -30px;} 
/* disabled navigational button */
.gallery_1 a.disabled {}
.gallery_1 .scrollable {position:relative; overflow:hidden; width: 810px; height:120px;}
.gallery_1 .scrollable .items {/* this cannot be too large */ width:20000em; position:absolute; clear:both;}
.gallery_1 .scrollable img {float:left; margin:20px 5px 20px 21px; background-color:#000; padding:2px; border:1px solid #222; cursor:pointer; width:100px; height:75px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.gallery_1 .scrollable .active {border:2px solid #000; z-index:9999; position:relative; z-index:3;}
.gallery_1 ul {list-style:none; margin:0; padding:0;}
.gallery_1 ul li {margin:0; padding:0; display:inline; float:left;}


/* Liste
- - - - - - - - - - - - - - - - - - - - */
#corpo .last_doc_box_hp dl {margin:0; padding:0;}
#corpo .last_doc_box_hp dl dt {margin:0px 0px 10px 0px; padding:0px; font-size:25px; font-weight:normal;}
#corpo .last_doc_box_hp dl dt a {color:#000000; text-decoration:none; border-bottom:1px dashed #CCC;}
#corpo .last_doc_box_hp dl dd {margin:0px 0px 10px 0px; line-height:21px;}

#corpo .last_doc_box {clear:both;}
#corpo .last_doc_box dl {margin:0; padding:0;}
#corpo .last_doc_box dl dt {margin:0px 0px 10px 0px; padding:0px; font-size:16px; font-weight:normal;}
#corpo .last_doc_box dl dt a {color:#000000; text-decoration:none; border-bottom:1px dashed #CCC;}
#corpo .last_doc_box dl dd {margin:0px 0px 10px 0px; line-height:21px;}


/* corpo
- - - - - - - - - - - - - - - - - - - - */
#corpo {margin:0px auto 0px auto; width:940px;}
#corpo h2 {margin:0px 0px 10px 0px; padding:0px; font-size:25px; font-weight:normal;}
#corpo p {margin:0px 0px 10px 0px; line-height:21px;}


/* colums
- - - - - - - - - - - - - - - - - - - - */
.stroke {padding:20px 0px; border-bottom:1px solid #000;}
.colums {float:left; display:inline;}
.first {width:220px; margin-right:60px;}
.second {width:300px; margin-right:60px;}
.third {width:300px;}
.width2 {width:660px; margin-right:0px;}


/* book with us
- - - - - - - - - - - - - - - - - - - - */
/*
.jNice ul {margin:0px; padding:0px; list-style:none;}
.jNice ul li {margin:0px 0px 7px 0px; clear:left; height:17px;}
.jNice ul li label {float:left;}
.jNice select {background:#000; color:#fff; border:none; padding:2px;}
.right {float:right;}
.select1 {width:45px; float:left;}
.select2 {width:75px; float:left;}
.group1 {width:125px; float:left;}
.group2 {float:right; width:140px;}
.group3 {width:95px; float:left;}
.jNice button {padding:0px; float:left; margin:3px 0px 0 77px; display:inline;}
.bookus_link {position:absolute; top:0px; left:0px; width:220px; height:146px; z-index:100; display:block;}
*/
.jNice ul {margin:0px; padding:0px; list-style:none;}
.jNice ul li {margin:0px 0px 7px 0px; clear:left; height:17px;}
.jNice ul li label {float:left;}
.jNice select {background:#000; color:#fff; border:none; padding:2px;}
.right {float:right;}
.select1 {width:45px; float:left;}
.select2 {width:75px; float:left;}
.group1 {width:125px; float:left;}
.group2 {float:right; width:140px;}
.group3 {width:95px; float:left;}
.jNice button {padding:0px; float:left; margin:3px 0px 0 77px; display:inline;}
.bookus_link {position:absolute; top:0px; left:0px; width:220px; height:146px; z-index:100; display:block;}

.book_with_us {background:url(../img/bg_book_with_us.gif) no-repeat right 40px; position:relative; z-index:1; height:138px;}
.book_with_us label {position:absolute; z-index:1; top:-30px; left:-100px;}
.book_with_us .txt_1 {top:42px; left:0px;}
.book_with_us .txt_2 {top:66px; left:0px;}
.book_with_us .txt_3 {top:90px; left:0px;}
.book_with_us .txt_4 {top:90px; left:132px;}
.book_with_us .btn {top:119px; left:91px; color:#fff; text-transform:uppercase; font-size:11px;}
.book_with_us .day_1 {top:43px; right:112px; color:#fff; text-transform:uppercase; font-size:11px; text-align:right;}
.book_with_us .day_2 {top:67px; right:112px; color:#fff; text-transform:uppercase; font-size:11px; text-align:right;}
.book_with_us .year_1 {top:43px; right:16px; color:#fff; text-transform:uppercase; font-size:11px; text-align:right;}
.book_with_us .year_2 {top:67px; right:16px; color:#fff; text-transform:uppercase; font-size:11px; text-align:right;}
.book_with_us .adult {top:91px; right:112px; color:#fff; text-transform:uppercase; font-size:11px; text-align:right;}
.book_with_us .child {top:91px; right:16px; color:#fff; text-transform:uppercase; font-size:11px; text-align:right;}
a.bookus_link {position:absolute; z-index:2; cursor:pointer; height:140px; width:220px; top:-2px; left:0px; opacity:0.5;}


/* form
- - - - - - - - - - - - - - - - - - - - */
.form fieldset {margin:0px; padding:0px; border:none;}
.form legend {display:none;}
.form li {clear:left; height:auto!important; margin-bottom:4px;}
.form label {float:left; width:290px; margin-right:10px;}
.form input {width:192px;}
.form input.checkbox {width:auto!important;}
.form textarea {border:none; background:url(../img/bg_textarea.gif) no-repeat left top; width:192px; height:72px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; padding:4px;}
.form .bg_error label {color:#c00; border-bottom:1px solid #c00;}
#iscrizione .form ol { list-style:none; margin:0; padding:0;}
#iscrizione .form ol li {}

/* special offer
- - - - - - - - - - - - - - - - - - - - */
#corpo .special p {margin-top:20px;}
.special_offer {font-size:18px; font-style:italic; text-align:center; line-height:18px; background:url(../img/offer.gif) no-repeat left top; float:left; margin:0px 10px 0px 0px; width:94px; height:94px; color:#fff; padding:20px 10px;}
.special_offer strong {font-style:normal; font-weight:normal; font:35px Georgia, "Times New Roman", Times, serif; color:#fede30; display:block; line-height:32px;}
.special_offer strong em {font-style:normal; font:20px Georgia, "Times New Roman", Times, serif; color:#fede30;}


/* meteo
- - - - - - - - - - - - - - - - - - - - */
.meteo {background:url(../img/meteo.gif) no-repeat left top; height:158px; width:300px; color:#fff; font-size:9px;}
.meteo .top {font-size:25px; padding:14px 20px;}
.meteo .top .ora {float:right;}
.meteo .top .gradi {float:left;}
.meteo .grid {padding:0px 0px 0px 6px;}
.meteo .col {float:left; width:57px; text-transform:uppercase; text-align:center;}
.meteo em {font-style:normal;}
.meteo img {margin:10px 0px 0px 0px; display:block; background:url(../img/bg_tempo.gif) no-repeat left top; margin:8px auto 0px; padding:3px;}
.meteo .max {font-weight:bold; margin:5px 0px 2px 0px; font-size:12px; letter-spacing:-1px;}
.meteo .min {font-size:11px; font-size:11px; letter-spacing:-1px;}


/* footer
- - - - - - - - - - - - - - - - - - - - */
.footer {font-size:11px; padding:20px 0px;}
.footer strong {font-weight:normal; text-transform:uppercase; display:block;}
.footer div {float:left; padding:0px 10px 0px 0px;}
.foot1 {width:255px;}
.foot2 {width:165px;}
.foot3 {width:193px;}
div.foot5 {width:75px; float:right; padding:0px;}
div.foot5 img {vertical-align:middle; margin:0px 4px 4px 0px; float:left;}