/* Custom styles to replicate original look with Bootstrap */
body {
  margin: 0 !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.3em !important;
  color: #333 !important;
  background: white !important;
  text-align: justify !important;
}

#page_bg {
  background: #fff url(../../../images/sfondoerebus_verde.png) repeat-x top center !important;
}

#header {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 447px;
}

#pillmenu {
  background-color: white;
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 1200px;
  height: 48px;
  overflow: hidden;
  margin: 0 auto;
}

#pillmenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#pillmenu li {
  float: left;
  margin: 0 6px 0 0;
}

#pillmenu li a {
  float: left;
  cursor: pointer;
  background: transparent url(../../../images/t_menu_r.png) no-repeat right top;
}

#pillmenu li a span {
  float: left;
  color: #333;
  text-decoration: none;
  height: 48px;
  line-height: 25px;
  padding: 0 10px;
  margin: 0;
  text-transform: uppercase;
  background: transparent url(../../../images/t_menu_l.png) no-repeat left top;
}

#pillmenu li a:hover, #pillmenu li a#active_menu-nav, #pillmenu li.active a {
  text-decoration: none;
  background: transparent url(../../../images/t_menu_hover_r.png) no-repeat right top;
}

#pillmenu li a:hover span, #pillmenu li.active span {
  color: #fff;
  background: transparent url(../../../images/t_menu_hover_l.png) no-repeat left top;
}

.logo {
  width: 700px;
  height: 54px;
  padding: 6px 0 0 0;
  overflow: hidden;
}

.logo table tr td {
  width: 700px;
  height: 54px;
  overflow: hidden;
  vertical-align: middle;
}

.logo h1 {
  text-align: left;
  color: #fff;
  line-height: normal;
  text-transform: uppercase;
  font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}

.logo a, .logo a:link, .logo a:visited {
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  text-decoration: none;
}

.logo a:hover {
  text-decoration: none;
}

.orilink { position: absolute; top: 70px; left: 355px; border-width: thin; border-color: black }
.erebuslink { position: absolute; top: 70px; left: 40px; border-width: thin; border-color: black }
.fisolink { position: absolute; top: 222px; left: 40px; border-width: thin; border-color: black }
.data { color: white; font-weight: bold; position: absolute; top: 30px; right: 0 }
.fblink { position: absolute; top: 222px; left: 50%; transform: translateX(-50%); border-width: thin; border-color: black }
.instalink { position: absolute; top: 222px; right: 10px; border-width: thin; border-color: black }
.expose-scroller-foto { position: absolute; top: 260px; left: 355px; width: 595px; height: 112px; border: thin black }
.banner { position: absolute; top: 136px; left: 524px; width: 327px; height: 62px }
.newsflash { margin: 0 0 10px; padding: 0 0 0 10px; position: absolute; top: 300px; left: 0px; width: 1200px; height: 120px; text-align: center; }

.newsflash h3 {
  color: white;
  font-size: small;
  font-weight: 700;
  line-height: 13px;
  background: url(../../../images/news_h3.png) no-repeat right bottom;
  text-align: left;
  text-transform: none;
  margin: 0 0 2px;
  width: 554px;
  height: 30px;
  overflow: hidden;
}

.newsflash table tr td {
  color: #999;
  height: 80px;
  margin: 0;
  text-align: justify;
}

.newsflash a {
  color: #999;
  font-weight: 700;
  text-decoration: none;
}

.newsflash div.module {
  text-align: justify;
  margin: 0;
  width: 940px;
  height: 120px;
  overflow: hidden;
}

.newsflash div.module div {
  background: none;
  padding: 0;
}

.newsflash table.contentpaneopen {
  margin: 0;
}

.newsflash div.module_menu div div div, .newsflash div.module div div div, .newsflash div.module_text div div div {
  margin: 0;
  padding: 0px;
}

#content {
  background: url(../../../images/content_m.gif) repeat-y center top;
  margin: 0 auto;
  padding: 0 10px;
  width: 1200px;
}

#content_b {
  width: 1200px;
  height: 30px;
  margin: 0 auto;
  padding: 0 0 40px;
  background: transparent url(../../../images/content_b.gif) no-repeat top center;
}

#footer {
  text-align: center;
  padding-top: 20px;
  color: #333;
  line-height: 13px;
  margin: 0 auto;
  width: 1200px;
  overflow: hidden;
}

#footer a {
  color: #333;
  font-weight: 400;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#imFooterBg {
  clear: both;
  bottom: 0;
  width: 100%;
  background-color: transparent;
  background-image: url(../../../images/footerbg.png);
  background-position: center center;
  background-repeat: repeat-x;
}

#imFooter {
  position: relative;
  margin: 0 auto;
  height: 160px;
  width: 1200px;
  background-color: transparent;
  background-image: url(../../../images/bottom.png);
  background-position: top left;
  background-repeat: no-repeat;
}

#footer img {
  bottom: -3px;
  position: relative;
  widows: 0;
}

a.footer123:link, a.footer123:visited {
  color: #363e4e;
  font-family: Tahoma, Arial, sans-serif;
  text-decoration: underline;
}

#f123 {
  text-align: right;
  width: 100%;
  margin: 0 auto;
  font-family: Tahoma, Arial, sans-serif;
}

.f123 {
  text-align: right;
  font-family: Tahoma, Arial, sans-serif;
  text-decoration: none;
}

.f123_bg {
  background: transparent;
  width: 134px;
  height: 30px;
  text-align: center;
  padding: 0 3px;
}

.f123_1 {
  display: block;
  font-size: 10px;
  font-family: Tahoma, Arial, sans-serif;
  color: #333;
  text-align: left;
  padding: 0 0 2px 4px;
}

a.link_123:link, a.link_123:visited {
  color: #797979;
  font-size: 15px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

a.link_123:hover {
  color: #797979;
  font-size: 15px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

/* Module styles using Bootstrap cards with custom backgrounds */
.module {
  margin-bottom: 25px;
}

.module .card {
  border: none;
  background: transparent url(../../../images/box_m.png) repeat-y top center;
}

.module .card-body {
  background: transparent url(../../../images/box_b.png) no-repeat bottom center;
  padding: 0 0 6px;
}

.module .card-header {
  background: transparent url(../../../images/box_t.png) no-repeat top center;
  border: none;
  padding: 0;
}

#leftcolumn .module .card-header, #rightcolumn .module .card-header {
  background: none;
  margin: 0 auto;
  padding: 0;
  color: #333;
}

#leftcolumn .module h3, #rightcolumn .module h3 {
  width: 150px;
  margin: 0 0 8px;
  height: 26px;
  line-height: 26px;
  padding: 0 25px 0 10px;
  font-size: 11px;
  color: #fff;
  text-align: left;
  text-transform: none;
  font-weight: 700;
  overflow: hidden;
  background: #008000; /* Verde */
  border: 1px solid #006400; /* Cornicina */
  position: relative;
}

#leftcolumn .module h3::after, #rightcolumn .module h3::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: url(../../../images/simple_lanterna.jpg) no-repeat center;
  background-size: contain;
}

/* Center Facebook logo */
.facebook-center {
  text-align: center;
}

/* Links and forms */
a:link { color: #ff8500; font-weight: 700 }
a:visited { color: #ff8d00; font-weight: 700 }
a:hover { font-weight: 700; text-decoration: underline }

input.button, .validate {
  color: #fff;
  font-size: 11px;
  cursor: pointer;
  font-weight: 700;
  border: none;
  height: 20px;
  line-height: 19px;
  padding: 2px 4px 4px;
  margin: 6px 0 0 0;
}

input.button:hover, .validate:hover {
  color: #fff;
}

/* Tables */
table.blog { }

.contentheading {
  color: #333;
  font-size: large;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  margin: 6px 0;
  padding: 0px;
  position: relative;
  top: 10px;
  height: 43px;
}

table.contentpaneopen {
  border-collapse: collapse;
  padding: 0px;
  margin: 0 0px;
}

table.contentpaneopen li {
  margin-bottom: 5px;
}

/* Errors */
.errore {
  color: #ff8700;
  font-weight: bold;
  background: #ffdb7d;
  padding: 10px;
  border: solid thin orange;
}

/* Content styles */
p {
  margin: 5px 0;
  text-align: justify;
}

h1 {
  padding: 0px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 1.3em;
  line-height: 19px;
  font-weight: 700;
  vertical-align: bottom;
  color: #000;
  text-align: left;
  width: 100%;
}

h2, .contentheading {
  font-size: large;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-weight: 700;
  line-height: 110%;
  text-align: left;
  padding: 0 0 15px;
  position: relative;
  top: 10px;
  vertical-align: middle;
}

h2, a.contentheading {
  background: transparent;
  margin: 6px 0;
  border: none;
}

table.contentpaneopen h3 {
  color: #585858;
  margin-top: 25px;
}

h4 {
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}

h3, .componentheading, table.moduletable th, legend {
  color: #333;
  font-size: large;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  margin: 6px 0;
  padding: 0px;
  position: relative;
  top: 10px;
  height: 43px;
}

.small {
  color: #333;
  font-size: 10px;
  font-weight: 700;
  text-align: left;
}

.modifydate {
  color: #333;
  font-size: 8px;
  text-align: right;
  height: 20px;
  vertical-align: bottom;
}

.createdate {
  padding-bottom: 6px;
  font-weight: bold;
  float: right;
  color: #333;
  font-size: 10px;
  line-height: 100%;
  padding-top: 2px;
  vertical-align: top;
  text-align: right;
}

.autorehome {
  padding-bottom: 6px;
  float: left;
  font-weight: bold;
  color: #333;
  font-size: 10px;
  line-height: 100%;
  padding-top: 2px;
  vertical-align: top;
}

a.readon {
  color: #c30;
  font-size: 13px;
  line-height: normal;
  text-decoration: none;
  text-transform: lowercase;
  float: right;
}

a.readon:hover {
  text-decoration: underline;
}

/* Bootstrap overrides for original look */
.container {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

.col-lg-2, .col-md-2, .col-lg-8, .col-md-8 {
  padding-left: 0;
  padding-right: 0;
}

.clr {
  clear: both;
  font-size: 0;
}

.article_separator {
  display: block;
  position: relative;
  height: 15px;
  clip: rect(0,0,0,0);
}

table.blog .article_separator {
  display: block;
  height: 20px;
}