body
{
   background: url(images/bg.jpg) no-repeat top center #97cae4;
   margin: 0px;
   padding: 0px;
   font-size: .80em;
   font-family: 'Roboto', sans-serif;
   color: #3b5564;
}

.RadMenu
{
   border: none !important;
   background-color: transparent;
}

.RadMenu_Default .rmRootGroup
{
   border: none !important;
}

.data
{
   font-size: 24px;
   font-weight: 700;
}

.tratteggio
{
   border-style: dashed;
   border-width: thin;
   height: 30px;
   width: 99%;
   padding: 5px;
}

.benvenuto
{
   font-weight: 700;
   height: 35px !important;
}

.NowCss
{
   border-top: 1px solid red !important;
}

p.pat
{
   color: #FFFFFF;
}

span.blue
{
   color: #a5dcf8;
}

span.dark_blue
{
   color: #116c64;
}

#main_container
{
   width: 900px;
   height: auto;
   margin: auto;
   background-color: #fff;
}

.header
{
   width: 900px;
   height: 80px;
   margin: auto;
   background: url(images/header_bg.gif) repeat-x;
}

.right_header
{
   float: right;
   width: 550px;
   height: 80px;
}

#logo
{
   padding: 15px 0 0 20px;
   float: left;
}

/*----------------------menu-------------------------*/
#menu
{
   width: 600px;
   height: 35px;
   float: right;
   padding: 0px 0 0 0;
}

   #menu ul
   {
      list-style: none;
      padding: 0px;
      margin: 0px;
      display: block;
      font-weight: bold;
   }

      #menu ul li
      {
         list-style: none;
         display: inline;
         float: left;
         width: 96px;
         height: 35px;
         padding: 0px;
         line-height: 35px;
         font-size: 13px;
         margin: 0 3px 0 3px;
      }

         #menu ul li a
         {
            height: 35px;
            width: 96px;
            float: left;
            text-decoration: none;
            padding: 0px;
            margin: 0px;
            color: #6c7b83;
            text-align: center;
            background: url(images/menu_bt.gif) no-repeat center;
         }

            #menu ul li a:hover
            {
               height: 35px;
               width: 96px;
               text-decoration: none;
               color: #68C2EF;
            }

            #menu ul li a.current
            {
               height: 35px;
               width: 96px;
               float: left;
               text-decoration: none;
               padding: 0px;
               margin: 0px;
               color: #68C2EF;
               background: url(images/menu_bt.gif) no-repeat center;
            }


#middle_box
{
   width: 900px;
   height: 76px;
   clear: both;
   margin: auto;
   background: url(images/middle_banner2.gif) no-repeat center;
}

.middle_box_content
{
   padding: 10px 0 0 20px;
}

.top_menu
{
   width: 285px;
   float: right;
}

a.login
{
   width: 49px;
   height: 35px;
   display: block;
   background: url(images/login.gif) no-repeat center;
   line-height: 35px;
   color: #a6c4d4;
   font-size: 10px;
   font-weight: bold;
   text-decoration: none;
   padding: 0 0 0 40px;
   float: left;
   margin: 0 3px 0 3px;
}

a.sign_up
{
   width: 49px;
   height: 35px;
   display: block;
   background: url(images/sign_up.gif) no-repeat center;
   line-height: 35px;
   color: #a6c4d4;
   font-size: 10px;
   font-weight: bold;
   text-decoration: none;
   padding: 0 0 0 40px;
   float: left;
   margin: 0 3px 0 3px;
}

.pattern_bg
{
   width: 900px;
   height: 162px;
   clear: both;
   margin: auto;
   background: url(images/pattern_bg.gif) no-repeat center;
}

.pattern_box
{
   width: 400px;
   float: left;
   padding: 15px 0 0 25px;
}

.pattern_box_icon
{
   float: left;
   padding: 5px;
}

.pattern_content
{
   width: 300px;
   float: left;
   padding: 0 0 0 10px;
}
/*---------------------main_content------------------*/
#main_content
{
   width: 885px;
   height: auto;
   margin: auto;
   padding: 1 1 1 1px;
}

.clear
{
   clear: both;
}

.box_content
{
   width: 267px;
   height: auto;
   float: left;
   margin: 10px 10px 30px 10px;
   background: url(images/box_bg.gif) no-repeat top center;
}

.box_title
{
   padding: 10px 0 10px 0;
}

.title_icon
{
   float: left;
   padding: 0 5px 0 10px;
}

.box_text_content
{
   width: 250px;
   float: left;
   padding: 15px 0 0 15px;
}

.box_icon
{
   float: left;
   padding: 0 5px 0 0;
}

.box_text
{
   width: 190px;
   float: left;
   text-align: justify;
   padding: 0 0 0 10px;
}

a.details
{
   float: right;
   padding: 5px 15px 0 0;
   text-decoration: none;
   font-weight: bold;
   color: #f8851f;
}
/*-----------------------------footer------------------*/
#footer
{
   width: 900px;
   height: 45px;
   color: #508aa1;
   background-color: #e8eff2;
}

.copyright
{
   float: left;
   padding: 10px 0 0 10px;
}

.center_footer
{
   color: #c3ced4;
   font-size: 12px;
   font-weight: bold;
   width: 550px;
   padding: 15px;
   text-align: center;
   float: left;
}

.footer_links
{
   float: right;
   padding: 10px 10px 0 0;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
   margin: 1em 0px;
   padding: 1em;
   border: 1px solid #ccc;
}

   fieldset p
   {
      margin: 2px 12px 10px 10px;
   }

   fieldset.login label, fieldset.register label, fieldset.changePassword label
   {
      display: block;
   }

   fieldset label.inline
   {
      display: inline;
   }

legend
{
   font-size: 1.1em;
   font-weight: 600;
   padding: 2px 4px 8px 4px;
}

input.textEntry
{
   width: 220px;
   border: 1px solid #ccc;
}

input.passwordEntry
{
   width: 220px;
   border: 1px solid #ccc;
}

div.accountInfo
{
   width: 42%;
}

/* LABELS  
----------------------------------------------------------*/
.errore, .warning, .ok
{
   font-size: small;
   font-weight: bold;
   border-top-style: dashed;
   border-bottom-style: dashed;
   border-top-width: 1px;
   border-bottom-width: 1px;
}

.errore
{
   color: #FF0000;
}

.warning
{
   color: #CC6600;
}

.ok
{
   color: #008000;
}

.obbligatorio
{
   color: #FF0000;
}

.tariffa
{
   padding: 2px;
   border: 1px solid #C0C0C0;
   color: #008000;
   vertical-align: middle;
   font-weight: bold;
}

/* links */
.linkPiccolo
{
   font-size: x-small;
   font-weight: bold;
}