/**
 * CSS code for std browsers
 *
 * Author: Alexandru Marasteanu (alexei) <alexaholic at gmail dot com>
 *
 * Created: 2007.09.26
 * Updated: 2009.01.08
 */

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- GENERAL -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
/**
 * @xxx (2009.01.08) alexei
 * - remove outline on links
 */
a { outline: none; }

a {
  font-weight: bold;
  text-decoration: none;

	outline: none;
}
  a img {
    border: none;
  }

a:link, a:visited { color: #073d67; }
a:hover, a:active { color: #ff7632; }

body {
  margin: 0; padding: 0;

  font: normal 12px/1.5em Arial, Verdana, sans-serif;
  color: #484848;

  background: #fff url(../ui/body_back.jpg) repeat-x 0 0;
}

h1, h2 {
  margin: 0 0 15px; padding: 0;

  font-weight: normal;
}

h1 {
  font-size: 22px; line-height: 1.2em;

  color: #f26722;
}

h2 {
  font-size: 18px; line-height: 1.2em;
}

ol, ul {
  margin: 0 0 10px; padding: 0 0 0 20px;

  list-style-position: outside;
}

p {
  margin: 10px 0; padding: 0;
}

.clear {
  clear: both;

  line-height: 0;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- SPECIFIC -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.autoclear::after {
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
  content: ".";
}.autoclear { display: inline-block; }.autoclear { display: block; }
/*\*/ * html .autoclear { height: 1%; } /**/

.ui-tabs-panel {
	height: 251px;
}
.ui-tabs-hide {
	display: none;
}

div#page {
  width: 999px;

  margin: 0 auto;
}

  /*-*-*-*-*-*-*-*-*-*- HEAD -*-*-*-*-*-*-*-*-*-*/
  div#head {
    height: 215px;
  }
    /*-*-*-*-*-*-*-*-*-*- HEAD > SITE NAME -*-*-*-*-*-*-*-*-*-*/
    *#site-name {
      margin: 20px 0 0; padding: 0 0 0 119px;

      float: left;

      font: normal 30px/1em 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
      text-transform: uppercase;
      color: #fff;
    }
      /**
       * @NOTE
       *  - 2007.09.27 (alexei): strange behavior in Firefox makes the link
       *  half it's parent's height and it's bottom border below it's parent's
       */
      *#site-name * { display: block; }

      *#site-name a:link, h1#site-name a:visited,
      *#site-name a:hover, h1#site-name a:active {
        color: #fff;
      }

    /*-*-*-*-*-*-*-*-*-*- HEAD > HELLO WORLD -*-*-*-*-*-*-*-*-*-*/
    h3#contact-hello {
      margin: 20px 0 0; padding: 0 119px 0 0;

      float: right;

      font-size: 14px; line-height: 1em;
      color: #fff;
    }

    /*-*-*-*-*-*-*-*-*-*- HEAD > MENU -*-*-*-*-*-*-*-*-*-*/
    div#head ul.menu {
      height: 45px;

      margin: 0; padding: 20px 109px 0;

      list-style: none;

      font-family: 'Arial Narrow', Arial, sans-serif;
      font-weight: bold;
      font-size: 18px; line-height: 1em;
      text-transform: lowercase;

      background: transparent url(../ui/head_menu_back.png) no-repeat 0 0;
    } :first-child + html div#head ul.menu { margin-top: 2px; }
      div#head ul.menu li {
        margin: 15px 10px 0; padding: 0;

        float:left;

        background-color: #fff;
      }
        div#head ul.menu li a:link, div#head ul.menu li a:visited,
        div#head ul.menu li a:hover, div#head ul.menu li a:active {
          color: #073d67;
        }

    /*-*-*-*-*-*-*-*-*-*- HEAD > MENU -*-*-*-*-*-*-*-*-*-*/
    #descr {
      height: 51px;

      padding: 0 119px;

      font-size: 17px; line-height: 25px;
      color: #787878;

      background: transparent url(../ui/slogan_back.png) no-repeat 0 0;
    }

  /*-*-*-*-*-*-*-*-*-*- MAIN -*-*-*-*-*-*-*-*-*-*/
  div#main {
    width: 801px;

    margin: 0 0 20px; padding: 0 99px 37px;

    background: transparent url(../ui/main_back.png) no-repeat 0 100%;
  }

    /*-*-*-*-*-*-*-*-*-*- MAIN > FOLIO -*-*-*-*-*-*-*-*-*-*/
    div#folio {
      height: 285px;
    }
        div#folio div.content img.client-img {
          display: block;

          float: left;
        }
        div#folio div.content div.description {
          width: 280px;

          padding: 50px 20px 0;

          font-size: 16px; line-height: 1.2em;

          float: right;
        }
          div#folio div.content div.description strong {
            font-size: 18px; line-height: 1.2em;
          }
      div#folio ul.controls {
        height: 34px;

        margin: 0; padding: 0 0 0 10px;

        list-style: none;

        background: #094f7e url(../ui/folio_controls_back.jpg) repeat-x 0 0;
      }
        div#folio ul.controls li {
          margin: 8px 0 0 10px; padding: 0;

          float: left;
        }
          div#folio ul.controls li a {
            display: block;

            text-align: center;
          }
          div#folio ul.controls li a:link, div#folio ul.controls li a:visited {
            width: 20px; height: 20px;

            color: #fff;
          }
          div#folio ul.controls li a:hover, div#folio ul.controls li a:active,
          div#folio ul.controls li a.active, #folio ul.controls li.ui-tabs-selected a {
            width: 18px; height: 18px;

            background-color: #ff7632;
            border: 1px solid #fff;
          }

    /*-*-*-*-*-*-*-*-*-*- MAIN > CONTENT -*-*-*-*-*-*-*-*-*-*/
    div#content {
      padding: 20px 20px 0;
    }
      div#content.clienti table {
        margin-bottom: 15px;
      }
      div#content.clienti td {
        text-align: center;
        vertical-align: middle;
      }
      /*-*-*-*-*-*-*-*-*-*- MAIN > CONTENT > BOX -*-*-*-*-*-*-*-*-*-*/
      div#content div.block {
        width: 237px;

        margin: 0 15px 0 10px;

        float: left;
      }
        div#content div.block.alpha { margin-left: 0; }
        div#content div.block.gamma { margin-right: 0; }

        div#content div.block h2 {
          color: #f26722;
        }
        div#content div.block h2.nl-subscribe {
          color: #094c80;
        }

        div#content div.block form#nl-subscribe {
          width: 215px; height: 19px;

          padding: 10px;

          position: relative;

          background: #fff url(../ui/nl_email_back.jpg) no-repeat 0 0;
        }
          div#content div.block form#nl-subscribe input {
            margin: 0; padding: 0;

            display: block;
            float: left;

            border: none;
          }
            input#nl-email {
              width: 159px; height: 19px;

              background: none;
            }
            input#nl-submit {
              width: 56px; height: 39px;

              position: absolute;
              top: 0; right: 0;

              font-weight: bold;
              text-transform: uppercase;
              color: #fff;

              background: #0b4269 url(../ui/nl_submit_back.jpg) no-repeat 0 0;
            }