/* 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 */
.lang {float:right}
.lang a {color:#E9E7E3; text-decoration:none; text-transform:uppercase;}
.lang a:hover {color:#E9E7E3; text-decoration:underline; }

/*
.arrow {background:#000 url(../images/group_arrow.png) no-repeat center right; width:380px; margin-left:13px; height:35px; position:absolute; bottom:75px; left:0; color:#FFFFFF; text-align:center; font-size:1.4em; text-transform:uppercase; line-height:35px; font-weight:bold;}
*/
.arrow_gains {background:#FFF url(../images/striscia_gainsborough.png) no-repeat; width:380px; margin-left:13px; height:35px; position:absolute; bottom:75px; left:0; color:#FFFFFF; text-align:center; font-size:1.4em; text-transform:uppercase; line-height:35px; font-weight:bold;}
.arrow_gallery {background:#FFF url(../images/striscia_gallery.png) no-repeat; width:380px; margin-left:13px; height:35px; position:absolute; bottom:75px; left:0; color:#FFFFFF; text-align:center; font-size:1.4em; text-transform:uppercase; line-height:35px; font-weight:bold;}

/*
.arrow a {color:#FFFFFF; text-decoration:none;}

.arrow a:hover {color:#BFBBA2; text-decoration:underline;}
.arrow:hover {background:#000 url(../images/group_arrow_up.png) no-repeat center right; width:380px; margin-left:13px; height:35px; position:absolute; bottom:75px; left:0; color:#FFFFFF; text-align:center; font-size:14px; text-transform:uppercase; line-height:35px; cursor:pointer;}
*/

/* =2 Links 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
	
/* =3 Headings 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
#page_box {background: url(../images/welcome_background.jpg) repeat-x; width:100%; height:100%; border:0px solid;}

/* =4 Header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
.language_menu {/*background:#FF0000;*/}
#top_menu {border:0px solid; height:280px; background: url(../images/bg_gruppo.jpg) repeat-x;}
#top_menu #logo {background:#FF0000; width:180px; height:180px; margin:0 auto; background:url(../images/logo.png) no-repeat;}
#top_menu #main_menu {background:none; height:20px; width:100%; text-align:center; color:#000000; font-weight:bold; font-size:1.1em;}

#store_front_box {width:900px; height:650px; margin:0 auto; margin-top:-84px; padding-left:40px; border:0px solid; position:relative;}
#store_front_box #store_front {width:100%;}
#store_front .one {width:450px; float:left; position:relative;}
#store_front .two {width:450px; float:right; position:relative;}
#store_front #feature_box .text {width:400px; height:84px; float:right; font-size:1.1em; color:191919; float:left; line-height:16px; padding-top:10px;}
#store_front #feature_box .image {width:450px; height:300px; margin-top:152px; background:url(../images/group_cornice.png) no-repeat; padding-left:13px; padding-top:13px;}
#store_front #feature_box .bottom_text {width:400px; font-size:1.2em; color:191919; line-height:18px;}
#store_front #feature_box .bottom_text span {color:191919; font-weight:bold; text-transform:uppercase; font-size:0.9em; display:block; line-height:10px;}
#store_front #feature_box a {border:0px solid #FF0000; text-decoration:none;}

#store_front .one .image {background:#666666;}
#store_front .two .image {background:#ff7788;}

#store_front .one .logo_hotel {position:absolute; top:315px; left:-50px; width:160px; height:160px; background:url(../images/logo-1.png) no-repeat;} 
#store_front .two .logo_hotel {position:absolute; top:315px; left:-50px; width:160px; height:160px; background:url(../images/logo-2.png) no-repeat;} 

/* =5 Navigation 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

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


/* =7 Form 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
.stop {border:0px solid #00FF33; background:url(../images/mute_off.png) no-repeat; width:30px; height:30px;}
.play {border:0px solid #FF9900; background:url(../images/mute_on.png) no-repeat; width:30px; height:30px;}
	
/* =8 Extra 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  

/* =9 Footer 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer_box {padding-top:10px; width:100%; border-top:3px solid #FFF; margin:0 auto; margin-top:110px;}
#footer {width:810px; margin:0 auto; text-align:right;}

