@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:300');
body{font-family: 'Roboto', sans-serif!important;}

.top{margin: 20px 0; }
.gris{background: #dcdcdc; padding: 15px 0; }
p{ color: #555; font-size: 14px;}
.gris p{ margin: 0 0 5px!important; font-weight: bold;}
.nombre{font-size: 28px; color:#555555; margin: 0 0 0 0!important;}
.sistema{color:#1a2e50; font-size: 14px; margin: 0 0 0 0!important;}
.servicio{color:#1a2e50; font-size: 14px; margin: 0 0 0 0!important;}
span.azul{color:#1a2e50; font-size: 14px;}
.logout{padding-top: 85px;}
.gris-oscuro{background: #e5e5e5; }
.gris-oscuro p.texto-form{text-align:right;line-height:37px; }
.well { background-color: #fff!important; border:0!important; }
.well .btn{width: 100%!important;}
h2{font-size: 20px; color: #1a2e50; }
h3{font-size: 18px; color: #1a2e50; }
.gris-oscuro a.acordeon{ margin: 20px 0 0 88%;}
.blanca{background: #fff; padding: 20px 0; border-radius: 4px; clear:both; overflow: hidden;}
.tablero{display: none}
.a-tel{display: none;}
.a-email{display: none;}
.borrar-contacto2{display: none;}
.borrar-contacto3{display: none;}
a{color: #555;}
a span{display: none;}
button span{display: none;}
/*.footer{text-align: center;margin: 20px 0;}*/
footer{ color:#032b4f; font-size:9px; text-align:center; width: 100%;overflow: hidden;bottom: 0; padding-top: 30px;}
header { padding-top: 20px; padding-bottom: 20px; }
.salir-footer{ font-size: 12px; padding-top: 8px; }
.modal-dialog h2 {text-align: center;}
.texto{text-align: center}
.logout2{display: none;}
button.mobil-btn-edit, button.mobil-btn-red{ background-color: #fff; border: none;}
.title-opt{font-weight: bold; text-decoration: underline;}
/*.desactivar{display: none;}*/
.info01{background: url(../images/info01.png) no-repeat center;}
.info02{background: url(../images/info02.png) no-repeat center;}
.info03{background: url(../images/info03.png) no-repeat center;}
.info01 p{ margin: 25px 0; font-size: 20px;}
.info02 p, .info03 p{margin: 25px 0; font-size: 20px;}

.numero{display: none;}
.site-list table { border-collapse:separate; border-spacing:10px;}
.confirm-contact {width:730px; margin:0 auto;}
.confirm-contact select{overflow:scroll; border:transparent}
.confirm-contact .modal-dialog {width: 721px!important;}

.padding-confirmar-sms { padding-top: 15px!important; clear:both;}

/*INICIO 20171012*/
.modal-header, .modal-footer{background: #ccc}
.icono-texto{margin: 0 auto; max-width: 650px;}
.modal-header h2{font-size: 26px; margin-top: 10px;}
.imagen p.blue-fuente{ color: #002d56; font-size: 16px; margin-left: -15px; margin-bottom: 0px;}
.imagen p{ color: #353535; font-size: 16px;}
.top-cuadro{background: #ccc; color:#002d56; font-size: 16px; text-align: center;padding: 5px 0; font-weight: bold; border-radius: 4px 4px 0 0; }
.cuadro{border: 1px solid #ccc; padding: 10px; font-size: 14px;border-radius:0 0 4px 4px;}
.cuadros{margin: 0 auto; max-width: 740px;}
/*FIN*/

@media (max-width: 1200px) {
	.gris-oscuro a.acordeon{ margin: 20px 0 0 84%;}
	.borrar-contacto{display: none;}
	.borrar-contacto2{display: block;}
}

@media (max-width: 991px) {
	.gris-oscuro a.acordeon{ margin: 20px 0 0 79%;}
}
@media (max-width: 921px) {
	/*.info01{border: 1px solid #ebedf2;background: transparent; -webkit-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);-moz-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);box-shadow: 0 1px 15px 1px rgba(113,106,202,.08); height: 397px!important;}
	.info02{border: 1px solid #ebedf2;background: transparent; -webkit-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);-moz-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);box-shadow: 0 1px 15px 1px rgba(113,106,202,.08); height: 397px!important;}
	.info03{border: 1px solid #ebedf2;background: transparent; -webkit-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);-moz-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);box-shadow: 0 1px 15px 1px rgba(113,106,202,.08); height: 397px!important;}
	.numero{display: block; background-color:#336799; width: 100%; text-align: center; padding: 25px 0;}
    .info01 p, .info02 p, .info03 p{font-size: 14px;height: 342px!important;}*/
    .info01{border: 1px solid #ebedf2;background: transparent; -webkit-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);-moz-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);box-shadow: 0 1px 15px 1px rgba(113,106,202,.08); height: 205px!important;}
   .info02{border: 1px solid #ebedf2;background: transparent; -webkit-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);-moz-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);box-shadow: 0 1px 15px 1px rgba(113,106,202,.08); height: 205px!important;}
   .info03{border: 1px solid #ebedf2;background: transparent; -webkit-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);-moz-box-shadow: 0 1px 15px 1px rgba(113,106,202,.08);box-shadow: 0 1px 15px 1px rgba(113,106,202,.08); height: 205px!important;}
   .numero{display: block; background-color:#336799; width: 100%; text-align: center; padding: 25px 0;}
   .info01 p, .info02 p, .info03 p{font-size: 20px;}

   /*INICIO 20171012*/
   .icono-texto{max-width: 450px;}
  .cuadros{max-width: 530px;}
  /*FIN*/
}

@media (max-width: 767px) {
	.gris-oscuro a.acordeon{ margin: 20px 0 0 77%;}
	.logout{padding-top: 0px; margin-top: 15px}
	.borrar-contacto2{display: none;}
	.borrar-contacto3{display: block; text-align: center}
	button span{display: unset;}
    a span{display: unset;}
	.editar a img {margin: 0 auto; width: 24px; height: 24px;}
	.texto{text-align: left;}
	.logout{display: none;}
	.logout2{display: block;}
	.editar,
	.btn-func{}
    .info01, .info02, .info03{height: 210px!important;}
	button.mobil-btn-red{ display: block; border-radius: 4px; padding: 10px;overflow: hidden; float: right}
	button.mobil-btn-edit{ display: block; border-radius: 4px; padding: 10px;overflow: hidden;  width: 100%;}
    #myModalError .modal-content, #myModalOk .modal-content, #myModalConf .modal-content{width: 90%!important;margin: 0 auto;}
    .info01 p{font-size: 16px;}
    .gris-oscuro p.texto-form {text-align: left;}
    /*.info01, .info02, .info03{height: 280px!important;}*/
    .confirm-contact {width:285px;}
    .confirm-contact select{width:100%}
    .confirm-contact .modal-dialog {width: 100%!important;}
    /*.mobil-320{margin-bottom:20px!important; margin-top:20px;}*/
    .alert-confirm {position: fixed; top:40px; left:20px;z-index:999; }
    .blanca label {
        text-align:left!important;
    }
    .padding-320 {
        padding: 0px 15px 15px!important;
    }

    .padding-320-2 {
        /*padding: 15px 0px 0px!important;*/
        padding: 15px 0px !important;
    }

    .padding-320-3 {
        padding: 15px 0px 15px!important;
    }

    .padding-bottom-vacio {
        padding-bottom: 15px;
        padding-top: 15px;
        clear:both;
    }

    .padding-bottom-sms {
        padding-bottom: 15px;
    }

    .padding-320-4 {
        /*padding: 15px 0px 0px!important;*/
        padding: 15px 0px 0px!important;
    }

    .padding-320-5 {
        /*padding: 15px 0px 0px!important;*/
        padding: 0px 0px 15px!important;
    }

    .padding-confirmar-sms { padding-top: 0px!important; clear:both;}

    /*INICIO 20171012*/
    .icono-texto {
        max-width: 240px;
    }
    .cuadros {
        max-width: 240px;
    }
    .imagen{text-align: center;}
    /*FIN*/

    .divSalir1 { padding-left: 60px; }
    .anula-padding-encabezado { padding-left: 0px; }
}

@media (max-width: 667px) {
	.gris-oscuro a.acordeon{ margin: 20px 0 0 75%;}
}

@media (max-width: 568px) {
	.gris-oscuro a.acordeon{ margin: 20px 0 0 71%;}
}
@media (max-width: 426px) {
	
}

@media (max-width: 414px) {
	.gris-oscuro a.acordeon{ margin: 20px 0 0 60%;}
}

@media (max-width: 375px) {
	.gris-oscuro a.acordeon{ margin: 20px 0 0 56%;}
}

@media (max-width: 320px) {
	.gris-oscuro a.acordeon{ margin: 20px 0 0 48%;}
}

@media (min-width: 922px){
.modal-dialog { width: 960px!important; }
}	

#myModalError .modal-content, #myModalOk .modal-content, #myModalConf .modal-content{width: 55%;margin: 0 auto;}
button.mobil-btn-edit{padding: 0; height: auto;}

.dialog-header-error { background-color: #d2322d; }
.dialog-header-wait { background-color: #ff8a00; }
.dialog-header-notify { background-color: #eeeeee; }
.dialog-header-confirm { background-color: #428bca; }
	.dialog-header-error span, .dialog-header-error h4,
.dialog-header-wait span, .dialog-header-wait h4,
.dialog-header-confirm span, .dialog-header-confirm h4 { color: #ffffff; }

.pager a, .pager span
    {
        display: block;
        height: 20px;
        width: 20px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        margin-top: 20px;
    }

.pager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}
.pager span {
    background-color: #A1DCF2;
    color: #000;
    border: 1px solid #3AC0F2;
}



fieldset{overflow:hidden}

body {
    padding: 0px!important;
}

.chkboxlist tr 
{
    display:inline-block;
    margin-right:20px;
    margin-top:5px;
}

.chkboxlist label
{
    margin-left:10px;
    font-size:12px;
}

.disabled-div {
    pointer-events: none;
    opacity: 0.6;
}

.enabled-div {
    pointer-events: initial;
    opacity: 1;
}

.rows
{
    background-color: #fff;
    font-family: Arial;
    font-size: 14px;
    color: #000;
    min-height: 25px;
    text-align: left;
    border: none 0px transparent;
    padding-left:10px!important;
    padding-right:10px!important;
}

.rows:hover
{
    /*background-color: #ff8000;*/
    font-family: Arial;
    /*color: #fff;*/
    text-align: left;
    padding-left:10px!important;
    padding-right:10px!important;
}

.alert-danger {
  animation-name: parpadeo;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  overflow: hidden;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;

  background-color: #ec3636!important;
  padding-bottom: 18px;
}

.alert-danger h2 {
   color: #fff!important;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.4; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.4; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.4; }
  100% { opacity: 1.0; }
}

.border-none {
    border:0;
}

.blanca label {
    text-align:left!important;
}

.blanca hr {
    margin:0px;
}

.error-confirmar {
    /*border: 1px solid red;*/
    background-color: #FB9090!important;
    color:black;
    font-size: 15px;
    border-radius: 4px;
}
/*
.error-confirmar span{
    display: block;
}
    */
.ok-confirmar {
    border: none;
}

.alert-confirm .alert-danger {padding-bottom:0px;}
.alert-confirm .alert {padding: 0px 15px;}
.alert-confirm .alert h2 {font-size:14px;margin-top:10px; margin-bottom:10px; text-align:center}

input[type="checkbox"]  {
    display:inline-block;
    width:15px;
    height:15px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
}

input[type="radio"]  {
    display:inline-block;
    width:15px;
    height:15px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(250, 250, 250, 1) url(../images/cd-top-arrow2.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  border: 1px solid #002d56;
  border-radius: 50%;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  /*opacity: .5;*/
  opacity: 1;
}
.no-touch .cd-top:hover {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }

}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
    background: rgba(250, 250, 250, 1) url(../images/cd-top-arrow2.png) no-repeat center 50%;
  }
}

.alert-campo-vacio {
    border: 1px solid red!important;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 70%;
  height: auto;
}