﻿* { padding: 0; margin: 0; }

a { color: #4f4e50;}
a:hover { color: Black;}

img {border:0}

body {
	font-family: Times New Roman, Helvetica, sans-serif;
	font-size: 17px;
	color: #4f4e50;
	background-color: White;
	background-image: url('../img/tile_up.gif');
	background-position: top;
	background-repeat: repeat-x;
}
#wrapper { 
	margin: 0 auto;
	width: 1000px;
}
#header {
	width: 990px;
	float: left;
	padding: 10px 0px 10px 10px;
	height: 64px;
	margin: 0px;
	background-image: url('../img/background_header.jpg');
}
#navigation {
	float: left;
	width: 980px;
	height: 30px;
	padding: 10px 10px 0px 10px;
	border-top: solid 2px #004f6e;
	margin: 0px 0px 0px 0px;
	background: #eeeeef;
}
#leftcolumn { 
	margin: 0px 0px 0px 0px;
	padding: 10px;
	width: 177px;
	float: left;
}
#content { 
	float: left;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 40px 0px;
	width: 606px;
	display: inline;
	text-align: justify;
	min-height: 450px;
	line-height: normal;
}
#rightcolumn { 
	margin: 0px 0px 0px 0px;
	padding: 10px;
	width: 177px;
	float: left;
}
#footer { 
	width: 100%;
	height: 89px;
	clear: both;
	color: #ababab;
	background-color: Gray;
	background-image: url('../img/tile_footer.jpg');
	margin: 0px 0px 0px 0px;
	padding: 10px 0px;
	text-align: center;
}

#certificazioniW3C {
	width: 300px;
	margin-top: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto
}

.certGif {
	float: left;
	margin: 0px 5px; 
}

#footer a {color: #bcbcbc}
#footer a:hover {color: White}

#content h1 {color: #076286; font-size: 24px; font-weight: bold; margin: 20px 0px 10px 0px; text-align: left}

#content h2 {color: #78a41f; font-size: 20px; font-weight: bold; margin: 10px 0px 5px 0px; text-align: left}
#content h2 a {color: #78a41f}
#content h2 a:hover {color: #ff6600}

#content h3 {color: #78a41f; font-size: 18px; font-weight: bold; margin: 10px 0px 5px 0px; text-align: left}
#content h3 a {color: #78a41f}
#content h3 a:hover {color: #ff6600}

#rightcolumn img {margin-bottom: 10px}

.testoDate {color: Gray; font-size: 18px}

/************************************************************************************/

#intestazione 
{
	padding: 20px 0px 10px 90px;
	width: 260px;
	/*background-color: Aqua;*/
	color: Black;
	float: left;
}

#intestazione h1
{
	color: Black;
	font-weight: normal;
	font-size: 28px;
}

.linkHeader
{
	width: 550px;
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

.linkHeader li
{
	float: right;
	width: 190px;
	height: 19px;
	list-style: none;
	padding: 5px 0px 1px 0px;
	background-image: url('../img/bg_btn_header_big.jpg');
	text-align: center;
	margin-right: 10px;
}

.linkHeader a {color: White; text-decoration: none}
.linkHeader a:hover {color: White; text-decoration: underline}

#btnHeader 
{
	width: 600px;
	/*background-color: Aqua;*/
	padding-top: 50px;
	float: right;
}

#legenda
{
	float: left;
	width: 850px;
}

#mappaSito 
{
	float: right;
	text-align: right;
	width: 130px;
}

.verde, .celeste, .arancio, .rosso, .senape
{
	width: 127px;
	height: 17px;
	color: White;
	font-weight: bold;
	padding: 10px 10px 10px 40px;
	font-size: 18px;
	margin-top: 20px;
}

.verde {background-image: url('../img/bg_verde.jpg');}
.celeste {background-image: url('../img/bg_celeste.jpg');}
.arancio {background-image: url('../img/bg_arancio.jpg');}
.rosso {background-image: url('../img/bg_rosso.jpg');}
.senape {background-image: url('../img/bg_senape.jpg');}

.verde a, .celeste a, .arancio a, .rosso a, .senape a
{
	color: White;
	text-decoration: none;
}

.verde a:hover, .celeste a:hover, .arancio a:hover, .rosso a:hover, .senape a:hover
{
	color: White;
	text-decoration: underline;
}

.linkNavigation 
{
	width: 177px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.linkNavigation li
{
	width: 171px;
	height: auto;
	list-style: none;
	padding: 5px 3px 1px 3px;
	border-bottom: dashed 1px #ccc;
	background-color: #f6f6f6; /* <- colore di sfondo dei bottoni */
}

.linkNavigation a {text-decoration: none}
.linkNavigation a:hover {text-decoration: underline}

.labelInput 
{
	margin-top: 5px;
	width: 55px;
	float: left;
}

.textInput 
{
	margin-top: 5px;
	width: 107px;
	height: 16px;
	margin-left: 10px;
	float: left;
}

.btnAuth 
{
	margin-top: 10px;
	margin-bottom: 20px;
	width: 177px;
	height: auto;
	border-bottom: dashed 1px #ccc;
	padding-bottom: 3px;
}

.btnAuth a {text-decoration: none}
.btnAuth a:hover {text-decoration: underline}

#btnAccessibilita 
{
	width: 157px;
	padding: 0px 10px 10px 10px;
	height: 30px;
}

.imgQuadrata 
{
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 6px;
	border: 0px;
}

.imgRettangolare 
{
	float: left;
	width: 30px;
	height: 30px;
	border: 0px;
}

.listaAllegati {margin-top: 20px; line-height: normal}
.listaAllegati a:hover {color: #ff6600}
.listaAllegatiTitolo {margin-bottom: 10px; font-weight: bold; font-size: 16px;}

.contattiUfficio 
{
	width: 596px;
	/*padding: 5px;
	border: solid 1px #ccc;
	background-color: #f3f3f3;*/
	margin-top: 20px;
	line-height: normal;
}

.gruppoTxt 
{
	margin: 20px 0px;
}

#formImg 
{
	width:596px;
	height: auto;
	overflow: auto;
	border-top: dashed 1px #ccc;
	border-bottom: dashed 1px #ccc;
	padding: 10px 0px;
	padding-left: 10px;
}

#paginazione {
	margin: 20px 0px;
	border-top: dashed 1px #ccc;
	border-bottom: dashed 1px #ccc;
	padding: 5px 0px;
	text-align: center;
}

#formImg img {float: left;margin-right: 4px;margin-bottom: 4px}

.listaMappa {
	margin-top: 20px;
	list-style: none;
}

.listaMappa ul {
	margin-bottom: 15px;
	margin-top: 2px;
	list-style: none;
	margin-left: 10px;
}

.listaMappa li {
	padding: 5px 20px;
	line-height: normal;
}


/* ************************************************************************************** */
/* **************************           STAMPA           ******************************** */
/* ************************************************************************************** */
@media print 
{
	
	* { background-color: white}
	
	#leftcolumn { 
		padding-left: 0px;
	}
	#rightcolumn { 
		padding-right: 0px;
	}
	
	.verde {background-image: url('img/bg_verde.jpg');}
	.celeste {background-image: url('img/bg_celeste.jpg');}
	.arancio {background-image: url('img/bg_arancio.jpg');}
	.rosso {background-image: url('img/bg_rosso.jpg');}
	.senape {background-image: url('img/bg_senape.jpg');}
    
}