/*
Genericos
*/
.app-header{display:none !important;}
html, body{padding:0;margin:0;font-family:'Open Sans','Arial',sans-serif;font-size:13px;color:#111;}
body{background:url('/static/images/app/bg.png') repeat-x 0 0 #fff;}
label{cursor:pointer;}
select{width:150px;}
a,a:active{color:#0965b2;text-decoration:none;}
a:hover{text-decoration:underline;}

.app-legal-doc-wrapper{
    width  : 800px;
    margin : 10px auto auto auto; 
}.app-legal-doc-wrapper .app-legal-header{
    margin-bottom : 20px;
    padding       : 0; 
    border-bottom : 1px solid #0965b2;
}.app-legal-doc-wrapper .app-legal-header .title-container h1{
    color       : #0965b2;
    font-size   : 25px;
    font-weight : normal;
    position    : relative;
    top         : 47px;
    margin      : 0px; 
}.app-legal-doc-wrapper .app-legal-header .logo-contailer img{
    height: 81px;
}.app-legal-doc-wrapper .app-legal-content{
    padding    : 0 0 40px 0;
    text-align : justify;
}.app-legal-doc-wrapper .app-legal-content h1{
    font-size : 18px;
    padding   : 0;
    margin    : 0 0 5px 0; 
}.app-legal-doc-wrapper .app-legal-content ul,
 .app-legal-doc-wrapper .app-legal-content ol{
    list-style-position : inside;
    margin-left         : 20px;
}.app-legal-doc-wrapper .app-legal-content ul li,
 .app-legal-doc-wrapper .app-legal-content ol li{
    padding : 2px 0;
}.app-legal-doc-wrapper .app-legal-content ul li ul,
 .app-legal-doc-wrapper .app-legal-content ol li ol{
    margin-left : 30px;
}.app-legal-doc-wrapper .app-legal-content ul li ul li ul,
 .app-legal-doc-wrapper .app-legal-content ol li ol li ol{
    margin-left : 40px;
}.app-legal-doc-wrapper .app-legal-content iframe{
    width  : 100%;
    height : 1135px; 
    border : none;
}

.app-legal-doc-footer-wrapper{
    background  : #fafafa;
    padding     : 8px 0;
    border-top  : 1px solid #ddd;
    position    : fixed;
    bottom      : 0;
    width       : 100%;
}.app-legal-doc-footer-wrapper .app-legal-doc-wrapper{
    margin-top : 0; 
}

/*
Media-Query para cuando el ancho de la pantalla es igual o inferior a 815px
*/
@media (max-width: 815px) {
    .app-legal-doc-wrapper{
        width        : auto !important; 
        margin-left  : 20px !important;
        margin-right : 20px !important;
    }
}
/*
Media-Query para cuando el ancho de la pantalla es igual o inferior a 600px
*/
@media (max-width: 600px) {
    .app-legal-doc-wrapper .app-legal-header .logo-contailer{
        width       : 100%;
        text-align  : center;
    }.app-legal-doc-wrapper .app-legal-header .title-container{
        width       : 100%;
        text-align  : center;
    }.app-legal-doc-wrapper .app-legal-header .title-container h1{
        top : 0;
    }.app-legal-doc-footer-wrapper{
        text-align : center;
    }.app-legal-doc-footer-wrapper .links{
        width         : 100%;
        text-align    : center;
        margin-bottom : 5px;
    }
}

/*
Media-Query para cuando el ancho de la pantalla es igual o inferior a 300px
*/
@media (max-width: 450px) {
    .app-legal-doc-wrapper .app-legal-content{
        padding-bottom : 80px;
    }
}