@charset "UTF-8";
/* CSS Document */

/*
@name: _ext/css/layout.css
@desc: css home page
@author: Chiara Rostagno
@lastauthor: Chiara Rostagno
*/

html, body {margin:0; padding:0; background-color:#000; font-family:Tahoma, Arial, sans-serif; font-size:13px; color:#000; text-align:justify;}

#striscia_top {width:100%; text-align:center; background-color:#ccc; padding:4px 0px;}

h1 {font-size:10px; color:#000; margin:0; padding:0; font-weight:100;}

#container {width:980px; margin:5px auto 0 auto;}

#sito_uff {float:left; width:300px; color:#fff9d6; font-family:Trebuchet MS, Tahoma, Arial, sans-serif; font-style:italic; font-size:14px;}

#lingue {float:right; text-align:right; width:200px;}

#flash {clear:both; margin-top:4px; width:980px; height:307px;}

#menu {width:895px; height:58px; background-image:url(../img/fondo_menu.jpg); background-repeat:no-repeat; text-align:center; padding-left:85px;}

#menu a, #menu a:link, #menu a:visited {margin-top:7px; display:block; float:left; width:114px; height:31px; text-align:center; padding-top:18px; font-size:14px; font-weight:bold; color:#990000; text-decoration:none; font-family:Trebuchet MS, Tahoma, Arial, sans-serif; line-height:1.2em;}
#menu a:hover, .qui {margin-top:7px; display:block; float:left; width:114px; height:31px; text-align:center; padding-top:18px; font-size:14px; font-weight:bold; color:#e4d8bb; text-decoration:underline; background-image:url(../img/fondo_menu_hover.jpg); background-repeat:no-repeat; font-family:Trebuchet MS, Tahoma, Arial, sans-serif; line-height:1.2em;}

#content {width:979px; height:auto !important; background-image:url(../img/fondo_content.jpg); background-repeat:repeat-y; }
#content_int {float:left;width:979px; height:auto !important; background-image:url(../img/fondo_content_int.jpg); background-repeat:repeat-y;}

#content_home {width:979px;  height:auto !important; background-image:url(../img/fondo_content_home.jpg); background-repeat:repeat-y;}
#content_dove_siamo {width:939px; height:auto !important; background-image:url(../img/fondo_content_mappa.jpg); background-repeat:no-repeat; background-position:left bottom; padding:20px 20px 70px 20px;}

#text_int {float:left; width:515px;}

#mappa {float:right; width:400px; padding:2px; border:1px solid #827f7f;}

#mappa iframe {width:400px; height:400px; border:none; margin:0;}

#col_sx {width:265px; float:left;}

#notti_gratis {width:230px; height:86px; background-image:url(../img/fondo_notti_gratis.jpg); background-repeat:no-repeat; margin:8px 3px 0 3px; padding:33px 0 0 29px; font-family:Arial, sans-serif; font-size:16px; color:#660000; font-weight:bold; text-align:center; line-height:0.8em;}

#top_offerte {margin-top:30px; margin-left:16px; width:129px; height:46px; padding-top:10px; padding-left:31px; padding-right:88px; font-family:Trebuchet MS, Tahoma, Arial, sans-serif; font-size:15px; color:#fff9d6; background-image:url(../img/fondo_top_offerte.png); background-repeat:no-repeat;}

#content_offerte {width:220px; position:relative; left:16px; background-image:url(../img/fondo_content_offerte.jpg); background-repeat:repeat-y; font-family:Tahoma, Arial, sans-serif; font-size:12px; color:#fff9d6; line-height:1.2em; padding:1px 14px 9px 14px; font-weight:100;float:left;}

#bottom_offerte {width:248px; height:9px; background-image:url(../img/fondo_bottom_offerte.jpg); background-repeat:no-repeat; margin-left:16px; text-align:right;clear:both}

#content_offerte a, #content_offerte a:link, #content_offerte a:visited {font-family:Tahoma, Arial, sans-serif; font-size:12px; color:#fff9d6; line-height:1.2em; text-decoration:none;}
#content_offerte a:hover {font-family:Tahoma, Arial, sans-serif; font-size:12px; color:#fff9d6; line-height:1.2em; text-decoration:none;}


#top_eventi {margin-top:56px; margin-left:16px; width:129px; height:32px; padding-top:10px; padding-left:31px; padding-right:88px; font-family:Trebuchet MS, Tahoma, Arial, sans-serif; font-size:15px; color:#660000; background-image:url(../img/fondo_top_eventi.png); background-repeat:no-repeat;}

#content_eventi {width:220px; margin-left:16px; background-image:url(../img/fondo_content_eventi.jpg); background-repeat:repeat-y; font-family:Tahoma, Arial, sans-serif; font-size:12px; color:#660000; line-height:1.2em; padding:9px 14px 9px 14px;}

#bottom_eventi {width:248px; height:9px; background-image:url(../img/fondo_bottom_eventi.jpg); background-repeat:no-repeat; margin-left:16px; text-align:right;}

#content_eventi a, #content_eventi a:link, #content_eventi a:visited {font-family:Tahoma, Arial, sans-serif; font-size:12px; color:#660000; line-height:1.2em; text-decoration:none;}
#content_eventi a:hover {font-family:Tahoma, Arial, sans-serif; font-size:12px; color:#660000; line-height:1.2em; text-decoration:none;}

#top_offerte ul {margin:0 0 0 13px; padding:0;}

#top_eventi ul {margin:0 0 0 13px; padding:0;}

#col_middle {float:left; width:396px; padding:8px; margin-top:8px; margin-left:5px;}

#col_dx {float:right; padding-right:4px; width:291px; text-align:center; margin-top:8px;}

#slogan_1 {width:291px; font-family:Trebuchet MS, Tahoma, Arial, sans-serif; line-height:1.3em; font-size:16px; background-image:url(../img/fondo_striscia.jpg); background-repeat:no-repeat; background-position:bottom; margin-top:20px; padding-bottom:30px; color:#660000;} 

#slogan_2 {width:230px; height:101px; margin-top:30px; margin-left:5px; background-image:url(../img/fondo_trasporti.png); background-repeat:no-repeat; padding:21px 0 0 52px; color:#fff9d6; font-size:15px; font-family:Trebuchet MS, Tahoma, Arial, sans-serif; line-height:1.3em; text-align:left;}

#slogan_3 {width:289px; margin-top:20px;  color:#660000; font-size:13px; font-family:Arial, Tahoma, sans-serif; line-height:1.3em; text-align:center; background-image:url(../img/sfondo_slogan_3.jpg); background-repeat:no-repeat; background-position:bottom; margin-left:3px;}

#slogan_3 a, #slogan_3 a:link, #slogan_3 a:visited {color:#660000; font-weight:bold; text-decoration:none; font-family:Arial, Tahoma, sans-serif; line-height:1.3em;}
#slogan_3 a:hover {color:#660000; font-weight:bold; text-decoration:underline; font-family:Arial, Tahoma, sans-serif; line-height:1.3em;}

#titolo {width:962px; position:relative; left:9px; margin:4px 0px 22px 0px;height:28px;float:left;padding-top:12px;
color:#660202;font-size:17px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bolder;text-align:right;}/*height = 40-padding-top = 28*/

#close_content {width:939px; height:0px; clear:both;}

#close_content_home {width:979px; height:1px; clear:both;}

#footer {width:980px; text-align:center; font-family:Trebuchet MS, Tahoma, Arial, sans-serif; font-size:10px; color:#fff9d6; line-height:1.2em; margin-top:6px;}

#footer a, #footer a:link, #footer a:visited {font-family:Trebuchet MS, Tahoma, Arial, sans-serif; font-size:10px; color:#fff9d6; line-height:1.2em; text-decoration:none; font-weight:bold;}
#footer a:hover {font-family:Trebuchet MS, Tahoma, Arial, sans-serif; font-size:10px; color:#fff9d6; line-height:1.2em; text-decoration:underline; font-weight:bold;}

.icona_lingua {border:none;}

.logo {border:none;}

.img_box {float:left; margin:0 10px 10px 0;border:0px}

.middle {vertical-align:middle; border:none;}

/**/

#content_padding {width:939px; height:auto !important; padding:0px 20px 70px 20px;float:left;}

#contatti_colonna_dx {width:260px; float:right; font-family:Tahoma, Arial, sans-serif; font-size:12px; color:#660000; line-height:1.2em; }
#contatti_colonna_sx {float:left; width:500px;position:relative; left:80px;top:10px;}
#contatti_info{background-image:url(../img/simbolo_rosso.jpg);background-repeat:no-repeat;padding-left:34px;padding-top:10px;color:#000000}
#contatti_info a:link,#contatti_info a:hover,#contatti_info a:visited{color:#000000;font-weight:bold;text-decoration:none}

input,textarea{border:1px solid #999999}
.bordo_rosino{padding:4px;border:1px solid #C29580}

.eventi{float:left;width:939px;}
.eventi_text{
float:left;background-image:url(../img/simbolo_rosso_2.jpg);background-repeat:no-repeat;
padding-left:34px;padding-top:3px;padding-bottom:40px;
position:relative;width:610px
}
.eventi_title{color:#660000;font-size:15px; font-weight:bolder}
.eventi_divider{border-top:1px solid #C29999;width:644px;clear:both;margin-bottom:60px;}

#tb_eventi_anchor{float:left} /*è il div creato automaticamente da dbnavigator (necessario definire il css per problema margin in ie6)*/

#slogan_x{
background-image:url(../img/bed_and_breakfast_lucca_8.jpg); 
background-repeat:no-repeat;
width:291px;
height:83px;
margin-top:30px;
padding-top:130px;
font-variant:small-caps;
color:#610000;
font-size:22px;
font-weight:bold;
font-family:"Times New Roman", Times, serif;
}

 a:link, a:visited,a:hover{color:#003399}

#camere_colonna_sx {width:246px; float:left;padding:0px 10px 120px 10px;color:#660000;font-style:italic;
background-image:url(../img/sfondo_colonna_dx_camere.jpg);background-repeat:no-repeat;background-position:bottom;background-color:#FFFFFF;}
#camere_colonna_centro {width:400px; float:left; position:relative;padding:7px 7px 7px 8px;background-color:#EAE4DD;top:-22px}
#camere_colonna_dx {width:270px; float:right; right:10px;position:relative}

#menu_camere{position:absolute;top:-44px;background-color:#EAE4DD;padding:14px 39px 1px 13px;left:0px;width:364px}

.camera_selezionata{display:block;float:left;padding:5px;color:#660000;background-color:#C29F9A;font-weight:bold;font-size:14px;text-decoration:underline}
.menu_camera:link,.menu_camera:visited{display:block;float:left;padding:5px;color:#660000;;font-size:14px;text-decoration:none}
.menu_camera:hover{display:block;float:left;padding:5px;background-color:#C29F9A;;font-size:14px;text-decoration:underline}
.divisore_menu_camera{float:left;margin:2px 8px 0px 8px;color:#660000;font-size:14px}


#prezzi_colonna_sx {float:left;  width:644px; position:relative; top:20px;}
#prezzi_colonna_dx {float:right; width:260px; color:#000; position:relative; top:20px; }
#prezzi_colonna_sx strong, #prezzi_colonna_dx strong {color:#660000;}
#prezzi_colonna_sx_inner{position:relative;top:-30px;float:left;}
#prezzi_colonna_dx_inner{position:relative;top:-20px;float:left;}

.prezzi_box_dx_1{
float:left;background-image:url(../img/simbolo_rosso_2.jpg);background-repeat:no-repeat;
padding-left:34px;padding-top:3px;padding-bottom:40px;
position:relative;width:610px;border:1px solid #FFF;
}
.prezzi_box_dx_2{
float:left;background-image:url(../img/fondo_box_prezzi.jpg);background-repeat:no-repeat;
padding-left:50px;padding-top:23px;padding-right:40px;height:127px;
position:relative;width:195px;

}
.prezzi_divider_sx{float:left;border-bottom:1px solid #C29999;width:644px;clear:both;height:0px;}
.prezzi_divider_dx{float:left;border-bottom:1px solid #C29999;width:260px;clear:both;height:0px;}

/******* stili relativi alla tabella prezzi del singolo appartamento **************************/

.tabella_piccola_prezzi{
	width:400px;
	background-color:#FFFFFF;
	margin-left:0px;
}

.td_intestaz_tab_piccola_prezzi {
border-bottom:1px solid #9E9B98; 
text-align:center; 
padding-bottom:6px;
text-align:center;
font-weight:bolder;
color:#FFF;
background-color: #660000;
font-size:11px;
padding:4px;
}

.td_tabella_piccola_prezzi {
background-color:#D1C3B4; 
color:#000; 
border-bottom:1px solid #E6DFD7; 
text-align:center; 
padding:4px 2px 4px 2px;
}


/******* stili relativi alla tabella generale dei prezzi **************************/


.tabella_grande_prezzi{
	width:900px;
	background-color:#FFFFFF;
	
}


.td_intestaz_tab_grande_prezzi {
text-align:center;color:#963105;
font-weight:bolder;
}

.td_tabella_grande_prezzi {
text-align:center;
border:1px solid #c2987c;
padding:5px 2px;
}


.contenitore_tabella_grande_prezzi{
width:900px;
margin-left:18px;
border:1px solid #666;  
clear:both;
}

.barra_periodi_stagionali_tabella_grande{
background-color:#660000;
padding:2px 5px;
color:#FFF;
font-weight:bold;
}



#menu_stagioni
{
float:left;
position:relative;
top:1px;
width:900px;
margin-left:40px;
}

.menu_stagioni_ON, .menu_stagioni_OFF{
float:left;
border:#666 solid 1px;
margin-left:10px;
width:80px;
height:25px;
text-align:center;padding-top:4px;
font-weight:bold;
padding:2px 4px 8px 4px;
}



.menu_stagioni_ON a:link, .menu_stagioni_ON a:visited{text-decoration:none; color:#FFF}
.menu_stagioni_OFF a:link, .menu_stagioni_OFF a:visited{text-decoration:none; color:#660000}


/*i pulsanti della stagione selezionata e non selezionata si diversificano solo per il colore di sfondo*/
.menu_stagioni_ON{background-color:#660000;border-bottom:1px solid #660000; /*borderbottom:stesso colore di sfondo di barra_periodi_stagionali_tabella_grande*/} 
.menu_stagioni_OFF{background-color:#FFF9D6;border-bottom:1px solid #666; /*borderbottom:stesso colore del bordo di  contenitore_tabella_grande_prezzi*/}
/*------------------------------------------------------------------------------------------------*/