﻿/*whitespace start*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td, img, hr
{
    padding: 0px;
	margin: 0px;
}
/*whitespace end*/

body
{
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

/*struttura generale*/
.banner
{
	width: 984px;
	margin-left: auto;
	margin-right: auto;
}
.containerHome
{
	background-color: Transparent;
	width: 984px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	clear: both;
	overflow: hidden;
}
.containerInt
{
	background-color: Transparent;
	width: 984px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	float: none;
	clear: both;
	overflow: hidden;
}
/*armonization*/
.containerInt h3,
.containerInt h4,
.containerInt h5,
.containerInt h6
{
	margin: 0.8em 0 0.3em;
}
.containerInt address,
.containerInt blockquote,
.containerInt dl,
.containerInt fieldset,
.containerInt ol,
.containerInt p
{
	margin-top: 0.5em;
	margin-bottom: 1.2em;
} 
/*armonization end*/
.contatti
{
    height: 131px;
    background-color: #152644;
    clear: both;
    float: none;
}
p.footer
{
    text-align: center;
    font-size: 10px;
    padding-top: 5px;
    clear: both;
    float: none;
}
ul
{
    list-style-type: none;
}
/*banner*/
h1
{
    float: left;
	width: 176px;
	height: 92px;
	background-color: Transparent;
	background-image: url(../style/logoErgo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
h1 a
{
	display: block;
    float: left;
	width: 176px;
	height: 92px;
	background-color: Transparent;
}
h1 a:hover,
h1 a:focus,
h1 a:active,
h1 a:visited:hover
{
	background-color: Transparent;
	background-image: url(../style/logoErgo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
ul.menuNavigazioneBanner
{
    float: left;
    height: 93px;
    background-color: Transparent;
    list-style-type: none;
    padding-left: 175px;
}
.menuNavigazioneBanner li
{
    display: inline;
}
.menuNavigazioneBanner li.gruppo
{
    float: left;
    width: 107px;
    height: 93px;
    background-image: url(../style/gruppo.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-left: 30px;
}
.menuNavigazioneBanner li.obiettivo
{
    float: left;
    width: 135px;
    height: 93px;
    background-image: url(../style/obiettivi.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-left: 30px;
}
.menuNavigazioneBanner li.servizi
{
    float: left;
    width: 97px;
    height: 93px;
    background-image: url(../style/servizi.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-left: 15px;
}
li.gruppo a
{
	display: block;
    float: left;
	width: 107px;
	height: 71px;
	background-color: Transparent;
}
li.gruppo a:hover, li.gruppo a:visited:hover
{
	background-color: Transparent;
}
li.gruppo a:hover, li.gruppo a:focus, li.gruppo a:active
{
	background-image: url(../style/gruppo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
li.obiettivo a
{
	display: block;
    float: left;
	width: 135px;
	height: 71px;
	background-color: Transparent;
}
li.obiettivo a:hover, li.obiettivo a:visited:hover
{
	background-color: Transparent;
}
li.obiettivo a:hover, li.obiettivo a:focus, li.obiettivo a:active
{
	background-image: url(../style/obiettivi.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
li.servizi a
{
	display: block;
    float: left;
	width: 96px;
	height: 71px;
	background-color: Transparent;
}
li.servizi a:hover, li.servizi a:visited:hover
{
	background-color: Transparent;
}
li.servizi a:hover, li.servizi a:focus, li.servizi a:active
{
	background-image: url(../style/servizi.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
/*Assistenza*/
#Banner_assistenza
{
	background-image: url(..img/visual_assistenza.jpg);
	background-repeat: no-repeat;
}
/*brand*/
.brandHome
{
    height: 165px;
    background-color: Transparent;
    background-image: url(sfondoBrand.jpg);
    background-position: top left;
    background-repeat: repeat-y;
    text-align: center;
    float: none;
    clear: both;    
    overflow: hidden;
}
.brandContainer
{
    width: 984px;
	margin-left: auto;
	margin-right: auto;
}
.brandHome blockquote
{
	float: left;
	width: 411px;
	height: 165px;
	position: relative;
}
.brandHome span
{
    background: transparent url(../style/citazione.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
div.brandRotator
{
	width: 573px;
	float: left;
	overflow: hidden;
	background-color: Transparent;
}
p.brandRotator img
{
	width: 573px;
	height: 165px;
	border: 0;
}
.brandInt
{
    height: 59px;
    background-image: url(sfondoBrand.jpg);
    background-position: top left;
    background-repeat: repeat-y;
    background-color: #194c9f;
    clear: both;
    float: none;
}
.brandInt blockquote
{
	float: left;
	width: 984px;
	height: 58px;
	color: #fff;
	font-size: 15px;
	position: relative;
}
.brandInt span
{
    background: transparent url(../style/evoluzione.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*default*/
.colonnaLeftNews
{
    float: left;
    width: 390px;
    margin-bottom: 15px;
}
.colonnaRightNews
{
    float: left;
    width: 579px;
    margin-left: 15px;
    padding-top: 10px;
    margin-bottom: 15px;
}
.siti
{
	float: left;
	width: 964px;
	background-color: Transparent;
	border-top: solid 2px #194988;
	margin-bottom: 2px;
	padding: 10px;
	clear: both;
}
.sitoErgo
{
    float: left;
    width: 222px/*totale 241px*/;
    padding-right: 19px;
    padding-top: 15px;
}
.sitoErgo a:link,
.sitoErgo a:visited,
.sitoErgo a:hover, 
.sitoErgo a:focus, 
.sitoErgo a:active
{
    color: #626e19;
    font-weight: bold;
    text-decoration: none;
}
.newsh2
{
    width: 984px;
    height: 37px;
    color: #6b6b6b;
    position: relative;
    border-bottom: solid 2px #1b488c;
    margin-top: 5px;
}
.newsh2 span
{
	background: transparent url(../img/news.jpg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*gallery prodotto*/
.hidden
{
    display: none;
}
.galleria
{
	text-align: center;
	float:left;
	margin: 10px 0;
	clear:both;
}
.centerRotator
{
	margin-left: auto;
	margin-right: auto;
}
.galleria p,
.galleriaBig p
{
	background-color: Transparent;
	margin: 5px;
	padding: 0;
}
.imgBig
{
	width: 520px;
	height: 400px;
}
.imgBigNews
{
	width: 800px;
	height: 600px;
}
.imgSmall
{
	width: 520px;
	height: 400px;
}
.galleriaBig
{
	text-align: center;
	margin: 10px 0;	
}

/*titoli*/
ul.elenco
{
    list-style-type: none;
    margin: 10px;
}
.elenco li
{
    font-size: 12px;
    padding: 5px;
}
.sitoErgo h3 span
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ergoH3
{
    width: 222px;
    height: 29px;
    color: #6b6b6b;
    position: relative;
}
.myBrandH3
{
    width: 222px;
    height: 29px;
    color: #6b6b6b;
    position: relative;
}
.ergoMultimediaH3
{
    width: 222px;
    height: 29px;
    color: #6b6b6b;
    position: relative;
}
.ergoArtbookH3
{
    width: 222px;
    height: 29px;
    color: #6b6b6b;
    position: relative;
}
h3.ergoH3 span
{
    background: url(../img/h3ErgoShop.jpg);
}
h3.myBrandH3 span
{
    background: url('../img/h3MyBrand.jpg');
}
h3.ergoMultimediaH3 span
{
    background: url('../img/h3ErgoMultimedia.jpg');
}
h3.ergoArtbookH3 span
{
    background: url('../img/h3ErgoArtbook.jpg');
}
/*leggi news default*/
.titoli
{
    margin-top: 10px;
    margin-left: 12px;
    margin-right: 15px;
}
.titoli h3
{
    color: #626E19;
    font-size: 12px;
}
.titoli img
{
    float: left;
    margin-right: 5px;
    width: 87px;
    height: 54px;
}
.data
{
    font-style: italic;
    font-size: 11px;
    margin-top: 15px;
}
.paragrafo
{
    text-align: justify;
    margin-top: 25px;
}
.titoli ul
{
    list-style-type: none;
    margin-top: 20px;
}
.titoli li
{
    padding-bottom: 10px;
}
.titoli li a, 
.titoli li a:link, 
.titoli li a:visited,
.titoli li a:hover, 
.titoli li a:focus, 
.titoli li a:active
{
    font-weight: bold;
    color: #000;
    border-bottom: solid 1px #a7bd1a;
    text-decoration: none;    
}

/*tutte le news*/
.colonnaRightNews td
{
    border-bottom: solid 1px #b1b68d;
    padding: 5px;
}
.righe
{
    color: #626e1c;
    font-weight: bold;
}
.righe:hover
{
	color: #626B21;
	background-color: #E8EDC4;
	border-bottom: solid 1px #626e1a;
}
.righe a,
.righe a:link,
.righe a:visited,
.righe a:hover,
.righe a:focus,
.righe a:active
{
    color: #626e1c;
    text-decoration: none; 
    padding: 5px 0px;   
}
.selectRow
{
    color: #fff;
    background-color: #a7bc1f;
    border-bottom: solid 1px #626e1a;
}
.HeaderStyle
{
    display: none;
}
table.presentazione 
{
	height: 61px;
	background-image: url(../img/sfondoElenco.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
.presentazione td
{
	padding-left: 15px;
	padding-right: 40px;
}

/*pagine interne*/
.HeaderInt
{
    height: 133px;
    background-color: Transparent;    
    width: 984px;
	margin-left: auto;
	margin-right: auto;
}
.HeaderInt h2.gruppo
{
    float: left;
    position: relative;
    width: 570px;    
    height: 132px;
    padding: 5px 0 0 5px;
    color: #6b6b6b;
    font-size: 2em;
    background-color: Transparent;
}
.HeaderInt h2.obiettivi
{
    float: left;
    position: relative;
    width: 737px;    
    height: 132px;
    padding: 5px 0 0 5px;
    color: #6b6b6b;
    font-size: 2em;
    background-color: Transparent;
}
.containerInt h3
{
	color: #194988;
	font-size: 1.7em;
	font-family: Arial;
	text-transform: lowercase;
}

/*stili h2-h3 pagine interne*/
.HeaderInt h2 span
{	
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
h2.gruppo span { background: transparent url(../img/h2Gruppo.jpg) no-repeat top right;}
h2.obiettivi span { background: transparent url(../img/h2Obiettivi.jpg) no-repeat top right;}

h3.presentazione
{
    width: 543px;
    height: 75px;
    position: relative;
    margin-bottom: 20px;
}
.presentazione span
{
    background: transparent url(h3presentazione.jpg) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
h3.lineaTempo
{
    width: 932px;
    height: 95px;
    position: relative;
}
.lineaTempo span
{
    background: transparent url(h3lineaTempo.jpg) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
h3.sponsor
{
    width: 972px;
    height: 86px;
    position: relative;
    margin-bottom: 40px;
}
.sponsor span
{
    background: transparent url(h3sponsor.jpg) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
h3.organigramma
{
    width: 513px;
    height: 81px;
    position: relative;
    margin-bottom: 40px;
}
.organigramma span
{
    background: transparent url(h3organigramma.jpg) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
h3.location
{
    width: 775px;
    height: 65px;
    position: relative;
    margin-bottom: 20px;
}
.location span
{
    background: transparent url(h3location.jpg) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
h3.partner
{
    width: 123px;
    height: 25px;
    position: relative;
    margin-bottom: 20px;
}
.partner span
{
    background: transparent url(h3partner.jpg) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
h3.certificazioni
{
    width: 471px;
    height: 27px;
    position: relative;
    margin-bottom: 20px;
}
.certificazioni span
{
    background: transparent url(h3certificazioni.jpg) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.certificazioni span
{
    background: transparent url(h3certificazioni.jpg) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*elenchi navigazione pagine interne*/
.HeaderInt ul
{
    float: left;
    width: 404px;
    margin-left: 3px;
    font-size: 1.1em;
    margin-top: 10px;
}
.HeaderInt li
{
    padding-bottom: 4px;
}
.HeaderInt ul a
{
	color: #6b6b6b;
}
.HeaderInt ul a:link,
.HeaderInt ul a:visited
{
	text-decoration: none;
}
.HeaderInt ul a:hover,
.HeaderInt ul a:visited:hover
{
	text-decoration: underline;
}

/*stili speciali paragrafi*/
div.presentazione
{
    min-height: 600px;
    height: auto !important;
    height: 600px;    
	background-image: url(../img/presentazione.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	margin-bottom: 80px;
}
.presentazione
{
	text-align: justify;
}
p.organigramma
{
    min-height: 239px;
    height: auto !important;
    height: 239px; 
	background-image: url(../img/organigramma.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	margin-bottom: 80px;
}
div.lineaTempo
{
    min-height: 974px;
    height: auto !important;
    height: 974px; 
	background-image: url(../img/lineaTempo.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	margin-bottom: 80px;
}
p.location
{
    min-height: 438px;
    height: auto !important;
    height: 438px; 
	background-image: url(../img/location.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	margin-bottom: 80px;
}
div.sponsor
{
    min-height: 299px;
    height: auto !important;
    height: 299px; 
	background-image: url(../img/sponsor.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin-bottom: 80px;
}
.sponsor p
{
	text-align: justify;
}
p.partner
{
    min-height: 54px;
    height: auto !important;
    height: 54px; 
	background-image: url(../img/partner.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 50px;
}
p.certificazioni
{
    min-height: 170px;
    height: auto !important;
    height: 170px; 
	background-image: url(../img/certificazioni.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 80px;
}
.presentazione p
{
    padding: 0 230px 0 0;
}
.sponsor p
{
    padding: 60px 330px;
}
/*gruppo linkabili*/
.linkabili
{
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	vertical-align: top;
	text-align: left;
	position: relative;
	height: 105px;
}
.linkabili2
{
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	position: relative;
	height: 59px;
	width: 984px;
}

.linkabili2 img
{
    text-align: left;
    float: left;
    position: relative;
    font-size: 10px;
    width: 13px;
    height: 59px;    
}
.linkabili2 span
{
    text-align: left;
    position: relative;
    font-size: 10px;
    top: 15px;
    height: 10px;
    float: left;
	margin-right: 15px;
}

/*contatti*/
ul.areaRiserv
{
    list-style-type: none;
    margin-left: 5px;
    width: 984px;
	margin-left: auto;
	margin-right: auto;
}
.areaRiserv li
{
    float: left;
    height: 23px;
    display: inline;
    margin-left: 5px;
    padding-top: 10px;
    margin-bottom: 20px;
}
.areaRiserv a,
.areaRiserv a:link, 
.areaRiserv a:visited, 
.areaRiserv a:focus, 
.areaRiserv a:active
{
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding-left: 26px;
}
.areaRiserv a:hover
{
    text-decoration: underline;
}
.contatti li.arancione
{
    width: 154px;
    background-image: url(../img/arancione.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
.contatti li.verde
{
    width: 117px;
    background-image: url(../img/verde.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
.contatti li.rosso
{
    width: 182px;
    background-image: url(../img/rosso.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
.contatti li.celeste
{
    width: 132px;
    background-image: url(../img/celeste.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
.contatti li.viola
{
    width: 65px;
    background-image: url(../img/viola.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
ul.chiSiamo
{
    list-style-type: none;
    clear: left;
    text-align: center;
}
.chiSiamo li
{
    display: inline;
    border-right: solid 1px #fff;
    padding: 0 0.5em;
}
.chiSiamo li.ultimaVoce
{
    border-right: none;
}
.chiSiamo a,
.chiSiamo a:link, 
.chiSiamo a:visited, 
.chiSiamo a:focus, 
.chiSiamo a:active
{
    text-transform: lowercase;
    color: #fff;
    text-decoration: none;
}
.chiSiamo a:hover
{
    text-decoration: underline;
}
/*Pagina interna dei leggi news*/
.leggiNewsLeft
{
    float: left;
    width: 960px;/*totale 738px*/
    margin-left: 12px;
}
.Read_news
{
    line-height: 25px;
    font-size: 15px;
}
.leggiNewsRight
{
    float: left;
    width: 246px;
}
.leggiNewsLeft h3
{
    color: #626E19;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: underline;
}
.leggiNewsLeft h4
{
    font-size: 11px;
}
.leggiNewsLeft p
{
    font-size: 11px;
}
/*Pagina interna degli obiettivi*/
.citazioneObiettivi
{
    float: none;
    height: 159px;
    background-color: Transparent;
    background-image: url(../img/citazioneObiettivi.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    margin-top: 20px;
    margin-left: 7px;
}
.contenutoObiettivi
{
    margin-top: 10px;
}
.contenutoObiettivi p
{
    float: left;
    width: 210px;
    margin-left: 5px;
    margin-right: 25px;
}
