/* ------------------------------------------------------------  Colori della sezione */

#fasciaSezione  {
	height: auto;
	width: 885px;
	margin: 12px 4px 4px 15px;
	background-color: #c70000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#fasciaSezione #mainMenu li a:hover,
#fasciaSezione #mainMenu li a:focus,
#fasciaSezione #mainMenu li a:active {
	color: #FFC2C2;
}
#contentWrapper h2,
#contentWrapper h3 {
	color: #CE013D;
	border-bottom: 2px solid #CE013D;
}
#contentWrapper h2 {
	border-bottom: 4px solid #CE013D;
}
#formExtranet label {
	color: #CD758E;
}
#fascia02 a:hover,
#fascia02 a:focus,
#fascia02 a:active {
	color: #CE013D;
}

/* ------------------------------------------------------------  Box Navigazione */

#columnWrapper .boxNav {
	background-image: url("/ProtCiv/images/layout/sez04_bkgBoxMain.gif");
}
#columnWrapper .boxTop {
	background-image: url("/ProtCiv/images/layout/sez04_bkgBoxTop.gif");
}
#columnWrapper .boxNav h2 {
	background-image: url("/ProtCiv/images/layout/sez04_bkgBoxTitle.gif");
	color: #DE5F84;
}
#columnWrapper .boxNav h2 a:link,
#columnWrapper .boxNav h2 a:visited {
	color: #DE5F84;
	text-decoration: none;
	border-bottom: none;
}
#columnWrapper .boxNav h2 a:hover,
#columnWrapper .boxNav h2 a:focus,
#columnWrapper .boxNav h2 a:active {
	color: #FFF;
	text-decoration: none;
	border-bottom: none;
	background-color: transparent;
}
#columnWrapper .boxNav span.galleryHead {
	background-image: url("/ProtCiv/images/layout/gallerybkg_s4.gif");
	display: block;
	height: 34px;
	margin: 0;
	padding: 0;
	border: 0;
	color: #DE5F84;
}
#columnWrapper .boxBottom {
	background-image: url("/ProtCiv/images/layout/sez04_bkgBoxBottom.gif");
}
#columnWrapper .boxNav ul {
	border-top: 1px solid #8A2D30;
}
#columnWrapper .boxNav a:link,
#columnWrapper .boxNav a:visited {
	color: #D7B3B3;
	border-bottom: 1px solid #8A2D30;
}
#columnWrapper .boxNav a:hover,
#columnWrapper .boxNav a:focus,
#columnWrapper .boxNav a:active {
	color:#F1D6D6;
	background-color: #880404;
}
#columnWrapper .boxNav span {
	color:#F1D6D6;
	background-color:#9A0D0D;
	border-bottom: 1px solid #8A2D30;
}


/* per javascript */
#columnWrapper .boxNav a.box_open:link,
#columnWrapper .boxNav a.box_open:visited {
	background-image: url("/ProtCiv/images/layout/sez4_boxNav_open.gif");
}
#columnWrapper .boxNav a.box_close:link,
#columnWrapper .boxNav a.box_close:visited {
	background-image: url("/ProtCiv/images/layout/sez4_boxNav_close.gif");
}
.boxImageGallery {
	background: url(/ProtCiv/images/layout/images_s4.gif) no-repeat 0 0;
}

/* ------------------------------------------------------------  First Box */

#columnWrapper .box_first {
	background-image: url("/ProtCiv/images/layout/sez04_bkgBox_first_Main.gif");
}
#columnWrapper .box_first_Top {
	background-image: url("/ProtCiv/images/layout/sez04_bkgBox_first_Top.gif");
}
#columnWrapper .box_first h2 {
	background-image: url("/ProtCiv/images/layout/sez04_bkgBox_first_Title.gif");
	color: #FFF;
}
#columnWrapper .box_first_Bottom {
	background-image: url("/ProtCiv/images/layout/sez04_bkgBox_first_Bottom.gif");
}
#columnWrapper .box_first  .genericBoxWrapper {
	color: white;
}
#columnWrapper .box_first .genericBoxWrapper ul {
	border-top: 1px solid #E18489;
}
#columnWrapper .box_first a:link,
#columnWrapper .box_first a:visited {
	color: #B95156;
	border-bottom: 1px solid #E18489;
}
#columnWrapper .box_first a:hover,
#columnWrapper .box_first a:focus,
#columnWrapper .box_first a:active {
	color:#8D3136;
	border-bottom: 1px solid #E18489;
	background-color: #E88B8E;
}

/* per javascript */

#columnWrapper .box_first a.box_open:link,
#columnWrapper .box_first a.box_open:visited {
	background-image: url("/ProtCiv/images/layout/sez4_boxFirst_open.gif");
}
#columnWrapper .box_first a.box_close:link,
#columnWrapper .box_first a.box_close:visited {
	background-image: url("/ProtCiv/images/layout/sez4_boxFirst_close.gif");
}

/* ------------------------------------------------------------  Content */

#contentWrapper a:link,
#contentWrapper a:visited {
	color: #7A0000;
	font-weight: bold;
	text-decoration: underline;
	/*ppadding: 2px 4px 2px 4px;*/
}
#contentWrapper a:hover,
#contentWrapper a:focus,
#contentWrapper a:active {
	/*ppadding: 2px 4px 2px 4px;*/
	background-color: #E37F7F;
	color: #fff;
	text-decoration: none;
}


/* ------------------------------------------------------------  Footer */
#footer .menu1_footer a:link,
#footer .menu1_footer a:visited {
	color: #CE013D;
}
#footer .menu1_footer a:hover,
#footer .menu1_footer a:focus,
#footer .menu1_footer a:active {
	color: #820101;	
}

#footer .menu2_footer a:link,
#footer .menu2_footer a:visited {
	color: #FA8585;
}
#footer .menu2_footer a:hover,
#footer .menu2_footer a:focus,
#footer .menu2_footer a:active {
	color: #CE013D;	
}

/* ------------------------------------------------------------  Table Comuni */

#contentWrapper table a:hover,
#contentWrapper table a:focus,
#contentWrapper table a:active {
	color: #CE013D;
}
#contentWrapper table tr.highlight2 td {
	background-color: #CE013D;
	color: white;
}

/* ------------------------------------------------------------  Table Situazione Allerta / da confrontare con le altre generiche */

#contentWrapper table a:link,
#contentWrapper table a:visited {
	border: 0;
}
#contentWrapper table.TAllerta .col1 {
	width: 25%;
	font-style: italic;
	color: #999
}
#contentWrapper table.TAllerta tr.highlight td {
	background-color: #eee;
}
#contentWrapper table.TAllerta tr.highlight1 td {
	background-color: #fbfbfb;
}
#contentWrapper table.TAllerta tr.highlight2 td {
	background-color: #999;
	color: white;
}

/* ------------------------------------------------------------  boxino sismica su colonna */


.selectSismica {
	border-top: 1px solid #b2b2b2;
	padding: 16px 8px 0px 16px;
}

#contentWrapper .selectSismica a:link,
#contentWrapper .selectSismica a:visited {
	color: #ce013d;
	margin: 0 20px 0 0;
	text-decoration: none;
}

#contentWrapper .selectSismica a:hover,
#contentWrapper .selectSismica a:focus,
#contentWrapper .selectSismica a:active {
	background: transparent;
}


#columnWrapper .boxSismica {
	background-image: url("/ProtCiv/images/layout/seismic_bkgBoxMain.gif");
	background-repeat: repeat-y;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 420px;
	margin: 40px 0 0 0;
	padding: 0 0 16px 0;
}
#columnWrapper .boxSismica .boxTop {
	background-image: url("/ProtCiv/images/layout/seismic_bkgBoxTop.gif");
	background-repeat: no-repeat;
	height: 16px;
}
#columnWrapper .boxSismica .boxBottom {
	background-image: url("/ProtCiv/images/layout/seismic_bkgBoxBottom.gif");
	background-repeat: no-repeat;
	font-size: 0em;
	height: 6px;
}
#columnWrapper .boxSismica .genericBoxWrapper {
	margin: 6px 10px;
	font-size: 0.9em;
	height: 406px;
	overflow: auto;
	scrollbar-base-color: #8c2121;
}
#columnWrapper .boxSismica ul {
	border-top: 1px solid #8A2D30;
}
#columnWrapper .boxSismica .genericBoxWrapper a {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
	background-position: 0 2px;
}
#columnWrapper .boxSismica a:link,
#columnWrapper .boxSismica a:visited {
	color: #D7B3B3;
	border-bottom: 1px solid #8A2D30;
}
#columnWrapper .boxSismica a:hover,
#columnWrapper .boxSismica a:focus,
#columnWrapper .boxSismica a:active {
	color:#F1D6D6;
	background-color: #880404;
}







/* ------------------------------------------------------------  Nuovo cae map home */

.googlemap {
    margin: 16px 0 0 0;
    /* hack per tutti gli ie */
    margin: 40px 0 0 0\9
}

/* altrimenti IE8 schianta le immagini */
#contentWrapper #content .googlemap img { margin: auto; }
#contentWrapper #content .googlemapmini img { margin: auto; }

/* ------------------------ line 0 - sfondo per no-table */

#contentWrapper .preMap {
	height: 150px;
	background: url(/ProtCiv/images/sensori/scalebkg.gif) no-repeat 0 80px;
}

/* ------------------------ line 1 - scegli */

#contentWrapper .kindOfView a:link,
#contentWrapper .kindOfView a:visited,
#contentWrapper .kindOfView a:hover,
#contentWrapper .kindOfView a:active {
	text-decoration:none;	
}
.kindOfView {
	margin: 14px 0 10px 0;
	text-align: center;
	font-size: 1.2em;
}
.kindOfView a {
	border: 1px solid #7a0000;
	padding: 8px 16px 8px 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	z-index:1000;
}
.scalasensori {
    margin:0 0 24px 0;
}

/* ------------------------ line 2 - sensori */

#contentWrapper .tableSensors {
	margin: 36px 0 16px 0;
}
#contentWrapper .tableSensors a:link,
#contentWrapper .tableSensors a:visited,
#contentWrapper .tableSensors a:hover,
#contentWrapper .tableSensors a:active {
	text-decoration:none;	
}
#contentWrapper .tableSensors td {
	text-align: center;
	vertical-align: middle;
	background: #fff;
	height: 28px;
}
#contentWrapper .tableSensors td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#contentWrapper .tableSensors tr:last-child td {
	border-bottom: 0px solid #ccc;
}
#contentWrapper .tableSensors tr td:last-child {
	border-right: 0px solid #ccc;
}
#contentWrapper .kindOfView a.selected:link,
#contentWrapper .kindOfView a.selected:visited,
#contentWrapper .kindOfView a.selected:hover,
#contentWrapper .kindOfView a.selected:active {
	background: #7a0000;
	color: #fff;
}
#contentWrapper .tableSensors td.selected {
	background: #7a0000;
}
#contentWrapper .tableSensors td.selected a:link,
#contentWrapper .tableSensors td.selected a:visited,
#contentWrapper .tableSensors td.selected a:hover,
#contentWrapper .tableSensors td.selected a:active {
	color: #fff;	
}

/* ------------------------ line 3 - scala */

.scaleWrapper {
	width: 680px;
	text-align: center;
}

/* ------------------------ baloon */

.baloonCae {
	margin: 0;
	padding: 0;
}
.baloonCae .caeStazione {
	display: block;
	font-size: 1.2em;
	padding: 0;
}
.baloonCae .caeRow {
	display: table-row;
}
.baloonCae .caeLabel {
	display: table-cell;
	padding-right: 8px;
	white-space: nowrap;
}
.baloonCae .caeDato {
	display: table-cell;
	padding-right: 8px;
	white-space: nowrap;
}
.baloonCae .caeTime {
	color: #999;
	display: table-cell;
	white-space: nowrap;
}

/* ------------------------ Dettaglio Stazione */

#contentWrapper h2 .deCapitalize {
	font-size: 0.8em;
	text-transform: uppercase;
}
#contentWrapper h3 .deCapitalize {
	font-size: 0.8em;
	text-transform: uppercase;
}


.nearData {
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
	padding: 4px 0 0 0;
}
#contentWrapper .nearData  ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#contentWrapper .nearData  li {
	list-style: none;
	padding: 1px 0 1px 0;
	margin: 1px 0 1px 0;
	border-bottom: 1px solid #ccc;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	/* for chrome */
	display: inline-block;
	width: 100%;
}
.nearData a.caeLabel {
	display: table-cell;
	padding-right: 8px;
	color: #7A0000;
	cursor: pointer;
}
#contentWrapper  .nearData a:hover.caeLabel,
#contentWrapper  .nearData a:active.caeLabel {
	color: #7A0000;
	background: transparent;
	cursor: pointer;
}
.nearData .caeDato {
	display: table-cell;
	padding-right: 8px;
}
.nearData .caeTime {
	color: #999;
	display: table-cell;
}
#contentWrapper a.sensTitle {
	display: block;
	font-size: 1.6em;
	font-weight: bold;
	color: #CE013D;
	text-align: center;
	margin: 8px 0 8px 0;
}
#contentWrapper a.sensTitle span {
	font-size: 0.7em;
	font-weight: normal;
}
#contentWrapper a.sensTitle:hover,
#contentWrapper a.sensTitle:active {
	background: transparent;
	cursor: pointer;
}


/* grafici */

.caetable {
	margin: 0;
	padding:0;
	border-bottom:none;
}
.caewrapper {
	margin: 16px 0 0 0;
}
.caegraph {
	width: 670px;
    margin: 0 0 12px;
}
#contentWrapper .caegraph img {
    margin: 0 0 0 0;
}






/* ------------------------ popup Sensore */

.caePopupTable {
	background: #000;
}



.CaeBlockStazione {
	width: 320px;
	margin: 0px 10px 0 0;
}
#contentWrapper .CaeBlockStazione table.TComuni1 {
	width: 100%;
	margin: 0;
}


.CaeMappettaStazione {
	width: 320px;
	margin: 0px 0 0 0;
}
.CaeSmallChartsSx {
	width: 320px;
	margin: 8px 10px 0 0;
}
.CaeSmallChartsDx {
	width: 320px;
	margin: 8px 0 0 0;
}
.CaeSmallChartsSx a,
.CaeSmallChartsDx a {
	display: block;
	margin-bottom: 16px;
	text-align: center;
}
.CaeSmallChartsSx a img,
.CaeSmallChartsDx a img {
	margin-top: 6px;
}
#contentWrapper .CaeSmallChartsSx a:link,
#contentWrapper .CaeSmallChartsSx a:visited,
#contentWrapper .CaeSmallChartsSx a:hover,
#contentWrapper .CaeSmallChartsSx a:active,
#contentWrapper .CaeSmallChartsDx a:link,
#contentWrapper .CaeSmallChartsDx a:visited,
#contentWrapper .CaeSmallChartsDx a:hover,
#contentWrapper .CaeSmallChartsDx a:active {
	text-decoration:none;	
}






.CaeDettaglioWrapper {
	position: absolute;
	left: 10%;
	top: 10%;
	width: 80%;
	height: 80%;
	background: rgba(0, 0, 0, 0.9);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 16px;
	color: white;
}