.rgg-layout { color: #1b1b1b; background: #1b1b1b url("../img/bg/main.jpg") center top no-repeat; font-family: Helvetica, Arial, sans-serif; color: #f5f5f5; text-shadow: 0 2px 2px rgba(0,0,0,0.5);}
/*//////////////////////////////////////////////////////COLORS*/
.rgg-layout .red { background-color: red;}
.rgg-layout .blue { background-color: blue;}
.rgg-layout .white { background-color: white;}
.rgg-layout .black { background-color: black; color: white; text-shadow: 0 1px 0 rgba(0,0,0,0.7);}

.rgg-layout .moraito { background-color:#c14494; color: white; text-shadow: 0 1px 0 rgba(0,0,0,0.7);}
.rgg-layout .celeste { background-color:#acd9ec;}
/*//////////////////////////////////////////////////////COLORS*/

/*//////////////////////////////////////////////////////TEXT'S SHADOWS*/
.txt-shdw-blk { text-shadow: 0 1px 0 rgba(0,0,0,0.7);}
.txt-shdw-wht { text-shadow: 0 1px 0 rgba(255,255,255,0.7);}
/*//////////////////////////////////////////////////////TEXT'S SHADOWS*/

/*//////////////////////////////////////////////////////BOX'S SHADOWS*/
.box-shdw-orto {
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.7);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.7);
    -o-box-shadow: 0 1px 0 rgba(255,255,255,0.7);
    box-shadow: 0 1px 0 rgba(255,255,255,0.7);
}
.box-shdw-iso {
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.7);
    -moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.7);
    -o-box-shadow: 1px 1px 0 rgba(0,0,0,0.7);
    box-shadow: 1px 1px 0 rgba(0,0,0,0.7);
}
/*//////////////////////////////////////////////////////BOX'S SHADOWS*/

/*//////////////////////////////////////////////////////LIST'S ICONS*/
ul.my-icon-0 li, li.my-icon-0, .my-icon-0 .ui-button-text { padding-left: 20px; background: transparent url(../img/icon/thumb-up.png) left top no-repeat;}
ul.my-icon-1 li, li.my-icon-1, .my-icon-1 .ui-button-text { padding-left: 20px; background: transparent url(../img/icon/tabla.png) left top no-repeat;}
ul.my-icon-2 li, li.my-icon-2, .my-icon-2 .ui-button-text { padding-left: 20px; background: transparent url(../img/icon/chicheta.png) left top no-repeat;}
ul.my-icon-2 li, li.my-icon-3, .my-icon-3 .ui-button-text { padding-left: 20px; background: transparent url(../img/icon/calc.png) left top no-repeat;}
/*//////////////////////////////////////////////////////LIST'S ICONS*/

/*//////////////////////////////////////////////////////JQUERY'S BUTTON*/
.is-button {
    cursor: pointer;
    background: rgb(226,226,226); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.7);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.7);
    -o-box-shadow: 0 1px 0 rgba(255,255,255,0.7);
    box-shadow: 0 1px 0 rgba(255,255,255,0.7);
    border: 1px solid #bbb;
    white-space: nowrap;
}

.is-button:hover {
    background: rgb(203,96,179); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiNjBiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2MxNDZhMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2E4MDA3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYjM2YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(193,70,161,1) 50%, rgba(168,0,119,1) 51%, rgba(219,54,164,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,96,179,1)), color-stop(50%,rgba(193,70,161,1)), color-stop(51%,rgba(168,0,119,1)), color-stop(100%,rgba(219,54,164,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-8 */
    border-color: #9E0059;
    color: #f5f5f5;
    text-shadow: 0 1px 0 rgba(0,0,0,0.7);
}

.is-button:active {
    background: rgb(201,165,192); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5YTVjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JmODBhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2E1NGY4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkODcwYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(201,165,192,1) 0%, rgba(191,128,174,1) 50%, rgba(165,79,139,1) 51%, rgba(216,112,182,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,165,192,1)), color-stop(50%,rgba(191,128,174,1)), color-stop(51%,rgba(165,79,139,1)), color-stop(100%,rgba(216,112,182,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(201,165,192,1) 0%,rgba(191,128,174,1) 50%,rgba(165,79,139,1) 51%,rgba(216,112,182,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(201,165,192,1) 0%,rgba(191,128,174,1) 50%,rgba(165,79,139,1) 51%,rgba(216,112,182,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(201,165,192,1) 0%,rgba(191,128,174,1) 50%,rgba(165,79,139,1) 51%,rgba(216,112,182,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(201,165,192,1) 0%,rgba(191,128,174,1) 50%,rgba(165,79,139,1) 51%,rgba(216,112,182,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9a5c0', endColorstr='#d870b6',GradientType=0 ); /* IE6-8 */
    border-color: #B55E93;
}
/*//////////////////////////////////////////////////////JQUERY'S BUTTON*/

/*///THIS CUSTOM///*/

    .slide-show-container { position: relative;}

    #slide-show { width: 494px; height: 361px; overflow: hidden;}
    #slide-show-nav{ position: absolute; bottom: 18px; right: 220px; z-index: 2;}
        #slide-show-nav li { display: inline;}
            #slide-show-nav a { width: 20px; height: 20px; background: transparent url("../img/icon/dim.png") left top no-repeat; float: left; cursor: default;}
                #slide-show-nav a.active { background: transparent url("../img/icon/dim-active.png") left top no-repeat;}
                
    img.title {margin: 0pt auto; display: block; padding: 15px 0 45px 0; max-width: 452px;}
    
    .app-link { margin: 0 15px 15px 0;
                
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -o-border-radius: 3px;
                border-radius: 3px;
                
               -webkit-box-shadow: 0px 5px 10px rgba(0,0,0, 0.5);
               -moz-box-shadow: 0px 5px 10px rgba(0,0,0, 0.5);
               -o-box-shadow: 0px 5px 10px rgba(0,0,0, 0.5);
               box-shadow: 0px 5px 10px rgba(0,0,0, 0.5);
               
               -webkit-transition: all 0.5s ease-out;
               -moz-transition: all 0.5s ease-out;
               -o-transition: all 0.5s ease-out;
               transition: all 0.5s ease-out;
    }
        .app-link img { margin-bottom: -5px;}
    
    .app-link.active, .app-link:hover {
        border-color: #6A6A6A;
        -webkit-box-shadow: 0px 0px 20px rgba(255,255,255, 0.7);
        -moz-box-shadow: 0px 0px 20px rgba(255,255,255, 0.7);
        -o-box-shadow: 0px 0px 20px rgba(255,255,255, 0.7);
        box-shadow: 0px 0px 60px rgba(255,255,255, 0.7);
        
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    
    .download-container { width: 277px;}
    
    .download-table { width: 280px; height: 155px; padding-top: 20px; margin-top: 5px; background-color: rgba(0,0,0,0.2);
                      -webkit-border-radius: 20px;
                      -moz-border-radius: 20px;
                      -o-border-radius: 20px;
                      border-radius: 20px;
    }
    
        .download-table table { width: 280px; float: left; position: relative;}
            .download-table table thead tr, .download-table table tbody tr { margin: 0 1px 1px 1px; float: left; width: 258px; padding: 1px 20px 1px 0;}
            .download-table table tbody tr { background: rgba(255,255,255,0.2); position: relative;}
                .download-table table tbody tr td { text-align: center; width: 50px; position: relative;}
                    .download-table table tr td.title { padding: 12px 0 12px 35px; text-align: left; width: 124px; vertical-align: middle;}
                        .download-table table tr td.title span { float: left;}
                        .download-table table thead tr td.title { padding: 8px 0 10px 20px; text-align: left; width: 158px;}
                            .download-table table tbody tr td.title.smart-tit { background-image: url("../img/icon/smart-2.png"); background-position: 10px center; background-repeat: no-repeat;}
                            .download-table table tbody tr td.title.tablet-tit { background-image: url("../img/icon/tablet-2.png"); background-position: 10px center; background-repeat: no-repeat;}
                    
    
    .download-text { background: red url("../img/bg/alpha-gray-block.png") left top no-repeat; width: 280px; height: 67px; margin-top: 14px; padding-left: 14px;}
    
        .download-text.no-bg { background: none; height: auto;}
        
        .download-text.android, .download-text.apple, .download-text.bb { background-position: 11px 11px; background-repeat: no-repeat; position: relative; z-index: 1;}
        .download-text.android { background-image: url("../img/bg/android-divider.png");}
        .download-text.apple { background-image: url("../img/bg/apple-divider.png");}
        .download-text.bb { background-image: url("../img/bg/bb-divider.png");}
        
        .download-text .text { text-align: center; display: block; padding: 23px 0; font-size: 18px; font-weight: normal;}
        
        .download-text .desc { background-position: 35px 12px; background-repeat: no-repeat; padding: 12px 0 0 60px;}
            .download-text .desc.smart { background-image: url("../img/icon/smart-2.png");}
            .download-text .desc.tablet { background-image: url("../img/icon/tablet-2.png");}
        
        .download-text .app-link {}

    .download-selection { width: 280px; position: relative; z-index: 2;}
    
    .baixar-btn { background: #4f4f4f url("../img/button/baixar.jpg") left bottom no-repeat; height: 40px; width: 48px; float: left;
                  -webkit-box-shadow: 0px 3px 7px rgba(0,0,0, 0.3);
                  -moz-box-shadow: 0px 3px 7px rgba(0,0,0, 0.3);
                  -o-box-shadow: 0px 3px 7px rgba(0,0,0, 0.3);
                  box-shadow: 0px 3px 7px rgba(0,0,0, 0.3);

                  -webkit-transition: all 0.5s ease-out;
                  -moz-transition: all 0.5s ease-out;
                  -o-transition: all 0.5s ease-out;
                  transition: all 0.5s ease-out;
    }
        .baixar-btn:hover { z-index: 110;
                            -webkit-box-shadow: 0px 0px 20px rgba(255,255,255, 0.8);
                            -moz-box-shadow: 0px 0px 20px rgba(255,255,255, 0.8);
                            -o-box-shadow: 0px 0px 20px rgba(255,255,255, 0.8);
                            box-shadow: 0px 0px 20px rgba(255,255,255, 0.8);

                            -webkit-transition: all 0.5s ease-out;
                            -moz-transition: all 0.5s ease-out;
                            -o-transition: all 0.5s ease-out;
                            transition: all 0.5s ease-out;
        }
        
    .download-table table .apple, .download-table table .android { margin: 0px 12px 10px 12px;}
    
    .spacer {width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; height: 0; border-top: 1px solid #333333; border-bottom: 1px solid #828282;}
    
        .spacer.download {width: 280px; position:relative; float: left; border-top-color: #5a5a5a; border-bottom-color: #a2a2a2; margin-top: 2px;}
        
    .logo-app { position: absolute; bottom: -228px; left: 250px; z-index: 0;}
    
    .help-icon { position: absolute; bottom: -50px; right: 20px; z-index: 1;}
    
    .app-version { position: absolute; top: 30px; left: 60px; /*right: 415px;*/ font-weight: bold; font-size: 70%;}
    
/*    .apple, .android, .tablet, .smart { width: 26px; height: 30px; margin: 13px 15px 0 0; display: inline-block;}
    .apple { background: transparent url("../img/icon/apple.png") left top no-repeat; margin-left: 15px;}
    .android { background: transparent url("../img/icon/android.png") left top no-repeat; margin-left: 15px;}
    .smart { background: transparent url("../img/icon/smart.png") left top no-repeat; width: 21px; height: 29px; margin-top: 13px; margin-right: 20px;}
    .tablet { background: transparent url("../img/icon/tablet.png") left top no-repeat;}*/
    
/*    .apple:hover, .android:hover, .apple.active, .android.active, .tablet:hover, .smart:hover, .tablet.active, .smart.active {
        background-position: left bottom; cursor: pointer;
    }*/


        /* Smartphones (portrait and landscape) ----------- */
        @media only screen and (min-width : 310px) and (max-width : 480px){
            body.rgg-layout, body.rgg-layout .row { width: 320px;}
            img.title { width: 95%; padding: 25px 0 34px 0;}
            .rgg-layout.download-container { width: 320px;}
            .slide-show-container.ftr, .slide-show-container.ftr #slide-show { width:320px;}
            .slide-show-container.ftr #slide-show { height: 234px;}
                    .slide-show-container.ftr img { width:100%;}
                    .slide-show-container.ftr #slide-show-nav { right: 140px; bottom: 6px;}
            .logo-app { left: 18px;}
            .spacer, .spacer.download { width: 320px;}
            .spacer.hidden-node { display: block; margin-bottom: 8px;}
            .rgg-layout img.claim { margin-left: 45px; width: 80%;}
        }
        
        @media only screen and (min-width : 480px) and (max-width : 800px){
            body.rgg-layout, body.rgg-layout .row { width: 420px;}
            img.title { width: 95%;}
            .rgg-layout .download-container { width: 420px;}
                .rgg-layout .download-container .download-text { margin-left: 65px;}
            .slide-show-container.ftr, .slide-show-container.ftr #slide-show { width:420px;}
            .slide-show-container.ftr #slide-show { height: 353px;}
                    .slide-show-container.ftr img { width:100%;}
                    .slide-show-container.ftr #slide-show-nav { right: 183px; bottom: 10px;}
            .logo-app { left: 76px;}
            .spacer, .spacer.download { width: 420px;}
            .spacer.hidden-node { display: block; margin-bottom: 8px;}
            .rgg-layout img.claim { margin-left: 85px;}
            
        }
        
/*
         Smartphones (landscape) ----------- 
        @media only screen and (min-width : 321px) {

        }

         Smartphones (portrait) ----------- 
        @media only screen and (max-width : 320px) {

        }

         iPads (portrait and landscape) ----------- 
        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (initial-scale : 0.9) {
            
        }*/

        /* iPads (landscape) ----------- */
        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)  and (initial-scale : 0.9){

        }

        /* iPads (portrait) ----------- */
        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)  and (initial-scale : 0.9){

        }


/*///THIS CUSTOM///*/