/*
--------------------------------------
copyright: claudio meirana
per galistar variante print versione 2.5
--------------------------------------
*/

body {
	margin: 0;
	padding: 0;
	font: 12px/25px Georgia, "Times New Roman", Times, serif;
	color: #000;
}

/*
body definisce:
	l'immagine di sfondo e/o il colore;
	la grandezza e l'interlinea dei font di tutto il sito;
	la famiglia ed il colore principale dei font di tutto il sito;
*/


a {
	color: #000;
	outline: none;	/*funzione per firefox*/
}

/*
a definisce:
	la sottolineatura o meno dei link in tutto il sito;
	il colore dei link;
	gli effetti di rollover dei link;
*/

/*
.nascosto è usato per tutti gli elementi che devono essere invisibili
*/


#contenitore {
	width: 20cm;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: none;
}

/*
#contenitore determina:
	la massima larghezza dei contenuti della pagina;
	i margini che conferiscono la centratura;
	l'immagine e/o il colore di background (l'ombra)
*/


#pagina {
	width: 746px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

/*
#pagina definisce:
	la porzione dove prendono posto le macro-aree che compongono la pagina con tutte le caratteristiche
*/


#head_nav {
	width: 746px;
	height: 100%;
	position: relative;
	margin: 0 0 20px;
}

/*
#head_nav è la macro-area che contiene l'header della pagina e la barra di navigazione
*/

#head {
	margin: 0;
	padding-left: 20px;
	background: none;
	border-bottom: 1px solid #000;
	visibility: hidden;
}

#nome_sito {
	visibility: visible;
}

#logo {
	visibility: visible;
}

#nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: none;
	border-bottom: 2px solid #000;
	font-size: 15px;
	text-transform: lowercase;
	color: #000;
}

#nav li {
	margin: 0 0 0 14px;
	display: inline;
}

#nav a {
	color: #000;
	text-decoration: line-through;
}

#nav #sel {
	color: #000;
	cursor: default;
}

#nav #ricerca {
	display: none;
}

#cerca_btn {
	cursor: pointer;
}

#cerca_btn:hover {
	color: #673207;
}

#cont_form {
	width: 186px;
	height: 50px;
	position: absolute;
	top: 17px;
	left: -127px;
	visibility: hidden;
	background: url(../img/box_cerca_1.gif) no-repeat;
}

#cont_form form {
	width: 90%;
	margin: 18px auto 0;
	display: block;
}

#cont_form input {
	width: 125px;
	border: 1px solid #673207;
	color: #673207;
	outline: none;
}

#cont_form button {
	margin: 0;
	padding: 0 3px;
	background: none;
	border: none;
	font-size: 15px;
	line-height: 15px;
	color: #fff;
	cursor: pointer;
}

#cont_form button:hover {
	color: #673207;
}

#col {
	width: 720px;
	margin: 0 auto;
}

#col_cont {
	height: 100%;
	float: left;
}

.post {
	margin: 0 0 10px 0;
}

#post_tutto {
	margin: 0 0 10px 0;
}

.titolo_post {
	margin: 0;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #000;
	font-size: 15px;
}

#post_tutto .titolo {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #000;
	font-size: 15px;
}

.data_post {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
}

.post img {
	margin: 0 0 15px 15px;
	padding: 3px;
	border: 1px solid #000;
	float: right;
}

#post_tutto img {
	margin: 0 0 15px 20px;
	padding: 3px;
	border: 1px solid #000;
	float: right;
}

/* classe per i video  */
.post .video {
	margin: 0 0 15px 15px;
	padding: 3px;
	border: 1px solid #4a371c;
	float: right;
}

#post_tutto .video {
	margin: 0 0 15px 20px;
	padding: 3px;
	border: 1px solid #4a371c;
	float: right;
}


.post p {
	margin: 0 0 10px 0;
	text-align: justify;
}

#post_tutto p {
	margin: 0 0 10px 0;
	text-align: left;
}

.post .altro {
	display: block;
	clear: both;
	font-size: 12px;
	text-align: right;
}

#post_tutto .altro {
	display: block;
	clear: both;
	font-size: 12px;
	text-align: right;
}

.back_btn {
	display: none;
}

#col_lat {
	display: none;
}

.spaziatore {
	width: 100%;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
}

#piede {
	display: none;
}

/*di seguito le regole della pagina di ricerca vera e propria*/

#ricerca_pag {
	width: 480px;
	margin: 0 auto 20px;
	padding: 10px;
	display: block;
	background: none;
	border: 1px solid #000;
}

#campo_cerca_pag {
	width: 350px;
	margin: 0;
	padding: 0 5px 0;
	border: 1px solid #000;
	background: none;
	outline: none;
	font-size: 20px;
}

#btn_cerca_pag {
	margin: 0 0 0 25px;
	padding: 3px;
	background: none;
	border: none;
	font-size: 20px;
	line-height: 15px;
	cursor: pointer;
}

/*form di contatto*/

#richieste {
	margin: 0 auto 20px;
	padding: 20px;
	background: none;
	border: 1px solid #000;
}

#richieste label {
	display: block;
	margin-bottom: 5px;
	border-bottom: 1px solid #000;
	font-size: 15px;
}

.ver {
	display: none;
}

#fondo_form {
	margin: 10px 0 0;
}

#richieste button {
	display: none;
}

#mappa_elenco {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mappa_elenco li {
	margin: 10px 0;
	padding: 5px 10px;
	display: block;
	border: 1px solid #000;
}

#mappa_elenco a {
	margin-bottom: 10px;
	padding: 3px 10px;
	display: block;
	background: none;
	font-size: 15px;
}

#links_elenco {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#links_elenco a {
	margin-bottom: 10px;
	padding: 3px 10px;
	display: block;
	background: none;
	border: 1px solid #000;
	font-size: 15px;
}

/*----------------------------STILI AGGIUNTIVI----------------------------*/

.attenzione {
	margin-top: 0;
}

/*
#mess_modifica definisce le caratteristiche del box che comunica l'avvenuto/mancato invio della form; da abbinare alle classi .successo e .errore
*/

#mess_modifica {
	margin-bottom: 30px;
	padding: 20px;
	font-size: 15px;
	text-align: center;
	cursor: default;
}

/*
#mess_form solitamente fornisce lo stile per il messaggio di errore delle form se mancano i dati necessari nei campi di inserimento in mancanza del JS da abbinare alla classe .errore
*/

#mess_form {
	margin-bottom: 10px;
	padding: 3px 10px;
	font-size: 13px;
	text-align: left;
	cursor: default;
}

.successo {
	background: #9c6;
	border: 2px solid #333;
	color: #333;
}

.errore {
	background: #dd5a3f;
	border: 2px solid #333;
	color: #fff;
}