﻿body
{
    background: #FFFFFF url('Images/Backgrounds/body-background.jpg') top center repeat-x;
    font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, Sans-Serif;
}

/* CONTENITORE DI PAGINA */
div#page-wrapper /* Contenitore principale */
{
    position: relative;
    margin: 0 auto;
    width: 894px;
}
/* LOGO */
div#logo-wrapper
{
    margin: 0 auto;
    position: relative;
    width: 894px;
    height: 50px;
}

div#logo-edilpi
{
    position: absolute;
    width: 291px;
    height: 128px;
    top: 13px;
    left: -20px;
    background: url('Images/Logos/picLogoEdilPi.jpg') top left no-repeat;
}


/* MENU */
div#menu-wrapper
{
    float: left;
    width: 544px;
    padding: 0 0 0 330px;
    margin: 0;
}

ul.menu
{
    margin: 0px;
    padding: 0;
    text-align: left;
}

ul.menu li
{
    float: left;
    display: inline;
    margin: 0;
    padding: 10px 25px 0 3px;
    border-left: solid 1px #ABCE73;
}

ul.menu a
{
    white-space: nowrap;
    font-size: 16px;
    text-decoration: none;
}

ul.menu a:link, ul.menu a:visited
{
    color: #45A12A;
}

ul.menu a:hover
{
    color: #174309;
}

/* Riga verde sopra lo slideshow */
div#green-line
{
    float: left;
    display: inline;
    margin: 10px 0 0 0;
    width: 874px;
    height: 6px;
    background: url('Images/Backgrounds/green-line.jpg') top left no-repeat;
}

/* SLIDESHOW */

div#slideshow-background /* Sfondo bianco dello slideshow */
{
    float: left;
    display: inline;
    width: 894px;
    height: 555px;
    margin: 0;
    background: url('Images/Backgrounds/slideshow-background.jpg') top left no-repeat;
}

div#slideshow-wrapper /* Slideshow */
{
    float: left;
    display: inline;
    margin: 0 0 0 22px;
    width: 852px;
}

/* INTESTAZIONE PAGINA INTERNA */
div#header-image-background
{
    float: left;
    display: inline;
    width: 894px;
    height: 209px;
    margin: 0;
    background: url('Images/Backgrounds/header-image-background.jpg') top left no-repeat;
}

div#header-image-wrapper
{
    float: left;
    display: inline;
    margin: 0 0 0 22px;
    width: 852px;
}

/* PAGINA */

div#page-top-background /* Sfondo della pagina con ombreggiature laterali */
{
    float: left;
    display: inline;
    width: 894px;
    height: 486px;
    margin: 0;
    background: url('Images/Backgrounds/page-top-background.jpg') top left no-repeat;
}

/* Classi di contenuto della pagina */
div#page-content-wrapper
{
    clear: left;
    position: absolute;
    width: 852px;
    left: 22px;
    background-color: #FFFFFF;
    z-index: 2;
}

div#page-content /* Contenuti della pagina +*/
{
    height: auto !important;
    height: 460px;  /* per IE5.x e IE6 */
    min-height:460px;
    background-color: #FFFFFF; /* url('Images/Backgrounds/page-content-background.png') left top repeat-y;*/
}

div#column-sx /* Colonna sinistra con prodotto random */
{
    float: left;
    display: inline;
    width: 240px;
    margin:10px;
}

div#column-dx /* Colonna di contenuto */
{
    float: left;
    display: inline;
    width: 540px;
    padding: 20px;
    border-left:dashed 1px #ccc;
}

/* FOOTER */

div#footer-default-wrapper /* Banda verde con i dati dell'azienda */
{
    clear: left;
    position: absolute;
    width: 852px;
    height: 90px;
    left: 22px;
    background: #44a029 url('Images/Backgrounds/footer-background.jpg') top left repeat-x;
    z-index: 2;
}

div#footer-default-wrapper
{
    top: 538px;
}

div#footer-page-wrapper
{
    float: left;
    width: 852px;
    height: 90px;
    background: #44a029 url('Images/Backgrounds/footer-background.jpg') top left repeat-x;
}

div#footer-data /* Dati dell'azienda */
{
    float: left;
    display: inline;
    margin: 10px 0 0 10px;
    width: 600px;
}

div#footer-data p /* Testo del footer */
{
    color: #1A420F;
    font-size: 11px;
}

div#footer-data a
{
    color: #1A420F;
    text-decoration: underline;
}

div#footer-data a:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

div#powered-by /* Logo "powered by megamente" */
{
    float: left;
    display: inline;
    margin: 10px 0 0 20px;
    width: 200px;
}

/* Utilità */
div.simple-clear
{
    clear: both;
}

div.vertical-spacer
{
    float: left;
    height: 10px;
}
