/* @override http://localhost:8000/media/css/base.css */

/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.12.0 */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.12.0 */ 
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

/*
Giallo 1 #ffec00
Giallo 2 #fff575
Giallo 3 chiaro #fff68c
*/

/* ================ */
/* = Basic styles = */
/* ================ */

a {
    text-decoration:underline;
    color:#000;
}

a:hover {
    color:#555;
    text-decoration:none;
}

img { border:0; }

a img { border: 1px solid #000; }

h1 { font-size:1.8em; font-weight:bold; margin:0.8em 0;}
h2 { font-size:1.8em; font-weight:bold; color:#c9cce5; margin:0.6em 0; }
h3 { font-size:1.3em; font-weight:bold; margin:0.7em 0; }
h4 { font-size:1.3em; margin:0.5em 0 0.3em; }
h5 { font-size:1.1em; font-weight:bold; margin:0.5em 0 0.3em; }
h6 { font-size:1em; font-weight:bold; }

p { margin:1em 0; }

strong { font-weight:bold; }
em { color:#9e9afb; }

ul { list-style-type: square; margin-left:2em; }
ol { list-style-type:decimal; list-style-position:outside; margin-left:2em; }

/* ========== */
/* = Layout = */
/* ========== */

body {
    text-align:center;
    font-size:10px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
#frame { width:749px; margin:0 auto; text-align:left; font-size: 1.2em; }
#header { height: 195px; margin:0; padding:0;
/*    border:1px solid #000;*/
    border-bottom: 5px solid #000; position:relative;
}
#wrapper { overflow:hidden; height:1%;
    border:1px solid #000;
    background-color:#dfe3ff;
}
#sidebar { float:left; width:207px; padding:85px 15px 15px; text-align:justify; }
#sidebar .pic { margin:-85px -15px 20px; width:237px; }
/*#sidebar .short-desc { padding:15px; }*/

#content {
    margin:0 0 0 237px;
/*    padding:5px 10px 50px 15px;*/
    padding:5px 25px 50px 27px;
    background:#fff;
    min-height:300px;
}

#contant, #content p, #content li, #content td { line-height:1.5em; }

.pic { overflow:hidden; }

/* ========== */
/* = Header = */
/* ========== */

#header .title {
    background:#fff url(../images/maistri.gif) no-repeat;
    width:196px;
    height:48px;
    position:absolute;
    left:250px;
    top:35px;
    text-indent:-20000em;
}

#header #logo a {
    display:block;
    width:75px;
    height:75px;
    text-indent:-20000em;
    text-decoration:none;
    position:absolute;
    top:20px;
    left:163px;
    z-index: 80;
    background: #000 url(../images/logo.gif) 0 0 no-repeat;
}

#header .w {
    border:1px solid #000;
    background:#ffec01;
    height:104px;
    position:absolute;
    left:0;
    bottom:0;
    width:747px;
    border-top:1px solid #000;
    overflow:hidden;
}

    #header .w .slogan {
        background:#ffec01 url(../images/slogan.gif) 20px 7px no-repeat;
        height:82px;
        width:500px;
        float:left;
    }
    #header .w .slogan span { display:none; }

    #header .w .pic {
        display:block;
        width:237px;
        height:104px;
        float: left;
        padding:0;margin:0;
    }

#nav {
    position:absolute;
    left: 237px;
    bottom:0;
    border-top:1px solid #b5aa03;
    border-right:1px solid #bbb47d;
    margin:0;
}
    #nav li {
        background:#fff68c;
        text-align:center;
        float:left;
        list-style:none;
        border-left:1px solid #bbb47d;
    }
    #nav li.selected {
        background:#ffec00;
    }
        #nav li a {
            text-decoration:none;
            color:#000;
            display:block;
            padding:3px 12px;
            height:16px;
        }
        #nav li span {
            display:none;
        }
    
#nav li#nav-home     { width:72px;  background:url(/images/header/menu/home.gif) no-repeat; }
#nav li#nav-azienda  { width:75px;  background:url(/images/header/menu/azienda.gif) no-repeat; }
#nav li#nav-servizi  { width:63px;  background:url(/images/header/menu/servizi.gif) no-repeat; }
#nav li#nav-realizz  { width:106px; background:url(/images/header/menu/realizzazioni.gif) no-repeat; }
#nav li#nav-cantieri { width:79px;  background:url(/images/header/menu/cantieri.gif) no-repeat; }
#nav li#nav-contact  { width:108px; background:url(/images/header/menu/contattaci.gif) no-repeat; }

#nav li#nav-home.selected     { background:url(/images/header/menu/home_s.gif) no-repeat; }
#nav li#nav-azienda.selected  { background:url(/images/header/menu/azienda_s.gif) no-repeat; }
#nav li#nav-servizi.selected  { background:url(/images/header/menu/servizi_s.gif) no-repeat; }
#nav li#nav-realizz.selected  { background:url(/images/header/menu/realizzazioni_s.gif) no-repeat; }
#nav li#nav-cantieri.selected { background:url(/images/header/menu/cantieri_s.gif) no-repeat; }
#nav li#nav-contact.selected  { background:url(/images/header/menu/contattaci_s.gif) no-repeat; }

#footer { padding:5px 10px; font-size:0.9em; }
#footer .credits { float:right; }
#footer .credits a { color:#9E9AFB; }

.breadcrumbs { font-size: 0.9em;}

table.lista-realiz { width:450px; }
table.lista-realiz td {
    padding: 0 1.3em;
}

#nav2 { margin:0; padding:0; list-style-type:none; }
#nav2 li { margin:1em 0; padding:0;}

/* =========== */
/* = Gallery = */
/* =========== */

.gallery { margin-right:-15px; }
.gallery span {
    display:inline;
}
.gallery a {
    display:table-cell;
    display:inline-block;
    vertical-align:middle;
    width:115px;
    height:100px;
    margin:0;
    padding:8px 0;
    text-align:center;
}
.gallery img { vertical-align:middle; }

.cantiere, .cantiere .gallery { margin-left:-264px; }
.cantiere { overflow:hidden; margin-top:1em; padding-left:264px; }
.cantiere .gallery { float:left; width:227px; padding-left:5px; }
.cantiere table.details { width:100%; }
.cantiere h2 { margin-top:0; }

/* =========== */
/* = Servizi = */
/* =========== */
.servizi { width:100%; overflow:hidden; margin-right:-20px;}
.servizio { float:left; width:135px; height:170px; overflow:hidden; margin:5px 15px 5px 0; text-align:center; }
.servizio, .servizio h3 { width: 133px; }
.servizio h3 { margin:0; font-size:1em; height:2.4em; font-weight:bold;  vertical-align:middle; display:table-cell;height:3em;}
.servizio a { width:131px; height:131px; display:block; overflow:hidden; border:1px solid #000; }
.servizio#progettazione a { background:url(/images/icone_servizi/progettazione.jpg) no-repeat;}
.servizio#direzione     a { background:url(/images/icone_servizi/direzione.jpg) no-repeat;}
.servizio#sicurezza     a { background:url(/images/icone_servizi/sicurezza.jpg) no-repeat;}
.servizio#contabilita   a { background:url(/images/icone_servizi/contabilita.jpg) no-repeat;}
.servizio#studio        a { background:url(/images/icone_servizi/studio.jpg) no-repeat;}
.servizio#restauri      a { background:url(/images/icone_servizi/restauri.jpg) no-repeat;}
.servizio#rilievi       a { background:url(/images/icone_servizi/rilievi.jpg) no-repeat;}
.servizio#topo          a { background:url(/images/icone_servizi/topo.jpg) no-repeat;}
.servizio#pratiche      a { background:url(/images/icone_servizi/pratiche.jpg) no-repeat;}
.servizio#progettazione a:hover { background:url(/images/icone_servizi/progettazione_on.jpg) no-repeat;}
.servizio#direzione     a:hover { background:url(/images/icone_servizi/direzione_on.jpg) no-repeat;}
.servizio#sicurezza     a:hover { background:url(/images/icone_servizi/sicurezza_on.jpg) no-repeat;}
.servizio#contabilita   a:hover { background:url(/images/icone_servizi/contabilita_on.jpg) no-repeat;}
.servizio#studio        a:hover { background:url(/images/icone_servizi/studio_on.jpg) no-repeat;}
.servizio#restauri      a:hover { background:url(/images/icone_servizi/restauri_on.jpg) no-repeat;}
.servizio#rilievi       a:hover { background:url(/images/icone_servizi/rilievi_on.jpg) no-repeat;}
.servizio#topo          a:hover { background:url(/images/icone_servizi/topo_on.jpg) no-repeat;}
.servizio#pratiche      a:hover { background:url(/images/icone_servizi/pratiche_on.jpg) no-repeat;}


/* ============ */
/* = Homepage = */
/* ============ */

.hp #header { height:263px; }
    .hp #header .title { background:url(/images/hp/maistri.gif) no-repeat; width:293px; height:51px; left:265px; top:50px;}
    .hp #header #logo a { left:123px; top:20px; width:115px; height:115px; background:url(/images/hp/logo.gif) no-repeat; }
    .hp #header .w { height:141px; }
    .hp #header .w .pic { height:142px; }
    .hp #header .w .slogan { width:405px; height:69px; background:url(/images/hp/slogan.gif) no-repeat; position:absolute; top:30px; left:270px;}
.hp #sidebar { padding:0; width:237px; }
.hp #wrapper { background:transparent; }
.hp #content, .hp #sidebar { padding-top:35px; }
.hp #focus { font-size:0.9em; overflow:hidden; }
    .hp #focus .f { float:left; width:225px; height:95px; margin:0 3px 5px 0; overflow:hidden; }
    .hp #focus .f h4,.hp #focus .f h5 { margin: 0; }
    .hp #focus .f img { float:left; width:95px; }
    .hp #focus .f div { margin-left:100px; }
.hp h2 { background:#fff575; color:#000; font-size:1.4em; padding:0.3em 25px 0.3em 0.2em; margin-right:-25px; }
.hp #sidebar .b { margin-right:-7px; width:244px; height:369px; overflow:hidden; background:url(/images/hp/sidebar_bg.gif) repeat-y; }
    .hp #sidebar .b img { display:block; }
    .hp #sidebar .b .box { float:left; width:115px; margin-right:7px; display:inline;}
    .hp #sidebar .b .box h3 { background:#b8beff; padding:0.3em 5px; margin:0; }
    .hp #sidebar .b .box div { padding:5px; font-size:0.9em; text-align:left; line-height:1.5em; }
.hp #sidebar #servizi { list-style:none; margin:0; }
.hp #sidebar #servizi li { margin-bottom:0.5em; }
.hp .intro p { margin:0 0 0.3em; }