/* www.villatron.it */
/* concept, design & coding by Giulia Girotto */

/* versione primavera-estate */
/* @import "spring.css"; */

/* versione autunno */
@import "fall.css";

/* versione inverno */
/* @import "winter.css"; */

* {border:0; margin:0; padding:0;}
html {background:url(../img/bgk_body.png) repeat;}
body {font-family:Georgia, "Times New Roman", Times, serif; font-size:62.5%; line-height:1.6em; /*background:url(../img/stagioni/bgk_footer.jpg) no-repeat center bottom; display:table; width:100%;*/}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.pgNav {display:none;}
.clear {clear:both;}

#bgk {background:url(../img/stagioni/bgk.jpg) no-repeat center top; width:100%; display:table; height:550px; /*position:absolute; top:0;*/}
#container {width:970px; margin:0 auto; background:url(../img/bgk_content.png) repeat-y center; }
#header {height:114px; position:relative;}

/* h1 - logo */
h1 {}
h1 a {display:block; width:229px; height:69px; position:absolute; top:42px; left:112px; cursor:pointer;} /* con la scritta 'dimora storica' top:25px;*/
h1 span {position:absolute; top:-9999px; left:-9999px;}

/* barra della lingua */
#lang {list-style-type:none; font-size:1.1em; position:absolute; top:8px; right:165px; font-family:Arial, sans-serif; font-weight:bold;}
#lang li {float:left; text-transform:uppercase; letter-spacing:0.6px;}
#lang li a {color:#AF7954;}

/* menu di navigazione */
#nav {list-style-type:none; font-size:1.8em; position:absolute; top:65px; right:120px;}
#nav li {float:left; padding-right:17px;}
#nav li a {padding:3px;}
#nav li a:hover {text-decoration:none; border-bottom:1px double;}
.en #nav {font-size:1.6em;}
.en #nav li {padding-right:12px;}

/* immagine (oggetto) sezione */
#img {width:730px; height:380px; background:#fff; margin:0 0 54px 119px;}

/* contenuto */
#content {color:#66472D; clear:both; padding:0 85px;}
#home #content {padding:0;}
#content p {font-size:1.2em; line-height:1.8em; margin-bottom:1em; width:355px; padding-left:35px; text-align:justify;}
#content p a {text-decoration:underline;}
#content p a:hover {text-decoration:none;}
#content ul {width:355px; list-style-type:none;}
#content li {font-size:1.2em; line-height:1.5em; padding:0 0 0.7em 20px; margin-left:10px;}
#content strong {font-weight:normal;}
#content strong.title {text-transform:uppercase;}
h2, h3 {font-variant:small-caps; font-weight:normal; border-bottom:1px solid #F1E8BF; letter-spacing:0.05em;}
h2 {width:345px; font-size:3.6em; line-height:0.9em; margin-bottom:20px; padding:10px 0 17px 35px; }
h3 {width:320px; font-size:1.8em; line-height:28px; margin-bottom:14px; padding-left:35px;}
.column {float: left;}
#content p.column {left: 0px; padding-left: 0px; margin-top: 20px; }
#content h3 a { color:#829A1E;}

/* foto grande (banner) */
#content img.banner {background:url(../img/bf_banner.gif) no-repeat center; padding:20px; height:250px; width:730px; margin-left:15px;}
/* foto piccola orizzontale */
#content img.o, #content iframe.o {background:url(../img/bf_o_l.jpg) no-repeat top right; padding:10px; margin: 20px 20px 5px 25px;}
#content iframe.o { margin: 0; }
/* foto piccola verticale */
#content img.v {background:url(../img/bf_v.gif) no-repeat center; padding:20px; height:320px; width:240px; margin-left:-5px;}
/* immagine con didascalia */
dl.img {float:right; margin-right:20px; clear:both; width:350px;} /* immagine piccola */
#content dl.img img.o { margin: 0; } /* immagine piccola */
dl.img.banner {clear:both; margin:auto; width:auto; float:none;} /* immagine grande */
/* didascalia */
.img dd {font-size:1.2em; font-style:italic; color:#7F7A63; border-bottom:1px solid #F1E8BF; padding:0 0 3px 7px; margin:5px 0 5px 0;}
.img dd.banner {margin-left:35px; margin-bottom:1em;}
.img dd a {color:#7F7A63; text-decoration:underline;}

/* blocco descrizione */
#descr {padding-top: 10px; clear:both;}
/* colonne di testo */
.lc {float:left; clear:left;} /* colonna sinistra (left column) */
.rc {float:left; margin-left:30px;} /* colonna destra (right column) */
#descr .lc p, #descr .rc p {width:330px;}
#descr img.o.l {float:left;}

/* fonte per blockquote */
#content p.fonte {font-size:0.9em;}
#content .info {padding-bottom:1.5em; display:none;}
	
/* HOME */
#home h2 {margin-left:85px;}
#home .intro {font-size:1.4em; margin:0 0 40px 85px; text-align:left;}
#home dl.img {margin-right:50px;}
#home dl[class=img] {margin-right:108px;}
/* sezione con 3 colonne, foto titoli e link */
#box {background:url(../img/bgk_home_02.jpg) repeat-y center; display:block;}
#box #top {background:url(../img/stagioni/bgk_box.jpg) no-repeat top; height:304px; width:100%}
#box #bottom {background:url(../img/stagioni/bgk_box.jpg) no-repeat bottom; height:115px; width:100%;}
#box img {width:220px; height:165px; margin-bottom:20px;} 
#box h3 {width:210px; margin:0 auto; padding-left:0; font-size:1.6em;}
#box p {width:210px; margin:0 auto; padding-left:0; text-align:center; font-style:italic; font-size:1.4em;}
#box p strong {font-size:1.3em;}
.col1, .col2, .col3 {width:272px; float:left; margin-top:-248px; text-align:center;}
.col1 {margin-left:39px;} /* IE */
div[class=col1] {margin-left:77px;} /* FF, chrome, safari */

/* footer */
#footer {color:#B29986; font-size:1.2em; clear:both; padding:0 85px 70px; position:relative;}
/*#home #footer {margin-top:-30px;}*/
a.up {display:block; background:url(../img/up.gif) no-repeat 2px 0; padding:0 0 40px 25px; margin:27px 0 0 35px; color:#B29986; font-size:1em; font-style:italic;}
/* logo */
#flogo {display:block; width:191px; height:143px; background:url(../img/logo_footer.png) no-repeat bottom; float:left; margin:15px 30px 0 35px; } /* con la scritta 'dimora storica' margin-top:0;*/
#flogo strong {position:absolute; top:-9999999px; left:-999999px;}
/* indirizzo */
#fadd {color:#8E7361; margin-top:40px;}
#fadd strong {font-size:1.2em; font-weight:normal;}
/* associazioni */
#fass {font-style:italic; margin-top:0.5em;}
/* navigazione */
#fnav {list-style-type:none; font-size:1.16em; margin:18px 0 2px 0; display:block;}
#fnav li {float:left;}
#fnav li a {padding:0 2px 1px 2px; margin-right:0.6em;}
#fnav li a:hover {text-decoration:none; border-bottom:1px solid;}
/* copyright */
#fcopy {clear:both; margin-left:260px; font-size:0.9em;}