﻿/* ------------------------ STRUTTURA ------------------------ */
body {
	font-family:Verdana;
	font-size:8pt;
	color:#5c5c5c;
	margin:0 auto;
	padding:0px;
	text-align:center;
}
#wrapper {
	width:950px;
	margin:0 auto;
	padding:0px;
	text-align:left;
}

#top {
	position: relative;
	width:950px;
	height:231px;
	margin:0px;
	padding:0px;
}
	
h1#logo {
	width:950px;
	height:184px;
	background:url(/images/immagine_principale.jpg);
	text-indent:-9999px;;
	padding:0px;
	margin:0px;
}
#menu {
	width:950px;
	height:47px;
	background:url(/images/sf_menu.gif) repeat-x;
}
#menu ul {
	width:950px;
	height:47px;
	margin:0px;
	padding:0px;
}
#menu ul li {
	list-style-type:none;
	float:left;
	font-family:Verdana;
	color:white;
	font-size:8pt;
}

#menu ul li a:link, #menu ul li a:visited {
	display:block;
	height:17px;
	font-family:Verdana;
	font-size:8pt;
	color:white;
	padding:14px 20px 12px 20px;
	background:url(/images/sf_tasto.gif) right center no-repeat;
	text-decoration:none;
}
#menu ul li#li1 a:hover, #home #menu ul li#li1 a:link, #home #menu ul li#li1 a:visited {
	display:block;
	height:17px;
	border-bottom: 4px solid #d54123;
	font-family:Verdana;
	font-size:8pt;
	color:#d54123;
	padding:14px 20px 12px 20px;
	background:url(/images/sf_tasto.gif) right center no-repeat;
	text-decoration:none;
}
#menu ul li#li2 a:hover, #chi_siamo #menu ul li#li2 a:link, #chi_siamo #menu ul li#li2 a:visited {
	display:block;
	height:17px;
	border-bottom: 4px solid #dd6e25;
	font-family:Verdana;
	font-size:8pt;
	color:#dd6e25;
	padding:14px 20px 12px 20px;
	background:url(/images/sf_tasto.gif) right center no-repeat;
	text-decoration:none;
}
#menu ul li#li3 a:hover, #citta_dei_balocchi #menu ul li#li3 a:link, #citta_dei_balocchi #menu ul li#li3 a:visited {
	display:block;
	height:17px;
	border-bottom: 4px solid #f3e115;
	font-family:Verdana;
	font-size:8pt;
	color:#f3e115;
	padding:14px 20px 12px 20px;
	background:url(/images/sf_tasto.gif) right center no-repeat;
	text-decoration:none;
}
#menu ul li#li4 a:hover, #magie_d_estate #menu ul li#li4 a:link, #magie_d_estate #menu ul li#li4 a:visited {
	display:block;
	height:17px;
	border-bottom: 4px solid #84ab01;
	font-family:Verdana;
	font-size:8pt;
	color:#84ab01;
	padding:14px 20px 12px 20px;
	background:url(/images/sf_tasto.gif) right center no-repeat;
	text-decoration:none;
}
#menu ul li#li5 a:hover, #contatti #menu ul li#li5 a:link, #contatti #menu ul li#li5 a:visited, #conferma #menu ul li#li5 a:link, #conferma #menu ul li#li5 a:visited {
	display:block;
	height:17px;
	border-bottom: 4px solid #5d9ed6;
	font-family:Verdana;
	font-size:8pt;
	color:#5d9ed6;
	padding:14px 20px 12px 20px;
	background:url(/images/sf_tasto.gif) right center no-repeat;
	text-decoration:none;
}
#menu ul li#li6 a:hover, #press #menu ul li#li6 a:link, #press #menu ul li#li6 a:visited {
	display:block;
	height:17px;
	border-bottom: 4px solid #404091;
	font-family:Verdana;
	font-size:8pt;
	color:#404091;
	padding:14px 20px 12px 20px;
	background:url(/images/sf_tasto.gif) right center no-repeat;
	text-decoration:none;
}
#menu ul li#li7 a:hover, #photogallery #menu ul li#li7 a:link, #photogallery #menu ul li#li7 a:visited {
	display:block;
	height:17px;
	border-bottom: 4px solid #8b5f9e;
	font-family:Verdana;
	font-size:8pt;
	color:#8b5f9e;
	padding:14px 20px 12px 20px;
	background:url(/images/sf_tasto.gif) right center no-repeat;
	text-decoration:none;
}
#menu ul li#li8 a:hover, #news #menu ul li#li8 a:link, #news #menu ul li#li8 a:visited {
	display:block;
	height:17px;
	border-bottom: 4px solid #e2427e;
	font-family:Verdana;
	font-size:8pt;
	color:#e2427e;
	padding:14px 20px 12px 20px;
	background:url(/images/sf_tasto.gif) right center no-repeat;
	text-decoration:none;
}
#middle {
	position:relative;
	text-align:left;
	margin:2px 0 0 0;
	padding:30px 0 20px 0;
	width:950px;
}
#left_middle {
	float:left;
	width:680px;
	margin:0 10px 0 0;
	line-height:17px;
	text-align:justify;
}
#right_middle {
	float:right;
	width:250px;
	margin:0px;
	padding:0px;
}
#right_middle .box {
	float:right;
	width:230px;
	border: 1px solid #bbbaba;
	margin:0 0 10px 0;
	padding:10px;
}
#right_middle .box p{margin:3px; font-weight:bold; font-size:13pt;}
#home #middle {
	border-bottom: 4px solid #d54123;
}
#chi_siamo #middle {
	border-bottom: 4px solid #dd6e25;
}
#citta_dei_balocchi #middle {
	border-bottom: 4px solid #f3e115;
}
#magie_d_estate #middle {
	border-bottom: 4px solid #84ab01;
}
#contatti #middle, #conferma #middle {
	border-bottom: 4px solid #5d9ed6;
}
#press #middle {
	border-bottom: 4px solid #404091;
}
#photogallery #middle {
	border-bottom: 4px solid #8b5f9e;
}
#news #middle {
	border-bottom: 4px solid #e2427e;
}
#chi_siamo p.tito {
	height:20px;
	color:#dd6e25;
	border-bottom: 2px solid #dd6e25;
	padding:5px 0 0 5px;
	margin:0px;
}
#citta_dei_balocchi .tito {
	height:20px;
	color:#eea708;
	font-weight:bold;
	padding:5px 0 0 5px;
	margin:0px;
}
#citta_dei_balocchi ul li {
	margin:0 0 10px 0;
}
h2 {
	margin:0px;
	padding:0px;
	font-size:20px;
}


#bottom {
	width:950px;
	margin:5px 0 0 0;
}
#bottom p {
	float:left;
	margin:5px 0 0 0;
}
/* ------------------------ H2 ------------------------ */
#press h2 {color:#404091}
#news h2 {color:#e2427e}
#contatti h2 {color:#5d9ed6}

/* ------------------------ Fine H2 ------------------------ */

/* ------------------------ LINK GENERICI ------------------------ */
a:link, a:visited {
	color:#8b8b8b;
	text-decoration:none;
}
a:hover {
	color:#5c5c5c;
	text-decoration:underline;
}
/* ------------------------ Fine LINK GENERICI ------------------------ */

/* ------------------------ Concept by ------------------------ */

#concept {
	float:right;
	font-size:8pt;
	color:#5d5c5a;
	margin:5px 0 20px 0;
}

#concept .linktp,
#concept .linktp:link,
#concept .linktp:visited           {font-size:9px; font-family: Times New Roman; color: #808080; text-decoration: none;}
#concept .linktp:hover                {font-size:9px; font-family: Times New Roman; color: #E97D00; text-decoration: none;}

/* ------------------------ Concept by ------------------------ */

/* FORM */
	#formcontatti {
		position:relative;
		padding:0px;
		top:20px;
		left:0px;
		font-family:Verdana;
		font-size:8pt;
		color:#5c5c5c;
		margin:-20px 0 20px 0;
	}
	#formcontatti form {
		padding:0px;
		margin:0px;
	}
	#formconferma {
		position:relative;
		margin:0 0 0 0;
		padding:0px;
		font-family:Verdana;
		font-size:8pt;
		color:#5c5c5c;
	}
	.elemento_input {
	color:#000;
	width: 100%;
	padding:2px;
	height:11px;
	border:1px solid #5d9ed6;
	}
	.elemento_small {
		width: 50%;
	}

	.input_select {
		color:#808080;
		border:1px solid #5d9ed6;
		padding:3px;
		font-size:10pt;		
	}
	.input_area2 {
		height: 45px;
		width:280px;
		font-family:Verdana;
		border:1px solid #5d9ed6;
	}
	.input_area {
		height: 45px;
		font-size:8pt;
		width:280px;
		border:1px solid #5d9ed6;
	}
	.contatti {
		float:left;
		width:280px;
		padding-left:10px;
		padding-right:10px;
	}
	#modulo {
		width:70%;
		padding:10px;
		color:#FAB958;
	}

	#box_errore {
	position:absolute;
	display:none;
	margin:100px;
	width:300px;
	left:100;
	top:50px;
	height:150px;
	border:1px solid #5d9ed6;
	text-align:left;
	background:#fff;
	z-index:1;
		}
	#div_titolo_errore {
		background:#5d9ed6;
		color:#fff;
		padding:10px;
		}
	#div_errore {
		color:#5d9ed6;
		padding:10px;
		text-align:center;
		position:relative;
		top:10px;
		}
	#bottone_errore {
		position:relative;
		top:30px;
		}
	form {
		margin:0px;
		padding:0px;
	}
/* fine FORM */	

img {
	border:0px;
	padding:0px;
	margin:4px;
}
.clear {
	clear:both;
}

/* FOTO */

/* box foto */
#box_foto {
	float:right;
	width:230px;
	margin:0 0 10px 0;
	padding:10px;
	background:#E6E6E6;
	font-weight:bold
}
#box_foto img {border:1px #808080 solid}
#box_foto p {clear:both; margin:0 0 2px 2px;}
#home #box_foto p {color:#d54123}
#chi_siamo #box_foto p {color:#dd6e25}
#citta_dei_balocchi #box_foto p {color:#5C5C5C}
#magie_d_estate #box_foto p {color:#84ab01}
#contatti #box_foto p {color:#5d9ed6}
#press #box_foto p {color:#404091}
#photogallery #box_foto p {color:#8b5f9e}
#news #box_foto p {color:#e2427e}

#home #box_foto, #home #box_foto img:hover {border:1px #d54123 solid;}
#chi_siamo #box_foto, #chi_siamo #box_foto img:hover {border:1px #dd6e25 solid;}
#citta_dei_balocchi #box_foto, #citta_dei_balocchi #box_foto img:hover {border:1px #f3e115 solid;}
#magie_d_estate #box_foto, #magie_d_estate #box_foto img:hover {border:1px #84ab01 solid;}
#contatti #box_foto, #contatti #box_foto img:hover {border:1px #5d9ed6 solid;}
#press #box_foto, #press #box_foto img:hover {border:1px #404091 solid;}
#photogallery #box_foto, #photogallery #box_foto img:hover {border:1px #8b5f9e solid;}
#news #box_foto, #news #box_foto img:hover {border:1px #e2427e solid;}

.box_news {list-style:none; margin:10px 0;}
.box_news img {float:left; margin:0 5px;}

	#news_dettagli {font-size:9pt;}
	#news_dettagli ul {margin:5px;}
	#news_elenco {
		width:400px;
		padding-bottom:50px;
		font-size:8pt;
		margin:0;
		list-style-type:square;
		padding:15px;
		color:#e2427e;
		}
	#news_elenco li {
		margin:15px;
		color:#e2427e;
	}
	#news_elenco a {
		color: #808080;
		display:block;
		}
	#news_elenco a:hover {color:#e2427e;}
	#news_dettagli {
		margin:10px 0 3px 0;
		padding-bottom:30px;
		width:500px;
		}
	#news_immagini {
		left:0;
		text-align:left;
		height:100px;
	}
	#news_immagini a img {
		border:1px solid #FFF;
		margin:5px 5px 5px 0;
	}
	#news_immagini a:hover img {
		border:1px solid #D75600;
	}
	#news_dettagli ul {margin:10px 0 5px 15px;}
