/* ------------------------------------- grid ------------------------------------- */

.row {
  margin-bottom: 20px;
}
.row .row {
  margin-top: 10px;
  margin-bottom: 0;
}
[class*="col-"] {
  padding-top: 0;
  padding-bottom: 0;
  border:0;
}

.pt25 {padding-top:25px;}
.pt10 {padding-top:10px;}
.mt25 {margin-top:25px;}
.mt10 {margin-top:10px;}
.mt0 {margin-top:0;}
.pleft20 {padding-left: 20px;}

/* para pruebas */
.fondo-rojo { background-color: red}
.fondo-verde { background-color: green}


.mimenu {/*height:40px; background-image:url('/esp/im/back-menu.jpg');*/}
.mipie {background-color:#333333;}
.ancho100pc {width: 100%;}

/*pie*/
.mipie p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}
.mipie p a {text-decoration:none; color:#fff;}
.mipie p a:link {}
.mipie p a:visited {}
.mipie p a:hover {text-decoration:underline; color:#6da300;}
.mipie p a:active {}

/* ¿Qué es PayMovil? */

#titulo-back {width:98%; height:40px; background-image:url("/esp/im/back-titulo-azul_2.png"); background-repeat: repeat-x; margin-top: -20px}
.titulo-h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; padding-top: 10px; padding-left: 20px;}
.titulo-abajo {width:98%;}

.centro-titulo {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#000; padding-left:20px;}
.centro-subtitulo {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000;}
.centro-texto {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; padding-left:20px;}
.centro-img {border:0; text-align:center;}
.centro-tarifas {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; padding-left:20px; line-height: 17px;}
.centro-resaltado {color:#5297c7; font-weight:bolder;}
.centro-division {height:15px;}
.centro-formulario {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; padding-left:20px;}
.centro-interlinear {margin-top:15px;}
.centro-punteado {height:9px; width:90%; background-image:url(/esp/box-im/box_dot.gif);}

.ancho100 {width: 100%; height: auto;}

select, input, select {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5297c7; margin-right:2px;}


.login {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; height:22px; text-align:center; vertical-align:middle;}
.boxmail {width:120px; height:24px;}
.boxclave {width:100px; height:24px;}
.loginimg {vertical-align:middle;}
.ingrese {font-family:Arial, Helvetica, sans-serif; font-size:20x; color:#000; font-weight:bolder;}



/* legales */
#legales h2, #legales h3, #legales p {font-family:Arial, Helvetica, sans-serif; color:#000; margin-top:15px;}
#legales h2 {font-size:16px;}
#legales h3 {font-size:12px; font-weight:bolder;}
#legales p {font-size:12px; margin-left:20px;}

/* form login */

.login-form {
  background-color: #333333;
  border-radius: 16px !important;
  padding: 15px; }

.login-form input, .login-form select {
  width: 90%;
  margin: auto; }

.login-boton {
  width: 75%;
  margin-left: 12.5%; }

.login-o {
  text-align: center; }

.login-linkcrear {
  margin-top: 10px;
  width: 60%;
  min-height: 30px;
  margin-left: 20%;
  border: 1px solid white;
  border-radius: 4px;
  font-size: 14px !important;
  text-align: center !important;
  padding-top: 7px;
  color: white; }

.login-linkcrear a, .login-linkcrear a:active {
  color: white; }

#messages_js, #messages_php {
  color: red !important;
  text-align: center; }

#messages_js a, #messages_php a {
  color: red !important;
  text-decoration: underline; }

.ancho90 {width: 75%; margin: auto;}
.rojo {color: red !important;}


/* bienvenido */
.bienvenido-top {min-height: 80px; background-color: #e0f3dc;}
.bienvenido1 {font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#000000;}
.texto-azul {color:#5297c7;}
.bienvenido-box-p {text-align: center; padding-top: 5px;}
.bienvenido-box {width: 150px; min-height: 72px; border: solid 1px #5297c7; margin: 6px; float: left;}
.bienvenido-box-texto {font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.bienvenido-box-dato {font-family:Arial, Helvetica, sans-serif; font-size:24px;}
.bienvenido-box-dato2 {font-family:Arial, Helvetica, sans-serif; font-size:16px;}

/* submenu */

/* seccion central */
.resumen-redondeado {width: 90%; margin: auto; min-height: 120px; border-radius: 15px; margin-top: 8px;}
.resumen-redondeado p {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; padding-left:20px; line-height: 16px;}

.menu-box-redondeado {width: 100%; margin: auto; height: 36px; border-radius: 12px; margin-top: 8px;}
.menu-box-gris {background-color: #a9a9a9;}
.menu-box-verde {background-color: #71ab00;}
.menu-box-celeste {background-color: #5096c6;}

.menu-box-redondeado p { padding-top: 5px; padding-left: 25px; font-family: Arial, Helvetica, sans-serif; font-size:16px; color: white; height: 36px; }
.menu-box-redondeado p a {text-decoration:none; color:#FFF;}
.menu-box-redondeado p a:link {}
.menu-box-redondeado p a:visited {}
.menu-box-redondeado p a:hover {text-decoration:underline; color:#FFF;}
.menu-box-redondeado p a:active {}

.menu-box-ic1 { background-image: url(/esp/im/ic-submenu1.png); background-repeat: no-repeat; background-position: right top;}
.menu-box-ic2 { background-image: url(/esp/im/ic-submenu4.png); background-repeat: no-repeat; background-position: right top;}
.menu-box-ic3 { background-image: url(/esp/im/ic-submenu2.png); background-repeat: no-repeat; background-position: right top;}
.menu-box-ic4 { background-image: url(/esp/im/ic-submenu3.png); background-repeat: no-repeat; background-position: right top;}
.menu-box-ic5 { background-image: url(/esp/im/ic-submenu7.png); background-repeat: no-repeat; background-position: right top;}

@media (max-width: 768px) {
  #ocultar768 {display:none;}

}
@media (min-width: 768px) {

}