/* =LAYOUT */

html,
button,
input,
select,
textarea {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}

body {
	background: url("../../img/csri-new/bg.png") center repeat-y;
	color: #444;
	font: 0.75em/1.5 "Arial", "Helvetica", sans-serif;
	/*line-height: 1.3;*/
}

#ext-container {
	max-width: none;
	width: 1024px;	
}

/* =HEADER */

#header-main {
	padding: 0;
}

#header {
	background: #191919 url("../../img/csri-new/bg-header.jpg") bottom repeat-x;
	height: 85px;
}

#logo-main{
	width: 940px;
	overflow: hidden;
	margin: 0 auto;
	
}

.sub-menu {
	padding-top: 0;
}

/* =FOOTER */

#footer {
	margin-top: 1em;
	background: #f4f4f4 url("../../img/csri-new/bg-footer.gif") 0 0 repeat-x;
	height: 100px;
}

#footer a:hover {
	color: #ff6000;
}

/* =MAIN-CONTENT */

#menu, 
#breadcrumbs-wrapper,
.container {
	margin: 0 auto;
	width: 1024px;
}

.container {
	/*background-color: #FFF;
	border-left: 1px solid #758725;
	border-right: 1px solid #758725;
	float: none;
	padding-top: 3px;*/
	width: 1024px;
	overflow: visible;
	margin: 0 auto;
}

.column {
	/*background-color: #FFF;*/
}

.content {
	padding: 0 15px;
}

/* =2-COLUMN-LAYOUT-LEFT-MENU */
[class*="col-"] {
    float: right;
    padding-left: 15px;
    padding-right: 15px;
}

.two-columns-left-menu .content {
	left: 0%;
}

.two-columns-left-menu .menu {
	left: 22%;
}

/* =2-COLUMN-LAYOUT-RIGHT-MENU */

.two-columns-right-menu .menu {
	left: 22%;
}
.two-columns-right-menu .content {
	left: 100%;
}

/* =3-COLUMNS-LAYOUT */

.three-columns .left-menu {
	left: 22.2%;
}

.three-columns .right-menu {
	left: 82%;
}

/* =ELEMENTS */

h1,
h2 {
	/*color: #296B12;
	font-size: 1.5em;*/	
    margin: 10px 0 0.75em;
    padding-bottom: 10px;
    font: normal 2em "MuseoSans",sans-serif;
}
	


/* =LINKS */

a {
	color: #616161;
}
a:hover {
	/*background-color: #B1B1B1;*/
	color: #ff6000;
	text-decoration: underline;
}

/* =INPUTS-AND-BUTTONS */

input,
select,
textarea {
	color: #003366;
}

.button {
	background-color: #ff6000;
	border: 1px solid #6d6d6d;
	color: #FFF;
	padding: 2px .5em;
}

.text {
	border: 1px solid #333;
}

/* =TABLES */

table {
	border: 0;
	border-collapse: separate;
	border-spacing: 2px;
	color: #404040;
}

th {
	background-color: #ff6000;
	border: 0;
	color: #fff;
}

td {
	background-color: #fff;
	border: 0;
	color: #444
}

/* =LATERAL-MENU */

.menu-box {
	/*border: 1px solid #B3C782;
	color: #0A69BA;*/
}

.menu-box h2 {
	/*background-image: url("../../img/csri-new/label-bottom.gif");
	background-position: center top;*/
	color: #616161;
	/*font-size: 1.2em;*/
	padding: 5px 15px;
	/*text-align: center;*/
	font-size: 1.1em;

font-weight: bold;
	margin: 0;
	
	border-bottom: 1px solid #ff6000;
	background-color: #fff;
}

.menu-box a {
	color: #616161;
	text-decoration:none;
}

.menu-box a:hover {
	/*background-color: #B1B1B1;*/
	color: #ff6000;
}
.menu-box .current a{
	color: #ff6000;
}

.navigation-box span {
	padding: .6em 15px;
	margin: 0;
	border-bottom: 1px solid #ddd;
	color: #969696;
}

/* =HEADER-MENU */

div#menu div#date-sub-menu, div#search-sub-menu, div#style-sub-menu{
	padding-top: 0px;
	padding-bottom: 0px;
	/*width:100%;
	min-width: 0 !important;*/
	overflow: visible;
	margin: 0 auto;
	text-align: left;
	
}


#menu {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #2b2b2b;
	background-position: left bottom;
	background-repeat: repeat-x;
	border-color: -moz-use-text-color;
	border-image: none;
	border-radius: 0px 0px 0 0;
	border-style: none;
	border-width: medium medium 0;
	color: #FFF;
	height: 31px;
	line-height: 31px;
	padding: 0 2px 0 0;
	overflow: visible;
	font-weight: bold;
	
	
}

#style-sub-menu a {
	color: #fff;
	text-decoration:none;
	
}

#style-sub-menu a:hover {
	color: #ff6000;
	
}

/* =BREADCRUMBS */

#breadcrumbs-wrapper {
	background: #FFF;
	border-bottom: 1px dotted #BBB;
	border-left: 1px solid #758725;
	border-right: 1px solid #758725;
	color: #666;
}

#breadcrumbs {
	padding-left: 5px;
}

#breadcrumbs a:hover {
	background-color: #555;
	color: #FFF;
}

/* Restyling istituzionale del tema grafico CSRI. */
:root {
  --csri-blue: #0066cc;
  --csri-navy: #003366;
  --csri-ink: #17324d;
  --csri-muted: #526779;
  --csri-line: #cbd7e2;
  --csri-pale: #edf5fc;
  --csri-footer: #202a2e;
}

body {
  background: #fff;
  color: var(--csri-ink);
}

#header {
  height: auto;
  min-height: 85px;
  background: linear-gradient(110deg, var(--csri-navy), var(--csri-blue));
  color: #fff;
}

#header #logo-main {
  box-sizing: border-box;
  width: 100%;
  max-width: 1024px;
  padding: 10px 16px;
}

#logo-main img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

#menu-wrapper,
#menu {
  background: var(--csri-navy);
  color: #fff;
}

#menu {
  height: auto;
  min-height: 31px;
}

#menu #style-sub-menu a:hover,
#menu #style-sub-menu a:focus {
  color: #fff;
  text-decoration: underline;
}

#breadcrumbs-wrapper {
  background: var(--csri-pale);
  border: 0;
  border-bottom: 1px solid var(--csri-line);
  color: var(--csri-muted);
}

#ext-container,
#menu,
#breadcrumbs-wrapper,
#ext-container .container {
  max-width: 100%;
  box-sizing: border-box;
}

#ext-container a {
  text-underline-offset: .15em;
}

#ext-container .content a:not(.menu-gestione a),
#ext-container #breadcrumbs a {
  color: var(--csri-navy);
  text-decoration: underline;
}

#ext-container #breadcrumbs a:hover {
  color: #fff;
  background: var(--csri-navy);
}

#ext-container :focus-visible {
  outline: 2px solid var(--csri-navy);
  outline-offset: 2px;
}

#ext-container #header :focus-visible,
#ext-container #menu :focus-visible,
#ext-container #footer :focus-visible {
  outline-color: #fff;
}

#ext-container .content h1,
#ext-container .content h2 {
  color: var(--csri-ink);
  font-weight: 700;
}

#ext-container .menu-box h2 {
  background: var(--csri-pale);
  color: var(--csri-ink);
  border-bottom-color: var(--csri-line);
}

#ext-container .menu-box a {
  color: var(--csri-navy);
}

#ext-container .menu-box a:hover,
#ext-container .menu-box a:focus,
#ext-container .menu-box .current a {
  color: var(--csri-navy);
  text-decoration: underline;
}

#ext-container fieldset {
  min-width: 0;
  border: 1px solid var(--csri-line);
  border-radius: 6px;
}

#ext-container legend {
  padding: .35em .65em;
  border-radius: 4px;
  background: var(--csri-navy);
  color: #fff;
}

#ext-container .fieldset-row:hover {
  border-color: var(--csri-blue);
}

#ext-container .element input,
#ext-container .element select,
#ext-container .element textarea {
  box-sizing: border-box;
  max-width: 100%;
  border-color: #8196a9;
}

#ext-container .detail-section-title {
  color: var(--csri-navy);
}

#ext-container .list-item {
  border: 1px solid var(--csri-line);
  border-radius: 6px;
  outline: none;
  background: #fff;
  padding: .85em;
}

#ext-container th,
#ext-container .current-step {
  background-color: var(--csri-navy);
  color: #fff;
}

#ext-container .light-table th {
  background: var(--csri-pale);
  color: var(--csri-ink);
}

#ext-container .button:not(:disabled):not(.nav-page-button):not(.nav-button) {
  background-color: var(--csri-blue);
  border-color: var(--csri-blue);
  border-radius: 4px;
  color: #fff;
  padding: .3em .7em;
}

#ext-container .button:not(:disabled):not(.nav-page-button):not(.nav-button):hover,
#ext-container .button:not(:disabled):not(.nav-page-button):not(.nav-button):focus {
  background-color: var(--csri-navy);
  border-color: var(--csri-navy);
}

#ext-container #pagination-navi .nav-page-button {
  border-color: var(--csri-blue);
  color: var(--csri-navy);
}

#ext-container #pagination-navi .nav-page-button.selected {
  background-color: var(--csri-navy);
  color: #fff;
}

#ext-container .menu-gestione li:not(.disabled):hover,
#ext-container .menu-gestione li:not(.disabled):focus-within,
#ext-container .menu-gestione li:not(.disabled):hover span,
#ext-container .menu-gestione li:not(.disabled):focus span {
  background-color: var(--csri-navy);
}

#ext-container .menu-gestione li:not(.disabled):hover span.info,
#ext-container .menu-gestione li:not(.disabled):focus-within span.info {
  background: none;
  color: #fff;
}

#ext-container .content .menu-gestione li:not(.disabled):hover a,
#ext-container .content .menu-gestione li:not(.disabled):focus a {
  color: #fff;
}

#footer {
  height: auto;
  min-height: 100px;
  background: var(--csri-footer);
  color: #fff;
}

#footer-main {
  box-sizing: border-box;
  padding: 1.25em 1rem;
  color: #fff;
  overflow-wrap: anywhere;
}

#ext-container #footer a,
#ext-container #footer a:hover,
#ext-container #footer a:focus {
  color: #fff;
  text-decoration: underline;
}


/* Intestazione e footer del Commissario */
#header { background: #0066cc; }
.csri-slim { background: #003366; color: #fff; }
.csri-inner { box-sizing: border-box; max-width: 1140px; margin: 0 auto; padding: 0 16px; }
.csri-slim .csri-inner { min-height: 48px; display: flex; align-items: center; }
#header .csri-slim a,
#header .csri-brand,
#header .csri-nav a { color: #fff; }
#header #logo-main.csri-brand-wrap { max-width: 1140px; padding: 16px; overflow: visible; }
#header .csri-brand { display: flex; align-items: center; gap: 18px; text-decoration: none; }
#header .csri-brand img { width: 82px; height: 82px; object-fit: contain; flex: 0 0 auto; }
.csri-brand-title { display: block; font-size: 2.55em; font-weight: 700; line-height: 1.16; max-width: 780px; }
.csri-brand-tagline { display: block; font-size: 1.3em; margin-top: .2em; }
.csri-nav .csri-inner { display: flex; flex-wrap: wrap; gap: .2em 2em; }
.csri-nav a { display: inline-block; padding: .8em 0; font-size: 1.35em; }
#footer { background: #202a2e; }
#footer-main:has(.csri-footer-brand) { max-width: 1140px; margin: 0 auto; padding: 2em 16px; text-align: left; }
.csri-footer-brand { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin: 0 0 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid #73828a; }
.csri-footer-brand img { width: 178px; max-width: 100%; height: auto; }
.csri-footer-brand strong { max-width: 34em; font-size: 1.55em; }
.csri-footer-nav { display: flex; flex-wrap: wrap; gap: .6rem 1.5rem; margin-bottom: 1.25rem; }
@media (max-width: 650px) {
  #header .csri-brand img { width: 56px; height: 56px; }
  .csri-brand-title { font-size: 1.75em; }
  .csri-brand-tagline { font-size: 1.15em; }
  .csri-nav a { font-size: 1.12em; }
  .csri-nav .csri-inner { gap: 0 1.2em; }
}

.csri-footer-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 1rem 2rem; padding: 0 0 1rem; margin-bottom: 1rem; border-bottom: 1px solid #73828a; }
#footer .csri-footer-columns h2 { color: #fff; font: bold 1.25em/1.3 Arial, sans-serif; padding: 0; margin: .4em 0; }
.csri-footer-columns ul { list-style: none; margin: 0; padding: 0; }
.csri-footer-columns li { margin: .4em 0; }

/* Footer ispirato al Portale Appalti del Comune di Bernalda. */
.csri-slim .csri-inner { flex-wrap: wrap; gap: .2rem 1.5rem; padding-top: .45rem; padding-bottom: .45rem; }
#footer.csri-footer-bernalda { background: #003779; }
#footer.csri-footer-bernalda #footer-main { max-width: none; width: 100%; margin: 0 auto; padding: 1.35rem clamp(16px, 2vw, 32px); text-align: left; }
.csri-footer-heading { margin-bottom: 1.4rem; }
.csri-footer-heading strong { display: block; font-size: 1.75em; line-height: 1.25; }
.csri-footer-heading span { display: block; margin-top: .3em; font-size: 1.15em; }
.csri-footer-bernalda .csri-footer-columns { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 1rem 1.6rem; margin: 0 0 1.2rem; padding: 0; border: 0; }
.csri-footer-bernalda .csri-footer-columns > section { min-width: 0; padding-top: .7rem; border-top: 1px solid #6c8ab3; }
#footer.csri-footer-bernalda .csri-footer-columns h2 { font-size: 1.35em; margin: 0 0 .65em; }
.csri-footer-bernalda .csri-footer-columns p { margin: 0 0 .45em; }
.csri-footer-bernalda .footer-info { border-top: 1px solid #6c8ab3; padding-top: .6rem; }
@media (max-width: 850px) { .csri-footer-bernalda .csri-footer-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .csri-footer-bernalda .csri-footer-columns { grid-template-columns: minmax(0, 1fr); } }


/* Correzioni puntuali csri-new: footer, intestazione e menu mobile. */
/* Contenitore aggiunto in footer.jsp e footer-agid.jsp. */
#footer.csri-footer-bernalda .csri-footer-links {
  text-align: center;
}

/* Lo span del titolo deve potersi restringere accanto allo stemma. */
#header .csri-brand > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

@media only screen and (max-width: 768px) {
  /* portale-agid.css nasconde div#header-main a questa soglia. */
  #header div#header-main {
    display: block;
    background: var(--csri-blue);
  }

  /* Il drawer e' esterno a #ext-container nei modelli AGID. */
  .responsive-static-menu .menu-box h2 {
    background: var(--csri-pale);
    color: var(--csri-ink);
    border-bottom-color: var(--csri-blue);
  }

  .responsive-static-menu .menu-box a {
    color: var(--csri-navy);
  }

  .responsive-static-menu .menu-box a:hover,
  .responsive-static-menu .menu-box a:focus,
  .responsive-static-menu .menu-box .current a {
    color: var(--csri-navy);
    text-decoration: underline;
  }

  .responsive-static-menu :focus-visible {
    outline: 2px solid var(--csri-navy);
    outline-offset: 2px;
  }
}
/* Solo area dei contenuti desktop: header, barra e menu mobile invariati. */
@media only screen and (min-width: 769px) {
  #ext-container .container {
    width: calc(100% - 48px);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}