@charset "utf-8";


/* CSS 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
color:#0165A2;}


html, body {
height: 100%;
}

#container {
min-height: 100%;
margin-bottom: -400px;
position: relative;
}

.clearfooter {
height: 400px;
clear: both;
}

/* HEAD */

body {
qqbackground-image:url(../images/back_body.png);
background-repeat:repeat-x;
}

#head {
width:100%;
min-width:950px;
height:103px;
margin-top:7px;
qqbackground:url(../images/bg_head.png) no-repeat scroll center top;
}
#testa {
width:950px;
height:103px;
margin-left:auto;
margin-right:auto;
qqbackground-color:#990033;
}

#logo {
float:left;
margin-left:7px;
margin-top:26px;}

#tools {
float:left;
margin-left:360px;}

#tools span a {
float:left;
width:91px;
height:91px;
padding-top:12px;
margin-right:1px;
text-align:center;
qqbackground-image:url(../images/bg_tools.png);
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
font-size:0.8em;
}

#tools span a:hover, #tools span a.current {
qqbackground-image:url(../images/bg_tools_hover.png);
}


/* MAIN */

#main {
background-image:url(../images/bg_main.png);
background-repeat:repeat-x;
qqbackground-position:bottom;
qqpadding-bottom:30px;
width:100%;
min-width:950px;
background-color:#dfe3e6;
qqbackground-position:50%;
background-position:top;
background-attachment:fixed;



}

/* SPOT */

#spot {
width:634px;
padding-left:316px;
min-height:381px;
margin-left:auto;
margin-right:auto;
qqbackground-image:url(../images/giovine.png);
background-repeat:no-repeat;
}
#spot h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#0165a2;
font-size:2.1em;
letter-spacing:-1px;
padding:50px 0 40px 0;}
#spot p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:16px;
margin-bottom:16px;
padding-right:40px;}

#box {
background-color:#d4eefb;
width:570px;
padding:20px;
}
#box #top {
background-image:url(../images/top_box.gif);
width:610px;
height:7px;
margin:-20px 0 0 -20px;}
#box #bottom {
background-image:url(../images/bot_box.gif);
width:610px;
height:7px;
margin: 0 0 -20px -20px;}

#spot #box p {

margin-bottom:6px;
margin-top:6px;
font-size:0.7em;
}

#box .title {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#0165a2;
letter-spacing:-1px;

}

/* 3 COLONNE */


.treCol {
width:950px;
margin-left:auto;
margin-right:auto;
qqbackground-color:#990033;
}
.treCol .col {
width:316px;
float:left;

}
.treCol .col .cont {
padding:12px;
}

/* 2 COLONNE */

.dueCol {
width:950px;
margin-left:auto;
margin-right:auto;
qqbackground-color:#990033;
padding-top:0;


}
.dueCol .col {
width:632px;
float:left;
margin-bottom:30px;
}
.dueCol .menu {
width:316px;
float:left;
}
.dueCol .col .cont, .dueCol .menu .cont {
padding-left:12px;
padding-right:12px;
}

/* MENU DX */

.menu .cont ul li {
list-style:none;
margin:0;
padding:0;}

.menu .cont ul {
border-bottom:1px solid #d8dbde;
}

.menu .cont ul li a {
display:block;
padding:6px 2px 6px 15px;
border-top:1px solid #d8dbde;
text-decoration:none;
}

.menu .cont ul li a:hover {
background-color:#f6f7f8;
}
.menu .cont ul li a.current {
background-color:#f6f7f8;
color:#2f2d31;
background-image:url(../images/arrow.png);
background-repeat:no-repeat;
}

/* CONTENUTO DX */

.dueCol .relatedCont {
width:316px;
float:left;
}
.dueCol .relatedCont .cont {
padding-left:12px;
padding-right:12px;
}


.relatedCont .cont ul li {
list-style:none;
margin:0;
padding:0;}

.relatedCont .cont ul {
border-bottom:1px solid #d8dbde;
}

.relatedCont .cont ul li a {
display:block;
padding:6px 2px 6px 15px;
border-top:1px solid #d8dbde;
text-decoration:none;
color:#4a1431;
}

.relatedCont .cont ul li a:hover {
background-color:#f6f7f8;
}

.dueCol .relatedCont .cont h2 {
color:#990054;
}














.dueCol .contactCont {
width:316px;
float:left;
}
.dueCol .contactCont .cont {
padding-left:12px;
padding-right:12px;
}


.contactCont .cont ul li {
list-style:none;
margin:0;
padding:0;}

.contactCont .cont ul {
border-bottom:1px solid #d8dbde;
}

.contactCont .cont ul li a {
display:block;
padding:6px 2px 6px 15px;
border-top:1px solid #d8dbde;
text-decoration:none;
color:#4a1431;
}

.contactCont .cont ul li a:hover {
background-color:#f6f7f8;
}

.dueCol .contactCont .cont h2 {
color:#990054;
}











/* STILI CONTENUTI */

.cont h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#0165a2;
font-size:2.1em;
letter-spacing:-1px;
qqpadding:50px 0 40px 0;
margin-top:0;
padding-top:0;
padding-bottom:15px;
}


.cont h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#6e9ec1;
font-size:1.4em;
letter-spacing:-1px;
padding:10px 0 10px 0;
clear:left;}

.cont h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#6e9ec1;
font-size:1.2em;
letter-spacing:-1px;
padding:15px 0 10px 0;}

.cont .title {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#000000;
letter-spacing:-1px;
font-size:1em;
margin-bottom:8px;

}
.cont p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
line-height:18px;
zzmargin-bottom:16px;
}

.cont ul {
margin-bottom:16px;
}

.cont ul li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
line-height:18px;
margin-left:20px;
padding-left:12px;
list-style:disc;
}

.cont img {
float:left;
margin:3px 6px 6px 0;
}

.cont table {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
width:100%;
border-collapse:collapse;
}



.cont table td {
border-bottom:1px solid #d8dbde;
border-right:1px solid #d8dbde;
padding:6px;
vertical-align:top;
font-size:0.75em;
}


.cont table th {
background-color:#f6f7f8;
padding:12px 6px 12px 6px;
color:#2f2d31;
text-align:left;
font-size:0.9em;
font-family:Georgia, "Times New Roman", Times, serif;
}

.cont table ul {
font-size:1.2em;
}
.cont table ul li{
list-style-type:georgian;
padding-left:2px;
}



.highlight {
background-color:#fffdce;
cursor:pointer;}


.caption p {
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;}


.custLogo {
width:192px;
height:114px;
background-image:url(../images/bg_loghi.png);
float:left;
margin-right:10px;
margin-bottom:10px;

}
.custLogo img {
padding-top:2px;
padding-left:6px;

}





/* PATH */
#path {
width:918px;
margin-left:auto;
margin-right:auto;
padding:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
qqbackground-color:#336633;
}

/* LANGUAGE TEXT */
#langText {
width:100px;
padding:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
qqbackground-color:#336633;
qqborder:1px solid red;
position:absolute;
left:50%;
margin-left: 340px;
text-align:right;
}


/* FOOTER */

#footer {
background-color:#2f2d31;
color:#aeadaf;
padding-top:30px;
padding-bottom:30px;
border-top:1px solid #F2F2F2;
min-width:950px;
height: 400px;
position: relative;

}

#footer a {
color:#ffd800;
}
#footer .cont .title {
color:#aeadaf;
}
#footer .cont p {
font-size:0.7em;
line-height:15px;
qqfont-family:Arial, Helvetica, sans-serif;
}

.clear {
clear:left;
}

#languageSel {
float:right;
width:132px;
margin-top:12px;

}


/* PULSANTI */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton {
background: transparent url('../images/square-gray-left.png') no-repeat top left;
display: block;
float: left;
font: normal 11px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #0165a2; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-gray-right.png') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;

}

.icons { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
qqwidth: 100%;
float:left; margin-right:2px;
}

.download { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
qqwidth: 100%;
margin-right:2px;
margin-bottom:5px;
margin-top:-8px;
}

.download img {
margin-top:-1px;

}

/* TOOLTIPS */

qqqspan.show-tooltip-text { 
display: none; 
position: absolute;
font-size: 0.85em; 
qqbackground-image: url('../images/square-gray-right.png'); 
qqbackground-repeat: repeat-x;
background-color:#fffdce;
border:1px solid #fee676;
padding: 6px; 
padding-left: 12px; 
padding-right: 12px; 
color:#000000;
font-weight:normal;
qqwidth:200px;
}
qqa.show-tooltip {
text-decoration:none;
border-bottom:1px dotted #0165a2;
background-color:#eaf7fd;
}

span.show-tooltip-text { 
display: none; 
position: absolute;
font-size: 0.85em; 
qqbackground-image: url('../images/square-gray-right.png'); 
qqbackground-repeat: repeat-x;
background-color:#fffdce;
border:1px solid #fee676;
padding: 6px; 
padding-left: 12px; 
padding-right: 12px; 
color:#000000;
font-weight:normal;

}

*html .dueCol .menu {
	width:320px;
}
*html .custLogo {
	margin-bottom:8px;
	margin-right:8px;
	border:1px solid #DDE0E3;
	background-image:none;
	background-color:white;
}
*html .menu .cont ul li a {
	height:30px;
	line-height:30px;
	padding:0 2px 0 15px;
}
*html #box #top {
	background-image:none;
}
*html #box #bottom {
	background-image:none;
}
*html .relatedCont .cont ul li a {
	padding:0 2px 0 15px;
	line-height:20px;
	height:20px;
}
*html #main {
	padding-bottom:30px;
}
*html .dueCol .col {
	width:620px;
}
*html .custLogo {
	margin-right:5px;
}