/* 
    Document   : mobile
    Created on : 15/08/2013, 14:28:26
    Author     : gabrielstafoca
    Description:
        Purpose of the stylesheet follows.
*/

/* css para tablet (ipad...) */
@media only screen 
and (max-width : 830px) {
    section.reel{
        margin-top: 15%;
        margin-bottom: 15%;
        height: 60% !important;
    }
    
    .loading_slide{
        margin-top: 10px !important;
    }
    
    /* PAGINA DE SOCIOS */
    .socio{
        width: 100%;
    }
    
    .socio img{
        width: 60%;
    }
    
    li.sociosDetailWindow img.img_socio{
        float: left;
        width: 80%;
        height: auto;
        margin-left: 10%;
        margin-right: 10%;
    }
    
    li.sociosDetailWindow div.descricao_socio{
        font-size: 1em;
        margin-left: 0px;
        width: 100%;
    }
    
    li.sociosDetailWindow div.descricao_socio p{
        width: 100%;
    }
    
    li.sociosDetailWindow div.titulo_socio{
        margin-left: 0px;
    }
    
    li.sociosDetailWindow div.conteudo_socio{
        clear:both;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-bottom: 10%;
    }
    
    li.sociosDetailWindow div{
        margin-left: 0px;
    }
    
    .botao_voltar{
        margin-left: 0px;
    }
    
    #secSocios{
        height: 130% !important;
    }
    
    /* PAGINA DE CLIENTES */
    .cliente img {
        width: 60%;
    }
    .cliente{
        float: left;
        clear: both;
        width: 100%;
    }
    .cliente p{
        margin: 0 auto;
        height: auto;
        text-align: center;
        margin-bottom: 5%;
        margin-top: 0%;
        padding: 0 100px;
        width: auto;
    }
    
    #secClients{
        height: 140% !important;
    }
}

/* css para mobile (iphone...) */
@media only screen 
and (max-width : 640px) {
    
    
    #topLogo {
        background-size:219px 34px;
        margin: -24px 0 0 -124px;
    }
    
    .loading_slide{
        margin-top: 10px !important;
    }
    
    #secAppimg h3{
        font-size: 2.2em !important;
        letter-spacing: 0;
        margin: -80px 20px 0 !important;
    }
    
    section.reel{
        margin-top: 15%;
        margin-bottom: 15%;
        height: 60% !important;
    }
    
    #secInvite .sectionContent{
        margin-top: 30% !important;
    }
    
    #secInvite .appImg {
        background: url("../img/heart_back_3.jpg") no-repeat transparent center top;
        background-size: 150% 100% !important;
        opacity: 0.28;
    }
    
    #secStart .backImg img.img_slide{
        display: none;
        width: 100% !important;
        height: auto !important;
        position: relative;
    }
    
    .cliente p{
        padding: 0px;
    }
}