dl {padding-left:0px !important;}

/****************************************************************
			FLOW BAR
****************************************************************/
.flowbar {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: 696969;
}

table.flowbar {
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px;
	width: 100%;
}

.bordertopbot {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: 696969;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: 696969;
}

.flowbar tr td {
	padding: 0px;
	vertical-align: middle;
	text-align: left;
}

.flowbar tr td img {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	float: left;
}

.medio {
	background-color: #B0C4DE;
	color: #333355;
}

.pieno {
	background-color: #6C6CB2;
	color: #B0C4DE;
}

.vuoto {
	background-color: #D9DBDD;
	color: #333355;
}

/****************************************************************
			ELEMENTI IN PAGINA
****************************************************************/
a.dovetrovarlo {
	background: none repeat scroll 0 0 #ededed;
	border: 1px solid #dadada;
	color: #666;
	display: block;
	font-size: 0.8em;
	font-weight: 400;
	margin-bottom: 5px;
	padding: 2px;
	text-align: center;
	text-transform: uppercase;
}

div.dovetrovarlo {
	display: none;
	background-color: #aeaeae;
	position: absolute !important;
	top: 0px;
	left: 0px;
	opacity: 1;
	filter: alpha(opacity =   50); /* For IE8 and earlier */
	z-index: 1 !important;
	overflow-y: auto;
}

div.dovetrovarloimagecontainer {
	opacity: 1;
	z-index: 3;
}

img.dovetrovarlo {
	display: none;
	position: absolute;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: blue;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	opacity: 1;
	filter: alpha(opacity =   100); /* For IE8 and earlier */
	z-index: 2;
}

.close_button {
	cursor: pointer;
	position: absolute;
	width: 30px;
	height: 30px;
	z-index: 3;
}

.checkRicerca {
	position: relative;
	top: 10px;
}

.checkEmail {
	position: relative;
	top: 10px;
}

.alert {
	background-color: yellow;
	color: blue;
}

.fontminore {
	font-size: 14px;
}

/**
.mybody {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	background-color: #EEEEEE;
	margin-left: 10px;
	margin-right: 10px;
}
#gwtdiv {background-color: #EEEEEE;}
**/
#mycontext {
	display: none;
}

#homeurl {
	display: none;
}

#cont {
	font-size: 15px;
	margin-top: 30px;
	margin-bottom: 30px;
}



/**
input,textarea,td,td div {font-size:14px;}

@media screen and (max-width: 480px)
{
	.mybody,input,textarea,td,td div {
	   font-size: 12px;
	}
	
}

legend {
	font-family: Helvetica;
	color: blue;
}

legend img {cursor:pointer;}

fieldset {
	border-color: blue;
	border-style: solid;
}

input {
	color: blue;
}

input[readonly="readonly"],input[readonly] {
	color: black;
}

textarea[readonly="readonly"],textarea[readonly] {
	color: black;
}

textarea:disabled {
	color: blue;
}

**/
.titolosezione {
	text-align: center;
	background-color: #333355;
	color: #FFFFFF;
	height: 60px;
	display: table;
	width: 100%;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial,
		sans-serif;
	font-size: 20px;
}

.titolosezione div {
	vertical-align: middle;
	width: 100%;
	height: 100%;
	display: table-cell;
}

.titolopagina {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.riquadro {
	background-color: #D9DBDD;
	color: #333355;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.evidenziato {
	color: #FFFFFF;
	font-weight: bold;
}

.receipt {
	background-color: #339966;
	border-style: solid;
	border-width: 1px;
	border-color: 797979;
	color: white;
	width: 60%
}

.ricercabollettino {
	width: 80%;
	text-align: center;
	border-width: 1px;
	border-top-style: solid;
	border-top-color: #333355;
	border-bottom-style: solid;
	border-bottom-color: #333355;
	padding-top: 2em;
	padding-bottom: 2em;
	margin-top: 1em;
	margin-bottom: 2em;
}

.notainiziale {
	margin-bottom: 15px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial,
		sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.notafinale {
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial,
		sans-serif;
	font-size: 14px;
}

.textareastyle {
	             display:inline-block;
	             width: 100%;
}

.tastodisabilitato {opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */}
    
 .noleftpadding {padding-left:0px !important};

.ultimoelementomarginbottom  {margin-bottom:10px !important;}

.spaziatasti {margin-right: 0.288em !important;}

/****************************************************************
	SEZIONI DETTAGLIO
****************************************************************/
fieldset.sezionidettaglio {
	border-style: none;
	width: 80%;
	padding-top: 10px;
	padding-left: 20px;
}

fieldset.sezionidettaglio legend {
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial,
		sans-serif;
	font-size: 12px;
	background-color: #B0C4DE;
	color: #333355;
	width: 100%;
	position: relative;
	left: -5px;
}

div.chiudi div {
	display: none;
}

/****************************************************************
	STILI COME CARATTERISTICHE INCREMENTALI
****************************************************************/
.textbold {
	font-weight: bold;
}

.hide {
	display: none;
}

.deleted {
	text-decoration: line-through;
	text-decoration-color: red;
	-moz-text-decoration-color: red;
}

.red {
	color: red;
}

.spaziasotto {margin-bottom: 20px;}


.spaziasopra {
	margin-top: 2em;
}

.spaziadestra {
	margin-left: 2em;
}

.check_multe {
	position: relative;
	top: -5px;
}

.inlinea {
	display: inline-block;
}

/****************************************************************
			TASTI VECCHI

.oval_button {
	background-image: url("/fascicolo/multeapp/img/tasto_ovale.png");
	border-style: none;
	width: 100px;
	height: 30px;
	cursor: pointer;
	margin-right: 10px;
	margin-left: 10px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial,
		sans-serif;
	font-size:14px;
}

.oval_button_bianco {
	background-image: url("/fascicolo/multeapp/img/tasto_ovale_bianco.png");
	border-style: none;
	width: 130px;
	height: 30px;
	cursor: pointer;
	margin-right: 10px;
	margin-left: 10px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial,
		sans-serif;
	font-size:14px;
}


.oval_button_large {
    background-image: url("/fascicolo/multeapp/img/tasto_ovale_large.png");
	border-style: none;
	width: 190px;
	height: 30px;
	cursor: pointer;
	margin-right: 10px;
	margin-left: 10px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial,
		sans-serif;
	font-size:14px;
	
	
}



.oval_button_bianco_large {
    background-image: url("/fascicolo/multeapp/img/tasto_ovale_bianco_large.png");
	border-style: none;
	width: 180px;
	height: 30px;
	cursor: pointer;
	margin-right: 10px;
	margin-left: 10px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial,
		sans-serif;
	font-size:14px;
	
	
}

@media screen and (max-width: 480px)
{
	.oval_button_large {
    background-image: url("/fascicolo/multeapp/img/tasto_ovale.png");
    width: 100px;
	font-size:12px;}
	
    .oval_button {font-size:12px;}
    
    .oval_button_bianco_large {
    background-image: url("/fascicolo/multeapp/img/tasto_ovale_bianco.png");
    width: 130px;
	font-size:12px;}
	
    .oval_button_bianco {font-size:12px;}
	
}

****************************************************************/
/****************************************************************
			ICONE DI CONTROLLO CASELLE TESTO E RELATIVO MESSAGGIO
****************************************************************/
div.ok,div.ko {
	width: 30px;
	height: 30px;
	overflow: hidden;
	color: #FFFFFF;
	margin-left: 10px;
}

div.ok {
	background-image: url("/fascicolo/multeapp/img/cerchio_verde.png");
}

div.ok span {
	position: relative;
	top: 5px;
	left: 2px;
}

div.ko {
	background-image: url("/fascicolo/multeapp/img/cerchio_rosso.png");
}

div.ko span {
	position: relative;
	top: 5px;
	left: 10px;
}

.error_row {
	font-family: "Arial Regular", "Arial";
	font-size: 13px;
	color: #ff0000;
	margin-bottom: 10px;
}

/****************************************************************
			TESTATA
****************************************************************/
.testataR {
	float: right;
	background-repeat: no-repeat;
	background-position: left;
}

.testata {
	background-image: url(/fascicolo/multeapp/img/servizionline_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 107px;
	margin-top: 7px;
}

/*.testata a:link
{
  text-decoration: none;
}*/
.testataL {
	float: left;
	margin-top: 0px;
	padding-top: 0px;
}

/****************************************************************
			MENU ORIZZONTALE
****************************************************************/
.percorsoIperbole {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.68em;
	color: #000044;
	padding-top: 1px;
	padding-left: 7px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-bottom: 0px;
	background-color: #E8E8E8;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.percorsoIperbole a:link {
	text-decoration: none;
	color: #000044;
	background-color: #E8E8E8;
}

.percorsoIperbole a:visited {
	text-decoration: none;
	color: #000044;
	background-color: #E8E8E8;
}

.percorsoIperbole a:hover {
	text-decoration: underline;
	color: #000000;
	background-color: #E8E8E8;
}

.percorsoIperbole a:active {
	text-decoration: none;
	color: #000044;
	background-color: #E8E8E8;
}

/****************************************************************
			PERCORSO
****************************************************************/
.percorso {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.68em;
	color: #000044;
	padding-top: 1px;
	padding-left: 7px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-bottom: 0px;
}

.corpoCentrale {
	width: 100%;
	margin-top: 0px;
	padding-top: 0px;
}

/****************************************************************
			NUOVI CSS DEL PORTALE FASCICOLO DEL CITTADINO
****************************************************************/
a {
	color: #f44336;
}

li.selected {
	color: #F44336;
}

.main-container {
	background: none repeat scroll 0 0 #e6e7e8;
	padding-top: 30px;
}

.navbar-default {
	background-color: #f44336;
	margin-bottom: 0;
}

.panel {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #f44336;
	border-image: none;
	border-right: 0 none;
	border-style: solid none none;
	border-width: 10px 0 0;
}

.panel-heading {
	border: 0 none !important;
	position: relative;
}

.panel-title {
	border-bottom: 1px solid #dadada;
	color: #f44336;
	font-size: 2em;
	padding-bottom: 5px;
}

.panel-info .panel-title {
	text-transform: none;
}

.panel-account .panel-title {
	color: #fff;
}

.panel-secondary .panel-title {
	color: #b71c1c;
}

.panel-account>.portlet-body>.panel {
	background: none repeat scroll 0 0 #f44336;
	border-top: 10px solid #fff;
	color: #fff;
}

.panel-secondary {
	border-top: 10px solid #b71c1c;
}

.panel-account a {
	color: #fff;
}

.panel-primary>.panel-heading {
	background-color: #fff;
}

.btn-primary {
	background-color: #f44336;
	text-transform: uppercase;
}

.btn {
	border: 0 none;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
	font-size: 0.875em;
	padding: 3px 10px;
}

.panel-account .btn-primary {
	background-color: #b71c1c;
}

.panel-info>.panel-heading {
	background-color: #fff;
	border-color: 0 none;
}

.panel-footer {
	background-color: #fff;
	border-top: 1px solid #dadada;
	padding: 15px;
}

.panel-footer-center {
	background-color: #fff;
	border-top: 1px solid #dadada;
	padding: 15px;
	text-align: center;
}

.panel-footer ul {
	padding-left: 10px;
}

.panel-footer ul li {
	list-style: none;
}

.panel-footer ul li a {
	text-decoration: underline;
}

.profile-info {
	overflow: hidden;
}

.picture {
	padding: 2px 4px 4px 2px;
}

.picture img {
	border: 1px solid #dadada;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	height: auto;
	padding: 2px;
	width: 100%;
}

.username {
	border-bottom: 1px solid #dadada;
	font-size: 1.4em;
	font-weight: 700;
}

.field {
	margin: 10px 0;
}

.field-label {
	overflow: hidden;
}

.field-content {
	font-weight: 700;
}

.profile-data {
	border-top: 1px solid #dadada;
	margin: 30px -15px 0;
	overflow: hidden;
	padding: 0 30px;
}

.profile-data h3 {
	color: #f44336;
}

a.contextual-link {
	color: #aaa;
	margin-top: -30px;
	position: absolute;
	right: 30px;
	text-decoration: underline;
}



.profile-edit .field-label {
	color: #f44336;
	font-weight: 700;
}

.profile-edit .field-content {
	font-weight: 300;
}

.profile-edit .field-content label {
	font-weight: 400;
}

.profile-edit label {
	font-size: 1em;
	font-weight: 700;
}

.profile-edit-footer {
	border-top: 1px solid #dadada;
	margin: 20px -30px 0;
	padding: 15px 30px;
}

.profile-edit-footer p {
	
}

.profile-edit-footer input {
	
}

.field-checkboxes input {
	clear: left;
	float: left;
}

.field-checkboxes .field-content label {
	float: left;
	margin-left: 10px;
	font-weight: 400;
}

/*
* Breadcrumbs
*/
.breadcrumb {
	background-color: #fff;
	color: #999;
	font-size: 0.875em;
	font-weight: 300;
	text-transform: none;
}

li.b_selected {color:#F44336;color:#F44336;}
li.b_active {font-weight: 700;color:#000000;}

/*
* Form payer
*/
.field {
	margin: 10px 0 30px;
}

a.popup {
	background: none repeat scroll 0 0 #ededed;
	border: 1px solid #dadada;
	color: #666;
	display: block;
	font-size: 0.8em;
	font-weight: 400;
	margin-bottom: 5px;
	padding: 2px;
	text-align: center;
	text-transform: uppercase;
	width: 300px;
}

a.popup:hover {
	background: #dadada;
	text-decoration: none;
}

.form-payer input[type=text],.form-payer select {
	padding: 7px;
	width: 300px;
}

.form-payer .field-label {
	color: #f44336;
	font-weight: 700;
}

.form-payer .field-content {
	font-weight: 300;
}

.form-payer .field-content label {
	font-weight: 400;
}

.form-payer label {
	font-size: 1em;
	font-weight: 700;
}

.form-payer-footer {
	border-top: 1px solid #dadada;
	padding: 15px 30px;
}

.field-collection h3 {
	background: none repeat scroll 0 0 #dedede;
	font-size: 1.2em;
	padding: 4px 10px;
	text-transform: uppercase;
}

.field-collection .row {
	margin: 0 10px 20px;
}

.field-result-value {
	font-weight: 700;
}

.form-payer-footer .btn {
	margin-right: 10px;
}

.btn-default {
	text-transform: uppercase;
}

.alert {
	font-size: 1em;
	font-weight: 700;
}

.field-content-small input[type='text'] {
	width: 50px;
}

.field-result-error {
	color: #f44336;
}

.alert a {
	color: #fff;
	text-decoration: underline;
}

h1 {
	color: #f44336;
	text-transform: uppercase;
	margin-top: 0;
	border-bottom: 1px solid #dadada;
}

.servizio-list-item h3 {
	border-bottom: 1px solid #dadada;
	color: #f44336;
	padding-bottom: 5px;
}

.servizio-list-item h3 span {
	margin-right: 10px;
}

.servizio-list-item h4 {
	font-weight: 700;
	margin: 0;
}

.servizio-list-item h4 a {
	color: #666;
	font-size: 0.9em;
	font-weight: 700;
	text-decoration: underline;
}

.col-sm-6 {
	width: 80%;
	text-align: left;
}

.single-box {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}
.sezionidettaglio {
    margin-bottom: 20px;
}

.nav-button {
 padding-bottom: 25px;}