

@media print {
  /* style sheet for print goes here */

  h1 {
    font-size:22px;
    line-height:22px;
    font-weight:normal;
    margin:0 0 20px 0;
    color:#000;
    padding-bottom:5px;
    border-bottom:1px solid #2b4da4;
  }

  h2 {
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:15px;
    margin:0;
    font-weight:bold;
  }
  h3 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#000;
    margin-top:0;
    margin-bottom:10px;
    font-weight:bold;
  }
  h4 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
    color:#000;
    margin-top:0;
    margin-bottom:4px;
  }
  #fo_paginator {
    display:none;
  }

}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin:0;
  color: #404040;
  background-color:#FABE00;
  text-decoration: none;
}

a {
  color:#9F6112;
  text-decoration:none;
}

a:hover {
  color: #404040;
  text-decoration:none
}

  /****************** HEADER **********************************************/
#fo #header {
  background-image: url("/applications/webwork/site_popoli/media/intestazione.jpg");
  height: 127px;
}
#fo .headerSpacer {
  width: 750px;
  height: 127px;
}

  /****************** MENU-ORIZZONTALE **********************************************/
#fo #menu_orizzontale {
  height: 25px;
  text-transform: lowercase;
}
#fo #menu_orizzontale a {
  color:#000000;
  font-weight: bold;
  font-size: 11px;
}

  /****************** PATH **********************************************/
#fo .path {
  font-size:12px;
  height:20px;
  color:#9F9781;
  background-repeat:repeat-x;
  background-position:bottom;
  padding:20px 0 0 15px;
}

#fo .pathSpan {
  border-bottom: 1px dotted red;
  padding:0 0 5px 0;
}

#fo .path a,#fo .path a:link,#fo .path a:visited {
  text-decoration:none;
  font-size:12px;
  color:#6C1023;
}

  /****************** TESTI DOCLIST **********************************************/
#fo #wrapper, #fo #ww4_list {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 5px 10px 0 10px;
}
#fo .text {
  font-size: 12px;
  color: #404040;
  font-weight: normal;
  line-height: 16px;
}
#fo .text h1 { line-height: normal; }

#fo #wrapper h1, #fo #ww4_list, #fo .dynamicLink h1 {
  font-size: 22px;
  color: #404040;
  font-weight: normal;
}
#fo #wrapper h2, #fo #ww4_list h2, #fo .text h2  {
  font-size: 16px;
  color: #333333;
  font-weight: normal;
}

#fo #ww4_list .borderBottom {
  border-bottom: 1px dotted #FABE00;
  display: table;
}
#fo #ww4_list .text {
  padding-bottom: 10px;
  display: table-row;
}

#fo #ww4_list .imgThumb {
  padding-bottom: 10px;
  display: table-cell;
}


#fo #wrapper {
  background-color: #FFFFFF;
  margin-bottom: 30px;
  min-height: 650px !important;
  height:150px;
}

  /****************** DYNAMICLINK **********************************************/
#fo .dynamicLink { padding: 5px 10px 0 10px; }

#fo .box_laterale .text .dynamicLink ul { padding: 0 0 0 0; }

#fo .box_laterale .dynamicLink  li { background-image:none; }

#fo .dynamicLink  li {
  font-size: 10px;
  font-weight:normal;
  padding-top: 10px;
  background-image: url(/applications/webwork/site_smallcodes/media/arrowRight.png);
  background-repeat: no-repeat;
  background-position: left center;
  text-decoration: none;
  list-style: none outside none;
}

#fo .dynamicLink a { color: #666666; }

#fo .dynamicLink a:hover{ color: #0A51A1; }

#fo .dynamicLink .dynamicLink_title {
  font-size: 14px;
  border-bottom: 1px dotted #808080;
}

  /****************** PAGE CHILDREN LIST **********************************************/
#fo #childrenContainer {
  padding: 20px 0 0 20px;
  display: inline-table;
  width:90%;
}

#fo #childrenContainer .childTitle h2 { font-size: 14px; }

#fo .childContainer { border-bottom: 1px dotted #FABE00; }
#fo .childContainer .seeAll{}

  /****************** BOX in HOMEPAGE **********************************************/
#fo .box_laterale {
  border: 2px solid #A5A3A0;
  margin: 5px 5px 0 5px;
}

#fo .bordo_box {
  border-left-width: 10px;
  border-left-style: solid;
  border-left-color: #F9B800;
  font-size: 12px;
  line-height: 20px;
}

#fo .titolo_box {
  font-size: 12px;
  color: #FFFFFF;
  background-color: #A5A3A0;
  line-height: 20px;
  padding-top: 1px;
  padding-left: 5px;
}

#fo .box_laterale .text{ padding: 5px; }

#fo .box_laterale .text h1 {
  font-size: 10px;
  color: #000000;
}

#fo .box_laterale .text .pdfDoc a{
  font-size: 12px;
  color: #404040;
}

  /****************** MENU-VERTICALE **********************************************/
#fo #MenuSinistro {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#fo #MenuSinistro a, #fo #MenuSinistro dt a, #fo #MenuSinistro li a {
  color:#FFF;
  text-decoration: none;
  padding-left: 6px;
  display: block;
}

#fo #MenuSinistro li a, #fo #MenuSinistro .childAttivo {
  font-weight: normal;
  padding: 2px 0 2px 0;
  margin: 0;
}

#fo #MenuSinistro:first-child{ border-top:3px solid #FFF; }

#fo #MenuSinistro dt, #fo #MenuSinistro dd {
  padding: 3px 4px 4px 14px;
  border-bottom:3px solid #FFF;
  border-right:3px solid #FFF;
}

#fo #MenuSinistro dd ul, #fo #MenuSinistro dd li {
  list-style: none;
  margin:0;
}

#fo #MenuSinistro dt.attivo { background-color: #FABE00; }

#fo #MenuSinistro dt.attivo a { color: #000000; }

#fo #MenuSinistro .primo a, #fo #MenuSinistro .primoConFigli a { margin-top: 5px; }

#fo #MenuSinistro .primo, #fo #MenuSinistro .primoConFigli {
  background-color: #A5A3A0;
  color: #ffffff;
  border-left-width: 10px;
  border-left-style: solid;
  border-left-color: #404040;
  padding-left: 5px;
  text-align:left;
  text-transform: lowercase;
  height:25px;
  cursor: pointer;
}

#fo #MenuSinistro .primo:hover, #fo #MenuSinistro .primoConFigli:hover {
  background-color: #404040;
  cursor: pointer;
}

#fo #MenuSinistro .hover {
  background-repeat: no-repeat;
  background-position: 0 0;
}

#fo #MenuSinistro .primoConFigli  {
  font-weight: normal;
  padding-top: 6px;
  background-repeat: no-repeat;
  background-position: 4px 7px;
  padding-left: 15px;
  color:#0a51a1;
}

#fo #MenuSinistro dd {
  padding: 0;
  margin-left: 5px;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #404040;
  background-color: #A5A3A0;
}

#fo #MenuSinistro dd ul {
  padding: 0;
  margin: 0;
}



#fo #MenuSinistro dd li  {
  list-style:none;
  margin:0;
  padding: 2px 0 2px 0;
}

#fo #MenuSinistro dd li:hover {
  text-decoration:underline;
  margin:0;
  padding: 2px 0 2px 0;
}
  /*END-MENU-VERTICALE*/
/************************************************************************************/
  /* FORM*/

#fo .box {
  color: #000000;
  padding: 10px 35px 35px 30px;
  margin-bottom: 30px;
}

#fo .box .mailtext { font-size: 16px; }

#fo #form {
  font-size: 12px;
  line-height: 15px;
}

#fo #form td { padding-top: 10px; }

#fo #form input[type=text], #fo #form textarea {
  border: 1px solid #BBB4AC;
  color: #666666;
  font-size: 14px;
  padding: 4px;
  text-align: left;
  width:100%
}

#fo form .formButton {
  min-width: 50px;
  position: relative;
  padding: 5px 10px;
  border: 2px solid #fff;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  background-color: #FABE00;
  cursor: pointer;
}

#fo form .formButton:hover { text-decoration: none; }
  /*END-FORM*/

