/* Set Style */
html, body, header, footer {
  font-family: 'Merriweather', serif;
  padding: 0;
  margin: 0;
  width:100%;
  font-weight: 400;
}

body, article {
  background-color: #f2f2f2;
  color: #333;
}

header, footer {
  background-color: black;
  color: #f2f2f2;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

#title {
  font-weight: 400;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 2px 2px 2px #000;
  min-width: 600px;

}

#f_text:before {
  /*display:inline;
  padding-right:16px;*/

  content: '';
  height: 11px;
  width: 16px;
  vertical-align: middle;
  display:inline-block;
}

#f_text {
  font-size: 10pt;
  font-weight: 300;
  /*padding: 16px;*/
  max-width: 800px;

  text-align: left;
  margin: auto auto;
  padding-top: 16px;

  /*margin: 0;
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);*/
}

footer {
  height: 80px;
  color: #777;
  min-width: 600px;
  margin: 0 auto;
}

article {
  margin: 16px;
  width: auto;
  /*
  margin: 20px;
  padding: 20px;
  */
}

header {
  /* The image used */
  background-image: url("img/main.jpg");

  min-height: 380px;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* stile titolo */
#title, #title h1, #title p, #title h2, #title h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 20pt;
}

#title h2{
  position: relative;
  display: block;
  padding-top: 10px;
}

/* Riga rossa */
#title p{
  position: relative;
  display: block;
  padding-bottom: 10px;
}

#title p:after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 40%;
height: 1px;
margin-left: -20%;
background-color: #841216;
}


main {
  min-height: 300px;
  min width: 600px;
}

html, body {
  min-width: 600px;
}

/* Sticky nav menu */
nav {
  overflow: hidden;
  background-color: black;
  /*padding-left: 20px;*/
}
#links {
  min-width: 600px;
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
}

#links a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

#links a:hover {
  background-color: #333;
  opacity: 1;
}
nav:hover {
  opacity: 1;

}

/* Center main content */

main {
  padding-top: 16px;

  padding-bottom: 40px;
  min-width: 600px;
  max-width: 800px;
  margin: 0 auto;

}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  opacity: 0.6;

}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + main {
  padding-top: 60px;
}


/* PDF links Stuff */
article a {
  background-color: #f2f2f2;
  color: #333;
  text-decoration: none;
  font-weight: 700;
}

article a:hover {
  background-color: #f2f2f2;
  color: #841216;
  text-decoration: underline;
  font-weight: 700;
}

/* PDF Icons stuff */
#PDF a:before{

  font-size: 12pt;
  line-height: 2.5;
  content: '';
  height: 16px;
  width: 16px;
  margin-right: 4px;
  vertical-align: middle;
  display:inline-block;

  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJzaGVldCIgdmlld0JveD0iMCAwIDE0LjQgMTQuNCI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PGcgaWQ9InNoZWV0XzFfIj48cGF0aCBkPSJNOS42LjJIMi43djE0aDExVjQuM3oiIGNsYXNzPSJzdDAiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiB4MT0iOC4xOTg2IiB4Mj0iOC4xOTg2IiB5MT0iLjIiIHkyPSIxNC4yIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjOTY5Njk2Ii8+PHN0b3Agb2Zmc2V0PSIuMTU2NCIgc3RvcC1jb2xvcj0iIzZlNmU2ZSIvPjxzdG9wIG9mZnNldD0iLjMzNTciIHN0b3AtY29sb3I9IiM0NzQ3NDciLz48c3RvcCBvZmZzZXQ9Ii41MTMiIHN0b3AtY29sb3I9IiMyODI4MjgiLz48c3RvcCBvZmZzZXQ9Ii42ODUzIiBzdG9wLWNvbG9yPSIjMTIxMjEyIi8+PHN0b3Agb2Zmc2V0PSIuODUwMyIgc3RvcC1jb2xvcj0iIzA1MDUwNSIvPjxzdG9wIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNTVkdJRF8xXykiIGQ9Ik05LjIgMS4ybDMuNSAzLjV2OC41aC05di0xMmg1LjVtLjQtMWgtN3YxNGgxMVY0LjNMOS42LjJ6Ii8+PC9nPjxnIGlkPSJjb3JuZXIiPjxwYXRoIGQ9Ik05LjcuMmgtLjl2NC45aDQuOXYtLjl6IiBjbGFzcz0ic3QwIi8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgeDE9IjExLjcxNDgiIHgyPSI4Ljc1NDQiIHkxPSIyLjE4NTIiIHkyPSI1LjE0NTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM4YzhjOGMiLz48c3RvcCBvZmZzZXQ9Ii4xMjM5IiBzdG9wLWNvbG9yPSIjNmU2ZTZlIi8+PHN0b3Agb2Zmc2V0PSIuMzEwMSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIvPjxzdG9wIG9mZnNldD0iLjQ5NDIiIHN0b3AtY29sb3I9IiMyODI4MjgiLz48c3RvcCBvZmZzZXQ9Ii42NzMxIiBzdG9wLWNvbG9yPSIjMTIxMjEyIi8+PHN0b3Agb2Zmc2V0PSIuODQ0NSIgc3RvcC1jb2xvcj0iIzA0MDQwNCIvPjxzdG9wIG9mZnNldD0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZmlsbD0idXJsKCNTVkdJRF8yXykiIGQ9Ik05LjggMS42bDIuNSAyLjVIOS44VjEuNk05LjcuMmgtMXY0LjloNC45di0xTDkuNy4yeiIvPjwvZz48ZyBpZD0icmVkYmFyIj48cGF0aCBmaWxsPSIjZjcwMDQyIiBkPSJNMS4yIDIuN2g2djNoLTZ6Ii8+PHBhdGggZmlsbD0iIzlmMDAyMiIgZD0iTTYuNyAzLjJ2Mi4xSDEuNlYzLjJoNS4xbTEtMWgtN3Y0aDd2LTR6Ii8+PC9nPjwvc3ZnPg==);
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
}


/* Flags stuff */
#ita {
  margin: 0px;
  padding:0;
}

#ita:before {
  content: '';
  height: 11px;
  width: 16px;
  vertical-align: middle;
  display:inline-block;

  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAE2SURBVHjaYmSYyMDwgwEE/jEw/GF4mvT0HyqQUlX9B5aEIIAAYmH4wlDtWg1SDwT//0lKSv7/D+T9/w+nYmL+//79/88fIPll0yaAAGJhYAGJP/n69O+/v0CAUAcHt2////ULqJpRVhZoA0AAsQCtAZoMVP0HiP7+RlcNBEDVYA0Mv38DNQAEEMj8vwx//wCt/AdC/zEBkgagYoAAYgF6FGj277+///wlpAEoz8AAEEAgDX/BZv/69wuoB48GRrCTAAKICajh9//fv/6CVP/++wu7BrDxQFf/YWAACCCwk0BKf0MQdg1/gBqAPv0L9ANAALEAY+33vz+S3JIgb/z5C45CBkZGRgY4UFICKQUjoJMAAoiRoZSB4RMojkHx/YPhbNVZoM3AOISQQPUK9vaQOIYAgAADAC5Wd4RRwnKfAAAAAElFTkSuQmCC);
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
}

#usa {
  margin: 0px;
  padding:0;
}

#usa:before {
  content: '';
  height: 11px;
  width: 16px;
  vertical-align: middle;
  display:inline-block;

  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHzSURBVHjaYkxOP8IAB//+Mfz7w8Dwi4HhP5CcJb/n/7evb16/APL/gRFQDiAAw3JuAgAIBEDQ/iswEERjGzBQLEru97ll0g0+3HvqMn1SpqlqGsZMsZsIe0SICA5gt5a/AGIEarCPtFh+6N/ffwxA9OvP/7//QYwff/6fZahmePeB4dNHhi+fGb59Y4zyvHHmCEAAAW3YDzQYaJJ93a+vX79aVf58//69fvEPlpIfnz59+vDhw7t37968efP3b/SXL59OnjwIEEAsDP+YgY53b2b89++/awvLn98MDi2cVxl+/vl6mituCtBghi9f/v/48e/XL86krj9XzwEEEENy8g6gu22rfn78+NGs5Ofr16+ZC58+fvyYwX8rxOxXr169fPny+fPn1//93bJlBUAAsQADZMEBxj9/GBxb2P/9+S/R8u3vzxuyaX8ZHv3j8/YGms3w8ycQARmi2eE37t4ACCDGR4/uSkrKAS35B3TT////wADOgLOBIaXIyjBlwxKAAGKRXjCB0SOEaeu+/y9fMnz4AHQxCP348R/o+l+//sMZQBNLEvif3AcIIMZbty7Ly6t9ZmXl+fXj/38GoHH/UcGfP79//BBiYHjy9+8/oUkNAAHEwt1V/vI/KBY/QSISFqM/GBg+MzB8A6PfYC5EFiDAABqgW776MP0rAAAAAElFTkSuQmCC);
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
}