﻿/*******************************************************************************
 * RESET
 *******************************************************************************
*/
p, ul, h1, h2, h3, h4, h5, h6 {
    margin:0; padding:0; }

/*******************************************************************************
 * COLORI ED ASPETTO GENERALE
 *******************************************************************************
*/

html, body {
    background:#323232;
    color:#fff; }

a { color:#ff6600; }
a:hover { color:#ffaa66; }

/***********
 * Branding
 ***********
*/

#branding {
    background:#ff6600;
    border-bottom:3px solid #fff; }

#branding-logo { background:#ff6600; }

/*************
 * Navigators
 *************
*/

#nav {
    background:#ca5100 url(../images/bg-nav-main.gif);
    border-bottom:6px solid #333; }

#nav-main { background:#ca5100 url(../images/bg-nav-main.gif);  }

#nav-main li a       { color:#fff; }
#nav-main li a:hover { color:#fcff01; }
#nav-main li a.sel   { color:#fcff01; }

/**********************************
 * Navigatore in fondo alla pagina
 **********************************
*/

#nav-siteinfo { background:#272727; }

/***************
 * Product menu
 ***************
*/

#product-menu {
    background:#292929;
    border-top:6px solid #151515;
    border-bottom:6px solid #f95e00; }

#product-menu h3    { color:#f95e00; }
#product-menu ul li { border-bottom:1px dotted #65361a; }
#product-menu ul a  { color:#fff; }
#product-menu ul a:hover { color:#f95e00; }

/***********
 * Siteinfo
 ***********
*/

#siteinfo {
    background:#ff6600 url(../images/bg-footer.gif) center 20px no-repeat;
    border-top:3px solid #fff; }

/**********
 * Content
 **********
*/

/*NATALE*/
/*#container { background:#3b3b3b url(../images/natalizio/fondo_natale_home.gif) center top; }  Natale 2008 */
/*#content   { background:#3b3b3b url(../images/natalizio/fondo_natale_content.gif) left 8px }  Natale 2008  */

#container { background:#3b3b3b;}
#content   { background:#3b3b3b;}
.administration #container { background:#3b3b3b; } 
.administration #content { background:#3b3b3b; } 


/********
 * Login
 ********
*/

#login-block label  { color:#a14000; }
#login-block input:hover { border-color:#cc6600; }
#login-block a       { color:#fff; }
#login-block a:hover { color:#a00; }
#login-block .error  { background:#cc0000; }

/*******************************************************************************
 * TIPOGRAFIA
 *******************************************************************************
*/

body {
    font-size:1em;
    line-height:1.125em;
    font-family:"Trebuchet MS", Verdana, Arial, sans-serif; }

/*************
 * Navigators
 *************
*/

#nav-main {
    line-height:45px;
    text-align:center; }

#nav-main li a {
    text-decoration:none;
    text-transform:uppercase;
    font-size:.875em;
    line-height:45px; }

#nav-main li a:hover {
    text-decoration:underline;}

#nav-main li a.sel {
    text-decoration:none;
    font-weight:normal; }

/**********************************
 * Navigatore in fondo alla pagina
 **********************************
*/

#nav-siteinfo { font-size:.875em; }

#nav-bottom {
    line-height:20px;
    text-align:center; }

#nav-bottom li a {
    font-size:.875em;
    line-height:20px;
    text-decoration:none; }

#nav-bottom li a.sel {
    text-decoration:none; }

/***************
 * Product menu
 ***************
*/

#product-menu h3 { font-size:1em; }
#product-menu ul { font-size:1em; }
#product-menu ul li.last { border:0; }

#product-menu ul li a {
    text-transform:uppercase;
    font-weight:normal;
    text-decoration:none; }

#product-menu ul a:hover { text-decoration:underline; }

/***********
 * Siteinfo
 ***********
*/

#siteinfo-address {
    font-style:normal;
    font-size:.75em;
    line-height:1em;
    text-align: center; }

/********
 * Login
 ********
*/

#login-block { font-size:.875em; }

#login-block label {
    text-transform:uppercase;
    text-align:right;
    font-weight:bold;
    line-height:2em; }

#login-block .error {
    line-height:1.2em;
    font-size:.875em; }

#login-block .login-forgot {
    font-size:10px; }

/*******************************************************************************
 * DIMENSIONAMENTO
 *******************************************************************************
*/

html, body {
    height:100%; width:100%;
    margin:0; padding:0; }

/* Classi speciali di utilitï¿½ */

.of    { overflow:auto; }
.hr    { display:none; }
.clear { clear:both; height:1px; line-height:1px }
.debug { position:absolute; top:0; left:0; width:100%; height:100%; }

/***********
 * Branding
 ***********
*/

#branding {
    height:105px; }

#branding-logo {
    width:990px; height:105px;
    margin:0 auto; }

#branding-logo img {
    border:0; }

#branding-tagline {
    display:none; }

/*************
 * Navigators
 *************
*/

#nav {
    height:45px; }

#nav-main {
    width:990px; height:45px;
    margin:0 auto; padding:0 10px; }

#nav-main li {
    display:inline;
    padding:0 10px 0 0;
    height:45px; }

/**********************************
 * Navigatore in fondo alla pagina
 **********************************
*/

#nav-siteinfo {
    height:20px;
    margin:0px 0 0 0;
    position:relative; }

#nav-bottom {
    width:690px; height:20px;
    margin:0 auto; padding:0 10px; }

#nav-bottom li {
    display:inline;
    padding:0 10px 0 0;
    height:27px; }

/***************
 * Product menu
 ***************
*/

#product-menu {
    position:absolute;
    left:0; top:31px;
    margin:0; padding:0;
    width:188px; }

#product-menu.logged {
    top:55px; }

#product-menu h3 {
    margin:10px 15px 10px 15px; }

#product-menu ul {
    list-style:none;
    margin:87px 0 10px 0; }

#product-menu ul li {
    margin:0 15px;
    padding:8px 0; }

/***********
 * Siteinfo
 ***********
*/

#siteinfo {
    height:52px; min-width:990px;
    clear:both; position:relative;
    margin:0em 0 0 0; }

#siteinfo-address {
    margin:5px auto 0 auto;
    width:990px; }

#siteinfo-address span {
    width:990px; height:3em; }

/**********
 * Content
 **********
*/

#container {
    height:auto !important;
    min-height: 500px;
    height:300px; /* IE6 Hack */ }

#content {
    width:950px;
    margin:0 auto;
    padding:1px 0;
    position:relative; }

.central-column {
    width:690px;
    /*margin:7px auto 3em auto;*/
    margin:7px 0 3em 218px;
    position:relative; }

.administration .central-column {
    width:950px; }

/********
 * Login
 ********
*/

#login-block {
    position:absolute;
    top:-132px; right:83px; }

#login-block label {
    float:left;
    display:inline;
    width:5em; }

#login-block input {
    margin:0 0 .2em 5.5em; 
    width:150px; }

#login-block .btn {
    position:absolute;
    right:-80px; top:0px;
    width:70px; }

#login-block .login-register {
    position:absolute;
    right:-83px; top:33px; }

#login-block .login-forgot {
    position:absolute;
    left:6.7em; top:50px; }

#login-block .error {
    position:absolute;
    left:0px; top:55px;
    width:197px;
    padding:0 5px; }

