﻿body {
	background: url(../img2/logo_bkg.gif) no-repeat fixed;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #555753;/*black; */ 
	margin: 0px;
	padding: 0px; 
	background-color: transparent;
	background-position: 95% 95%;
}

/*
- ELEMENTI PAGINA-
*/
/* h */
h2{ 
font-size: 160%;
font-weight: bold;
color: #9999CC;
margin-top: 10px;
margin-bottom: 7px;
margin-right: 25%;
text-indent: 0; 
border-bottom: 1px dotted #9999CC;
background-color: transparent;
}

h2.nodotted
{
border-bottom: none;
margin-top: 0;
margin-right: 0;
color: #333399;
background-color: transparent;
}

h2.nodotted2
{
border-bottom: none;
margin-right: 0;
background-color: transparent;
}

h3{
background-color: transparent;
font-size: 150%;
font-weight: bold;
border-bottom: none;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
color: #333399;
text-indent: 0; 
}

h4{
font-size: 120%;
background-color: transparent;
font-weight: bold;
border-bottom: none;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
color: #666666;
text-indent: 0;
}

/* 
a
*/

a.grigio:link, a.grigio:visited, a.grigio:hover, a.grigio:active { font-weight: bold; text-decoration: none; color: #ccc;}
a:link { font-weight: bold; text-decoration: none; color: #333399;}
a:visited {font-weight: bold;  text-decoration: none; color: #333399;}
a:hover {font-weight: bold; text-decoration: underline; 	color: #333399;}
a:active {font-weight: bold; text-decoration: underline; 	color: #333399;}


ul {
	text-align: left;
	margin-top:5px;
	margin-bottom: 5px;
}
p {
	text-indent:0%;
	margin: 2px 0 2px 0;
	} 

abbr, acronym { border-bottom: 1px dotted #FF6600; cursor: help; }
img{border: none;}
	
	
/* contiene immagine top */

#payoff{
	position: absolute;
	top: 25px;
	left: 30%;
	font-size: 200%;
	font-weight: bold;
	color: #9999CC;
	background: transparent;
}

#intestazione{
 	position: absolute;
	background: url(../img2/top.jpg) no-repeat;
	background-position: 0px 0px;
	height: 236px;
	width: 100px;
	left: 156px;
	z-index: 0;
}

#spot2{
	background: transparent url(../img2/upcentro.jpg) no-repeat ;
	left: 255px;
	top: 140px;
	width: 290px;
	height: 10px;
	position: absolute;
}

div.mission {
	/*background:  url(../img/menu_bg.gif) repeat-x;*/
	margin: 30px 0 5px 25px;
	text-align: right;
	font-size: 110%;
}
/* menu */

#menu {
	/*position: absolute;*/
	width: 156px;
	height: 254px;
	background: transparent url(../img2/menu2.jpg) no-repeat ;
	background-position: top;
	z-index: 0;
	padding-left: 0px;
	padding-top:230px;
	font-size: 80%;
	white-space: nowrap;
	display: block;
}

#menucont{
	position: absolute;
	top: 330px;
	width: 145px;
	padding-left: 0px;
	z-index: 0;
	white-space: nowrap;
	display: block;
}


div.basemenu{
		background: transparent url(../img2/mnubordo.jpg) no-repeat ;
		background-position: right;
		width: 156px;
		padding-top: 40px;
		height: 254px;
}

div.flag{
	padding-top: 25px;
	padding-left: 25px;
}

/*

ELEMENTO CONTENITORE PAGINA

*/

#contenuto {
background: transparent url(../img2/left_border.jpg) no-repeat ;
background-position: 0px 107px;
position: absolute;
left: 182px;
top: 125px;
width: 68%;
margin: 0 0 0 0;
/*padding: 40px;*/
padding-left: 2%;
font-size: 78%;
}

#contenuto ul, li, p {text-indent:0%}


/*

CONT 2

*/

#cont2{
	width: 100%;
}

/*
home page
*/
	
#colonna_sin {
	background: transparent;
	width: 38%;
	padding: 0.5% 1.5% 2% 1.5%;
}

#colonna_des {
	position: absolute;
	left: 42%;
	width: 28%;
	padding: 0.5% 1.5% 2% 1.5%;
}

#colonna_des2 {
	position: absolute;
	left: 74%;
	width: 25%;
	padding: 0.5% 1.5% 2% 1.5%;
}

/*
pagina monocolonna.
*/

#colonna_sin2 {
	background: transparent;
	/*position: absolute;*/
	/*width: 46%;*/
	width: 100%;
	padding: 0.5% 1.5% 2% 1.5%;
}

/*
pagine 2 colonne: vocal farm, formazione etc..
*/
#colonna_sin1 {
	background: transparent;
	width: 45%;
	padding: 0.5% 1.5% 2% 1.5%;
}

#colonna_des1 {
	position: absolute;
	left: 51%;
	width: 45%;
	padding: 0.5% 1.5% 2% 1.5%;
}

/*
pagine prodotti
*/

#colonna_des3 {
	position: absolute;
	left: 80%;
	width: 20%;
	padding: 0.5% 1.5% 2% 1.5%;
}

#colonna_sin3 {
	background: transparent;
	width: 75%;
	padding: 0.5% 1.5% 2% 1.5%;
}
/*

FOOTER

*/
#footer { 
	border-top: 1px solid #333399;
	background-color: transparent;
	padding-top: 2px;
	color: #666;
	font-size: 86%;
	float: right;
}



#footer a:link, #footer a:visited { 
	margin-right: 20px; 
}





/* menu */
#menu ul {  padding: 1px 0 1px 2px;; font-weight: normal; margin: 0; padding: 0;  display: block;}
#menu ul li { padding: 1px 0 1px 2px; font-weight: normal; display: block;  }
#menu ul li a:link, #menu ul li a:visited  {
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-size: 95%;
	color: #666666;
	height: auto;
	padding: 1px 0 0 8%;	
	width: 100%;
	white-space: nowrap;
}
#menu ul li a:hover { 
 	font-size: 95%;
	color: #666666;
	font-style: italic;
 padding: 1px 0 0px 8%;
 font-weight: bold;
 text-decoration: underline; 
}
#menu ul li a#attivo { 
 color: #FF6600; 
 font-weight: normal;
 padding: 1px 0 0px 8%;
}
/* fine menu */

/* altri div */
div.evidenzia_box {
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-size: 100%; line-height: 1.5em;
	text-indent: 0%;
	background: url(../img2/tl.gif) no-repeat top left;
	background-color: #f5f5f5;
	margin-top: 20px;
}

div.evidenzia_box2 {
	padding: 1px 1px 1px 1px;
	text-align: center;
	font-size: 100%; line-height: 1.4em;
	text-indent: 0%;
	background: url(../img2/tl.gif) no-repeat top left;
	background-color: #f5f5f5;
	margin-top: 10px;
}

div.evidenzia_news {
	padding: 10px 10px 10px 2px;
	text-align: center;
	font-size: 100%; line-height: 1.5em;
	text-indent: 0%;
	background-color: #E5E6F3;
	border-top: 1px dotted #9999CC;
}
/*

PARTNERS

*/

div.partners{
font-size: 90%;
margin-top: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;
border-top: 1px dotted #9999CC;
}

div.partners_noborder{
font-size: 90%;
margin-top: 0px;
padding-top: 3px;
padding-bottom: 5px;
padding-left: 0px;
}

/*
NEWS
*/

div.news{
font-size: 95%;
margin-top: 0px;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px dotted #9999CC;
}

div.noupborder{
	font-size: 95%;
	margin-top: 0px;
	padding-top: 2px;
	padding-bottom: 5px;
}

div.noupborder2{
	font-size: 95%;
	margin-top: 0px;
	margin-bottom: 5px;	
	padding: 2px 5px 5px 5px;
	background-color: #F0F0F0;
	border-bottom: 2px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	border-left: 7px solid #DCDCDC;
	border-right: 2px solid #DCDCDC;
}


/* immagini */
div.imgsin img, div.imgdes img {
	display: block;
}

div.imgsin {
	float: left;
		margin: .2em .5em 0 0;
	
	padding: 3px;
	border: 1px solid #ccc;
}

div.product
{
margin-top: 0px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border-top: 1px dotted #9999CC;
}

#product1{
border-bottom: 1px dotted #CCCCCC;
border-top: 1px dotted #CCCCCC;
margin-left: 4px;
width: 100px;
}

div.certificazione{
position: absolute;
float: right;
top: 33px;
right: 20%;
width: 75px;
height: 74px;
}

/*

VIVAVOCE

*/

div.agenda{
	clear: both; 
	padding-bottom: 30px;
	border-bottom: 1px dashed #9999CC;
}

div.agendadata {
	clear: both; 
	display: block;
	background-color: transparent;
	width: 35px;
	height: 35px;
	min-width: 35px;
	min-height: 35px;
	float: left;
	margin: 5px .5em 0 0;
	padding: 20px;
}


div.agendadata2 {
	clear: both; 
	display: block;
	background-color: transparent;
	width: 35px;
	height: 20px;
	min-width: 35px;
	min-height: 20px;
	float: left;
	margin: 5px .5em 0 0;
	padding: 20px;
}

div.agenda_main{display: block;}

/*

CLASSES GENERICHE

*/
/* vari colori*/
.nascosto { display: none; }
.arancio { color: #f60;}
.bianco { color: #fff;}
.boldo{color: #9999CC;font-weight: bold;}
.boldo3{color: #FF6600;font-weight: bold;}
.cancellato{ text-decoration: line-through;color: #666666;}
.enorme{ font-size: 130%;font-weight: bold;color: #9999CC;}
.enorme2{ font-size: 130%;font-weight: bold;color:#669900;}
.enorme3{ font-size: 130%;font-weight: bold;color: #FF6600;}
.codice{ font-family: "Courier New", Courier, monospace;}
.indaco { color: #333399;}
.grigio1 { color: #CCCCCC;}
.grosso{ font-size: 110%;}
.data{font-size: 90%;text-align: left;}
.data2{font-size: 80%;}
/* vari spostamenti */
.left{padding-left:15px;}
.indent{ text-indent: 69px;}
.indent2{ text-indent: 20px;}
.indent3{ text-indent: 120px;}
.ind_codice1 { padding-left: 20px;}
.ind_codice2 { padding-left: 30px;}
.ind_codice3 { padding-left: 40px;}
.ind_codice4 { padding-left: 50px;}
.sinistra{padding-left: 20px;}
.centrato{ text-align: center;}
.destro {text-align: right;}
.destro2 { float: right; font-style: italic;}
.alto { padding-top: 5px; padding-bottom: 5px;}
.alto2 { text-align: center; font-size:90%; padding-top: 20px; padding-bottom: 5px; }
.noblu {font-weight: bold; text-decoration: underline;color: #ccc;}
.spazio{margin-top: 20Px;}
/* vivavoce */
.vivavoce{clear: both; font-weight: bold; font-variant: small-caps; color: white; background-color: #9999CC; padding-left: 4px; padding-right: 4px;}

