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

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/


body {font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin:0;
padding:0}

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* STRUTTURA */



#container {width:1000px;
position: relative;
left: 50%;
margin-left: -500px;
background:url(img/bkgr-body.jpg) no-repeat 100px 199px}

#header {width:1000px;
height:199px;
background:url(img/bkgr-header.jpg) no-repeat left top}

#content {padding:0 0 0 140px}

#contenuto {width:560px;
float:left;
background:none}

#eventi {width:300px;
float:left;
padding-top:180px}

#navigazione {width:140px;
position:absolute;
left:0;
top:210px}





/* STILI */

h2 {padding:12px 0 24px}

h3 {padding:18px 0}

p, h4 {padding:0 0 12px}

a {color:#940000}

a:hover {color:#3b7b99}

.cleaner {clear:both}


#header h1 {width:541px;
	height:45px;
	margin:0;
	padding:24px 0 0 110px;
	font-size : xx-small;}
	
#header h1 a {
	display: block;
	width: 541px;
	text-decoration: none;
	overflow: hidden;
	padding: 45px 0 0 0;
	height: 0px !important;
	height /**/:45px; /* for IE5/Win only */}
	
	
	
#contenuto .padding {padding:0 30px}
#eventi .padding {padding:0 3px 0 57px}

#eventi h4 {padding-bottom:4px}

#eventi p {padding-bottom:16px}

.eventi #contenuto h3 {padding-bottom:6px}

.eventi #contenuto h4 {padding-bottom:4px;
color:#990000}

.eventi #contenuto h5 {padding-bottom:3px}

.eventi #contenuto p {padding-bottom:20px;
border-bottom:1px solid #999999}


.home #contenuto {background:url(img/casale.jpg) no-repeat center bottom}




/* navigazione */

#navigazione {}

#navigazione ul {background:url(img/nav.gif) no-repeat 0 0;
list-style-type:none;}

#navigazione li {display: block;
width:140px;
height:34px}

#navigazione li a {display: block;

width: 140px;
height:34px}

#navigazione li#nav01 a:hover {background:url(img/nav-hover.gif) no-repeat 0 0}
#navigazione li#nav02 a:hover {background:url(img/nav-hover.gif) no-repeat 0 -34px}
#navigazione li#nav03 a:hover {background:url(img/nav-hover.gif) no-repeat 0 -68px}
#navigazione li#nav04 a:hover {background:url(img/nav-hover.gif) no-repeat 0 -102px}
#navigazione li#nav05 a:hover {background:url(img/nav-hover.gif) no-repeat 0 -136px}
#navigazione li#nav06 a:hover {background:url(img/nav-hover.gif) no-repeat 0 -170px}
#navigazione li#nav07 a:hover {background:url(img/nav-hover.gif) no-repeat 0 -204px}




.artisti #navigazione li#nav02, .eventi #navigazione li#nav03, .programma #navigazione li#nav04, .pernottare #navigazione li#nav05, .dove #navigazione li#nav06  {background:url(img/nav-active.gif) no-repeat 0 20px}


.dove #navigazione li#nav06 a:hover, .artisti #navigazione li#nav02 a:hover, .eventi #navigazione li#nav03 a:hover, .programma #navigazione li#nav04 a:hover, .pernottare #navigazione li#nav05 a:hover {background:none}




.artisti #contenuto ul {list-style-type:none}

.artisti #contenuto li {display:block;
width:480px;
margin-bottom:4px;
background:url(img/box-topleft.gif) no-repeat left top}

.artisti #contenuto li a {display:block;
padding:12px 18px;
background:url(img/box-bottomright.gif) no-repeat right bottom;
text-decoration:none}

.artisti #contenuto li a:hover {text-decoration:underline}


h2.artisti {padding-left:180px}

.artisti #foto {float:left;
width:180px}

.artisti #foto img {padding-bottom:18px}

.artisti #descrizione {float:left;
width:319px}

.artisti #descrizione .fonte {font-size:smaller}

.artisti #contenuto .linkback {position:absolute;
top:218px;
left:180px}



.programma #contenuto ul {list-style-type:none;
margin-bottom:16px}

.programma #contenuto li {margin-bottom:8px}

.programma h3 {border-bottom:1px solid #940000;
color:#940000;
margin-bottom:12px;
padding-bottom:3px;}




.pernottare h3 {
border-bottom:1px solid #940000;
color:#940000;
padding-bottom:3px;
margin-bottom:12px}

.pernottare .result-item {
border:1px solid #D5EAC0;
margin-bottom:12px;
padding:1em;
position:relative;}

.pernottare .result-item h4 {
color:#2D4D79}

.pernottare .result-item .preview {
float:left;}

.pernottare .result-item .preview img {
display:block;
border:0 none;}


.pernottare .result-item .dati {
margin-left:205px;}




#footer p {text-align:center;
padding-top:24px;
margin-top:24px;
border-top:1px solid #999999;
font-size:10px}