@import url("http://fonts.googleapis.com/css?family=Oswald");


/*RESET*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit; font-size: 100%;font-family: inherit;vertical-align: baseline;}

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}

/* tables still need ‘cellspacing="0"’ in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



/*-----------MAIN-------------*/

body {background-color: #F8F8F8; text-align: center;}

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

p 		{font-family: Arial,Helvetica,sans-serif;    font-size: 0.8em;    line-height: 1.3em;    margin: 5px 0;    padding: 0;}
h1,h2,h3 {font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold;}

.Titoli {font-family: "Times New Roman", Times, serif;	font-size: 140%;	font-weight: bold;	color: #FFFFFF;	background-color: #009900;	padding: 10px;	border-bottom: 1px solid #666666;	background-image: url(gif.jpg/sfondoxtitolo.png);	background-repeat: repeat-x;	background-position: left top;}
.Testo-piccolo {font-size: 0.8em;}
.tuttobordo {border-top: 1px solid #B5B5B5;	border-right: 1px solid #666666;	border-bottom: 1px solid #666666;	border-left: 1px solid #B5B5B5;		}
.bordo-inf {border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #CCCCCC;	padding-bottom: 6px;		width: 95%;}
.tuttobordo-ritagliato {	border: 1px dashed #CCCCCC;	display: inline;}
.scarica-file {    background-image: url("gif.jpg/download16.png");    background-position: 5px 0;    background-repeat: no-repeat;    padding: 0 29px;}

.freccia{	background-image: url(gif.jpg/punto%20elenco%20arancione.gif);	background-repeat: no-repeat;	background-position: 5px 5px; padding: 0 0 0 16px;}
.rosso{color:#D62929;}

/*colori e stili delle sezioni e dei titoli*/
.sz14{font-size:1.4em;}
.sz12{font-size:1.2em;}
.sz09{font-size:0.9em;}

.info{color:#3836BC;}
.assoc{color:#009900;}
.norme{color:#916303;}
.registro{color:#EF6303;}
.datistat{color:#4A7494;}
.tematiche{color:#643892;}
.link{color:#C94834;}

.bold{font-weight:bold;}

.top30{margin-top:30px;}
.top50{margin-top:50px;}
.bottom25{margin-bottom:25px;}
.bottom45{margin-bottom:45px;}
.bottom60{margin-bottom:60px;}

.separazione{    border-bottom: 1px solid #DDDDDD;   margin: 15px 0 0 0;    width: 100%;}

div.hr {	background-image: url(gif.jpg/hr4.gif);	background-repeat: no-repeat;	background-position: center center;	padding-top: 20px;	padding-bottom: 30px;}

#centrato {	margin: auto;	border: 1px solid #CCCCCC;	text-align: left;		width: 748px;}
#intestazione {	text-decoration: none;			height: 193px;}
#corpo {    background-image: url("immagini/index/sfondo%20x%20colonne%20main.gif");    background-position: left top;    background-repeat: repeat-y;    border-color: #CCCCCC #999999 #999999 #CCCCCC;    border-style: solid;    border-width: 1px;    float: left;    margin: 0;    min-height: 500px;    padding: 0;    text-decoration: none;    width: 747px;}

#colonna-1 {   float: left;    padding: 0 5px;    width: 190px;}
#colonna-1 p {text-decoration: none; color: #666666;	margin: 7px 0 0; padding:0 10px; text-align: left;}

#colonna-1 p.datapress { color: #676767;	margin: 0;	padding: 19px 8px 3px 10px;	font-size: 0.7em;	padding-top: 10px;	text-transform: uppercase;	font-weight: bold;}
#colonna-1 p.testopress { margin:0; padding:0px 10px 10px 10px; border-bottom:1px solid #E4E4E4;}

#colonna-1 p.freccia {	    background-image: url("gif.jpg/punto%20elenco%20arancione.gif");    background-position: 8px 5px;    background-repeat: no-repeat;    padding: 0 0 0 18px;}
#colonna-1 h2{    border-bottom: 2px solid #CC3300;    color: #BE3706;    font: 1.1em/1.2em Oswald,Arial,Helvetica,sans-serif;    margin: 30px 0 5px 10px;    padding: 0 0 3px;    width: 174px;	}
#colonna-1 h3{  border-bottom: 1px solid;    color: #7B7B7B;    font-size: 0.8em;    margin: 10px 0 5px 10px;    padding: 0 0 3px;    width: 174px;	}

/*  **********************************------------- */
#box-google{ background-color: #F8F8F8;    padding: 0 0 0 202px;    width: 545px;	}
#colonna-2 {float: right;	width: 540px;}

.CONTENT {	padding: 20px 10px 10px 15px;	min-width: 500px; 	text-align: left;	float: left;}
.CONTENT p.freccia {background-image: url(gif.jpg/punto%20elenco%20arancione.gif);	background-repeat: no-repeat;	background-position: 5px 5px;}

.NEWS {	padding: 15px 0px;		text-align: left;}
.NEWS h1{color: #009900;	font-weight:bold; margin: 0px 0px 20px 0px;	padding: 0px 0px 5px;	border-bottom: 1px solid #009900;}
.NEWS h1#nascosto{font-size: 0.5em;	color: #FFFFFF;	margin: -35px 0px 0px;		border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #FFFFFF;}
.NEWS h2{	font-size: 1.2em;	padding: 30px 0px 20px 110px;	color: #666666;}
.NEWS h3{	padding: 10px 0px 10px 110px;}
.NEWS p{	padding-left: 110px;	padding-bottom: 8px;	}
.NEWS p.freccia {	background-image: url(gif.jpg/punto%20elenco%20arancione.gif);	background-repeat: no-repeat;	background-position: 108px 5px;	text-indent: 15px;}
.NEWS p.categoria{  background-color: #E9F2F7;    border: 1px solid #DEDEDE;    float: right;    font-size: 0.7em;    margin: 0 0 15px;    padding: 2px;    width: 80px;}
.NEWS img#logo{	text-decoration: none;	margin: 30px 0px 0px;	position: absolute;}


/* sezione PRESS (comunicati stampa)--------------------------------------*/
.press {	max-width: 515px;	padding: 30px 15px 15px 15px;}
.press div.press-sintesi{margin:0 0 30px 0;}
.press div.press-sintesi p{margin: 5px 0;}
.press div.press-sintesi p.intro{font-size: 0.8em;}
.press p.data{font-size: 0.7em;}

.press td.data{    font-size: 0.85em;    font-variant: small-caps;    padding: 0 15px 0 0;    text-align: right;    width: 120px;}
.press td.titolo{padding-top: 10px;	vertical-align: super;}
	

/* sezione REGISTRI VARIETALI-----------------*/
div#box-registro{margin:0 0 0 110px;width: 373px;}
div.box-registro-inner{width: 183px;float:left;}
div.box-registro-inner p{    margin: 0;    padding: 0 0 8px 5px;}
h3.registri{    background-color: #EEEEEE;    border-bottom: 1px solid #FFB788;    border-top: 1px solid #FFB788;    color: #FF6500;    font-size: 0.8em;    margin: 0 0 12px;    padding: 3px 4px;}
span.registri-complementi{font-size:0.85em; margin:0 0 0 15px;}
span.ultimo{        background-color: #D3FF98;    border: 1px solid #ABE6A6;    font-size: 0.85em;    font-weight: bold;    padding: 2px 5px;}

/*  colonna 1 - freccia verde elenco */
#colonna-1 p.sezioni{	background-image: url(../../gif.jpg/freccia_verde.png);	background-repeat: no-repeat;	background-position: left center;	margin: 10px 0 0 20px;	padding: 0 0 0 20px;}
#colonna-1 p.gruppi{	background-image: url(../../gif.jpg/punto%20elenco%20arancione.gif);	background-repeat: no-repeat;	background-position: left center;	margin: 0px 0 0 40px;	padding: 0 0 0 10px;} 

/* colonna 2 - box anagrafiche aziende */
div.azienda{	margin: 0px 0px 15px 20px;	padding: 0px;	width: 450px;	float: left;}
div.azienda p.nome {    border-bottom: 3px solid #C82B03;    color: #C82B03;    font-family: "Franklin Gothic Medium Cond","Franklin Gothic Medium","Arial Narrow",Arial;    font-size: 1.1em;    font-weight: bold;    margin: 0 0 4px;    padding: 0;}
div.azienda p.nome a{color: #C82B03;}
div.azienda p.addr{  float: left;    margin: 0 0 3px;    width: 330px;}
div.azienda p.tel{ background-image: url("../../gif.jpg/asso/tel.gif");    background-position: right center;    background-repeat: no-repeat;    margin: 0;    padding: 0 25px 0 0;    text-align: right;}
div.azienda p.fax{ background-image: url("../../gif.jpg/asso/fax.gif");    background-position: right center;    background-repeat: no-repeat;    margin: 3px 0;    padding: 0 25px 0 0;    text-align: right;}
div.azienda p.email{ margin: 0 0 4px;    padding: 0;    text-align: right;}




/*Chi siamo------------------------------------*/
div#chisiamo {    border: 1px solid #DDDDDD;    margin: 47px 0 20px 10%;    padding: 20px;    text-align: center;    width: 350px;}
div#chisiamo h1 {    font-size: 102%;    margin: -12px 0 15px;}
div#chisiamo h2 {    color: gray;    font-size: 75%;    margin: 5px 0 0;}
iframe#google{    border: 4px solid gray;    margin: 0 0 10px 36px;}
small{font-family: arial; margin: 20px 0 0 180px;}


#rel-ass {	padding: 20px;	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: #CCCCCC;	border-right-color: #999999;	border-bottom-color: #666666;	border-left-color: #CCCCCC;	font-family: Arial, Helvetica, sans-serif;	text-align: center;}
#rel-ass table{	font-size: 90%;	text-align: left;	font-weight: normal;	font-family: Arial, Helvetica, sans-serif;	margin: auto;	padding: 5px;	border-collapse: collapse;}
#rel-ass table caption{	font-size: 80%;	text-align: center;	font-weight: bold;	font-family: Arial, Helvetica, sans-serif;	padding-bottom: 20px;	font-variant: small-caps;	color: #333333;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #999999;}
#rel-ass table tr th {	font-size: 90%;	text-align: left;	font-weight: bold;	font-family: Arial, Helvetica, sans-serif;		padding: 5px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #999999;}
#rel-ass table tbody tr td{	text-align: left;	font-weight: normal;	font-family: Arial, Helvetica, sans-serif;	padding: 3px;	border-top: none;	border-right: none;	border-bottom: 1px solid #CCCCCC;	border-left: none;}
#rel-ass table tfoot tr td{	font-size: 80%;	text-align: left;	font-weight: normal;	font-family: Arial, Helvetica, sans-serif;	font-style: italic;		padding-bottom: 10px;}
#rel-ass p{font-size: 80%; text-align: left; font-weight: normal; font-family: Arial, sans-serif; margin-bottom: 2px;}
p#rel-ass-stacco{margin-top: 16px;}
#rel-ass p span{	text-decoration: underline;		}

#rel-ass H1{font-size: 120%;	color: #993300;	text-align: center;	padding: 10px;	border: 1px solid #666666;	width: 500px;	font-weight: bold;	font-family: Arial, Helvetica, sans-serif;	margin: 40px auto auto;}
#rel-ass H2{	font-family: Arial, Helvetica, sans-serif;	font-size: 100%;	color: #006600;	text-align: center;	margin-top: 20px;		margin-right: 0px;	margin-bottom: 40px;	margin-left: 0px;}
#rel-ass H3{	font-family: Arial, Helvetica, sans-serif;	font-size: 90%;	font-variant: normal;	text-decoration: underline;	text-align: left;	margin-top: 20px;	margin-bottom: 6px;	font-weight: bold;}
#rel-ass H5{	font-size: 75%;	text-align: right;		font-family: Arial, Helvetica, sans-serif;	font-weight: normal;	margin: 40px 0px 0px;	display: block;}

.circ {	width: 100%;	padding: 5px 5px 15px;	margin: 20px 0px 0px;}
.circ table td{		vertical-align: top;	font-family: Arial, Helvetica, sans-serif;	font-size: 80%;	color: #333333;	padding-top: 15px;	padding-right: 0px;	padding-bottom: 5px;	padding-left: 10px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #CCCCCC;}
.circ table ul {		padding-top: 0px;	padding-left: 15px;	}
.circ td li {	margin: 0px 0px 5px;		list-style-type: circle;	vertical-align: baseline;}

.circ h1{	margin: 0px 0px 15px;	font-family: Arial, Helvetica, sans-serif;	font-size: 130%;	font-weight: bold;	color: #006699;	border-bottom: 1px solid #006699;}
.circ h2{	font-family: Arial, Helvetica, sans-serif;	color: #333333;	font-size: 80%;	font-variant: small-caps;	vertical-align: baseline;	text-align: right;	border-right: 3px solid #CCCCCC;padding: 0px 6px 0px 0px;	line-height: normal;}
.circ h2 span{	vertical-align: baseline;	background-image: url(gif.jpg/infoAIS.gif);	background-repeat: no-repeat;	background-position: left center;}

.menu-nav{	text-align:left;	font-family: Arial, Helvetica, sans-serif;	font-size: 75%;	letter-spacing: 0.05em;	list-style-type: none;	margin: 10px 0px 0px 15px;	vertical-align: baseline;}

.menu-nav a{	display:block;	color: #000000;	text-decoration: none;	margin: 3px 0px;	background-image: url(gif.jpg/punto%20elenco%20arancione.gif);	background-repeat: no-repeat;	background-position: left center;	padding: 0px 0px 0px 15px;}
.menu-nav a:link, .menu-nav a:visited {color: #484848; text-decoration: none;}
.menu-nav a:hover, .menu-nav a:focus {color: #CC3300; text-decoration: underline;}

.menu-corr a:link,
.menu-corr a:visited,
.menu-corr a:hover,
.menu-corr a:focus,
.menu-corr a:active
{	color: #CC3300;	text-decoration: underline;	font-weight: bold;	font-size: 120%;}


/***********sezione dati e statistiche***************************************/

#tab-container-1{width: 100%;	padding-top: 0px;	padding-bottom: 0px;	padding-left: 10px;	padding-right: 0px;	margin-top: 30px;}
#tab-container-1 li{display: inline;  list-style-type: none; float: left;}
#tab-container-1-nav {
	margin: 0px 0px 30px;
	padding: 0px 0px 40px;
	border-top: 1px #999999;
	border-right: 1px #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px #999999;
}

#tab-container-1 a{
	padding: 10px;
	margin: 0px 0px 0px 5px;
	float: left;
	color: #666666;
	text-decoration: none;
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;

}

#tab-container-1 a:hover,
#tab-container-1 a:focus,
#tab-container-1 a:active{
	padding: 10px 10px 11px;
	margin: 0px 0px 0px 5px;
	text-decoration: none;
	float: left;
	color: #0000FF;
	display: inline;
	border-bottom-style: none;
	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-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #FFFFFF;
}

/***********sezione LINK****************************************************/

.link {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	width: 80%;
	word-spacing: 2pt;
	line-height: 120%;
	text-align: left;
	font-size: 90%;
	border-top: 1px #C9C6FD;
	border-right: 1px #C9C6FD;
	border-bottom: 1px dashed #C9C6FD;
	border-left: 1px #C9C6FD;
	float: left;
	margin-left: 90px;
	margin-bottom: 20px;

}

.linksfondo {
	background-image:  url(gif.jpg/link/sfondopag.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

 .pic {
	background-image:  url(gif.jpg/link/sfondoxbox_samll.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 8px;
	margin-right: 20px;
	margin-bottom: 30px;
	float: left;
}

.linkbox {
	padding: 1.1mm 0.4mm;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;

}



/*------------------------------ sezione spot  */
#asso {
	border:10px solid #132075;
	padding:5px;
	font-size:30px;
	margin:0px;
	width:100%;
	display:block;
	background-image: url(../gif.jpg/assospot-bkg.png);
	background-repeat: repeat;
	background-position: center;
	position: absolute;
	left: auto;
	top: 0px;
	right: auto;
}