//============================ Libraries

@import "css3";
/*@import "libs/noGrid";
@import "libs/grid";*/
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,700');
@import url('http://fonts.googleapis.com/css?family=PT+Sans:300,400,700');

//============================ vars
.fontsize( @size: 14px, @cor: #fff ) {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: @size;
    color: @cor;
}
.fontsize-bold( @size: 14px, @cor: #fff ) {
    font-family: 'PT Sans', sans-serif;
    font-weight: 700;
    font-size: @size;
    color: @cor;
}
.fontsize-open-light( @size: 13px, @cor: #fff ) {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: @size;
    color: @cor;
}
.fontsize-open( @size: 13px, @cor: #fff ) {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: @size;
    color: @cor;
}
.fontsize-open-bold( @size: 13px, @cor: #fff ) {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: @size;
    color: @cor;
}

@color-menu: #fff;
@color-menu-hover: #466415;
@color-title: #ffffff;

//============================ functions


//============================ html
html, body {
    margin: 0;
    padding: 0;
}
p {
    .fontsize-open-light( 13px, #fff);
    line-height: 20px;
}

#content-stage {
    width: 1920px;
    height: 1080px;
    margin: 0 auto;
    border: solid 1px #fff;
    position: relative;
    background-image: url('../img/section-10.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;

    section#texto-sobre {
        position: absolute;
        top: 0;
        left: 0;
        width: 508px;
        height: auto;
        min-height: 200px;

        h1 {
            .fontsize-open( 24px, #099698 );
        }
        .texto {
            border-top: solid 1px #d4d2d2;
            border-bottom: solid 1px #d4d2d2;
            padding: 5px 0 5px 0;
            margin: 5px 0 5px 0;

            p {
                .fontsize-open-light( 13px, #787879 );
            }
        }
        ul.controle {
            padding: 0;
            margin: 0;
            list-style: none;
            float: right;

            li {
                float: left;

                a {
                    .fontsize-open-light( 13px, #787879 );
                    display: block;
                    margin: 5px 20px 0 0;

                    i {
                        border: solid 1px #d4d2d2;
                        padding: 6px 0 0 0;
                        margin: 0 5px 0 0px;
                        border-radius: 100%;
                        width: 27px;
                        height: 27px;
                        text-align: center;
                    }
                }
            }
        }
    }

    section#section-1 {
        background: url('../img/section-1.png') center no-repeat;
        width: 218px;
        height: 218px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -109px 0 0 -109px;
        display: block;

        a {
            display: block;
            border-radius: 100%;
            width: 218px;
            height: 218px;
            cursor: pointer;
            background: transparent;
            position: absolute;
            margin: -109px 0 0 -109px;
            top: 50%;
            left: 50%;
        }
    }
    section#section-2 {
        background: url('../img/section-2.png') center no-repeat;
        width: 491px;
        height: 486px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -243px 0 0 -245.50px;
        display: none;

        a {
            display: block;
            border-radius: 100%;
            width: 118px;
            height: 118px;
            cursor: pointer;
            background: transparent;
            position: absolute;
            top: 44px;
            right: 65px;
        }
    }
    section#section-3 {
        background: url('../img/section-3.png') center no-repeat;
        width: 760px;
        height: 551px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -275.50px 0 0 -380px;
        display: none;

        a {
            display: block;
            border-radius: 100%;
            width: 118px;
            height: 118px;
            cursor: pointer;
            background: transparent;
            position: absolute;
            top: 223px;
            right: 270px;
        }
    }
    section#section-4 {
        background: url('../img/section-4.png') center no-repeat;
        width: 795px;
        height: 486px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -243px 0 0 -397.50px;
        display: none;

        a {
            display: block;
            border-radius: 100%;
            width: 118px;
            height: 118px;
            cursor: pointer;
            background: transparent;
            position: absolute;
            bottom: 1px;
            right: 426px;
        }
    }
    section#section-5 {
        background: url('../img/section-5.png') center no-repeat;
        width: 889px;
        height: 747px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -373.50px 0 0 -444.50px;
        display: none;

        a {
            display: block;
            border-radius: 100%;
            width: 118px;
            height: 118px;
            cursor: pointer;
            background: transparent;
            position: absolute;
            top: 366px;
            left: 118px;
        }
    }
    section#section-6 {
        background: url('../img/section-6.png') center no-repeat;
        width: 681px;
        height: 612px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -306px 0 0 -340.50px;
        display: none;

        a {
            display: block;
            border-radius: 100%;
            width: 118px;
            height: 118px;
            cursor: pointer;
            background: transparent;
            position: absolute;
            bottom: 129px;
            left: 308px;
        }
    }
    section#section-7 {
        background: url('../img/section-7.png') center no-repeat;
        width: 889px;
        height: 896px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -448px 0 0 -444.50px;
        display: none;

        a {
            display: block;
            border-radius: 100%;
            width: 110px;
            height: 110px;
            cursor: pointer;
            background: transparent;
            position: absolute;
            top: 25px;
            right: 254px;
        }
    }
    section#section-8 {
        background: url('../img/section-8.png') center no-repeat;
        width: 1106px;
        height: 937px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -468.50px 0 0 -468.50px;
        display: none;

        a {
            display: block;
            border-radius: 100%;
            width: 110px;
            height: 110px;
            cursor: pointer;
            background: transparent;
            position: absolute;
            top: 235px;
            right: 266px;
        }
    }
    section#section-9 {
        background: url('../img/section-9.png') center no-repeat;
        width: 1013px;
        height: 896px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -448px 0 0 -506.50px;
        display: none;

        a {
            display: block;
            border-radius: 100%;
            width: 110px;
            height: 110px;
            cursor: pointer;
            background: transparent;
            position: absolute;
            top: 464px;
            left: 3px;
        }
    }
    section#section-10 {
        background: url('../img/section-10.png') center no-repeat;
        width: 1133px;
        height: 896px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -448px 0 0 -566.50px;
        display: none;
    }
}

/* fixing firefox bug */
div:after, ol:after, form:after, ul:after, dl:after, label:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}