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

/*ELEMENTI PRINCIPALI--------------------------------------------*/

a{
	text-decoration: underline;
	color: #583119;
}

a:hover{
color: #000;
}


*{
  font-family: Arial, Helvetica, sans-serif;
}


img {
	border: none;
}

img a{
	border: none;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


html, body{
	width: 100%;
	height: 100%;
	
	
}

body{
	background-color: #FFF}


#wrap{
	width:100%; 
	min-height: 100%;  
	height: auto !important; 
	height: 100%; 
	margin-bottom:-50px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
    color: #000;
	font-size: 14px;
	
}

#push{
	height:50px;
	clear:left;
	
}

#footer{
	height: 50px;
	background-color: #CCC;
	padding: 0;
	 color: #000;
    font-size: 12px;
	}
	
	
	
#container{
	width: 960px;
	height: auto;
	padding: 0;
	margin: 10px auto 0 auto;
	/*background-color:#9C0;*/
	
}


#menu{
	width: 240px;
	height: auto;
	padding: 0;
	margin: 0 ;
	float: left;
	/*background-color:#900;*/
	
}



#content{
	width: 480px;
	height: auto;
	padding: 0;
	margin: 0;
	float: left;
	/*background-color:#333;*/
}

#header{
	margin: 0;
	width:960px;
	height: 200px;
	margin: 0 auto 0 auto;
	background-color: #FFF;
	position: relative;
	background-image:url(../img/head1.jpg);
	background-repeat: no-repeat;
	
}


#sidebar{
	width: 240px;
	height: auto;
	padding: 0;
	margin: 0;
	float: left;
	background-color: #FFF;
	
}

/* IL MENU------------------------------------------------------------*/

#menu ul{
/*background-color: #3F6;*/
width: 235px;
height: auto;
margin: 0 5px 0 0;
padding: 0;
}


#menu ul li{
width: 235px;
height: auto;
margin-bottom: 2px;
text-align: center;
list-style-type: none;
color: #FFF;


}

#menu ul li a{
background-color: #CCC;
color: #FFF;
text-decoration: none;
display: block;
padding: 10px;
-moz-border-radius: 8px;
border-radius: 8px;
font-size: 20px;
}

#menu ul li a:hover{
color: #FFF;
text-decoration: none;
background-color: ;
display: block;
}

#menu ul li.selected a{
color: #FFF;
text-decoration: none;
background-color: #583119;
display: block;
}

.slidez{
width: 235px;
height: 235px;
float: left;
background-color: #666;
margin-top: 10px;
}

.slidezinfo{
width: 235px;
height: auto;
float: left;
margin: 10px 0;
color: #583119;
font-weight: bold;
}

/*PER I CONTENUTI--------------------------------------------------------------*/

#scheda{
width: 480px;
float: left;
}

#scheda ul{
list-style-type: none;
width: 480px;
float: left;
}

#scheda ul li{
width: 460px;
margin: 0 5px 10px 5px;
padding: 5px 5px 10px 5px;
background-color:#FFF;
border-bottom: 1px dotted #CCC;
list-style-type: none;
float: left;
}

.thumb{
width: 150px;
height: 150px;
float: left;
margin: 0 10px 0 0;
}

.info{
width: 300px;
height: 150px;
padding: 0;
float: right;
/*background-color:#0F3;*/
position: relative;
}

.info p{
margin-top: 10px;
margin-bottom: 10px;
}


.navnav{
width: 480px;
float: left;
margin: 10px 0 10px 0;
}

span.indietro {
text-align: left;
float: left;
font-style: italic;
color: #583119;
}

span.avanti {
text-align: right;
float: right;
font-style: italic;
color: #583119;
}

span.avanti a, span.indietro a{
color: #583119;
text-decoration: none;
font-weight: bold;
}

span.avanti a:hover, span.indietro a:hover{
color: #000;
}

#dettaglio{
width: 460px;
margin: 0 5px 10px 5px;
padding: 5px 5px 10px 5px;
}

#dettaglio ul{
list-style-type: none;
margin: 10px 0 10px 0;
}

#dettaglio ul li{
line-height: 18px;
margin-bottom: 5px;
border-bottom:1px dotted #583119;
margin-bottom:5px;
padding-bottom:5px;
}


#altrepropostewrap{
height: auto;
background-color: #000;
background-color: #E6E6E6;
}

#altreproposte{
	width: 960px;
	height: auto;
	padding: 0;
	margin: 0 auto 0 auto;
	/*background-color: #583119;*/
	
}


.altrethumb{
width: 150px;
height: 200px;
float: left;
margin: 5px 5px 20px 5px;
background-color: #0F6;
}

.altrethumb .ima{
	width: 150px;
	height: 150px;

}

.altrethumb .desc{
width: 140px;
height: 40px;
padding: 5px;
background-color: #FFF;
color: #583119;
line-height: 12px;
font-size: 11px;
}

.altrethumb .desc a{
text-decoration: none;
}

/*SIDEBAR-----------------------------------------------------------*/

.side{
	width: 213px;
	height: auto;
	padding: 10px;
	margin: 0 0 10px 5px;
	float: left;
	background-color: #FFF;
	border: 1px solid #583119;
	
}

.multi{
border:1px solid #CCC;
color:#000;
display:block;
height:20px;
line-height:17px;
margin: 5px 0 5px 0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
width: auto;
}

.tastocerca{
height: 20px;
width: 60px;
border: none;
background-color: #583119;
color:#FFF;
display:block;
font-size: 12px;
font-style: italic;
text-align: left;
background-image: url(../img/spanarr.png);
background-repeat: no-repeat;
background-position: right;
margin-top: 20px;
}





/*TIPOGRAFIA E ALTRI DETTAGLI-----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{
color: #583119;
}

h1.pagina{
margin: 0 0 20px 10px;
text-transform: uppercase;
font-size: 11px;
}

h3{
line-height: 18px;
margin: 5px 0 5px 0;
}

#sidebar h3{
font-size: 11px;
text-transform: uppercase;
border-bottom: 1px dotted #583119;
padding-bottom: 5px;
margin-bottom: 5px;
}

#sidebar h4{
font-size: 12px;
padding-top: 5px;
margin-top: 5px;
}


#sidebar p{
font-size: 12px;
line-height: normal;
}

p{
line-height: 18px;	
}
span.dettagli{
position: absolute;
height: 12px;
width: 60px;
left: 0;
bottom: 0;
font-size: 12px;
margin: 10px 0 0 0;
color: #333;
padding: 4px;
text-decoration: none;
background-image: url(../img/spanarr.png);
background-repeat: no-repeat;
background-position: right;
font-style: italic;
}
span.dettagli, span.dettagli a{
text-decoration: none;
background-color: #583119;
color: #FFF;
}

span.dettagli a:hover{
color: #000;
}

#footer p{
padding: 10px;
}

span.dati{
font-size: 12px;
line-height: 18px;
font-weight: bold;
color: #666;
}

#altreproposte h2{
padding: 10px;
}

/*SOLO PER LA HOME-------------------------------------------------------------------*/


.box480px{
width: 460px;
height: auto;
padding: 5px;
margin: 0 5px 0 5px;
background-color: #FFF;
float: left;
}

.tastone{
width: 430px;
height: auto;
padding: 15px;
margin: 0;
float: left;
background-color: #583119;
color: #FFF;
font-size: 16px;
font-style: italic;
line-height: normal;
text-align: center;
}
.tastone p{
border: 1px dotted #FFF;
line-height: 35px;
padding: 10px;
}

.tastone p span{
display: block
}

.tastone a{
color: #FFF;
text-decoration: none;
}

.tastone a:hover{
color: #000;
text-decoration: none;
}

.boxproposte{
width: 440px;
height: auto;
padding: 10px;
margin: 10px 0 0 0;
background-color: #FFF;
float: left;
}
.boxproposte h2{
margin: 0 0 10px 5px;
}

.boxproposte .thumb{
width: 100px;
height: 100px;
margin: 5px;
background-color: #ccc;
overflow: hidden;
}
.boximg{
	width:500px;
}