/* CSS Document */

/* CSS Document */

/* =0 Reset 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
@import url('reset.css');    

/* =1 Global 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
/*
1.1em = 11px
1.2em = 12px
1.3em = 13px
1.4em = 14px
1.5em = 15px
1.6em = 16px
1.7em = 17px
1.8em = 18px
*/
body {background:#E0DED1 ; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;} /* 10px */
#body_content {background: url(../images/hotel_background.jpg) repeat-x; overflow:hidden; }
#page {width:900px; margin:0 auto; position:relative;}

a {color:#666666; }
a:hover {color:#333333; }

/* =2 Links 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
	/* sezione->lingue */
	#service .lang a {color:#E9E7E3; text-decoration:none; text-transform:uppercase;}
	#service .lang a:hover {color:#E9E7E3; text-decoration:underline; }
	/* sezione->menu */
	#menu #main_menu a {color:#FFFFFF; font-size:1.1em; text-transform:uppercase; text-decoration:none; font-weight:bold;}
	#menu #main_menu a:hover {color:#BFA600; text-decoration:none; font-weight:bold;}
	/* sezione->footer_menu */
	#footer #footer_menu a {color:#666; font-size:1.1em; text-transform:capitalize; padding:0 5px; text-decoration:none;}
	#footer #footer_menu a:hover {color:#BFA600; text-decoration:underline;}
	/* moreinfo */
	.moreinfo a {font-size:12px; color:#FF6600; text-decoration:none; line-height:16px;}
	.moreinfo a:hover {color:#999; text-decoration:underline;}

/* =3 Headings 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
#service_box {background:#362559; width:100%; height:30px;}
#service {width:800px; line-height:30px; height:30px; margin:0 auto;}
#service h1 {float:left; color:#E9E7E3;}
#service .lang {float:right;}

/* =4 Header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

.background {width:100%; background: url(../images/bg_hotel.jpg) repeat; height:284px; position:absolute; top:30px; left:0}
#header {background:url(../images/bookingform.png) no-repeat right; width:870px; height:110px;}

/* =5 Navigation 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
#content_box {background:#000066; padding-top:10px; background:url(../images/shadow-top.png) no-repeat; border:0px solid; overflow:hidden; }
#content {width:100%; float:left; background:url(../images/shadow.png) repeat-y; padding-top:0px; padding-bottom:10px;}
#content_bottom {height:30px; width:100%; background:url(../images/shadow-bottom.png) no-repeat; clear:both;}

#content #logo_hotel {position:absolute; top:50px; left:-10px; width:162px; height:162px; background:url(../images/logo-gainsborough.png) no-repeat; z-index:100;}

div.image_slider {z-index:2;}

#box_offers_events {width:207px; height:364px; background:url(../images/bg_offerte_events_home.png) no-repeat; position:absolute; top:420px; left:19px;}

#single_item {width:820px; float:right; margin-right:50px; overflow:hidden;}
#full_flash {width:820px; float:right; margin-right:50px;}
#full_flash #flash {background:none; width:820px; height:612px;}
#single_item #flash {background:none; width:820px; height:260px;}
#menu {z-index: 100; position:absolute; top:138px; left:17px; width:212px; height:292px; background:url(../images/background_menu.png) no-repeat;} 
#menu #main_menu {padding-top:80px; width:160px; color:#FFFFFF; padding-left:40px; }
.subcategories li {height:20px; line-height:20px; border:0px solid #FFFFFF}
.subcategories li a {letter-spacing:1px;}
#content_page {background:#0099FF;}
#menu #main_menu .current {color:#BFA600; text-decoration:none; font-weight:bold;} 
#single_item .story {overflow:hidden; width:400px; float:left;}

h3.title {text-transform:uppercase; letter-spacing:1px; padding-bottom:5px;}
#single_item #full_page .full_item #article h3.title {padding-bottom:5px; margin:0; line-height:12px; }
#single_item #full_page .full_item #article .left {margin-top:0;}
.full_item #article .left p,
.full_item #article .left a {color:#666666;}
.full_item #article .left a:hover {text-decoration:underline;}
#single_item #full_page .full_item #article {border:0px solid #FF0000; overflow:hidden;}
#list_page .full_item #article {border:0px solid #FF0000; overflow:hidden;}

/* category */
#category {padding:0px 0 20px 10px; width:810px; background:none;}
#category .content {width:400px; float:left;}
#category .right {width:375px; float:right; background:#E3E0D7 url(../images/background_rooms_abstract.jpg) right no-repeat; margin-top:10px; padding:20px 0 0 20px; height:120px; margin-bottom:20px; border:0px solid; margin-right:10px;} /* box con immagini a desttra in alto */
#category .right strong {display:block; padding-bottom:10px;}
#category .body {font-size:1.2em; line-height:16px;}
#category .title {font-size:1.2em; font-weight:bold; padding-bottom:5px;}
#category .abstract {width:200px;}
#category #list_items {width:100%; border:0px solid #003399; clear:both; overflow:hidden;}
#category #list_items .story {width:405px; float:left; border:0px solid #CC6666; height:100px; margin-top:10px;}
.story .full_box .title a {font-size:12px; color:#000000; font-weight:bold; text-decoration:none;}
.story .full_box .title a:hover {color:#000; text-decoration:none;}
#category .story .full_box .abstract {font-size:12px; color:#666; line-height:16px; width:250px;}

.full_box .image {float:left; width:100px; height:78px; background: url(../images/cornice_thumbnail.jpg) no-repeat; padding:7px 0 0 8px;}
.full_box .image img {width:84px; height:64px;}
.full_box .text {float:left; width:260px; margin-left:8px;}

.full_item {border:0px solid; clear:both;}
.full_item .title {border:0px solid; float:left;}
.full_item .moreinfo {float:right;}
.full_item .left {clear:both; }
.full_item #article .left .abstract {width:800px; font-size:1.2em; padding-bottom:10px;}
.full_item #article .left .body {width:800px; font-size:1.2em; padding-bottom:10px;}

#article .booknow {float:left; margin: 10px 0;}
#article .booknow a:hover {color:#777; text-decoration:none; background:url(../images/btn.jpg) no-repeat; width:110px; height:32px; display:block; line-height:27px; text-align:center; font-weight:bold; font-size:13px;}
#article .booknow a {color:#FFF; text-decoration:none; background:url(../images/btn-on.jpg) no-repeat; width:110px; height:32px; display:block; line-height:27px; text-align:center; font-weight:bold; font-size:13px;}
#article .images {border:0px solid; width:100%; padding-bottom:10px;}

.corner .booknow {float:left; margin: 5px 0 0 0;}
.corner .booknow a:hover {color:#777; text-decoration:none; background:url(../images/btn.jpg) no-repeat; width:110px; height:32px; display:block; line-height:27px; text-align:center; font-weight:bold; font-size:13px;}
.corner .booknow a {color:#FFF; text-decoration:none; background:url(../images/btn-on.jpg) no-repeat; width:110px; height:32px; display:block; line-height:27px; text-align:center; font-weight:bold; font-size:13px;}

#article ul {list-style:disc; padding-left:15px;}

.gallery {overflow:hidden;}
.gallery .logo {float:left; border:0px solid #FF0000; margin:0 31px 31px 0;}
.gallery .last {margin:0 0 31px 0;}
.gallery .logo a {width:130px; height:90px; display:block; background:url(../images/cornice_gallery.jpg) no-repeat; padding:5px 0 0 5px;}
.gallery .logo a:hover {background:url(../images/cornice_gallery-on.jpg) no-repeat; padding:5px 0 0 5px;}
 
/* location */
#map_image {width:398px; height:200px; float:right; margin-top:10px; margin-bottom:20px; border:1px solid #CCCCCC; margin-right:10px;} 
#map_image a {width:398px; height:200px; display:block; padding:5px; }
#map_image a img {width:388px; height:190px; display:block; } 
#map {width:413px; height:190px; background:#CCCCCC; float:right; margin-top:20px; margin-bottom:20px;} 
#single_item .content {width:400px; float:left; padding-top:50px; }
/* modifica titoli */
#content #single_item .content{padding-left:10px;}
#content #single_item #category .content{padding-left:0px;}

.title {font-size:1.2em; font-weight:bold; padding-bottom:5px;}

.body {font-size:1.2em; line-height:16px; color:#666666}
.abstract {font-size:1.2em; line-height:18px; color:#666666;}
.info_location {border:0px solid; width:810px; clear:both; overflow:hidden; padding-top:10px; padding-left:10px; }
.info_location .story {width:400px; border:0px solid #0066FF; overflow:hidden; float:left; padding-bottom:10px; padding-top:10px;}
.info_location .story .full_box {border:0px solid; overflow:hidden; width:368px; }
.info_location .story .full_box .text {border:0px solid #FF0000; width:250px; }


/* gallery */
#single_item .gallery {}
#photogallery {border:0px solid; width:800px; padding-left:10px; padding-top:10px;}

/* list page */
#list_page, #full_page {margin-top:45px; padding-left:10px;}
.full_title {border:0px solid; height:20px; line-height:20px; padding-bottom:10px;}

/* Newsletter */
#newsletter {border:0px solid #FF0000; margin-top:0px; margin-left:10px; }
#newsletter .full_title {border:0px solid #FF0000; margin-top:45px;}
.newsletter_content {border:0px solid #FF0000; padding:0px; width:300px; background:none; float:left;}
.newsletter_content,
.newsletter_content select,
.newsletter_content input {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#1A1A19;}
.newsletter_content a {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#1A1A19; text-decoration:none;}
input.btn {text-decoration:none; background:url(../images/btn_book_bf.png) no-repeat; cursor:pointer; border:0; width:110px; height:32px; display:block; text-align:center; font-size:11px; color:#FFFFFF; text-transform:uppercase; }
#newsletter .box_newsl {margin:5px 0; float:left; border:0px solid; padding-bottom:5px;}
#newsletter .box_newsl input {border:1px solid #666666;}
#newsletter .top_0 {clear:both; margin-top:0;}
#newsletter .txt {border:1px solid #999; margin:0; font-weight:bold; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:12px; line-height:12px;}
.newsletter_right {width:380px; height:120px; background:#E3E0D7 url(../images/newsletter.jpg) no-repeat right center; float:right; margin-right:10px; margin-top:10px;}
.newsletter_right .abstract {width:200px; font-size:12px; color:#1A1A19; padding:20px 0 0 20px;}
.newsletter_right .abstract span {font-weight:bold; letter-spacing:1px;}
#newsletter #book {border:1px solid #666; width:110px; height:20px; line-height:20px;} 

.box-action {border-bottom:1px dotted #999; padding-bottom:5px; margin-bottom:5px; }
.box-position {border:0px solid; margin:10px 0; float:left}
.box-position select {border:1px solid #999}
.box-nation {border:0px solid; clear:both; margin-bottom:10px; float:left}
.box-email {border:0px solid; clear:both; margin-bottom:10px; float:left}
.box-language {border:0px solid; clear:both; margin-bottom:10px; float:left}
.box-language select {border:1px solid #999}
.box-privacy {border-top:1px dotted #999; border-bottom:1px dotted #999; clear:both; margin-bottom:0px; float:left; width:100%; padding:5px 0; }

/* =6 BookingForm 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

/* =7 Form 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
	
/* =8 Extra 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
#category.video {padding-top:40px;}
#category.video .right {width:385px; float:right; border:0px solid #FF0000; background:#E3E0D7 url(../images/background_video_abstract.jpg) right no-repeat; margin-top:10px; padding:20px 0 0 20px; height:120px; margin-bottom:20px}
#category.video .right strong {display:block; padding-bottom:10px; }
#video {border:0px solid #CCCCCC; width:320px; height:280px; margin:0 auto; margin-top:20px; padding:0px;}

/* offers/events Homepage */
.corner .sezione {font-size:1.1em; color:#000000; font-weight:bold; padding-bottom:5px; text-transform:uppercase}
.corner .image {padding-bottom:5px;}
.corner .text {font-size:1.2em; color:#666666; padding-bottom:5px; line-height:16px}
.corner .text span {font-weight:bold; }
.corner .link a {font-size:1.2em; color:#FF6600; text-decoration:none;}

/* VIRTUAL TOUR */
#box_virtual {border:0px solid; width:800px; height:auto;overflow:hidden; padding-top:20px;}
#box_virtual .virtualtour {width:213px; height:153px; border:0px solid; padding-bottom:0; position:relative; background:url(../images/bg_vt.jpg) no-repeat; padding:9px 0 0 9px; float:left; margin-bottom:30px;}
#box_virtual .virtualtour img {width:204px; height:144px; background:#990000; position:absolute; top:9px; left:9px}
#box_virtual .virtualtour .bg_scritta {width:204px; height:30px; background:#000000; position:absolute; bottom:9px; left:9px; opacity: 0.6; filter: alpha(opacity=60);}
#box_virtual .virtualtour .scritta {position:absolute; bottom:9px; left:9px; line-height:30px; text-align:left; padding-left:10px;}
#box_virtual .virtualtour .scritta a {color:#FFFFFF; text-decoration:none; text-transform:uppercase;}
#box_virtual .margin-right {margin-right:66px;}


/* =9 Footer 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer_box {width:840px; height:30px; background:none; margin-left:20px; margin-top:-20px; border:0px solid; margin-bottom:20px; line-height:30px; padding-bottom:50px;}
#footer_box #footer #footer_menu {float:right; padding-right:10px; border:0px solid; color:#333333; }
#footer_box #footer #footer_menu a {font-size:1.1em;}
#footer_box #footer #copyright {float:left; padding-left:10px; color:#333333; font-size:1.1em;}
#footer_box #footer #copyright a {color:#333333; }

#full_flash #flash {background:transparent url(../images/bg_hotel.jpg) repeat;}
#single_item #flash {background:transparent url(../images/bg_hotel.jpg) repeat;}

#logohp {z-index: 100; position:relative; top:553px; left:670px; width:180px; height:60px; background:url(../images/no-smoking.jpg) no-repeat;} 
.logo_group {width:80px; height:80px; margin:0 auto; padding-bottom:10px;}

#guestbook .comment {padding:15px; font-size:15px;}
#guestbook .comment .comment_date {padding-bottom:5px; font-style:italic;}
#guestbook .comment .comment_text {font-weight: bold;}
#guestbook .comment .comment_name {padding-top: 5px;}


.logo_mini_1 {width: 40px; height: 40px; position:absolute; top: 35px; left:340px;}
.logo_mini_2 {width: 40px; height: 40px; position:absolute; top: 35px; left:460px;}

.flash_offer {width:200px;height:120px;}