/* 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:#3F2D21; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:62.5%;color:#FFFFFF;} /* 10px */

/* =2 Links 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
a{color:#3F2D21;text-decoration:none;}
a:hover{color:#3F2D21;text-decoration:none;}

.titolo_celeste_home a{position:absolute;top:20px;left:30px;background:#ACE0ED;padding:8px 15px 8px 5px;font-size:1.8em;color:#402E22;}
.titolo_celeste_home a:hover{color:#FFF;background:#ACE0ED;padding:8px 15px 8px 5px;font-size:1.8em;}
.titolo {font-size:1.8em;background:#ACE0ED;padding:8px 15px 8px 5px;font-size:1.8em;color:#402E22;}
.titolo a{background:#ACE0ED;color:#402E22;}
.titolo a:hover{background:#ACE0ED;color:#FFF;}
.titolo_celeste a{background:#ACE0ED;padding:5px;font-size:1.8em;}
.titolo_celeste a:hover{color:#FFF;background:#ACE0ED;}

/*language*/
#navtop li a{color:#BFE1EB;font-size:10px; text-decoration:none; }
#navtop li a:hover{ color:#FFF; font-size:10px; text-decoration:none; }
#navtop .on a{ color:#FFF; font-size:10px; text-decoration:underline; }

/*menu*/
#container .menu .active a {color:#FFFFFF;}
#container .menu .active a:hover {color:#FFFFFF;}
.menu li a {color:#ADE0ED; font-family:Helvetica, sans-serif;text-decoration:none;}
.menu li a:hover {color:#FFF; font-family:Helvetica, sans-serif;text-decoration:none;}

/*sitemap*/
li.sitemap a{color:#3F2D21;}
li.sitemap a:hover{color:#3F2D21;}

/*more - back*/
.more a{color:#FFFFFF;}
.more a:hover{color:#ACE0ED;}

.more2 a{color:#000000;}
.more2 a:hover{color:#ACE0ED;}

.back a{color:#FFFFFF;}
.back a:hover{color:#ACE0ED;}
/* =3 Headings 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
/*Language*/
#navtop li {float:left; list-style:none; padding-left:10px;color:#BFE1EB;}

/* =4 Header 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#top{height:28px;color:#000000;}
#container_h1_lang{width:970px;height:23px;margin:0 auto;background:url(/Img/bg_top.jpg);overflow:hidden;padding-top:5px;padding-left:10px;padding-right:10px;border:solid 0px red;}

#h1 {float:left; margin:0; padding:0; border:0px solid;color:#000;}
#h1 li {border:0px solid; display:inline; padding:0; margin:0;}
#h1 li h1, h2, h3 {float:left; font-size:11px; line-height:11px; border:0px solid; margin:0 1px; padding:0 2px;}

#h1 a{float:left; margin:0; padding:0; border:0px solid;color:#000;}
#h1 li a{border:0px solid; display:inline; padding:0; margin:0;}
#h1 li h1, h2, h3 a{float:left; font-size:11px; line-height:11px; border:0px solid; margin:0 1px; padding:0 2px;}

/* =5 Navigation 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#container{width:980px;margin:0 auto;background:url(/Img/bg_container.jpg) repeat-y;overflow:hidden;padding:0 0 0 10px;text-align:left;}
#content{float:left;width:970px;height:555px;overflow:hidden;color:#000000;}
#colonna_sx{float:left;width:325px;height:555px;background:#FFFFFF;text-align:left;}
#logo{width:325px;height:320px;background:#3d2b21;cursor:pointer;}
#colonna_dx{float:right;width:645px;height:555px;background:#FFF;text-align:left;}
#colonna_dx_gallery{float:right;width:645px !important;height:555px !important;background:#FFF;text-align:left; overflow:hidden;}
#colonna_dx_offerte{float:right;width:645px;height:555px;background:#FFF;text-align:left;background:url(/Img/sfondo-offerte.jpg); overflow:auto;}
#colonna_dx_eventi{float:right;width:645px;height:555px;background:#FFF;text-align:left;background:url(/Img/sfondo-eventi.jpg); overflow:auto;}
#colonna_dx_servizi{width:645px; height:441px;background:url(/Img/sfondo-servizi.jpg); margin-left:-20px;margin-bottom:0px;}

#flash{width:645px;height:320px;}
#contenuto_unico{width:645px;height:235px;background:#3F2D21;color:#57311A}/*occupa tutto lo spazio:nessun padding*/
#contenuto{width:608px;height:225px;color:#57311A;padding:18px 0 0 20px;}

/*menu*/
.menu {display:block; height:50px;width:970px;background:url(/Img/bg_menu.jpg) repeat-x;}
.menu li {display:inline; float:left;font-size:1.2em;color:#ADE0ED; line-height:1.2em;height:28px;padding:17px 14px 0 14px; background:url(/Img/bg_menu.jpg) repeat-x;width:130px;text-align:center;}
.menu li.separa{display:inline; float:left;padding:0px;margin:0px; width:2px; height:50px;background:url(/Img/separa_menu.gif) repeat-y;}

/*offerta homepage*/
#offerta{position:relative;background:#FFFFFF;float:left;width:321px;height:235px;} 
#evento{position:relative;background:#FFFFFF;float:right;width:321px;height:235px;}
div#bg_offerta{
	position:absolute;
	bottom:0px;
	left:0px;
	width:322px;
	height:130px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Img/bg_offer.png');
}
div#bg_offerta img{	
	width:322px;
	height:130px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.content_offerta{position:absolute;top:125px;left:30px;color:#ACE0ED;}

#contenuto_unico .title{font-size:1.8em;float:left;width:230px;}
#contenuto .title{font-size:1.8em;line-height:1.8em;}
.subtitle_servizi{font-size:1.8em;line-height:1.8em;margin-top:40px;margin-bottom:10px;}
.subtitle_listpage{font-size:1.8em;line-height:1.8em;margin-top:20px;}
.subtitle{font-size:1.4em;line-height:1.4em;margin-top:10px;}
.txt_listpage{width:264px;border:solid 0px red;font-size:1.1em;line-height:1.4em;}
.txt{clear:both;width:604px;font-size:1.1em;line-height:1.4em;padding-top:10px;color:#57311A;}

/*evento homepage*/
.content_evento{position:absolute;top:70px;left:30px;color:#57311A;}

/*servizi*/
.box_servizi{width:585px;height:160px;margin-bottom:25px;}
.logo_servizi{float:left;width:300px;height:160px;}
.testo_servizi{float:left;height:160px;padding-top:6px;width:280px;}

/*offerte ed eventi*/
.box_offevent{width:565px;border:solid 0px red;overflow:hidden;}
.logo_offevent{float:left;width:280px;}
.testo_offevent{float:right;width:264px;}

/*gallery*/

#gallery{ max-height: 555px !important; position:relative;padding-top:10px;}
#gallery .galleryimg img {width:255px;height:125px;}
#gallery .galleryimg a{float:left;width:255px;height:125px;margin-right:10px;margin-bottom:5px;border:solid 3px #353535}
#gallery .galleryimg a:hover{float:left;width:255px;height:125px;margin-right:10px;margin-bottom:5px;border:solid 3px #ACE0ED}

ul.photogallery li {
 border:none;
 margin-top: 10px;
 padding:0;
 height: 130px;
}
/*links*/
#linkcol1{float:left;width:320px;font-size:0.9em;border:solid 0px red;}
#linkcol2{float:left;}
.TitleLink a {color:#3F2D21; text-decoration:none;}
.TitleLink a:hover {color:#3F2D21; text-decoration:none;}
.descriptionlinks a {color:#3F2D21; text-decoration:none;}
.descriptionlinks a:hover {color:#3F2D21; text-decoration:none;}

/* =6 BookingForm
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
#bf{width:304px;height:215px;background:#ACE0ED;border-right:solid 1px #000000;padding:20px 0 0 20px;}
.titolo_bf{background:url(/Img/title_bf.gif) no-repeat;width:185px;padding:8px 0 8px 5px;font-size:1.8em;color:#402E22;margin-bottom:10px;}
.btn_option_cancel{background:none;border:none;font-size:1.0em;color:#402E22;}
.btn_book{background:#402E22;border:none;font-size:1.0em;padding:5px;color:#ACE0ED;}
#bf select{font-size:1.0em;margin:0px;padding:0px;}
#bf input{font-size:1.0em;}

/* =7 Form 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
legend{display:none;}
label{display:block;color:#402E22;text-align:left;padding-bottom:3px;}
label.hidden_label{display:none;}

/* =8 Extra 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/  
.ClearAll{clear:both;}
.hidden{display:block;visibility:hidden;padding-bottom:3px;}
.more{width:35px;height:15px;background:#3F2D21 url(/Img/more.gif) no-repeat;padding:5px 0 0 20px;cursor:pointer;}
.more2{width:35px;height:10px;background:#FFF url(/Img/more2.gif) no-repeat;padding:5px 0 0 20px;cursor:pointer;float:left;}

.back{width:40px;height:15px;background:#3F2D21 url(/Img/back.gif) no-repeat;padding:5px 0 0 20px;cursor:pointer;margin-top:10px;color:#ACE0ED}
select,input{border:solid 1px #3F2D21}

/* =9 Footer 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#container_footer{width:990px;margin:0 auto;text-align:center;}
.footer {display:block; height:50px;}
.footer li {display:inline; float:left;font-size:1.3em;color:#ADE0ED; line-height:1.3em;padding:0 5px;}
.footer li a {color:#ADE0ED; text-decoration:none;}
.footer li a:hover {color:#FFF; text-decoration:none;}
#container_footer .footer .active a {color:#FFFFFF;}
#container_footer .footer .active a:hover {color:#FFFFFF;}
.address_footer {font-size:11px;}
