@media screen and (min-width:1101px) and (max-width:1450px){header .contenedorUsuario{width:auto}
}
@media screen and (min-width:920px) and (max-width:1100px){header .contenedorUsuario{width:auto;}
#contenedor{width:85%;}
}
@media screen and (min-width:680px) and (max-width:919px){header .contenedorUsuario{margin:0px;}
.itemUsuario .item{width:85px !important;}
.itemUsuario .itemUsuario-texto{font-size:0.9em;}
.itemUsuario .itemUsuario-textoSelected{font-size:1em !important;}
.contenedorUsuario ul{margin: 0px !important;}
}
@media screen and (max-width:679px){header .contenedorUsuario{height:auto;margin-left:0px;clear:both;width:auto;float:left;}
.usuario{clear:both;margin:5px 0 5px 0;width:auto;}
.usuario .icon{font-size:1.2em;margin-right:5px;}
.usuario .texto{font-size:1em;line-height:20px;color:black;}
#contenedor{width:100%;margin:auto;}
section{padding:10px;box-shadow:none;border-radius:0;overflow:auto;}
footer{width:auto;margin:auto;display:flex;flex-wrap:wrap;box-shadow:none;border-radius:0;}
footer .izquierda{width:49% !important;height:auto !important;order:2;clear:both;}
footer .compatibilidad img{height:40px;width:90px;}
footer .centro{width:100% !important;order:1;padding-top:0px !important;padding-top:10px;}
footer .security img{height:40px;}
footer .derecha{float:left;width:49% !important;order:3;}
header{border-radius:0 !important;box-shadow:none !important;margin:0 !important;}
header .contenedorCjpb{height:70%;margin-left:3px;padding-top:10px;}
header .contenedorCjpb p{padding-bottom:1px;padding-top:1px;}
.tituloProg{font-size:1.5em;margin:5px auto 5px auto;padding:5px;line-height:20px;}
.ui-dialog-buttonset button{min-height:45px;min-width:60px;}
}
@media screen and (max-width:529px){header{width:auto;padding:0 0 0 10px;}
header .contenedorCjpb{margin-top:3px !important;}
.usuario{clear:both;}
section{width:auto !important;margin:auto;clear:both;}
footer .centro{font-size:0.6em !important;}
}
@media screen and (min-width:801px){header .contenedorCjpb{padding-top:10px;}
header .contenedorCjpb p{font-size:1.2em;}
}
@media screen and (min-width:801px) and (max-width:919px){.contenedorUsuario{width:auto !important;}
footer{height:130px !important;}
#contenedor{width:85%}
.itemUsuario .itemUsuario-textoSelected{font-size:1.2em !important;}
}
@media screen and (min-width:680px) and (max-width:800px){header .contenedorCjpb{padding-top:10px;}
header .contenedorCjpb p{font-size:1.2em;}
.contenedorUsuario{width:auto !important;}
footer{height:150px !important;}
#contenedor{width:95%}
header #logo{margin-top:15px !important;}
}
@media screen and (min-width:530px) and (max-width:679px){header .contenedorCjpb p{font-size:1.2em;}
footer{width:auto;}
footer .centro{font-size:0.8em !important;}
}
@media screen and (min-width:401px) and (max-width:529px){header .contenedorCjpb p{font-size:1.2em;}
}
@media screen and (min-width:301px) and (max-width:400px){header .contenedorCjpb p{font-size:1.2em;}
}
@media screen and (max-width:300px){header .contenedorCjpb p{font-size:1em;}
header #logo{background-size:80% !important;}
}
@media screen and (min-height:200px) and (max-height:500px){header .contenedorCjpb{margin-top:3px !important;}
section{padding-bottom:15px !important;background-size:30% !important;overflow:scroll;}
}
@media screen and (min-height:600px) and (max-width:679px){header{height:10% !important;}
section{height:70% !important;}
footer{height:20% !important;}
}
@media screen and (min-height:401px) and (max-height:599px) and (max-width:679px){header{height:15% !important;}
section{height:58% !important;}
footer{height:10% !important;}
}
@media screen and (max-height:400px) and (max-width:679px){header{height:20% !important;}
section{height:80% !important;}
footer{height:10% !important;}
}
@media screen and (min-height:200px) and (max-height:450px) and (min-width:920px){footer{height:130px;}
}