s@font-face{
  font-family: 'FertigoProRegular';
  font-family: 'iconos';
  src: url(fuentes/LatoBlack.ttf) format('truetype');
  src: url(fuentes/FertigoProRegular.ttf) format('truetype');
  src: url(../bootstrap/fonts/glyphicons-halflings-regular.ttf) format('truetype');
  src: url(../bootstrap/fonts/glyphicons-halflings-regular.eot) ;
  src: url(../bootstrap/fonts/glyphicons-halflings-regular.woff) format('woff');
}



body{
  background-image: url(../../imagenes/body/denim.png);
  position:initial;
  width:100%;
  height:200%;
}

.fondobody
{
  background-image: url(../../imagenes/body/nuevofondo.png);
  border: 1px solid black !important;
}

.fondoinicio
{
  background-image: url(../../imagenes/body/nuevofondo.png);
  border: 1px solid black !important;
}

.fondo_body
{
  margin-top: 15px !important;
  margin-left:  30px !important;
  margin-right: 30px !important;
  padding-bottom:  20px !important;
}

/*si el ancho de la pantalla es inferior a 576 px */
@media only screen and (max-width: 576px)
{
  .fondo_body
  {
    margin-left:  7px !important;
    margin-right: 7px !important;
  }

  .card-body
  {
    padding:  0px !important;
  }
}

@media (min-width: 452px) and (orientation: portrait)
{
  .fondo_body
  {
    margin-left:  5px !important;
    margin-right: 5px !important;
    padding-bottom:  20px !important;
  }

  .card-body
  {
    padding:  0px !important;
  }
}

@media (min-width: 360px) and (orientation: portrait)
{
  .fondo_body
  {
    margin-left:  5px !important;
    margin-right: 5px !important;
    padding-bottom:  20px !important;
  }

  .card-body
  {
    padding:  0px !important;
  }
}

body label
{
  margin-bottom: 4px !important;
  font-family: FertigoProRegular;
  font-size: 100% !important;
  color: black  !important;
  font-weight: bold !important;
}

.labelvarios
{
  margin-bottom: 4px !important;
  font-family: FertigoProRegular;
  font-size: 100% !important;
  color: black  !important;
  font-weight: bold !important;
}


body a label
{
  margin-bottom: 4px !important;
  font-family: FertigoProRegular;
  font-size: 100% !important;
  color: white  !important;
  font-weight: bold !important;
}

body .row label
{
  margin-bottom: 4px !important;
  font-family: FertigoProRegular;
  font-size: 100% !important;
  color: white  !important;
  font-weight: bold !important;
}

.modal label
{
  margin-bottom: 4px !important;
  font-family: FertigoProRegular;
  font-size: 100% !important;
  color: black  !important;
  font-weight: bold !important;
}

.caja_login{
  border-radius : 5px 5px 5px 5px;
  box-shadow    : 3px 2px 18px 2px #FFFFFF;
  margin-bottom : 20px !important;
  margin-top    : 20px !important;
  margin-left   : 0px;
  padding-bottom: 15px !important;
  background    : #212d3a;
}

label
{
  /*font-family: 'FertigoProRegular' !important;*/
  font-family: Arial, Sans-Serif, monospace;
  font-size: 100% !important;
  color: #fff !important;
}

.titulologin
{
  font-family: "FertigoProRegular";
  font-size: 3em !important;
  color: #FFFFFF !important;
  text-shadow: -2px -2px 5px #000;
}

table.blueTable {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
  color : black !important;
}
table.blueTable tbody td {
  font-size: 13px;
  padding: 2px !important;
  text-align: center !important;
  padding: 5px 9px !important;
}
table.blueTable tr:nth-child(even) {
  background: #D0E4F5;
}
table.blueTable thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
table.blueTable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
  border-left: none;
}

table.blueTable tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
table.blueTable tfoot td {
  font-size: 14px;
}
table.blueTable tfoot .links {
  text-align: right;
}
table.blueTable tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.titulo
{
  color          : black !important;
  border-radius  : 5px !important;
  font-weight    : bold !important;
  padding-bottom : 4px;
  padding-top    : 4px;
  padding-left   : 15px !important;
  padding-right  : 15px !important;
  /*background     : #FFFFCC !important;*/
  margin-bottom  : 15px !important;
  text-decoration: none;

}

.img-fill {
  object-fit: fill;
}
.img-contain {
  object-fit: contain;
}
.img-cover {
  object-fit: cover;
}
.img-scale-down {
  object-fit: scale-down;
}
.img-none {
  object-fit: none;
}

.fondofooter
{
 background: #feecd0 !important;
 padding: 3px !important;
 margin: 2px !important;
 border-radius: 5px !important;
}

.sombra {
  background-color: #495765;
  border-radius   : 5px;
  box-shadow      : 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition      : all 0.3s cubic-bezier(.25,.8,.25,1);
}

.sombra:hover
{
  box-shadow: 0 14px 28px rgba(0,0,0,0.50), 0 10px 10px rgba(0,0,0,0.50);
}

.sombranormal {
  border-radius   : 5px;
  box-shadow      : 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition      : all 0.3s cubic-bezier(.25,.8,.25,1);
}

.sombranormal:hover
{
  box-shadow: 0 14px 28px rgba(0,0,0,0.50), 0 10px 10px rgba(0,0,0,0.50);
}

.titulocard
{
  font-weight: bold;
}

#txtusuario{
  text-transform: uppercase;;
}

.btnadmin:hover
{
  background-color: #17a2b8 !important;
  box-shadow: 0 14px 28px rgba(0,0,0,0.50), 0 10px 10px rgba(0,0,0,0.50);
}

.btnmenu:hover
{
  box-shadow: 0 14px 28px rgba(0,0,0,0.50), 0 10px 10px rgba(0,0,0,0.50);
}

.titulo
{
  color          : black !important;
  /* border-radius  : 5px !important;*/
  font-weight    : bold !important;
  padding-bottom : 4px;
  padding-top    : 4px;
  padding-left   : 15px !important;
  padding-right  : 15px !important;
  background     :  #fabb00 !important;
  margin-bottom  : 15px !important;
  text-decoration: none;
}

.fondotablas
{
  margin-top: 20px !important;
  padding: 5px !important;
  border-radius: 5px !important;
  background: #6b98c4;
}

.titulobienvenida
{
  font-family: FertigoProRegular;
  font-weight: bold !important;
  color: white !important;
}

.classimg
{
  box-shadow: 0 14px 28px rgba(0,0,0,0.50), 0 10px 10px rgba(0,0,0,0.50);
  border-radius: 5px !important;
  background: white !important;
}

.sombrageneral
{
  box-shadow: 0 14px 28px rgba(0,0,0,0.50), 0 10px 10px rgba(0,0,0,0.50);
  border-radius: 5px !important;
}