/* CSS Document */
html {
	text-align: center;
	background: #FFF url(../images/pattern.gif) no-repeat fixed top right;
}
body {
	position: relative;
	width: 900px;
	margin: 0px auto;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333;
}
a, a:link, a:active, a:visited {
	color: #E85412;
	text-decoration: none;
}
a:hover {
	color: #000;
}
a.on { color: #000 }
h1 {
	margin: 5px 0px 5px 0px;
	font-size: 18px;
	line-height: 15px;
	color: #E85412;	
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	margin: 0px 0px 5px 5px;
	font-size: 20px;
	line-height: 20px;
	background: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
}
h3 {
	margin: 0px 0px 5px 5px;
	font-size: 14px;
	line-height: 16px;
	/*font-weight: bold;*/
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
}
h4 {
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}
#Menu {
	position: relative;
	z-index: 20;
	margin-top: 0px;
	margin-left: 120px;
	margin-bottom: 0px;
	width: 725px;
	height: 10px;
	padding: 30px 0px 0px 0px;
	font-weight: bold;
}
#Menu li {
	float: left;
	padding: 0px 10px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: lowercase;
}

#logo {
	position: absolute;
	top: 12px;
	left: -20px;
}

.headline {
	position: relative;
	z-index: 20;
	margin-top: 22px;
	margin-left: 120px;
	margin-bottom: 0px;	
	width: 750px;
	height: 55px;
	padding: 15px 0px 15px 0px;
	border-top: solid 1px #E85412;
	border-bottom: solid 1px #E85412;
	font-weight: normal;
}
blockquote {
	font-family: Verdana, Helvetica, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #999;
	font-weight: normal;
	text-transform: lowercase;
	line-height: 27px;
	display: inline;	
}
cite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	display: inline;
	padding-left: 10px;
}
.boxnews {
	margin: 20px 0px 0px 120px;
	background: #eee;
	width: 710px;
	padding: 22px 20px 10px 20px;
}
.boxnews span{
	font-size:10px;
	color: #E85412;	
}
.boxnews img {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.boxnews p {
	margin: 10px 0px 0px 0px;
}
.boxnews p.corto, .boxnews div.corto {
	/*width: 275px;*/
	margin: 10px 0px 10px 0px;
}
.titlebianco a, .titlebianco a:link, .titlebianco a:active, .titlebianco a:visited {
	color: #fff;
	text-decoration: underline;
}
.titlebianco a:hover {
	color: #000;	
}
.titlebianco h1 a, .titlebianco h1 a:link, .titlebianco h1 a:active, .titlebianco h1 a:visited, .titlebianco h1 a:hover {text-decoration: none}
.titlenews {
	margin: 20px 0px -20px 120px;
	width: 710px;
	padding: 20px;
}
.immagine, .video {
	float: right;
	margin-left: 20px;
	padding-bottom: 25px;	
	margin-top: 0px;
	width: 425px;
	height: 300px;
	overflow: hidden;
	background: #FFF;
	border: solid 5px #FFF;
}
.video {
	height: 344px;
}
.thumb {
	width: 425px;
	height: 100px;
	overflow: hidden;
}
.thumb img {
	margin-top: -50px;
}
.thumb object, .thumb embed {
	height: 100px;
}
.dettaglio img {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.vetrina_small h1 {
	font-size: 18px;
}
#Footer {
	clear: both;
	margin-left: 120px;
	font-size: 10px;
	padding-top: 20px;
	margin-top: 0px;
	padding-bottom: 30px;
	width: 750px;
}

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
}
.numero {
	position: relative;
	display: none;
	top: 10px;
	left: 650px;
	font-size: 20px;
	color: #FFF;
	font-weight: none;
	width: 50px;
	z-index: 20;
	margin-bottom: -20px;
}
.controller {
	position: relative;
	top: 315px;
	left: 625px;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	width: 120px;
	margin-bottom: -20px;
}
.controller span {
	font-size: 12px;
	color: #000;
	font-weight: bold;
} 
.controller a, .controller a:link, .controller a:active, .controller a:visited { color: #000; }
.controller a:hover { color: #E85412; }

.Calendario {
	margin: 15px 0px 0px 120px;
	background: #eee;
	width: 720px;
	padding: 15px;
}

.Calendario ul.daysweek li { 
	width: 41px;
	height: 15px;
	font-size: 14px;
	font-family: Verdena, Arial, Helvetica, sans-serif;
	background: none;
	text-align: center;
	vertical-align: middle;
	float: left;
	margin: 5px;
	font-weight: bold;
	color: #999;
}
.Calendario ul.daysweek li.festivo { 
	color: #E53A13;	
}
.Calendario ul.daysweek li.prefestivo {
	color: #F49C4D;
}
.Calendario li {
	width: 41px;
	height: 41px;
	font-size: 20px;
	background: #fff;
	text-align: right;
	vertical-align: middle;
	float: left;
	margin: 5px;
	font-weight: normal;
}
.Calendario li.empty { background: #EEE; color: #EEE; }
.Calendario li a, .Calendario li a:link, .Calendario li a:active, .Calendario li a:visited { 
	display: block;
	background: #FF9900;
	color: #FFF;
	width: 41px;
	height: 41px;
}
.Calendario li a.news, .Calendario li a.news:link, .Calendario li a.news:active, .Calendario li a.news:visited, .news { background: #95A3AB; color: #FFF; }
.Calendario li a.blu, .Calendario li a.blu:link, .Calendario li a.blu:active, .Calendario li a.blu:visited, .blu { background: #1B75BC; color: #FFF; }
.Calendario li a.giallo, .Calendario li a.giallo:link, .Calendario li a.giallo:active, .Calendario li a.giallo:visited, .giallo { background: #FBB040;  color: #333;  }
.Calendario li a.rosso, .Calendario li a.rosso:link, .Calendario li a.rosso:active, .Calendario li a.rosso:visited, .rosso { background: #EF4136;  color: #FFF; }
.Calendario li a.verde, .Calendario li a.verde:link, .Calendario li a.verde:active, .Calendario li a.verde:visited { background: #8CC63F;  color: #FFF; }
.verde { background: #8CC63F url(../images/cercatoriditracce.png) no-repeat top left;  color: #FFF; }
.Calendario li a.arancio, .Calendario li a.arancio:link, .Calendario li a.arancio:active, .Calendario li a.arancio:visited, .arancio { background-color: #F49C4D; color: #FFF; }
.Calendario li a.emotive, .Calendario li a.emotive:link, .Calendario li a.emotive:active, .Calendario li a.emotive:visited { background: #d40b82; color: #FFF; }
.emotive { background: #d40b82 url(../images/librerieemotive.png) no-repeat top left; color: #FFF; }

.Calendario li a:hover, .Calendario li a.news:hover, .Calendario li a.blu:hover, .Calendario li a.giallo:hover, .Calendario li a.rosso:hover, .Calendario li a.verde:hover, .Calendario li a.arancio:hover, .Calendario li a.emotive:hover {
	background: #000;
	color: #fff;
}
.titlebianco h1 { color: #FFF; line-height: 22px; margin: 5px 0px;}
.titlebianco h1 a, .titlebianco h1 a:link, .titlebianco h1 a:active, .titlebianco h1 a:visited {color: #FFF; }
.titlebianco h1 a:hover {color: #000}

.Fondo_Elenco {
	margin: 15px 0px 0px 120px;
	background: #e5e5e5;
	color: #999;
	width: 720px;
	padding: 15px;
}
.Correlati {
	margin: 15px 0px 0px 120px;
	background: #333;
	width: 720px;
	padding: 15px;
}
.Paginazione {
	float: right;
	font-size: 18px;
	color: #999;
}

#google_mappa {
	width: 710px;
	height: 250px;
}

/* stili form contatti */

table.form{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 710px;
}
table.form td  {
	padding: 3px;
	text-align: right;
}

input.text, select.text {
	width: 130px;
	font-size: 11px;
	padding: 2px;
	margin: 0px;
	border: solid 1px #ccc;
	color: #666;
}
input.text:focus, textarea.messaggio:focus  {
	background: #FF9900;
	color: #000;
}
textarea.messaggio {
	width: 620px;
	height: 80px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;	
	border: solid 1px #ccc;	
	color: #666;	
}
input.bottone {
	/*width: 150px;*/
	height: 24px;
	color: #FFF;
	padding: 4px;
	border: solid 1px #FFF;
	background: #F49C4D;
	font-weight: bold;
	font-size: 12px;
}

#galleria_foto_next, #galleria_foto_prev {
	cursor: pointer;
}

a.continua {
	color:#FFF;
	font-weight: bold;
	/*letter-spacing: 1px;*/
}

a.continua:hover {
	color: #333;
}

.foto_visibile {
	display: block;
}

.foto_invisibile {
	display: none;
}
