:root {
	--bs-card-title-color: #000053;
	--bs-card-color: #000053;
	--bs-body-color: #000053;
	--bs-pagination-active-bg: #000053;
	
	--dr-color: #000053;
	--dr-bg-dark: #990000;
	--dr-bg-light: #efe7d6;
	--dr-bg-light2: #cccccc;
}

body {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}

.badge-dramma {
	font-size: 1.0rem;
}

.btn-dramma, a.btn-dramma:link, a.btn-dramma:visited, a.btn-dramma:hover {
	background-color: var(--dr-bg-dark);
	color:#ffffff;
}

.cover-book-1 {
    padding-right: 40px;
	padding-left: 40px;
	background-color: var(--bs-card-cap-bg);
}
.cover-book-2 {
    padding-right: 60px;
	padding-left: 60px;
	background-color: var(--bs-card-cap-bg);
}

.cover-book, .cover-book-3 {
    padding-right: 80px;
	padding-left: 80px;
	background-color: var(--bs-card-cap-bg);
}

.text-smallcaps {
  font-variant: small-caps;
}

.active > .page-link, .page-link.active {
  color: #ffffff;
  background-color: var(--dr-bg-dark);
  border-color: var(--dr-bg-dark);
  text-decoration: none;
}


.titolo {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 14pt; 
	COLOR: #000055; 
}

.testo {
	font-size: 10pt;
	color: var(--dr-color);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	list-style-type: none;
	list-style-image: none;
}

.wrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera less then 7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.table-container {
	margin-left:10px;
	margin-right:10px;
}

.table-container > table > tbody > tr > td {
	padding:3px;
	font-size: 8pt; 
	word-wrap: break-word;
	vertical-align: top;
}

.text-sm {
	font-size: 0.875rem; 
}
.text-center {
	text-align:center !important;
}
.text-right {
	text-align:right !important;
}

.dont-break-out-old {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto; 
  hyphens: auto;

}

.dont-break-out {
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.info
{
	font-size: 0.875rem;
	color: var(--dr-color);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.small {
	MARGIN-TOP: 0px; 
	font-size: 0.875rem;
	MARGIN-BOTTOM: 0px; 
	color: var(--dr-color);
	word-wrap: break-word;
}

.footnote_text div, .footnote_text p {
	font-size: 0.8125rem;
	color: var(--dr-color);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	list-style-type: none;
	list-style-image: none;
	line-height: normal; 
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
	word-wrap: break-word;
}

a.text-decor-none,
a.text-decor-none:link,
a.text-decor-none:visited {
	text-decoration: none;
}

a.footnote_sup,
a.footnote_sup:link,
a.footnote_sup:hover,
a.footnote_sup:visited {
	color: #990000; 
	text-decoration: none;
	font-weight: bold;
}

a.footnote_text,
a.footnote_text:link,
a.footnote_text:hover,
a.footnote_text:visited {
	color: #990000; 
	text-decoration: none;
	font-weight: bold;
}

.citaz {
	font-size: 0.875rem; 
	text-align: justify; 
	word-wrap: break-word;
	margin-bottom:0;
}



.citazTop {
	padding-left:10.0em; 
	padding-right:1.0em; 
	font-size: 0.875rem;
	text-align: justify; 
}




.smallcentr {
	MARGIN-TOP: 0px; 
	FONT-SIZE: 8pt; 
	MARGIN-BOTTOM: 0px; 
	COLOR: var(--dr-color); 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: center; 
}



.smallnav {
	FONT-SIZE: 8pt;
	COLOR: #dddddd;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	clip:  rect(5px, auto, auto, auto);
}

a, a:visited, a:link {
	color: #990000;
}
a:hover {
	color: #000099;
}


.a1, .a1:visited, .a1:link {
	color: #990000;
	text-decoration: none;
}
.a1:hover {
	color: #000099;
	text-decoration: underline;
}


.a2 {
	COLOR: #dddddd;
	text-decoration: none;
}
.a2:hover {
	COLOR: #FFFF66;
	text-decoration: none;
}
.a2:visited {
	COLOR: #dddddd;
	text-decoration: none;
}
.a2:link {
	COLOR: #dddddd;
	text-decoration: none;
}
.a2:active {
	COLOR: #dddddd;
	text-decoration: none;
}
.a3 {
	COLOR: #990000;
	text-decoration: none;
}

.a3:hover  {
	COLOR: #FFFFFF; 
	background-color:var(--dr-bg-dark); 
	text-decoration: none;
}
.a3:visited  {
	COLOR: #990000; 
	text-decoration: none;
}
.a3:link {
	COLOR: #990000; text-decoration: none;
}
.a3:active {
	COLOR: #990000; text-decoration: none;
}
.a4, .a4:hover, .a4:visited, .a4:link, .a4:active {
	text-decoration: inherit; 
}




.tdcolor1 {
	BACKGROUND-COLOR: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 8pt
}

.tdcolor2 {
	BACKGROUND-COLOR: #cccccc;
	COLOR: var(--dr-color);
	FONT-SIZE: 8pt;  
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}

.tdcolor3 {
	BACKGROUND-COLOR: var(--dr-bg-dark); 
	COLOR: #dddddd; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.tdcolor4 {
	BACKGROUND-COLOR: #e8da13;
	COLOR: #000000;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

}
.tdgruppo {
	BACKGROUND-COLOR: #006666;
	COLOR: #FFFFFF; 
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}
.tdlettoriscrivono {
	BACKGROUND-COLOR: var(--dr-bg-light);
	COLOR: var(--dr-color);
	MARGIN-TOP: 0px; FONT-SIZE: 8pt; 
	MARGIN-BOTTOM: 0px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left;
}
.tdscuro {
	BACKGROUND-COLOR: #006666;
	COLOR: #dddddd;
	MARGIN-TOP: 0px;
	FONT-SIZE: 8pt;
	MARGIN-BOTTOM: 0px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}


.testosmall {

	FONT-SIZE: 9pt; COLOR: var(--dr-color); 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: justify
}
.pspaziato {
	MARGIN: 1px 4px 0px; 
	COLOR: var(--dr-color); 
	TEXT-ALIGN: justify;
}
.tdsaggi 
{ 
	BACKGROUND-COLOR: #FFCC99;
	COLOR: var(--dr-color); 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}

.provaimg {  
	border: 1px #0000CC outset; 
	background-color: #FFFFFF; 
	margin-top: 2px; 
	margin-right: 2px; 
	margin-bottom: 2px; 
	margin-left: 2px; 
	padding-top: 2px; 
	padding-right: 2px; 
	padding-bottom: 2px;
}

.pmargin {  
	margin-top: 0px; 
	margin-bottom: 0px;
}

form 
{  
	margin-top: 0px; 
	margin-bottom: 0px;
}

.testong { 
	COLOR: var(--dr-color); 
}

.testotrovato { 
	font-weight: bold; 
}



.amenu {  
	color: var(--dr-color) !important; 
	text-decoration: none !important; 
}
.amenu:hover {  
	color: #990000; 
	text-decoration: none; 
}
.amenu:visited { 
	color: var(--dr-color); 
	text-decoration: none;
}

.tdcerca { 
	BACKGROUND-COLOR: #efe7d6;
	COLOR: var(--dr-color); 
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.campiform {
	BORDER-RIGHT: #aaaaaa 1px solid; 
	BORDER-TOP: #aaaaaa 1px solid; 
	FONT-SIZE: 8pt; 
	BACKGROUND: #dddddd; 
	BORDER-LEFT: #aaaaaa 1px solid; 
	WIDTH: 30mm; 
	COLOR: #000000; 
	BORDER-BOTTOM: #aaaaaa 1px solid; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left; 
}

.tdcolor2elenco { 
	BACKGROUND-COLOR: #cccccc;
	COLOR: var(--dr-color); 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}
.even
{
	background-color: lightcyan;
}
.odd
{
	background-color: transparent;
}

article {
  color: var(--dr-color);
  font-size: 1.0rem;
  line-height:1.6em;
  font-family: 'Open Sans', sans-serif;
  padding:10px;
}

article.hp {
  text-align: left;
  line-height:1.1rem;
  padding:10px 0px;
}

.bg-dramma-light {
	background-color: var(--dr-bg-light);
}

.bg-dramma-light2 {
	background-color: var(--dr-bg-light2);
}

.bg-dramma-dark {
	background-color: var(--dr-bg-dark);
}
.bg-dramma {
	background-color:var(--dr-bg-dark);
}

.ricerca input {
	  padding: 0.20em 0.30em 0.20em 0.30em;
	  margin-bottom:0;
	  font-size: 1.00em;
	  min-width: 5.0em;
	}
	
.ricerca select {
	  padding: 0.27em 0.30em 0.30em 0.30em;
	  margin-bottom:0;
	  font-size: 1.00em;
	  min-width: 5.0em;
	}
	
.ricerca form {
  margin-bottom:0;
}

.ricerca {
  color: var(--dr-color);
  background-color: var(--dr-bg-light);
  text-align: center;
  padding: 0.5em;
}

.ricerca-btn:link,visited {
  color: #ffffff;
  background-color: var(--dr-bg-dark);
  background-image: -webkit-linear-gradient(top, #cc0000, var(--dr-bg-dark));
  background-image: -moz-linear-gradient(top, #cc0000, var(--dr-bg-dark));
  background-image: -ms-linear-gradient(top, #cc0000, var(--dr-bg-dark));
  background-image: -o-linear-gradient(top, #cc0000, var(--dr-bg-dark));
  background-image: linear-gradient(to bottom, #cc0000, var(--dr-bg-dark));
  padding: 0.30em 0.6em 0.30em 0.6em;
  text-decoration: none;
  /*font-size: 1.10em;*/
}

.ricerca-btn:hover {
  color: #ffffff;
  background-color: #DD0000;
  background-image: -webkit-linear-gradient(top, #cc0000, #DD0000);
  background-image: -moz-linear-gradient(top, #cc0000, #DD0000);
  background-image: -ms-linear-gradient(top, #cc0000, #DD0000);
  background-image: -o-linear-gradient(top, #cc0000, #DD0000);
  background-image: linear-gradient(to bottom, #cc0000, #DD0000);
  text-decoration: none;
}

.head img, .head-hp img {
	margin: 0;
	padding: 0;
	border:0;
}

.logo img {
	margin-left: auto;
	margin-right: auto;
}




.rec-r > p {
	text-align: justify;
}

.rec-m {
	font-size:0.875rem;
}





@media (max-width: 767px) {


	.rec-r > .citaz {
		padding: 5px 0 5px 10px;
		border-left: 10px solid #DFDEDE;
		font-size: 14px;
		font-style: italic;
		margin-bottom:0;
	}

	.hide-big {
		display:block;
	}
	
	.hide-small {
		display:none;
	}

	.ricerca-select {
	  width: 30%;
	}
	
	.ricerca-input {
	  width: 42%;
	}
	
	article {
		text-align:left;
		padding: 10px;
	}

}


@media (min-width: 768px) {

	.rec-r > .citaz {
		padding: 5px 0 5px 15px;
		border-left: 15px solid #DFDEDE;
		font-size: 14px;
		font-style: italic;
		margin-bottom:0;
	}

	.hide-big {
		display:none;
	}
	.hide-small {
		display:block;
	}

	.ricerca-select {
	  width: 25%;
	}

	.ricerca-input {
	  width: 45%;
	}
	
	article {
		text-align: justify;
		max-width: 760px;
		/*width: 640px;*/
		margin-left: auto;
		margin-right: auto;
		padding:10px;
	}
	
	article.hp {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding:10px;
	}
	
	
	.head-hp {
		margin-left: auto;
		margin-right: auto;
	}

	.head {
		width: 760px;
		/*width: 640px;*/
		margin-left: auto;
		margin-right: auto;
	}
	
	.head nav {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
}

p.citaz + p {
  padding-top:20px;
}



@media (max-width: 991px) {

	.rec-m img {
	  font-size:0.875rem;
	  width: 90%;
	  padding: 10px;
	}
	
	.navbar-dramma {
		color:#990000;
		background-color:#ffffff;
	}
	
	.navbar-dramma-toggler {
		background-color:var(--dr-bg-dark);
	}	

	.navbar-dramma a {
		color:#990000;
		text-decoration: none;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.navbar-dramma a:hover {
		color:#990000;
	}

}


@media (min-width: 992px) {

	.container-dramma, .conteiner-dramma {
		max-width: 760px;
	}
	
	.navbar-brand {
		margin-right:0px;
	}

	.rec-m img {
	  font-size:0.875rem;
	  max-width: 155px;
	  padding: 10px;
	}
	
	.navbar-dramma {
		color:#ffffff;
		background-color:var(--dr-bg-dark);
	}
	

	.navbar-dramma a {
		color:#e0e0e0;
		text-decoration: none;
	}

	.navbar-dramma a:hover {
		color:#ffffff;
	}	

}