/* Debugging Classes*/
html>body { /*	border: solid red 1px;*/ }

/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 0; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }

fieldset { border: none; }

/* Form field text-scaling */
input, select, textarea { font-size: 100%; }

/* My addition Horizontal Rule */
hr { display:none; }

img { border: none; }

/* END of INITIALIZATION */

/* --- Useful Utilities --- */
.floatcontainer:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}

.floatcontainer { display:inline-block; }

/* Hides from IE Mac \*/
* html .floatcontainer { height: 1%; }

.floatcontainer { display:block; }

/* End Hack */

.left { float: left; }
.right { float: right;}
.clear { 
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
}
.hide {
	display: none;
/*	visibility:collapse;*/
	visibility:hidden;
}
/* End of Useful Utilities */





/* Layout ----------------------------------------------------------- */

html { height: 100%; }

body {
	background-color: #EBE8DA;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

/*a:link, a:visited {
	color:#D37418;
	text-decoration:none;
	border-bottom: dotted 1px #D37418;
}

a:hover {
	text-decoration:none;
	border-bottom: solid 1px #D37418;
}*/

h3 {
	color: #00A650;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

#container {
	margin: 0px;
	min-height: 100%;
	min-width: 796px;
	position: relative;
	text-align: center;
	width: 100%;
	padding-bottom: 25px;
	background: #FFFFFF;
}

* html #container { height: 100%; }


/* --- Header Layout --- */

#header {
	background-image: url(../images/back_header.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
/*	background-color: #373737; */
	background-color: #EAE8D3;
	border: solid red 0px;
	position: relative;
}

#header_content {
	display: block;
	height: 313px;
	position: relative;
	width: 850px;
	margin:0px auto;
	text-align:left;
	border: solid green 0px;
}

#logo {
	margin:0;
	padding:0;
	width:706px;
	position: relative;
	left: 24px;
}

#logo span, #logo a {
	background:transparent url(../images/logo.png) no-repeat scroll 0%;
	border-style:none;
	display:block;
	height:100px;
	padding:0pt;
	width:514px;
}

#logo img {
	display:block;
	width:0pt;
	text-indent:-9999px;
}

#header #top-menu {
	background: url(../images/sitemap-back.gif) no-repeat left top;
	height: 27px;
	width: 135px;
	position: absolute;
	left: 685px;
	top: 0px;
}

#header #top-menu ul { 
	list-style: none;
	margin: 3px 17px 0 0;
}

#header #top-menu li {
	text-align: right;
	padding-right: 20px;
	background: url(../images/icon-sitemap.gif) no-repeat right 7px;
	height: 21px;
}

#header #top-menu li.home{
	background: url(../images/icon-home.gif) no-repeat right 8px;
}

#header #top-menu li.email{
	background: url(../images/icon-email.gif) no-repeat right 8px;
}

#header #top-menu li a {
	font-size: 10px;
	color: #BAC8D1;
	border: none;
	text-decoration: none;
}

#header #top-menu li a:hover {
	text-decoration: underline;
}

#header #top-menu p { text-align: center; }

#header #slideshow-container {
	background: url(../images/slideshow_back.png);
/*	background: url(../images/slideshow_back_no_gallery.png);*/
	height: 210px;
	width: 530px;
	position: absolute;
	left: 15px;
	top: 97px;
}

#header #slideshow-container #slideshow {
	background:transparent url(../images/DSCF-iniziale.jpg) no-repeat scroll 0%;
	height:192px;
	left:31px;
	position:absolute;
	top:8px;
	width:487px;
}

#header #locandina {
	background: url(../images/locandina-back.png);
	height: 210px;
	width: 245px;
	left: 570px;
	top: 97px;
	position: absolute;
}

#header #locandina img {
	margin: 8px 0px 0px 12px;
	color: #FFF;
}

/*#header #slideshow-container .fotogallery-link {*/
#header .fotogallery-link {
	display: block;
	height: 138px;
	width: 20px;
	position: absolute;
/*	top: 60px;*/
/*	left: 7px;*/
	top: 162px;
	left: 25px;
	text-indent: -9999px;
	border: solid red 0px;
}

/* --- Content Layout --- */

#wrap {
	margin: 0px;
	padding: 0px;
}

#wrap-inner {
	width: 768px;
	padding: 0px;
	margin:18px auto 0px;
	position:relative;
	text-align:left;
}

html>body #wrap-inner {
	width: 768px;
	padding: 0px;
	margin:18px auto 0px;
	position:relative;
	text-align:left;
	/*	border: solid red 1px;*/
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF;
}

/* --- Footer Layout --- */

/* NOTA: float e width aggiunti per footer saltellante su IE 
         se dovesse dare ancora problemi allora prova ad invertire nel footer*/
#footer {
	background-image: url(../images/back_footer.gif);
	background-repeat: repeat-x;
	background-position: top;
	position: relative;
	text-align: center;
	/*background-color: #005E9D; 2008 */
	background-color: #003C65;
	float: left;
	width: 100%;
}

#footer_content {
	padding: 30px 0px 20px;
	width: 796px;
	position: relative;
	margin: 0px auto;
	text-align: left;
}

/* End of Footer */


/* --- Inizio di content --- */
#article h2 {
	letter-spacing: 0.4px;
	margin-bottom:16px;
	color: #FC9401;
	font: 24px/100% Arial, Helvetica, sans-serif;
}

#footer_content_container {
	margin:0px auto;
	width: 768px;
}

#footer h3 {
	color: #FFFFFF;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#footer #patrocinio {
	color: #FFFFFF;
	font-size: 12px;
	width: 497px;
	float: left;
}

#footer #patrocinio img { margin-top: 12px; }

#footer #contatti {
	float: right;
	color: #FFFFFF;
	width: 250px;
	text-align: center;
	font: 10px Arial, Helvetica, sans-serif;
}

/* --- Prodotti --- */
#sidebar {
	float: right;
	width: 250px;
	margin: 0 -6px 0 0;
}

#sidebar h4 {font-size: 13px;}

#categorie {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	margin-top:11px;
	padding:0pt;
}

#categorie li {
	color:#990022;
	font-family:Georgia, serif;
	font-size:12px;
	font-weight:bold;
	margin:0pt 0pt 0px;
	/*background: url(../images/icon-pdf.gif) no-repeat left center;*/
	/*display: inline: *//* :KLUDGE: Removes large gaps in IE/Win */
}

/* TODO: rendere height solo per IE */
/* height serve soltanto per IE per rendere cliccabile tutta la dimensione del link */
#categorie li a {
	color:#555;
	display: block;
	line-height: 18px;
	padding:8px 0px 8px 10px;
	text-decoration: none;
	border:none;
}

#categorie li .pdf {
	background: url(../images/icon-pdf.gif) no-repeat left center;
}
#categorie li a.pdf {
	padding: 14px 0 14px 40px;
/*	padding-left:40px;*/
/*	line-height: 40px;*/
}


#categorie li a:hover {
	color:#444;
	background-color: #EEE;
	border:none;
	-moz-border-radius: 2px;
}

/* --- Articoli --- */
#article {
	float: left;
	width: 497px;
	border: solid red 0px;
}
	
#article p {
	font-size: 12px;
	line-height:1.5;
	margin-top: 1em;
	text-align: left;
}

#article h2 a, #article h2 a:hover {
	color: #FC9401;
	border: none;
}

#article a {
	color:#005E9D;
	border-bottom: dotted 1px #005E9D;
	text-decoration: none;
}

#article a:hover {
	color:#005E9D;
	border-bottom: solid 1px #005E9D;
	text-decoration: none;
}

#article h3 a, #article h3 a:hover {
	color: #FC9401;
	border: none;
}

#article .foto a {
	border: none;
}

#article blockquote {
	font-size: 12px;
	font-style: italic;
	margin-left: 2em;
}

#sidebar p {
	font-size: 11px;
	margin-top: 20px;
}

#article a.pdf {
	background:transparent url(../images/icon-pdf.gif) no-repeat scroll left center;
	padding:14px 0 14px 40px;
}

#article p.pdf {
	margin-top: 2em;
}
/* ------- Form Contatti styles ------- */
/*#form-contatti { margin-top: 25px; }

form {
	width: 454px;
	text-align: left;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

legend { display: none; }

form label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.field-first, form label.field-email {
	clear: left;
	float: left;
}

form label.field-last, form label.field-phone { float: right; }

form label.field-first, form label.field-last, form label.field-email, form label.field-phone {
	margin: 0px 4px 0px 0px;
	width: 200px;
}

form label.field-first input, form label.field-last input, form label.field-email input, form label.field-city input, form label.field-phone input {
	float: left;
	width: 200px;
	padding: 0px;
	font-size: 14px;
	line-height: 1em;
}

textarea { display: block; }

form input#checkbox_1 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px;
	width: 425px;
	font-size: 10px;
	line-height: 1.2em;
}

form textarea {
	margin-top: 3px;
	width: 450px;
}
*/
/* End of Form Contatti*/


.statcounter { display:none; }

#sidebar h2 {
	color: #FC9401;
	font-size: 20px;
	padding: 14px 14px 0 22px;
	text-align: center;
	text-transform: none;
}
#sidebar h2 a {
	color: #FC9401;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	text-align: center;
	text-transform: none;
}


#sidebar h3 {
	text-transform: none;
	color: #FFFFFF;
/*	text-align: right;
	padding: 14px 14px 0 0;*/
	text-align: left;
	padding: 14px 14px 0 22px;
}

.box-center {
	background: #FFFFFF url(../images/sidebar-center.gif) repeat-y left top;
	padding: 0 16px 0 22px;
	margin-top: 29px;
}

.box-top {
	background: #1A5A86 url(../images/sidebar-top.jpg) no-repeat left top;
/*	height: 113px;*/
}

.box-bottom {
	background: #FFFFFF url(../images/sidebar-bottom.gif) no-repeat left top;
	width: 250px;
	height: 22px;
}

#sidebar a {
	color:#005E9D;
	text-decoration: none;
}

#article h3 {
	color: #FC9401;
	margin-top: 2em;
	font: 20px Arial, Helvetica, sans-serif;
	letter-spacing: 0.4px;
}

#sidebar .box-center { font: 11px Verdana, Arial, Helvetica, sans-serif; }



/* Mappa GoogleMaps */
#map-container {
	background-color: #DDD;
	/*	background-image: url(../images/fda_mappa_sfondo_container.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
	margin: 0px auto;
	padding: 8px 12px 8px 8px;
	width: 480px;
}

#map {
	/*	background-image: url(../images/fda_mappa_sfondo.gif) !important;
	background-image: url(../images/fda_mappa_sfondo_ie.gif);*/
	height: 450px;
	width: 480px;
	border: solid 2px #FFF;
}

#mappa-istruzioni {
	font-size: 12px;
	line-height: 1.3em;
	margin-top: 0.5em;
}

#mappa-istruzioni p{
	font-size: 12px;
	line-height: 1.3em;
	margin-top: 0.3em;
}

.pulsante {
	background-color: #EEE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #d5d5d5;
	border-bottom-color: #d5d5d5;
	border-left-color: #FFFFFF;
}

.autostrada {
	color: #FFF;
	background-color: #090;
}
/* Fine mappe */

.fotoright{
	float:right;
	margin:1em 0pt 0pt 1em;
}
.fotoleft{
	float:left;
	margin:1em 1em 0pt 0em;
}
.foto-mascotte{
	margin:3em auto;
	width:150px;
}
.staedtler-logo{
	margin:3em auto;
	width:219px;
}
div.foto img {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #BBB;
	padding:4px;
}

/* Mappa per i padiglioni */
#map-padiglioni-container {
	background-color: #DDD;
	margin: 0px auto;
	padding: 8px 8px 8px 8px;
	width: 484px;
}

#map-padiglioni {
	height: 339px;
	width: 480px;
	border: solid 2px #FFF;
	font-size: 0px;
}
/* Fine Mappa per i padiglioni */

/* Inizio Fotogallery */
#article.article-fotogallery{
	width: 768px;
	border: solid red 0px;
}

/*.fotogallery {
	background: url(../images/fotogallery_back.gif) no-repeat left top;
	float: left;
	height: 150px;
	width: 223px;
	padding: 8px 0 0 8px;
	margin: 10px 10px 10px 10px;
}

.article-fotogallery h2 {margin-left:14px;}
.article-fotogallery h3 {margin-left:14px;}
.article-fotogallery p  {
	margin-left:14px;
	margin-bottom: 3em;
	clear: both;
}

#article .fotogallery a, #article .fotogallery a:hover {border: none;}

#article .fotogallery img { border: solid 2px #FFF; }

#article .fotogallery a img:hover { border: solid 2px #FF9021; }*/
.info-comitato {
	color: #333333;
	font-style: italic;
}

/* Inizio Fotogallery2 */
.fotogallery2 {
	background: url(../images/fotogallery_back_sm.gif) no-repeat left top;
	float: left;
	height: 112px;
	width: 162px;
	padding: 9px 0 0 9px;
	margin: 10px;
}
#article .fotogallery2 a, #article .fotogallery2 a:hover {border: none;}

#article .fotogallery2 img { border: solid 2px #FFF; }

#article .fotogallery2 a img:hover { border: solid 2px #FF9021; }

#article.article-fotogallery h2 { margin-left: 14px;}
#article.article-fotogallery h3 { margin-left: 14px;}
#article.article-fotogallery h3 a { color: #FC9401; border: none;}
#article.article-fotogallery h3 a:hover { color: #FC9401; border: none;}

#article.article-fotogallery p { margin-left:14px; margin-bottom: 3em; clear:both;}

/* Fine Fotogallery */

/* Inizio ELenco Rivenditori */
#article.elenco-rivenditori{
	width: 768px;
	border: solid red 0px;
}

/* Inizio ELenco Rivenditori */
#article ul {
	font-size: 12px;
	margin: 1.5em 0  0 1.5em;
}

#article h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 1.5em 0 -1em 0;
}

#article .programma-evento {
	border: 0px solid #00FF00;
	float: left;
	margin: 0 0em 0 0;
	width: 100%;
	text-align: left;
}

#article .programma-dove {
	border: 0px solid #FF0000;
	float: left;
	margin: 0 1em 0 0;
	width: 150px;
	text-align: left;
	font-weight: bold;
}

#article .programma-descrizione {
	border: 0px solid #00CC66;
	float: right;
	width: 320px;
}

.orario {
	font-weight: normal;
	color: #444;
}


/* Parte per torna su */
.torna-su {
	border: solid red 0px;
	clear: both;
}
/*
#torna-su p {
	float: right;
}*/

.torna-su img {
	border: none;
}

.torna-su a {
	float: right;
	margin: 20px 267px 0 0;
}

.torna-su a:link, .torna-su a:visited {
	text-decoration: none;
	border: none;
}

#article .torna-su a {
	margin: 20px 0 0 0;
}

#article .torna-su a:link, #article .torna-su a:visited {
	text-decoration: none;
	border: none;
}

/* Fine parte per torna su */

/* Inizio parte per sitemap */
#sitemap-outer {
	/*background: #1B4F67;  2008 */
	background: #003954;
	border: solid red 0px;
	width: 100%;
	margin: 0 auto;
	display: none;
}

.sitemap {
	/*background: #1B4F67;  2008 */
	background: #003954;
	border: solid green 0px;
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

.sitemap-col {
	border: solid red 0px;
	float: left;
	width: 170px;
	padding: 0 12px 20px;
}

.sitemap h2{
	font: 25px Arial, Helvetica, sans-serif;
	color: #FC9401;
	margin: 0 0 0 12px;
	padding-top: 10px;
}

.sitemap h3, .sitemap h3 a:link, .sitemap h3 a:visited {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 25px 0 0 0;
	text-decoration: none;
}

.sitemap h3 a:hover {text-decoration: underline;}

.sitemap ul {
	list-style: none;
}

.sitemap ul li{
	list-style: none;
	padding: 2px 0;
	line-height: 1em;
}

.sitemap ul li a:link, .sitemap ul li a:visited {
	color: #BAC8D1;
	font-size: 12px;
	text-decoration: none;
}

.sitemap ul li a:hover {text-decoration: underline;}


/* parte per la vera pagina sitemap */

#article .sitemap {
	background: #FFF;
}

#article .sitemap h3 {
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #005E9D;
	margin: 25px 0 0 0;
	text-decoration: none;
	letter-spacing: 0.2px;
}

#article .sitemap h3 a {
	color: #005E9D;
	border: none;
	text-decoration: none;
}

#article .sitemap ul {
	margin: 0;
	list-style: none;
}

#article .sitemap ul li{
	margin: 0;
	list-style: none;
	padding: 2px 0;
	line-height: 1em;

}

#article .sitemap li a {
	color: #005E9D;
	border: none;
	text-decoration: none;
	line-height: 1.3em;
}

#article .sitemap a:hover {
	color: #005E9D;
	border: none;
	text-decoration: underline;
}


/* Fine parte per sitemap */


/* Inizio Pubblicità */
ul.pubblicita {
	border: solid red 0px;}

.pubblicita li {
	margin: 0 0 1em;
}

.tel {
	cursor:default;
}
/* Fine Pubblicità */

/* Realizzazione sito web nel footer */
#realizzazione-sito-web {
	border: solid red 0px;
	/*background-color: #005E9D; 2008*/
	background-color: #003C65;
	color: #BAC8D1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	clear:both;
}

#realizzazione-sito-web a:link, #realizzazione-sito-web a:visited {
	color: #BAC8D1;
	border: none;
	text-decoration: none;
}

#realizzazione-sito-web a:hover {
	color: #FFF;
}

#realizzazione-sito-web a:hover span { color: #FF9900;}
/* Fine Realizzazione sito web nel footer */

.news-title { font-weight: bold; }

.buono-sconto {
	display: block;
	margin: 18px auto 0
}

#article h3 span.comunicato-data {
	display: block;
	font-size: 14px;
	margin: 0px;
}

.data {
	color: #FC9401;
	font-weight: bold;
}

#badge {
	position:absolute;
	left:-165px;
	top:250px;
}
