/* tag */
* { margin: 0px; border: 0px; padding: 0px; }
body { position: relative; font: 65.3% times, serif; background: url('../img/backmontebello3.png') repeat-x top left #ece2d6; }
body.partner { background: url('../img/backmontebello-link.png') repeat-x top left #ece2d6; }
a { text-decoration: none; }
ul { list-style: none; }

/* struttura */
#page { width: 1000px; margin: 0px auto; }

#header { position: relative; width: 100%; height: 218px; background: url('../img/backheader.png') no-repeat top center; }

#offerte { position: absolute; top: 65px; left: 0px; width: 133px; height: 125px; background: url('../img/bollino_natale.png') no-repeat top left; }
#offerte a { display: block; width: 100%; height: 100%; }
#tohome { position: absolute; top: 60px; left: 380px; width: 240px; height: 110px; }
#tohome a { display: block; width: 100%; height: 100%; }

/* menu */
#nav { position: absolute; width: 1000px; top: 190px; left:0px; /*140px;*/ text-align: center; font-size: 12px;/*1.2em;*/ }
#nav li { float: left; display: inline; padding: 3px 23px 3px 24px; width:auto; /*width: 115px;*/ height: auto; }
#nav li a { display: block; font-weight: bold; }
#nav li a:link,
#nav li a.tasto:visited { color: #581d03; }
#nav li a.tasto:hover { color: #df4000; }
#nav li a.tasto { color: #581d03; }
#nav li a.tastosel { color: #df4000; }

/* intro e leftbox */
#intro { position: relative; width: 100%; height: 360px; }
#deco1 { position: absolute; top: 83px; left: 30px; width: 200px; height: 200px; background: url('../img/deco02.jpg') no-repeat top center; }
#movieintro { position: absolute; display: inline; top: 5px; left: 240px; width: 520px; height: 355px; background: url('../img/frame4.png') no-repeat top center; }
#movie, #montebello, #galleria { position: absolute; top: 20px; left: 20px; width: 480px; height: 315px; background: #fff; }
#prenota { position: absolute; top: 20px; left: 20px; width: 480px; height: 315px; }
#deco2 { position: absolute; top: 83px; right: 0px; width: 200px; height: 200px; background: url('../img/deco02.png') no-repeat top center; }
#salaeventi { position: absolute; top: 20px; left: 20px; width: 480px; height: 315px; }

/* pagine */
#container { position: relative; width: 100%; height: 370px; font-size: 14px; /*background: #ffc; */}
#leftbox { position: absolute; top: 5px; left: 5px; width: 520px; height: 355px; background: url('../img/frame4.png') no-repeat top center; }
#rightbox { position: absolute; top: 53px; right: 20px; width: 430px; height: 247px; padding: 0px 0px; /*background: #fcc;*/ }
#rightbox p { /*font-size: 10px*//*1.35em;*/ line-height: 1.2em; padding: 3px 0px; color: #333; text-align: justify; }
#rightbox ul { /*font-size: 10px;*//*1.35em;*/ list-style: disc; }
#rightbox li { margin-left: 25px; padding-bottom:2px; color: #333; }
.no-frame { background:none !important; }

/* footer */
#footer { width: 100%; color: #afa89e; text-align: center; font-size:1.1em; }
.homeholiday { font-size: 1.4em; padding: 5px 0px; color: #873219; }
.homeholiday a { color: #fc6f06; }
.homeholiday a:hover { text-decoration: underline; }
#lang { width: 600px; margin: 20px auto 20px; font-size: 1.4em; font-weight: bold; }
#lang a { padding: 3px 20px; margin: 0px 50px; }
#lang a:link,
#lang a:visited { color: #afa89e; border-top: 1px solid #ece2d6; border-bottom: 1px solid #ece2d6; }
#lang a:hover { color: #79888b; border-top: 1px solid #79888b; border-bottom: 1px solid #79888b; }
#credits { width: 600px; margin: 0px auto; font-size: 1.0em; }
#credits a:link,
#credits a:visited { color: #79888b; }
#credits a:hover { color: #79888b; text-decoration: underline; }

/* special contents */
#map { position: absolute; top: 20px; left: 20px; width: 480px; height: 315px;  }
#form-contatti { width: 420px; height: 227px; overflow: auto; }
#frase { width: 100%; height: 110px; background: url('../img/frase01.png') no-repeat top left; }

/* form contatti */
.fieldwrap .fmtext,
.fieldwrap .fmverify,
.fieldwrap .fmtextarea { background: #fff; }
form.ddfm .submit input { background: #ece2d6; border: 1px solid #fff; padding: 1px 2px; }

/* contatti */
#contatti { width: 320px; margin: 40px auto 0px; font-size: 1.2em;  }
#contatti h3 { /*font-size: 1.2em;*/ text-align: center; color: #581d03; }
#contatti p { padding: 10px 0px; text-align: center; }
#contatti a { font-weight: bold; }
#contatti a:link,
#contatti a:visited { color: #581d03; }
#contatti a:hover { color: #df4000; }

/* camere */
/*
#camere { width: 450px; position: absolute; bottom: 4px; right: 0px; }
#camere a { padding: 0px 12px; }
*/

#rooms { width: 798px; height: 332px; border: 6px solid #d9e8eb; background: #fff; margin: 10px auto; }
#rooms a { font-size: 1.2em; font-style: italic; font-weight: bold; display: block; padding-top: 5px; }
#rooms a:link,
#rooms a:visited { color: #581d03; }
#rooms a:hover { color: #df4000; }
#rooms ul li { width: 256px; height: 156px; margin: 5px; float: left; display: inline; text-align: center; background: #f3f3f3; }
#rooms #melograno { background: url('../img/melograno_small.jpg') no-repeat top left; position: relative; }
#rooms #mimosa { background: url('../img/mimosa_small.jpg') no-repeat top left; position: relative; }
#rooms #mughetto { background: url('../img/mughetto_small.jpg') no-repeat top left; position: relative; }
#rooms #dalia { background: url('../img/dalia_small.jpg') no-repeat top left; position: relative; }
#rooms #papavero { background: url('../img/papavero_small.jpg') no-repeat top left; position: relative; }
#rooms #relax { background: url('../img/relax_small.jpg') no-repeat top left; position: relative; }

#rooms .pil { position: absolute; width: 150px; height: 30px; bottom: 0px; right: 0px; background: #fff; filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70; }

/* prenotazioni */
#prenota #tariffe { position: absolute; width: 220px; height: 315px; top: 0px; left: 0px; background: #fff; filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70; display: none; }
#prenota #tariffe p { font-size: 14px; font-weight: bold; width: 210px; padding: 0px 5px 0px; color: #581d03; }
#prenota #tariffe .line { width: 140px; height: 1px; background: #581d03; margin: 3px auto; }

/*promozioni*/
#promo { font-size:0.9em; width: 480px; height: 315px; background: url('../img/back_banner_offerta.jpg') no-repeat top left #fff; position: absolute; top: 20px; left: 20px; }
#listino { padding-top: 20px; }
#listino p { font-size: 1.2em; padding: 10px 0px; text-align: center; }
#listino table { /*font-size: 1.2em;*/ margin: 0px auto; background: #581d03; }
#listino td { padding: 5px 10px; background: #d9e8eb; }
#listino .right { text-align: center; padding: 5px 30px; }

#promo .testopromo { width: 90%; /*font-size: 1.2em;*/ margin: 15px auto; background: #fff; color: #581d03; filter: alpha(opacity=85); -moz-opacity: .85; opacity: .85; }
#promo .testopromo h2 { text-align: center; padding: 3px 0px;  }
#promo .testopromo h3 { text-align: center; padding: 3px 0px; }
#promo .testopromo h3 span { color: #df4000; }
#promo .testopromo ul li { /*font-size: 1.2em;*/ padding: 0px 10px 0px 0px; margin-left: 30px; list-style: disc; }
#promo .testopromo p { text-align: center; font-size: 1.4em; font-weight: bold; }
#promo .testopromo .link { }
#promo .testopromo a { font-weight: bold; color: #581d03; }
#promo .testopromo a:link,
#promo .testopromo a:visited { text-decoration: none;  }
#promo .testopromo a:hover { text-decoration: underline; color: #df4000; }
#promo .prezzo { padding-bottom: 10px; padding-top: 4px;}

/*eventi*/
#listaeventi { width: 480px; height: 300px; margin:45px 0px 0px 0px; }
#accordion h3 { font-weight:normal; font-size:1.1em; border-bottom:1px solid #999; padding:4px 5px 1px; }
#accordion h3 a { color:#333; }
#accordion h3 a:hover { color:#df4000; }
#accordion div { padding:2px 20px 1px; color:#333; /*background:#e9f8fb*/ }
#eventi hr { width:80%; height:1px; margin:10px auto; background:#df4000; }

/*partner*/
#associati { position: absolute; top: 35px; left: 5px; width: 485px; height: 300px; }
#associati p { color:#333; line-height:1.2em; padding:3px 0; text-align:justify; /*font-size:1.2em;*/ }
#associati a { color:#333; }
#associati a:hover { color: #df4000; }
#scambio { position: absolute; top: 35px; right: 5px; width: 485px; height: 300px; }