@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------- WORK ------------------------------------------------------*/

#chapter_2 {
   /* background: url("../img/bg_orange.jpg") repeat scroll center top transparent;*/
    padding-top: 120px;
    position: relative;
}
.section {
    float: left;
    min-height: 800px;
    overflow: hidden;
    padding: 120px 0;
    position: relative;
    width: 100%;
}
#chapter_2 .topTitle {
    background: url("/images/laspazio/chapter-2/bg_block_top.png") no-repeat 0 0;
    color: #101010;
    font: 1.8em/55px 'ZurichCnBTRegular';
    height: 55px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#chapter_2 .botMore {
    background: url("/images/laspazio/chapter-4/bg_botMore.png") no-repeat 0 0;
    font: 1.8em/46px 'ZurichCnBTBold';
    height: 46px;
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
}
    #chapter_2 .botMore a {
        background: url("/images/laspazio/chapter-4/bg_botMore.png") no-repeat scroll 0 -46px transparent;
        color: #F0F0ED;
        display: block;
        height: 46px;
        margin: 0 auto;
        text-decoration: none;
        text-transform: uppercase;
        width: 246px;
    }
    #chapter_2 .botMore a:hover {
        background-position: -246px -46px;
        color: #101010;
    }
.columCentr {
    width: 970px;
    margin: 0 auto;
}    
.contentWork {
  	/*  float: left;
    margin: 0% 0 0 0%;
    width: 100%;
    position: relative;
	height:	600px;
overflow: auto;*/
}
.quality {
    position: absolute;
    left: -76px;
    top: 225px;
    background: url(/images/laspazio/chapter-2/bg_quality.png) no-repeat;
    width: 151px;
    height: 153px;
    z-index: 2000;
}
    .contentWork ul {
        float: left;
        margin: 0 0 0 -20px;
        position: relative;
    }
    .contentWork li {
        float: left;
        width: 220px;
        margin: 0 0 0 20px;
    }
    .contentWork .work {
        overflow: hidden;
        width: 220px;
        position: relative;
        margin: 0 0 20px 0;
        -webkit-box-shadow: -3px 3px 0px rgba(50, 50, 50, 0.34);
        -moz-box-shadow:    -3px 3px 0px rgba(50, 50, 50, 0.34);
        box-shadow:         -3px 3px 0px rgba(50, 50, 50, 0.34);
    }
    .contentWork .work img {
        vertical-align:bottom
    }
        .contentWork .infoWork {
            height: 100%;
            position: absolute;
            width: 220px;
            background: url(/images/laspazio/chapter-2/shadow.png) repeat;
        }
            .contentWork .infoWork a.linkWork {
                height: 100%;
                position: absolute;
                width: 220px;
                z-index: 2;
            }
            .contentWork .infoWork div {
                height: 100%;
                position: absolute;
                width: 220px;
                font: 2em 'ZurichCnBTRegular';
                color: #fff;
                text-align: center;
                top: 40%;
            }
                .contentWork .infoWork div span {
                    font: 0.7em 'ZurichCnBTBold';
                    color: #ed8c2b;
                }
#workPanel, #workPanel2, #workPanel3, #workPanel4, #workPanel5, #workPanel6, #workPanel7, #workPanel8, #workPanel9, #workPanel10, #workPanel11, #workPanel12, #workPanel13, #workPanel14, #workPanel15, #workPanel16, #workPanel17, #workPanel18, #workPanel19, #workPanel20, #workPanel21, #workPanel22, #workPanel23, #workPanel24, #workPanel25, #workPanel26, #workPanel27, #workPanel28, #workPanel29, #workPanel30, #workPanel31, #workPanel32, #workPanel33, #workPanel34, #workPanel35, #workPanel36 {
    display: none;
    height: 500px;
    margin-bottom: 20px;
}
    .workPanelContent {
        height: 500px;
        width: 940px;
        background: #ffffff;
        -webkit-box-shadow: -3px 3px 0px rgba(50, 50, 50, 0.34);
        -moz-box-shadow:    -3px 3px 0px rgba(50, 50, 50, 0.34);
        box-shadow:         -3px 3px 0px rgba(50, 50, 50, 0.34);
        position: relative;
    }
    .workPost {
        right: 0;
        top: 0;
        width: 240px;
        position: absolute;
        font: 1.4em/21px 'ZurichBTRoman';
        color: #212121;
    }
        .workPost h2 {
            font:1.4em 'ZurichCnBTBold';
            padding: 14px 40px 9px 20px;
        }
            .workPost h2 a {
                color: #ed8c2b;
            }
        .workPost p {
            padding: 0 0 9px 22px;
        }
        .workPost b {
            font-family: 'ZurichCnBTBold';
            font-weight: normal;
        }
        .workPost span {
            color: #ed8c2b;
        }
        .workPost a.close {
            display: block;
            width: 17px;
            height: 18px;
            background: url(/images/laspazio/chapter-2/close.png) no-repeat;
            position: absolute;
            right: 20px;
            top: 17px;
        }
        .workPost a.close:hover {
            background-position: 0 -18px;
        }
        
        .workSoc {
            position: absolute;
            right: 5px;
            bottom: 0;
            width: 230px;
            padding: 12px 0 0 0;
            background: url(/images/laspazio/chapter-4/post_bgBot.gif) repeat-x 0 0;
        }
            .workSoc .workSocItem {
                float: left;
                position: relative;
                margin: 0 0 10px 0;
                width: 140px;
                clear: left;
            }
            .workSoc .workSocItem.small {
                width: 90px;
                clear: none;
            }
.pageing {
	  /*background: url(/images/laspazio/chapter-2/bg_page.png) repeat-x;
*/    width: 940px;
    text-align: center;
    bottom: 20px;
    clear: both;
    height: 50px;
    position: absolute;
}
    .pageing ul {
        display:inline-block;
        //display:inline;
        zoom:1;
        list-style: none;
        font-size: 1.5em;
        margin: 21px 0 0 0; 
        padding: 0;
		
    }
        .pageing li {
            float: left;
            display:inline;
            height: 22px;
            overflow: hidden;
            text-align: center;
            color: #212121;
            font-weight: bold;
            cursor: default;
            line-height: 22px;
			
        }
            .pageing li span {
                display: block;
                float: left;
                padding: 0 5px;
            }
            .pageing li i {
                background:url(/images/laspazio/chapter-2/bullet.png) no-repeat 0 8px;
                display: block;
                width: 5px;
                height: 22px;
                float: left;
                margin: 0 5px;
            }
            .pageing li a {
                color: #6f4924;
                text-decoration: none;
                display: block;
                margin: 0 5px;
                height: 22px;
                float: left;
            }
            .pageing li a:hover {
                color: #212121;
            }
            .pageing li.first, .pageing li.last {
                width:25px;
                height:22px;
                margin: 0 10px 0 0;
            }
            .pageing li.last {
                margin: 0 0 0 10px;
            }
                .pageing li.first a, .pageing li.last a {
                    width:25px;
                    height:11px;
                    background: url(/images/laspazio/chapter-2/arrow_pg.png) no-repeat 0 0;
                    margin: 5px 0 0 0;
                } 
                .pageing li.last a {
                    background-position: -25px 0;
                }
                .pageing li.first a:hover {
                    background-position: 0 -11px;
                }
                .pageing li.last a:hover {
                    background-position: -25px -11px;
                }
				
				
				/*paging*/
.container11{
    float: left;
    width: 100%;
    position:relative;
}

.page_navigation , .alt_page_navigation{
    padding-top: 21px;
    height:30px;
    width:150px;
    margin: 0 auto;
}


.page_navigation a.page_link, .active_page {
    color: #ee1515;
    display: block;
    float: left;
    height: 22px;
    margin: 0 5px;
    text-decoration: none;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 22px;
    background: url("/images/laspazio/chapter-2/bullet.png") no-repeat 100% 8px;
    padding-right:10px
}
.previous_link, .next_link {
    background: url("/images/laspazio/chapter-2/arrow_pg.png") no-repeat 0 0;
    height: 11px;
    margin: 5px 0 0;
    width: 25px;
    margin-right: 10px;
}
.next_link {
    background-position: -25px 0;
    margin:5px 0 0 10px;
}
.previous_link:hover {
    background-position: 0 -11px;
}
.next_link:hover {
    background-position: -25px -11px;
}
.active_page{
    color:#14901d !important;
    cursor: default;
}    
.page_link.last {
    background:none !important;
    padding-right:0 !important;
}

.content11, .alt_content{
    color: black;
}
.page_navigation a, .alt_page_navigation a{
    float: left;
}
/*------------------------------------------------------- and WORK --------------------------------------------------*/