ma@charset "UTF-8";
/* ----------------------

Titolo: Agriturismo Forzello
Author: Francesca Morbidelli
Web: www.storiediweb.it
Aggiornato il: 06/04/09

--- Palette dei colori:
Sfondo body: #ffe9b3
Marrone scuro (int): #261103
Marrone testo top: #8f5d37
Grigio testi: #888
Beige chiaro (corpopag): #fffaef
   
-------------------------*/

/* ------------------ Resettotutto ------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, cite, code, em, img, q, small, strike, strong, sub, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;}
	
blockquote,q{quotes:none;}
ol,ul{list-style:none;}
:focus{outline:0;}

/* ---------------- Caratteri generali --------------- */
body{font-family:Arial, Verdana, sans-serif; color:#555;}
.didascalia-foto {
	font-size: 12px;
}
.menu-app {
	background-image: url(../img/bg-menu-appartamenti.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	height: 50px;
	width: 100%;
	padding-top: 56px;
	color: #612D2D;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
a:link{text-decoration:none;color:#612d2d;}
a:visited{text-decoration:none;color:#612d2d;}
a:hover,a:active,a:focus{text-decoration:underline;color:#612d2d;}
p{margin:0;}
h1,h2,h3,h4{font-family:'Trebuchet MS', Arial, sans-serif;margin:5px 0 10px;}
h1{font-size:1.8em;}
h2{font-size:1.4em;}
h3{font-size:1.2em;}
h4{font-size:1.0em;}
hr {display: block;height:1px;background:#f2e9d5;border:0;}
.clear{clear:both;}

/* ------------------ Layout ------------------ */

/* ----- pag ------ */
body{
background:#ffe9b3 url(../img/bg.jpg) left top repeat-x;
line-height:1;
margin:0 auto;
margin-top:0;
padding:0;
}

#container {
width:932px;
margin:0 auto;
margin-top:0px;
}
/* ----- top ----- */
#top {
width:932px;
height:28px;
margin:0;
padding:0;
font-size:12px;
color:#8f5d37;
}
/* ----- head ----- */
#header {
width:932px;
height:290px;
background:url(../img/bg_header.jpg) left top no-repeat;
margin-left:15px;
}
#header img, #header img a, #header img a:link {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
/* ----- wrapper content ----- */
#content {
	width:887px;
	min-height:600px;
	height:auto !important;
	height:600px;
	margin:0;
	padding:0;
	padding-left:15px;
	padding-right:30px;
	clear:both;
	overflow:auto;
	background-image: url(../img/bg-page.png);
	background-repeat: repeat-y;
	background-position: center top;
}
/* ----- sx ----- */
#sidebar {
width:304px;
padding:0;
float:left;
min-height:600px;
height:auto !important;
height:600px;
}
/* ----- main ----- */
#main {
width:568px;
min-height:500px;
height:auto !important;
height:500px;
float:left;
}
/* ----- footer ----- */
#footer { 
width:872px;
background:url(../img/bg-footer.png) bottom center no-repeat;
margin:0;
padding:0;
padding-top:27px;
padding-left:30px;
padding-right:30px;
height:130px;
font-size:11px;
}

/* ---------------- Classi particolari --------------- */
.divisorio1 {
float:left;
width:568px;
height:21px;
background: url(../img/divisorio1.gif) center no-repeat;
display:block;
margin:0;
}
.divisorio2 {
float:left;
width:555px;
height:31px;
background: url(../img/divisorio2.gif) center no-repeat;
display:block;
margin:0;
}

/* ----- colori font ----- */
.verde1 { color:#384918; }
.verde2 { color:#556a2e; }
.marrone1 { color:#3f3724; }
.marrone2 { color:#5f543a; }

/* ----------------           BOX            --------------- */

/* ----- top box ----- */
.top_flag{float:left;width:250px;font-weight:500;margin:10px 0 0 50px;}
.top_flag a,.top_flag a:visited{color:#8f5d37;text-decoration:none;}
.top_flag a:hover{color:#FFFAEF;text-decoration:none;}
.top_tit{float:right;width:250px;font-style:italic;margin:10px 30px 0 0;}
.it{background:url(../img/flag_ita.gif) left center no-repeat;padding:0 18px;}
.en{background:url(../img/flag_uk.gif) left center no-repeat;padding:0 18px;}
.de{background:url(../img/flag_de.gif) left center no-repeat;padding:0 18px;}
.nl{background:url(../img/flag_nl.gif) left center no-repeat;padding:0 18px;}

/* ----- sidebar ----- */
.sidebar {
	margin-top:40px;
	width:243px;
	margin:0;
	padding:0;
	font-size:12px;
	list-style-position: inside;
	list-style-image: url(../img/bullet-menu.gif);
}

#sidebar h3 {
background:url(../img/bg_menu_laterale.jpg) left top no-repeat;
width:243px;
height:37px;
font-family:"Times New Roman", Times, serif;
font-weight:400;
color:#644936;
display:block;
margin:20px 0 8px 15px;
text-align:center;
font-size:16px;
padding-top:14px
}
.sidebar h3, .sidebar h3 a, .sidebar h3 a:visited {
color:#644936;
}

.sidebar ul {
display:block;
list-style-type:none;
margin:0;
margin-left:15px;
padding:0;
font-weight:bold;
}

.sidebar li {
display:block;
list-style-type:none;
margin:0;
margin-left:15px;
font-weight:500;
font-size:12px;
width:243px;
}

.sidebar li a, .sidebar li a:link,.sidebar li a:visited {
display:block;
border-bottom:1px solid #e2ddd3;
margin:0;
padding:5px;
padding-left:10px;
color:#644936;
list-style-type:none;
text-decoration:none;
}

.sidebar li a:hover, .sidebar li a:active {
border-bottom:1px solid #666;
list-style-type:none;
color:#666;
}

/* ----- box calendario ----- */
.box_cal {
width:280px;
height:197px;
background:url(../img/bg_box_cal.jpg) left top no-repeat;
display:block;
margin:20px 0 25px 0;
padding:0;
color:#384918;
font-family:"Times New Roman", Times, serif;
font-weight:400;
text-align:center;
float:left;
}

.box_cal h4  {
background:url(../img/bg_box_cal_tit.gif) left top no-repeat;
width:243px;
height:25px;
font-family:"Times New Roman", Times, serif;
font-weight:400;
color:#384918;
display:block;
padding:25px 0 0 0;
margin:15px 0 5px 15px;
text-align:center;
}
/* FORM DI PRENOTAZIONE E CONTATTO */
.box_form_framework,.float-left {
float:left;font-family:Arial, Helvetica, sans-serif;
}

.ico_cal {
float:left;
margin:0;
margin-top:3px;
margin-left:5px;
}

#form_contatti label {
display:block;
font-weight:700;
text-align:right;
width:90px;
height:15px;
float:left;
font-size:11px;
margin:2px 0 4px 10px;
margin-top:5px;
color:#8b6941;

}

#form_contatti .small {
color:#503325;
display:block;
font-size:11px;
font-weight:400;
text-align:right;
width:80px;
}

#form_contatti input {
float:left;
font-size:11px;
border:solid 1px #724223;
background:#1d0d03 url(../img/bg_form_cal.jpg) center left repeat-x;
margin:2px 0 4px 10px;
padding:2px;
color:#fffaef;
}

#form_contatti button {
clear:both;
margin-left:5px;
margin-top:5px;
width:125px;
height:31px;
background:url(../../img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#ffe;
font-size:14px;
font-weight:400;
border:0;
font-family:"Times New Roman", Times, serif;
cursor:pointer;
}

/* ----- box foto ----- */
.box_foto {
	width:210px;
	height:71px;
	background:url(../img/bg_box_foto.jpg) left top no-repeat;
	display:block;
	margin:0;
	margin-top:30px;
	padding:0;
	padding-top:25px;
	padding-left:70px;
	clear:both;
	color:#384918;
	font-family:"Times New Roman", Times, serif;
	font-weight:400;
	text-align:center;
}
.box_foto a, .box_foto a:visited  {
	color:#384918;
	text-decoration:none;
}
.box_foto a:hover  {
	color:#556a2e;
	text-decoration:underline;
}

/* ----- guest box ----- */
.box_guest {
	width:210px;
	height:71px;
	background:url(../img/bg_box_guest.jpg) left top no-repeat;
	display:block;
	margin:0;
	margin-top:10px;
	padding:0;
	padding-top:25px;
	padding-left:70px;
	clear:both;
	color:#3f3724;
	font-family:"Times New Roman", Times, serif;
	font-weight:400;
	text-align:center;
}
.box_guest a, .box_guest a:visited  {
	color:#3f3724;
	text-decoration:none;
}
.box_guest a:hover  {
	color:#5f543a;
	text-decoration:underline;
}

/* ----- main box ----- */
.main { margin-top:20px;}
.main h1{color:#612d2d; font-family:"Times New Roman", Times, serif; font-variant:small-caps; font-weight:500;margin:0; padding:0;}
.main h2{font-size:14px;text-align:justify; line-height:16px;}
.main h3{color:#9b6c47; font-family:"Times New Roman", Times, serif; font-weight:500; margin:0; padding:0;}
.main p{font-size:14px; line-height:20px; text-align:justify; margin-bottom:20px;}
.main ul, .main ol{font-size:14px; line-height:20px;text-align:justify; margin-bottom:20px; list-style:square; list-style-position:inside;}
.main img {border-color:#612d2d;}

/* ----- box_tariffe ----- */
.box_prezzi table,.box_prezzi td,.box_prezzi th{border:1px solid #ccc;border-collapse:collapse;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333;margin:0;padding:0;}
.box_prezzi table{margin:0;margin-bottom:20px;padding:0;}
.box_prezzi td,.box_prezzi th{vertical-align:top;font-weight:400;padding:.1em .5em;}
.box_prezzi thead th{text-transform:uppercase;background:#666;color:#fff;}
.box_prezzi tbody td{background:transparent;text-align:right;}
.box_prezzi tbody th{background:transparent;}
.box_prezzi tbody tr.odd td{background:#eee;}
.box_prezzi tbody tr.odd th{background:#ccc;}
.box_prezzi caption{text-align:left;font-size:140%;text-transform:uppercase;letter-spacing:-1px;}
.box_prezzi table td a:link, .box_prezzi table th a:link{color:#00c;text-decoration:underline;}
.box_prezzi table td a:visited,.box_prezzi table th a:visited{color:#00c;text-decoration:underline;}
.box_prezzi table td a:hover,.box_prezzi table th a:hover{color:#c00;}
.box_prezzi table td a:active,.box_prezzi table th a:active{color:#000;}

/* ----- box_form fra quick ----- */
.box_form_quick{width:480px;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:12px;float:left;background-color:#FFFAEF;margin:0 0 15px 10px;padding:5px;}
.box_form_quick p,.box_form_quick h1,.box_form_quick form,.box_form_quick button{border:0;margin:0;padding:0;}
.spacer{clear:both;height:1px;}
/* form_base */
#form_quick{border:solid 1px #DEDEDE;}
#form_quick h2{font-size:20px;font-weight:700;margin-bottom:3px;}
#form_quick p{font-size:12px;color:#666;margin-bottom:10px;border-bottom:solid 1px #dedede;padding-bottom:5px;}
#form_quick label{display:block;font-weight:700;text-align:right;width:160px;font-size:12px;float:left; padding-top:6px;}
#form_quick .small{color:#666;display:block;font-size:11px;font-weight:400;text-align:right;}
#form_quick input{float:left;width:250px;font-size:11px;margin:2px 0 10px 8px;}
#form_quick textarea{float:left;width:250px;height:150px;font-size:11px;overflow:auto;margin:2px 0 10px 8px;}
#form_quick button{clear:both;margin-left:230px;background:#888;color:#fff;border:solid 1px #666;font-size:11px;font-weight:700;cursor:pointer;padding:4px 10px;display:block;}
.long_label {width:380px;}
.small_input{width:150px;}

/* ----- footer box ----- */
.f1{float:left;width:730px;display:block;text-align:right;margin:0 0 0 100px;}
.f2{
	float:left;
	width:730px;
	display:block;
	margin:10px 0 0 100px;
	line-height: 16px;
}
.f3{float:left;width:730px;display:block;text-align:right;margin:1px 0 0 100px;}
.f1 a,.f1 a:visited,.f2 a,.f2 a:visited,.f3 a,.f3 a:visited{color:#888;text-decoration:none;}
.f1 a:hover,.f2 a:hover,.f3 a:hover{color:#8f5d37;text-decoration:underline;}
.f1ico{background:url(../img/ico_footer.gif) left center no-repeat;padding:0 5px 0 15px;}

/* ----- globali ----- */
.img_floatsx {float:left; margin:0; margin-right:10px; margin-bottom:5px;}
.img_floatdx {float:right; margin:0; margin-left:10px; margin-bottom:5px;}
.img_floatsx2a {float:left; margin:0; margin-right:30px; margin-bottom:5px;}
.img_floatsx2b {float:left; margin:0; margin-left:70px; margin-bottom:5px;}

.big{font-size:18px; line-height:24px; text-align:justify; margin-bottom:24px;}
.small{font-size:12px; font-style:italic; margin-left:6px;}