html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
 
body {
padding: 30px 0 0 0;
background: url(../c_grafica/fitorev/2012_bkg.gif) repeat left top #ffffff;
font-family: Helvetica, Arial, Verdana, sans-serif;
line-height: 1;
color: #212121;
font-size:0.875em; /* 14px / 16px */
overflow-x: hidden;
}

sup {font-size: 0.6em;vertical-align: top;}

/** Links  **/
a img {margin: 0;padding: 0;border: 0;}

a {color: #003399;text-decoration: underline;}
a:link, a:visited {color: #003399;}
a:hover, a:active {color: #666666;}

/*** Select Input ***/
select {border:1px solid #b3b3b3;height:24px;color:#333;}
input.field, textarea {color:#333;border: 1px solid #bdbdbd;padding:4px;}

/** Varie **/
.center {text-align: center;}
div#cleardiv{clear:both;height: 1px;font-size:1px;margin:0;padding:0;}

blockquote {margin:1em 1.5em;color:#333333;border-left:2px solid #999999;padding-left:0.6em;}

table {width: auto;min-width:680px;margin:0 auto;border-collapse: collapse;background-color: #ffffff;font-size:0.875em; /* 12px / 14px */}
th {background-color: #e8f2ff;border: 1px solid #b6d7ff;padding: 4px 7px;text-align:left;color:#003399;font-weight: bold;vertical-align: middle;font-size:1.16em; /* 14px / 12px */}
td {margin: 0;padding: 4px 7px;border: 1px solid #cccccc;vertical-align: top;}
td.first {background-color: #f9f9f9;}

p {padding:2px 0;margin:4px 0;}

strong {font-weight: bold;}

em {font-style: italic;}

center {text-align: center;}

ol, ul {margin: 0 0 5px 0;padding: 0 0 0 25px;}

li {margin: 3px 0;}

hr {height: 1px;margin:10px 0;background-color:#d7d5bb;border:none;}

dl dt {font-weight: bold;padding: 6px 0 4px 0;}
dl dd {margin:0;padding:5px 0;}

.btn {background:#003397;padding: 4px 10px;font-family: Helvetica, Arial, Verdana, sans-serif;font-size:1em;font-weight: bold;color:#fff;text-align: center;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #002368;cursor: pointer;}
.btn:hover {background: #cccccc;color:#000000;border-color:#999999;}

/** Form **/
form.ricerca {font-size: 0.928em;width:700px;margin: 0 auto;padding:1%;background: #ffffff;-moz-box-shadow: 0 1px 3px #a0a0a0;-webkit-box-shadow: 0 1px 3px #a0a0a0;box-shadow: 0 1px 3px #a0a0a0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
form.ricerca input.field {width:200px;}
form.ricerca ul {list-style-type: none;padding:0;margin:0;line-height: 2.4em;}
form.ricerca ul li {margin:0 10px 0 0;display: inline;white-space: nowrap;}
form.ricerca dl dt {padding:8px 0 2px 0;margin: 0;}
form.ricerca dl dd {padding:4px 0;margin:0;}
form.ricerca input.btn {width:80px;} 

/** Headers **/
h1 {margin-top: 10px;
line-height: 1.2;
margin-bottom: 12px;
font-size: 2em; /* 28px / 14px */
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #003399;
font-weight:bold;
}
h2 {
margin-top: 8px;
line-height: 1.2;
margin-bottom: 12px;
font-size: 1.714em; /* 24px / 14px */
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #003399;
font-weight:bold;
text-align: center;
}
h3 {
line-height: 1.2;
margin-top: 8px;
margin-bottom: 10px;
font-size: 1.428em; /* 20px / 14px */
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #003399;
font-weight:bold;
}
h4 {
line-height: 1.2;
margin-top: 10px;
margin-bottom: 4px;
font-size: 1.357em; /* 19px / 14px */
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #000000;
}

h5 {
line-height: 1.2;
margin-bottom:6px;
font-size: 1.142em; /* 16px / 14px */
font-family: Helvetica, Arial, Verdana, sans-serif;
}
h6 {
line-height: 1;
margin-bottom: 4px;
font-size: 0.857em; /* 12px / 14px */
font-family: Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
}

/*=========================================
	Main Styles
=========================================*/

/* Header */
#boxHeader {
background: url(../c_grafica/fitorev/2012_bkg_header.gif) repeat-x center top #6FB6EC;
float: left;
width:100%;
}

.header {
width: 1000px;
min-height:156px;
background: url(../c_grafica/fitorev/2012_bkg_header.jpg) no-repeat left top;
margin: 0 auto;
padding: 15px 0 0 0;
}

h2.logo {float:left;width:222px;text-align:center;font-weight: bold;font-size: 3.571em;margin:0;}
h2.logo img {display: block;margin: 0 auto;}
h2.logo a {display:block;text-decoration: none;color:#ffffff;text-shadow: 0 1px 3px #1e3882;padding:0 25px;}
h2.logo a:hover {color:#FFFE78;}

#bannerTop {float:right;width:728px;}

#ricerca {float:right;text-align:right;margin-top:14px;color:#ffffff;font-size: 0.84em;}
#ricerca input.field {width:210px;}
#ricerca span {display: block;margin-bottom: 4px;}

.payoffLogo{float:left;font-weight:bold;margin-top:24px;font-size:1.142em;color:#ffffff;text-shadow: 0 1px 3px #1e3882;}

/* Menù */
#boxMenu {
float: left;
padding: 0;
width: 100%;
background: #f5e921;
min-height: 26px;
line-height: 26px;
border-top:1px solid #ffffff;
border-bottom:1px solid #e7d51e;
} 

.menu {
width: 1000px;
margin: 0 auto;
}

/* boxSito + Container */
#boxSito {
float:left;
width:100%;
padding:10px 0 0 0;
}

#container {
margin:0 auto;
line-height: 1.6;
background: url(../c_grafica/fitorev/2012_bkg_container.gif) no-repeat left top;

}

/* colonna Dx 
#colonnaDx {float:right;width:31%;}
#colonnaDx .movieBanner {border:1px solid #cccccc;width:300px;} */

#colonnaDx {display: none;}

/** Content **/

#content {padding:0 1%;}

.campo {float:left;width:12.8%;height:200px;background-color:#ffffff;padding:0.3%;margin:0.3%;border:1px solid #dadada;line-height: 1.2;font-size: 0.92em;
-moz-box-shadow: 0 1px 3px #a0a0a0;-webkit-box-shadow: 0 1px 3px #a0a0a0;box-shadow: 0 1px 3px #a0a0a0;white-space: nowrap;overflow:auto;}

.campo h5 {background-color: #f6f6f6;color:#696969;font-size: 0.9em;font-weight:bold;text-align: right;}

/** Schede **/

h3.flagEu {padding-left:48px;border-bottom: 1px solid #cccccc;background: url(../c_grafica/fitorev/2012flag-eu.gif) no-repeat left center;}
h3.flagIt {padding-left:48px;border-bottom: 1px solid #cccccc;background: url(../c_grafica/fitorev/2012flag-it.gif) no-repeat left center;}

h2.titolo {text-align: left;}
h2.titolo a.btn {font-size: 0.6em;color:#ffffff;text-decoration: none;}
h2.titolo a.btn:hover {color:#000000;}

div.paginazione {text-align: center;margin:14px 0 10px 0;color:#666666;}
div.paginazione strong {padding:2px;margin: 0 10px;}
div.paginazione a {padding:2px;margin: 0 8px;text-decoration: none;}
div.paginazione a:hover {text-decoration: underline;}

.testofisso {width:970px;margin:0 auto;}

/* ScrollBar */

::-webkit-scrollbar {
    width: 14px;
    background-color: #e6e6e6;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    border-radius: 5px;

    
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(43,110,149,1);
    background: url(../c_grafica/fitorev/2012_scroll_thumb.gif) no-repeat center #ace1ff;

}


/* Footer */
#footer {
width:100%;
margin:20px 0 0 0;
float: left;
}

p.contatti {border-top:2px solid #dedede;padding:30px 0 50px 0;margin:0 1%;text-align:center;font-size: 12px;line-height: 1.6;}
p.contatti a {color:#000000;text-decoration: none;}
p.contatti a:hover {text-decoration: underline;}



/*=========================================
	Media Queries
=========================================*/

/* This is stage 2, when the main container becomes smaller. */

@media screen and (max-width: 1000px) { /* 1000px = header and container width */

.header {width:100%;float:left;text-align: center;padding-bottom: 10px;}

.menu {width:100%;}

#bannerTop {float: none;margin: 0 auto 1% auto;text-align:center;}

#bannerTop object {width:100%;margin:0 auto;text-align:center;height:90px;}

h2.logo {width:240px;padding: 0;font-size: 3em;}

h2.logo img {display: inline;vertical-align: middle;margin-right: 5px;}

h2.logo a {padding: 0 5px;}

.payoffLogo{margin-top: 38px;font-size: 1.1em;}

#ricerca {margin: 28px 5px 0 0;}

#container {width:98%;}

p.contatti {width:98%;}

img {max-width: 100%;height: auto;} /* Fluid images */

embed, object, video {max-width: 100%;} /* Fluid video */

form.ricerca {width: 50%;}

.testofisso {width:100%;margin: 0;}

}

/* Stage 3, when the layout becomes fluid, and the size of the browser. */

@media screen and (max-width: 728px) { /* 728px = leaderboard */

html {-webkit-text-size-adjust: none;} /* Prevent font scaling in landscape */

#bannerTop {width:100%;}

#bannerTop object {width:100%;}

h2.logo {float: none;margin: 2% auto;line-height: 1;}

h2.logo img {width:20%;margin-right: 10px;}

#ricerca {float: none;margin:2% 0;text-align: center;}

.payoffLogo{font-size:1.3em;float: none;display:block;margin:3% auto;}

form.ricerca {width: 70%;}

.campo {width:30%;}

}

/* Here, all the elements are the same size for Mobile users: 480 pixels held in landscape mode. */

@media screen and (max-width: 480px) {

#bannerTop {float: none;margin: 1% auto;}

#bannerTop object {width:100%;}

.header {padding: 0;}

.menu #nav li {width:100%;margin:0;border-bottom:1px solid #d3c20e;}

#container {width:90%;margin:0 5%;}

#content {margin:0;border:none;padding:0;}

.campo {width:96%;height:auto;float: none;padding:2%;margin: 2% 0;}

form.ricerca {width: 96%;}

form.ricerca select {width:100%;}

form.ricerca input.field {display:block;width:90%;}

h2.titolo {text-align: center;}

h2.titolo a.scheda {display: block;width:200px;margin: 10px auto;}

.paginazione {width: 100%;margin: 0 auto;}

}

/* Menù */ 
#nav {
	margin: 0;
	padding: 0;
}

#nav li.current a {background:#fffe78;color: #663300;}

#nav li {
	float: left;
	color:#003399;
	width: auto;
	margin:0 1%;
	text-align: center;
	text-decoration: none;
	padding:0;
	position: relative;
	list-style: none;
	z-index:2000;
}
 
/* main level link */
#nav a {
	display: block;
	color: #003399;font-size: 15px;margin:0;padding: 5px 6px;text-decoration: none;
	 /* Add the transition properties! */
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 600ms;
    /* you can control the acceleration curve here */
    -webkit-transition-timing-function: ease-in-out;
    font-weight: normal;	
	
}

/* main level link hover */
#nav li:hover > a {
	background:#fffe78;
}

/*********** sub levels link hover 
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #003399;
	padding: 6px 10px;
}

#nav ul a:hover {
	background:#fffe91 !important;
}

/* level 2 list 
#nav ul {
	background: #f5e921; /* for non-css3 browsers 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffe78', endColorstr='#E7D51E'); /* for IE 
	background: -webkit-gradient(linear, left top, left bottom, from(#fffe78), to(#E7D51E)); /* for webkit browsers 
	background: -moz-linear-gradient(top,  #fffe78,  #E7D51E); /* for firefox 3.6+ 
	display: none;
	margin: 0;
	padding: 0; 
	width: 310px;
	position: absolute;
	left: 0;
	box-shadow: 0 3px 5px 0 #666666;-webkit-box-shadow: 0 3px 5px 0 #666666;-moz-box-shadow: 0 3px 5px 0 #666666;
}
/* dropdown 
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
	border-bottom:1px solid #d3c20e;
	text-align: left;
	line-height: 1.3;
}
#nav ul a {
	font-weight: normal;
	
}

/* clearfix 
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
} */