/* ********************************************
	Colori principali:
		grigio scuro: #141315;
		blu: #1B6586;
		arancio: #E18A34;
		crema: #FFF3D0;
********************************************* */
body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

a {
	color: #1B6586;
	text-decoration: none;
}
a:visited {
	color: #1B6586;
	text-decoration: none;
}
a:hover {
	color: #E18A34;
	text-decoration: underline;
}
a:active {
	color: #E18A34;
	text-decoration: none;	
}

img {
	border: 0px solid;
}

div { 
	border: 0px solid;
}

legend {
	color: #1B6586;
	font-weight: bold;
}



/**********************************************
	Classi generiche
***********************************************/
.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.link {
	color: #1137A6;	
}

.link:hover {
	cursor: pointer;
	text-decoration: underline;
}

.nolink {
	color: #141315;	
}

.nolink:hover {
	cursor: default;
	color: #141315;
	text-decoration: none;
}

.mainColor {
	color: #E18A34;
}

.mainColor2 {
	color: #1B6586;
}

.errorColor {
	color: red;
}

.smallText {
	font-size: 0.9em;
}

.bigText {
	font-size: 1.2em;
}

.hidden {
	display: none;
}

.boxConferma {
	width: 350px;
	margin: 20px auto;
	padding: 10px 10px 10px 50px;
	background: url(img/icon_ok.gif) no-repeat 10px 20px #CDE4D4;
	text-align: left;
	border: 1px solid #999999;
}

.boxErrore {
	width: 350px;
	margin: 20px auto;
	padding: 10px 10px 10px 50px;
	color: #333333;
	background: url(img/icon_x.gif) no-repeat 10px 20px #FFEBE8;
	text-align: left;
	border: 1px solid red;
}

.boxErrore2 {
	width: 130px;
	margin: 5px auto;
	padding: 5px 5px 5px 35px;
	color: #333333;
	background: url(img/icon_x_small.gif) no-repeat 10px 5px #FFEBE8;
	text-align: left;
	border: 1px solid red;
}



/**********************************************
	Layout
***********************************************/
#index table.layout {
	width: 980px;
	margin: 5px auto;
	border: 1px solid #999999;
}

#index table.layout tr {
	vertical-align: top;
}

#index table.layout .colonnaSX {
	width: 182px;
	background-color: #FFF3D0;
	border: 1px solid #999999;
}

#index table.layout .colonnaCentro {
	width: 610px;
}

#index table.layout .colonnaSX {
	padding-bottom: 18px;
}

#index table.layout .colonnaDX {
	width: 182px;
	position: relative;
}

#index table.layout .colonnaCentro div.boxBanner {
	overflow: hidden;
	height: 70px;
	padding-top: 5px;
	padding-left: 30px;
}

#index table.layout .colonnaCentro div.boxBanner .banner {
	display: block;
	float: left;
	margin-left: 10px;
}

#index table.layout .colonnaDX div.boxBanner {
	height: 68px;
	padding-top: 7px;
	padding-left: 30px;
}



/**********************************************
	Menu
***********************************************/
#menu div {
	margin-top: 0px;
	padding-top: 6px;
	padding-left: 30px;
	padding-bottom: 6px;
}

#menu div a {
	font-size: 14px;
	font-weight: normal;
	color: #141315;
}

#menu div:hover {
	background: url(img/menu_hover.jpg) no-repeat 3px 4px #FCF6E6;
}

#menu div a:hover {
	text-decoration: none;
	cursor: pointer;
}

#menu .arancio {
	background: url(img/menu_pallino_arancio.jpg) no-repeat 3px 4px;
}

#menu .giallo {
	background: url(img/menu_pallino_giallo.jpg) no-repeat 3px 4px;
}

#menu .verde {
	background: url(img/menu_pallino_verde.jpg) no-repeat 3px 4px;
}

#menu .azzurro {
	background: url(img/menu_pallino_azzurro.jpg) no-repeat 3px 4px;
}

#menu .blu {
	background: url(img/menu_pallino_blu.jpg) no-repeat 3px 4px;
}

#menu .sottomenu {
	margin-top: 0px;
	padding-top: 0px;
}

#menu .sottomenu:hover {
	background: #FFF3D0;
}

#menu .voceSottomenu {
	margin-top: 1px;
	padding-top: 0px;
	padding-left: 15px;
	padding-bottom: 0px;
}

#menu .voceSottomenu a {
	font-size: 11px;
	font-weight: bold;
	color: #141315;
}

#menu .voceSottomenu a:hover {
	text-decoration: underline;
	cursor: pointer;
}

#menu .voceSottomenu:hover {
	background: #FFF3D0;
}



/**********************************************
	Home
***********************************************/
#index table.layout .colonnaCentro .content .barraTitolo {
	overflow: hidden;
	width: 586px;
	margin: 0px auto;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 4px;
	background: url(img/pallini_titolo.jpg) no-repeat 440px 8px #141315;
}

#index table.layout .colonnaCentro .content .barraTitolo img {
	float: left;
}

#index table.layout .colonnaCentro .content .barraTitolo .titoloSezione {
	float: left;
	margin-top: 2px;
	color: #E18A34;
	font-family: Times New Roman, Arial;
	font-size: 18px;
}

#index table.layout .colonnaCentro .content .boxTesti {
	overflow: hidden;
	width: 570px;
	margin: 0px auto;
	padding: 20px 10px 10px 10px;
	text-align: justify;
	background-attachment: fixed;
	background: url(img/contenuti_volto.jpg) no-repeat 130px 180px #FFF3D0;
	border-left: 3px solid #141315;
	border-right: 3px solid #141315;
	border-bottom: 3px solid #141315;
}

#index table.layout .colonnaDX .boxNews {
	padding-top: 10px;
	text-align: center;
	background: url(img/news_volto2.jpg) no-repeat 0px 150px #FFFFFF;
	border: 0px solid #999999;
}

#index table.layout .colonnaDX .boxNews hr {
	width: 75%;
}

#index table.layout .colonnaDX .boxNews span.titolo {
	color: #444444;
	font-family: Times New Roman, Arial;
	font-size: 18px;
}

#index table.layout .colonnaDX .boxNews p {
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
}



/**********************************************
	Rapporto osservasalute - elenco riviste
***********************************************/
table#rapporto {
	text-align: center;
}

table#rapporto td {
	width: 200px;
	padding: 5px;
}

table#rapporto td img {
	border: 1px solid #999999;
}

table#rapporto td:hover {
	cursor: pointer;
}

table#rapporto td:hover .titoloRivista a {
	color: #E18A34;
}

table#rapporto .titoloRivista {
	font-family: Times new roman;
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
}

table#rapporto .titoloRivista a {
	color: #333333;
}

table#rapporto .titoloRivista a:hover {
	text-decoration: none;
}

table#rapporto img {
	width: 150px;
}

div.nessunaRivista {
	margin-top: 30px;
}



/**********************************************
	Rapporto osservasalute - elenco articoli
***********************************************/
div.infoRivista {
	float: left;
}

div.infoRivista .menu {
	float: left;
	width: 340px;
	margin-top: 0px;
	margin-left: 20px;
	text-align: left;
}

div.infoRivista .immagine {
	float: left;
}

div.infoRivista .immagine img {
	border: 1px solid #999999;
}

div.infoRivista .menu table {
	width: 335px;
}

div.infoRivista .menu table .titolo {
	color: #1B6586;
	font-size: 1.4em;
	font-family: Times new Roman;
}

div.infoRivista .menu table .voceMenu {
	background: url(img/rapporto_arrow.png) no-repeat bottom left;
	padding-left: 25px;
}

div.infoRivista .menu table .voceMenu a {
	color: #141315;
}

div.infoRivista .menu table .voceMenu a:hover {
	color: #E18A34;
}

div.infoRivista .menu table td.spaced {
	padding-top: 10px;
}

div.infoRivista .menu table td.back {
	background: url(img/rapporto_back.gif) no-repeat bottom left;
}

div.infoRivista .menu table td.rassegnaStampa a {
	font-weight: bold;
	font-size: 0.9em;
}

table#articoli, table#autori {
	width: 558px;
	text-align: left;
}

table#articoli .label, table#autori .label {
	color: #1B6586;
	font-size: 1.1em;
}

table#articoli td.titoloArticolo {
	background: url(img/icon_pdf_small.gif) no-repeat top left;
	padding-left: 25px;
}

table#articoli td.titoloArticolo a {
	color: #141315;
}

table#articoli td.titoloArticolo a:hover {
	color: #E18A34;
}

table#autori .scarica .icona {
	float: right;
	width: 20px;
}

table#autori .scarica a {
	display: block;
	float: right;
	margin-left: 4px;
	text-align: right;
	color: #141315;
}

table#autori td div {
	width: 270px;
}

table#autori td.ambiente div {
	width: 540px;
}

div#comitati {
	float: left;
}

div#comitati .label {
	display: block;
	padding-top: 8px;
	padding-left: 5px;
	font-size: 1.1em;
	color: #1B6586;
}

div#comitati h4 {
	padding-left: 5px;
	color: #1B6586;
}

div#comitati p {
	margin: 5px;
}

div#schedeRegionali, div#libreriaIndicatori {
	float: left;
	margin-left: 5px;
}

div#schedeRegionali .cartina {
	position: relative;
	float: left;
	margin-left: 150px !important;
	margin-left: 75px;
	text-align: center;
}

div#schedeRegionali #titoloMappa {
	position: absolute;
	top: 0px;
	height: 18px;
	width: 228px;
	text-align: center;
	color: #666666;
}

div#libreriaIndicatori table td.padded, table#articoli td.padded {
	padding-left: 30px;
	padding-bottom: 20px;
}



/**********************************************
	Ricerca
***********************************************/
form#ricerca fieldset.aree {
	float: left;
	width: 259px;
}

form#ricerca fieldset.anni {
	float: left;
	width: 259px;
}

form#ricerca div.buttonBox {
	float: left;
	width: 565px;
	text-align: center;
}

div#risultati_ricerca h4 {
	color: #1B6586;
	margin: 0;
}

div#risultati_ricerca table {
	width: 100%;
}

div#risultati_ricerca table td.risultato {
	color: #1B6586;
	background: url(img/menu_arrow.jpg) no-repeat 0px 7px;
	padding-left: 15px;
	border-bottom: 1px solid #999999;
}

div#risultati_ricerca table td.vedi {
	width: 100px;
	background: url(img/icon_vedi.jpg) no-repeat 0px 0px;
	padding-left: 25px;
	padding-bottom: 10px;
}

div#risultati_ricerca table td.scarica {
	background: url(img/icon_download.gif) no-repeat 0px 0px;
	padding-left: 25px;
	padding-bottom: 10px;
}

div#risultati_ricerca div.backButton_box {
	background: url(img/rapporto_back.gif) no-repeat;
	margin-top: 30px;
	padding-left: 30px;
}

div#risultati_ricerca a {
	color: #222222;
}



/**********************************************
	Registrazione
***********************************************/
form#registrazione table {
	width:100%;
}

form#registrazione table .primaColonna {
	width: 60px;
}

form#registrazione table .secondaColonna {
	width: 200px;
}

form#registrazione table .terzaColonna {
	width: 70px;
	text-align: right;
}

form#registrazione table .quartaColonna {
}

form#registrazione fieldset {
	margin-bottom: 15px;	
}

form#registrazione .informativa {
	text-align: justify;
}

form#registrazione .button {
	text-align: center;
}



/**********************************************
	Altre pagine
***********************************************/
div.loginBox {
	overflow: hidden;
}

div.loginBox table {
	float: left;
	margin-left: 40px;	
}

div.loginBox table td.button, div.loginBox2 table td.button {
	text-align: center;
}

div.loginBox .boxErrore {
	float: left;
	width: 180px;
	margin-left: 10px;
	padding: 10px 10px 10px 50px;
	color: #333333;
	background: url(img/icon_x.gif) no-repeat 10px 5px #FFEBE8;
	text-align: left;
	border: 1px solid red;
}

div.loginBox2 {
	overflow: hidden;
	background-color: #FFF3D0;
	border-left: 2px solid #141315;
	border-right: 2px solid #141315;
	border-bottom: 2px solid #141315;
}

div.loginBox2 form {
	padding: 3px;
}

div.loginBox2 .barraTitolo {
	height: 25px;
	padding: 3px 0px 0px 31px;
	background: url(img/logo_osservasalute_small.jpg) no-repeat #141315;
	color: #E18A34;
	font-family: Times New Roman, Arial;
	font-size: 18px;
}

div.loginBox2 table {
	margin: 5px auto;
	text-align: center;
}

div.loginBox2 table td.registrati {
	text-align: center;
}

div.loginBox2 input.text {
	width: 88px;
	/*color: #666666;*/
}

div.userbox {
	padding: 5px;
	font-size: 12px;
	position: relative;
	background-color: #FFF9D7;
	border: 1px solid #E2C822;
}

table.organigramma {
	text-align: left;
}

table.organigramma span.nome {
	font-size: 1.1em;
}

table.organigramma td.label{
	font-weight: bold;
	width: 120px;
}

div.boxCartina {
	position: relative;
	float: left;
	margin-top: 50px;
}

#titoloMappa {
	position: absolute;
	top: 0px;
	height: 18px;
	width: 228px;
	text-align: center;
	color: #666666;
}

div.boxReferenti {
	float: left;
	overflow: auto;
	height: 500px;
	width: 330px;
	margin-left: 5px;
}

div.boxReferenti p {
	text-align: left;
}

div.boxReferenti .nolink, div.boxReferenti .nolink:hover {
	color: #1B6586;
}

table.richiedi {
	margin: 10px auto;
}

table.richiedi td.label {
	width: 200px;
}

table.richiedi td.centered {
	text-align: center;
}