/*
    Document   : default
    Created on : 15-nov-2009, 19.18.17
    Author     : mauro
    Description:
        Purpose of the stylesheet follows.
*/



root {
    display: block;
}
html{   margin:auto;

     }
    body{
        width:960px;
        padding:4%;
        margin:auto;
        height:auto;
        font-family:"Tahoma", "Helvetica", "serif";
        font-size:11px;
        color:#666666;
        background-color:#99ddee;
        background-color:#fff;background-repeat:repeat-x; background-image:url('../img/sfondoBkgruond_sottopagina.gif');
    }

    img{
        border:0px solid aqua;
        margin:0px;
    }
    #maincontainer{height:auto;}
    #container{
        position:    absolute;
        top:         30px;
        left:        50%;
        margin: 0 0 0 -516px;
        width:1024px;  min-height:768px;
        height:auto !important;
        background-color:white;
        padding:8px;
        border:#ccc 1px solid;}
    #testata{border:blue 0px solid; width:1024px; height:160px;margin-bottom:14px;}
    #testa_sx{border:blue 0px solid; width:300px; height:160px;float:left;}
    #logo{border:blue 0px solid; width:300px; height:130px;background-repeat:no-repeat;background-image:url('../immagini/logo.png');}
    #cerca{border:blue 0px solid; width:300px; height:35px;}
    #slideshow{border:blue 0px solid; width:675px; height:160px;float:right;text-align:right;}
    #page{width:910px; min-height:420px;}
    #page_background_5{border:blue 0px solid; width:908px; height:390px;background-image:url('../images/credits.jpg');}
    #page_background_4{border:blue 0px solid; width:908px; height:390px;background-image:url('../images/attrezzature.jpg');}
    #page_background_3{border:blue 0px solid; width:908px; height:390px;background-image:url('../images/sale.jpg');}
    #page_background_2{border:blue 0px solid; width:908px; height:390px;background-image:url('../images/progettazione.jpg');}
    .page_background_1{border:blue 0px solid; width:908px; height:400px;background-repeat:no-repeat;background-image:url('../immagini/preview.jpg');}
    #bottom{
        position: relative;
        padding:8px;
            width:1008px;
            height:125px;
            background-image:url('../immagini/footer.png');
            background-repeat:repeat-x;
            margin-top:20px;
            }

    #page_sx{float:left;height:410px;width:158px;border:blue 0px solid;}

    #page_dx{float:left;height:410px;width:352px;border:blue 0px solid;}
    #page{min-height:490px;width:1024px;border:blue 0px solid;}
    #menu{border:blue 0px solid; width:910px; height:26px;}
    #menu_sx{border:blue 0px solid; width:200px; height:470px;float:left;}
    #menu_dx{width:190px; height:470px;float:right;}
    #page_cx{float:left;min-height:490px;width:380px;border:blue 0px solid;padding:0px 5px;}
    #page_cbigx{float:left;min-height:490px;width:600px;border:blue 0px solid;padding:0px 5px 10px 5px;}
    #page_cdx{float:left;height:490px;width:240px;border:blue 0px solid;}
    .clear{clear:left;}
    .right{text-align:right;}
    .red{color:red;}
    .center{width:390px;height:393px;padding:10px 4px;color:gray;line-height:20px;}
    .small{font-size:1.0em;line-height:14px;}
    #separatore{position:relative;z-index:10; background-image:url('../images/separatore.gif');
                width:907px;top:15px;height:5px;border:0px solid aqua;}
    #separatore2{position:relative;z-index:11; background-image:url('../images/separatore.gif');
                width:907px;top:348px;height:5px;border:0px solid aqua;}
    #myspace{left:0px;}
    #facebook{left:0px;}
    #printer{left:530px;}
    #youtube{left:500px;}

    #myspace_home{left:0px;}
    #facebook_home{left:5px;}
    #printer_home{left:540px;}
    #youtube_home{left:495px;}
#myspace, #facebook, #printer, #youtube{position:relative;
                                        z-index:15;
                                        width:110px;
                                        top:-62px;
                                        height:45px;
                                        border:0px solid aqua;
                                        float:left;
                                        }
#myspace_home, #facebook_home, #printer_home, #youtube_home{position:relative;
                                        z-index:15;
                                        width:110px;
                                        top:-62px;
                                        height:45px;
                                        border:0px solid aqua;
                                        float:left;
                                        }


.supercolor{font-size:1.5em; color:red;}

.center a{text-decoration:none; font-size:1.1em;color:red;font-weight:bold;}
.center a:hover{text-decoration:underline;}

ul.menu {
width:180px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0px 30px; /* lascia spazio fra il bordo del menu e il testo del link */
height:20px;line-height:20px; /* altezza del link: height e line-height devono avere il medesimo valore */
font-weight:100;
}
ul.menu li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu li a:link, ul.menu li a:visited {
background:#fff;
color:#6f6f6f;
} /* colori per il link */

ul.menu li a:hover, ul.menu li a:active {
background: #BFDFFF;
color:#6f6f6f;
text-decoration:underline;
} /* colori per l'effetto roll-over */

.img_dx, .imagod, #imagod{float:right;margin:10px;}
.img_sx,  .imago, #imago{float:left;margin:10px;}
.img_20 {height:25px;margin:10px;}
.titolo_home{color:#0066CC;font-weight:bold;}
.sezione_home{color:#0066CC;font-size:1.5em; text-transform:uppercase;margin:10px 0px;}
.paragrafo{width:auto;}
#sezione_home{color:#0066CC;font-size:1.5em; text-transform:uppercase;margin:10px 0px;}

table{border:1px solid #fff;width:100%;}
td{border:1px solid #fff;}

#info, #contatti,#tools {padding-top:6px;width:185px; color:#ccc;float:left;font-size:1.1em}
.small{position:relative;margin-top:15px;margin-left:2px;width:155px;}
.photo_container{ height:135px;width:165px;float:left; }
.riga{ height:25px;width:100%; border-bottom:1px solid #ccc; }

.etichetta_menu{color:#0066CC;text-transform:uppercase;font-size:1.5em;padding-left:20px;margin:10px 0px;}
ul.menu a.evidenzia{font-weight:bold;}
.evidenzia{font-weight:bold;}