/* GENERALI */
html,body { margin:0; padding:0; min-height:100%; text-align:center; word-wrap: break-word; }
body { font-size:16px; background:#fff; font-family: 'Noto Serif', serif; color:#212121; line-height:1.4em; }
div,p,ul,ol,section,h1,h2,h3,h4,h5,h6,nav,header,footer,article { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing:content-box; }
a,input[type=submit] { text-decoration:none; outline:none; -moz-transition: all .5s ease-in; -webkit-transition: all .5s ease-in;  -o-transition: all .5s ease-in; transition: all .5s ease-in; border:none; }
a { color:#594147; }
.div-int { width:96%; margin:0 auto; position:relative; }
h1 { color:#594147; font-size:26px; }
h2,h3 { color:#ba909b; }
.avviso { background:#FFE7AE; margin:10px 0; padding:5px; color:#c00; }
.pulsante { line-height:1.3em; display:inline-block; margin:0 10px; padding:5px; border-radius:3px; background:#DFBCC4; color:#594147; }
.pulsante:hover { background:#594147; color:#DFBCC4; }
.barraindietro { text-align:right; }
#contenitore { width:100%; margin:0 auto; text-align:left; }

#home-icon-bar { text-align:center; margin:30px auto; border-bottom:4px double #BA909B; width:96%; max-width:900px; padding:20px 1%; }
.icon-home { display:inline-block; border-radius:100px; width:7vw; height:7vw; border:4px solid #BA909B; text-align:center; margin:0 1%; font-size:0.9vw; }
.icon-home img { width:2vw; display:block; margin:0 auto; margin-top:30px; transition: all .3s ease-in-out; }
.icon-home:hover img { transform: scale(0.7); }

/* TESTATA */
#testata { position:fixed; z-index:20; height:100px; top:0; width:100%; text-align:left; color:#594147; background:#ba909b; }
#logo { position:absolute; left:0; top:15px; font-size:18px; line-height:1.2em; }
#logo img { max-width:250px; }
ul#nav { text-align:right; margin:0; width:640px; position:absolute; top:35px; right:0px; z-index:25; }
ul#nav li { margin:0 10px; display:inline-block; text-transform:uppercase; font-size:14px; }
ul#nav li a { display:block; color:#fff; padding:0 4px; }
ul#nav li:hover a { color:#594147; }

/* CONTENUTO */
img#imgheader { display:block; overflow:hidden; width:100%; margin:0 auto; }
#contenuto { margin-top:102px; }
#contenuto img { max-width:100%; height:auto; }
#sidebar { width:18%; float:left; padding:0.5%; }
#sidebar nav { margin-bottom:40px; }
#sidebar nav a { display:block; margin-bottom:5px; padding:15px 10px; font-size:0.8rem; text-transform:uppercase; background:#DFBCC4; color:#594147; }
#sidebar nav a:hover {  background:#594147; color:#DFBCC4; }
#corpo { width:78%; padding:1%; float:left; text-align:justify; }
#footer { text-align:center; background:#BA909B; border-top:2px solid #594147; padding:10px 0; font-size:12px; color:#fff; }
#footer a { color:#fff; }

/* ARTICOLI - EVENTI - CORSI - AUDIOGUIDE */
.articolo { background:#f9f9f9; width:28.5%; padding:1%; margin:1%; float:left; height:180px; border:1px double #DFBCC4; font-size:12px; }
.articolo img { float:left; width:100%; }
.articolodata { font-size:12px; }

img.copertina { width:100%; }

.div-int .articolo { width:20.5%; padding:1%; margin:1%; float:left; text-align:center; height:150px; }
.pagine { text-align:center; color:#594147; }
.pagine a { padding:5px; border-radius:3px; font-size:14px; background:#DFBCC4; color:#fff; }

.wrapper-audioguide { display: table; border-collapse:separate; border-spacing:10px; }
.audioguida { display: table-cell; width:28.5%; padding:20px; background:#efefef; text-align:left; }
.audioguida .riga-audioguide { display:table-row; height:100%; }
.audioguida .riga-audioguide > * {
	display: table-cell;
	border: 1px solid white;
	vertical-align: middle; /*Fix Chrome/Safari */
}
.audioguida .titoloAudioguida { font-weight:bold; font-size:1.2rem; margin-bottom:15px; }
.audioguida img { float:left; width:50%; height:auto; max-width:200px !important; margin:0 10px 10px 0; }
.audioguida a { padding:10px; border-radius:4px; color:#fff; background:rgb(186,144,155); }
.audioguida a:hover { background:#A76C7C; }

/* FORM */
form#contatti { margin-top:20px; }
ul#form { margin:0;	padding:0; list-style:none; }
ul#form li { float:left; margin-right:10px; margin-bottom:20px;	width:310px; overflow:hidden; list-style:none; }
ul#form li label { font-weight:bold; display:block; margin-bottom:10px; }
ul#form li div.error { font-size:11px; color:#f00; display:block; }
ul#form li input[type=text] { padding:10px;	border:1px solid #ccc; color:#777; width:90%; }
ul#form li.textarea { clear:both; float:none; width:auto; }
ul#form li input[type=text].esteso { width:80%; }
ul#form li.textarea textarea { width:98%; color:#777; border:1px solid #ccc; }
ul#form li.submit input[type=submit] { clear:both; float:none; width:auto; }

.notice { margin:10px 0; border-radius:10px; border:1px solid #ccc; padding:10px; max-width:400px; }
.notice.verde {  background:#9CEDBA; }
.notice.grigio { background:#efefef; }
#apriMenu { display:none; }
ul#nav li.mobile { display:none; }


@media only screen and (max-width:960px){
	#apriMenu { display:block; background:#594147; height:40px; line-height:40px; color:#fff; text-align:center; text-transform:uppercase; font-size:18px; font-weight:bold; cursor:pointer; }
	#logo { position:static; display:block; text-align:center; }
	#testata { position:relative; height:70px; line-height:18px; text-align:center; }
	#contenitore { width:100%; }
	#sidebar { display:none; }
	ul#nav li.mobile { display:block; }
	ul#nav { top:110px; display:block; width:100%; height:auto; padding:0; text-align:center; background:#BA909B; }	
	ul#nav li { display:block; background:none; text-transform:uppercase; margin:0; float:none; width:100%; }
	ul#nav li a { color:#594147; padding:4px 0; } 
	ul#nav li:hover a { background:#594147; color:#fff; } 
	ul#nav li a { padding:5px; }
	/* fine menu */
	#contenuto { float:none; width:auto; text-align:left; font-size:14px; min-height:100px; margin-top:0; }
	h1 { color:#594147; font-size:20px; line-height:24px; }
	h2 { font-size:18px; line-height:22px; }
	h3 { font-size:16px; line-height:20px; }
	
	/* ARTICOLI - EVENTI - CORSI - AUDIOGUIDE */
	.articolo { background:#f9f9f9; width:96%; margin:1%; height:auto; font-size:12px; }
	.div-int .articolo { width:96%; margin:1%; text-align:center; height:auto; }
	
	.audioguida img { float:none; display:block; margin:10px auto; width:200px; }
	.audioguida a { display:block; width:150px; margin:10px auto; }
	
	#corpo { width:96%; padding:0 2%; margin:0; }
	
	#home-icon-bar { text-align:center; margin:10px auto; border-bottom:4px double #BA909B; width:100%; max-width:900px; padding:10px 0; }
	.icon-home { width:80px; height:80px; margin:0 4px; }
	.icon-home img { width:25px; margin-top:15px; }
}





@media only screen and (max-width:720px){
	/* ARTICOLI - EVENTI - CORSI - AUDIOGUIDE */
	.wrapper-audioguide { display: block; border-collapse:separate; border-spacing:10px; }
	.audioguida { display: block; width:96%; padding:10px 2%; background:#efefef; text-align:left; margin:0 0 20px; }
	.audioguida .riga-audioguide { display:inline; height:auto; }
	.audioguida .riga-audioguide > * {
		display: block;
		border: 1px solid white;
		vertical-align: middle; /*Fix Chrome/Safari */
	}
	.audioguida .titoloAudioguida { font-weight:bold; font-size:1.2rem; margin-bottom:15px; text-align:center; }
	.icon-home { font-size:1.8vw; }
}