/** MEDIAQUERIES **/
/***********************/

/*** PHONE ***/
@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
.justMobile {
		display:block;
}
.justDesk {
  display:none;
}
.h0xs {
  height: 0; overflow:hidden
}
.desp {
  width: 32px;
  height: 40px;
  position: relative;
  top: 10px;
}
.frxs {
  float: right;
}
.flxs {
  float: left;
}
.clxs {
  clear: left;
}
.relativexs {
  position: relative;
}
.hAutoxs {
  height: auto !important
}
.fS13xs {
  font-size: 13px;
}
.t31xs {
  top: 31px !important;
}
.l0xs {
  left: 0;
}
.w10pxs {
  width: 10%;
}
.w14pxs {
  width: 14%
}
.w20pxs {
  width: 20%;
}
.w50pxs {
  width: 50%;
}
.w60pxs {
  width: 60%;
}
.w31pxs {
  width: 31%;
}
.mL10xs {
  margin-left: 10px
}
.mL10xs {
  margin-left: 10px
}
.mL20xs {
  margin-left: 20px
}
.mR10xs {
  margin-right: 10px
}
.mR25xs {
  margin-right: 25px
}
.mT0xs {
  margin-top: 0px
}
.l20pxs {
  left: 20%
}
#cien {
  width: 100% !important; 
}
.inputNor {
  width:100%;
}
.cont960 {
  width: 100%
}
#c960 {
  width:95% !important; 
}
.cont304 {
  width:85% !important;
}
#c308 {
  width:30%;
}
#c308>.bolD {
 font-size: 21px;
 line-height: 23px !important;
}
#c650 {
  width:99% !important;
}
.pT10 {
  padding-top: 10px;
}
/*Perfil*/
.cont308 {
  width:100%;
}
#c650,#boxDatos {
  width:99% !important;
}
.relative.fr.cr.auto.mgT30>span {
  left:-20px;
}
#c650>.relative.fl.cl.c80.fS14.light {
  width:96%;
}
span.fl.cl.fS14.reg.rojo.mgT60 {
  width:98%;
}
/***header***/
.btnHead:hover:before, .btnHead2:hover:before, .btnHead3:hover:before {
  width:82%;
  margin-left: -41%;
  left:50%;
}
#usuarionuevo {
  width: 100%
}
.box480, .c136 {
  width:100%;
}
.c136 {
  font-size: 7px;  
}
.lh10xs {
  line-height: 10px !important
}
.cont136 {
  width: 13.9%;
  font-size: 4px;
}
#logos {
  width: 59%;
  top:-2px;
}
.header>#cien>a img  {
  width:35%;
  left: 10px;
  position: relative;
}
#logos>a img {
 width:20%;
}
/*footer*/
.box480 {
  margin: 0 0 30px 0;
}
.box480>div>span {
  margin: 0 0 0 20px ;
  position:relative;
  float: left;
}
.box480>span {
  margin: 0 0 0 20px ;
  position:relative;
  float: left;
}
.box480>img {
  position: relative;
  float: left;
  margin: 3px auto auto 10px;
  top: 111px;
  right: 200px;
}
.header {
  /*height: 165px*/
}
.footer {
  width:100%;
  padding: 0px 10px auto 10px !important;
  margin: 0;
  left: 0;
  min-height:150px;
  max-height: 300px
}
.mgTR10 {
margin: 10px 10px 0 5%;
}
.justxs {
  display: block
}
.justlg {
  display: none;
}
}

/*** PHONE LANDSCAPE ***/
@media only screen 
and (min-width: 481px) 
and (max-width: 640px) {
.justMobile {
		display:block;
}
.relativexs {
  position: relative;
}
.justDesk {
	display:none;
}
.desp {
  width: 32px;
  height: 40px;
  position: relative;
  top: 10px;
}
.h0xs {
  height: 0; overflow:hidden
}
.frxs {
  float: right;
}
.flxs {
  float: left;
}
.clxs {
  clear: left;
}
.l0xs {
  left: 0;
}
.t31xs {
  top: 31px !important;
}
.mT0xs {
  margin-top: 0px
}
.mL10xs {
  margin-left: 10px
}
.mL10xs {
  margin-left: 10px
}
.mL20xs {
  margin-left: 20px
}
.mR10xs {
  margin-right: 10px
}
.mR25xs {
  margin-right: 25px
}
.l20pxs {
  left: 20%
}
.pT10 {
  padding-top: 10px;
}
.hAutoxs {
  height: auto !important
}
.w10pxs {
  width: 10%;
}
.w14pxs {
  width: 14%
}
.w20pxs {
  width: 20%;
}
.w50pxs {
  width: 50%;
}
.w60pxs {
  width: 60%;
}
.w31pxs {
  width: 31%;
}
#cien {
  width: 100%; 
}
.inputNor {
  width:100%;
}
.cont960 {
  width: 100%
}
#c960 {
  width:95% !important; 
}
.cont304 {
  width:95% !important;
}
#c308 {
  width:30%;
}
#c308>.bolD {
 font-size: 24px;
 line-height: 26px !important;
}
#c650 {
  width:70%;
}
/*Perfil*/
.box480, .c136 {
  width:100%;
}
.c136 {
  font-size: 7px;  
}
.lh10xs {
  line-height: 10px !important
}
.cont136 {
  width: 14%;
  font-size: 6px;
}
#c650,#boxDatos {
  width:100% !important;
}
.relative.fr.cr.auto.mgT30>span {
  left:-20px;
}
#c650>.relative.fl.cl.c80.fS14.light {
  width:96%;
}
span.fl.cl.fS14.reg.rojo.mgT60 {
  width:98%;
}
#vence {
	clear:left;
}
#boxClave {
	width:100%;
}
.inputS {
	width:70%;
}
/***header***/
.btnHead:hover:before, .btnHead2:hover:before, .btnHead3:hover:before {
  width:87%;
  margin-left: -43%;
  left:50%;
}
#usuarionuevo {
  width: 100%
}
#logos {
  width: 49%;
  top:-2px;
}
.header>#cien>a img  {
  width:35%;
  left: 10px;
  position: relative;
}
#logos>a img {
 width:20%;
}
/*footer*/
.box480 {
  width:100%;
  font-size: 18px;
}
.box480>div>span {
  margin: 0 0 0 20px ;
  position:relative;
  float: left;
  font-size: 18px
}
.box480>span {
  margin: 25px 0 0 20px ;
  position:relative;
  float: left;
  font-size: 17px
}
.box480>img {
  position: relative;
  float: left;
  margin: 5px auto auto 20px;
}
.header {
  /*height: 150px;*/
}
.footer {
  width:100%;
  padding: 0px 10px auto 10px !important;
  margin: 0;
  left: 0;
  min-height:150px;
  max-height: 300px
}
.mgTR10 {
margin: 10px 10px 0 5%;
}
.justxs {
  display: block
}
.justlg {
  display: none;
}
}
/*** IPADs ***/
@media only screen 
and (min-width: 641px) 
and (max-width: 1024px) {
.justMobile {
		display:block;
}
.justDesk {
	display:none;
}
.desp {
  width: 32px;
  height: 40px;
  position: relative;
  top: 10px;
}
.h0xs {
  height: 0;
  overflow:hidden
}
.frxs {
  float: right;
}
.flxs {
  float: left;
}
.clxs {
  clear: left;
}
.mT0xs {
  margin-top: 0px
}
.mR10xs {
  margin-right: 10px
}
.mR25xs {
  margin-right: 25px
}
.mL10xs {
  margin-left: 10px
}
.t31xs {
  top: 31px !important;
}
.mL20xs {
  margin-left: 20px
}
.l0xs {
  left: 0;
}
.l20pxs {
  left: 20%
}
.hAutoxs {
  height: auto !important
}
.w7pmd {
  width: 7% !important
}
.w10pxs {
  width: 10%;
}
.w14pxs {
  width: 14%
}
.w20pxs {
  width: 14%;
}
.w20pmd {
  width: 14%;
}
.w31pxs {
  width: 31%;
}
.w50pxs {
  width: 50%;
}
.w60pxs {
  width: 60%;
}
#cien {
  width: 100%; 
}
.pT10 {
  padding-top: 10px;
}
.inputNor {
  width:100%;
}
#c960 {
  width:95%;
}
.cont304 {
  width:90% !important;
}
#c308 {
  width:30%;
}
#c308>.bolD {
} 
/*#c650 {
  width:70%;
}*/
/*Perfil*/
.cont308 {
  width:30%;
}
#boxDatos {
  width:70% !important;
}
.relative.fr.cr.auto.mgT30>span {
  left:-20px;
}
#c650>.relative.fl.cl.c80.fS14.light {
  width:96%;
}
span.fl.cl.fS14.reg.rojo.mgT60 {
  width:98%;
}
#vence {
	clear:left;
}
#boxClave {
	width:100%;
}
.inputS {
	width:70%;
}
/***header***/
#logos {
  width: 33%;
  top:-2px;
}
.header>#cien>a img  {
  width:24%;
  left: 10px;
  position: relative;
}
#logos>a img {
 width:20%;
}
/*footer*/
.box480 {
  margin: 0 0 30px 0;
}
.box480>div>span {
  margin: 0 0 0 20px ;
  position:relative;
  float: left;
}
.box480>span {
  margin: 0 0 0 20px ;
  position:relative;
  float: left;
}
.box480>img {
  position: relative;
  float: left;
  margin: 3px auto auto 10px;
  top: 111px;
  right: 200px;
}
.footer {
  width:100%;
  padding: 0px 10px auto 10px !important;
  margin: 0;
  left: 0;
  min-height:150px;
  max-height: 300px
}
.justxs {
  display: none
}
.justlg {
  display: block;
}
.absolutemd {
  position: absolute;
}
}
/*** DESKTOP ***/
@media only screen 
and (min-width : 1025px) {
#c650 {
  width:650px;
}
.justMobile {
		display:none;
}
.justDesk {
	display:block;
}
.justxs {
  display: none
}
.justlg {
  display: block;
}
.w7plg {
  width: 7% 
}
.w13plg {
  width: 13%
}
#boxClave, #boxDatos, #boxPagos, #boxCancelacion, #boxCupon, #boxSeguros, #boxCredito,#boxResumen {    
    height: auto!important
  }
}