/* CSS Document */

/* *************************************************************************************** generales *******/

/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -40px;
  /* Pad bottom by footer height */
  padding: 0 0 40px;
}

/* Set the fixed height of the footer here */
footer {
  height: 40px;
}
footer p {padding-top: 12px; font-size: 12px;}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
  /*padding: 60px 15px 0;*/
}
.container .text-muted {
  margin: 20px 0;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

code {
  font-size: 80%;
}


/**/
.bodylogin {padding-top: 0px; background: url(../images/bk-body.jpg) top right no-repeat;}
.bodylogin footer {text-align: center;}


/* login */

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
  margin-top: 200px;
}
.form-signin h2 span {font-size: 16px;}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
  color: #0f80bb;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


/* titulo */
.tituloSeccion {}
.tituloSeccion h1 {font-size: 2em; margin: 0 0 5px 0; line-height: 1em; color: #2a83c1;}
.tituloSeccion p {color: #999; margin-bottom: 0; line-height: 100%;}

/* tablas */
.inactivo {background: #f5f5f5 !important; color: #999 !important;}
.inactivo a {color: #999 !important;}
.inactivo .acciones a {color: #fff !important;}
.imgLogo {width: 90px;}
table {font-size: 0.9em !important;}
table th.acciones {text-align: right;}
table td.acciones {text-align: right;}
table td.acciones a {visibility: hidden;}
table tr:hover td.acciones a {visibility: visible;}

#tablaordenar th {background: #f5f5f5;}
#tablaordenar th, #tablaordenar th a {color: #444;}
#tablaordenar th a:hover {text-decoration: none; color: #000;}
#tablaordenar > tbody > tr:hover > td {background-color: #e3f0f7;}


.fotoNoticia {position: relative;}
.fotoNoticia a {position: absolute; left: 25px; bottom: 10px;}
.nav-pills, .nav-tabs {margin-bottom: 20px;}
.formulario {margin-bottom: 25px;}

.dataTables_length, .dataTables_info {visibility: hidden;}

.panel-title .pull-right {font-size: 12px; font-weight: normal;}

.imgGaleria {margin-bottom: 20px;}
.accions {position: absolute; left: 25px; bottom: 10px; visibility: hidden;}
.imgGaleria:hover .accions {visibility: visible;}

h2 {font-size: 24px; margin-top: 0px;}
.vi {margin-bottom: 20px;}
.vi h3 {font-size: 16px; margin-top: 0px;}
.vi p {font-size: 12px;}



#map-canvas {
  margin: 0;
  padding: 0;
  height: 250px;
  width:100%;
}

/* Fix Google Maps canvas
 *
 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's
 * global `box-sizing` changes. You may optionally need to reset the `max-width`
 * on images in case you've applied that anywhere else. (That shouldn't be as
 * necessary with Bootstrap 3 though as that behavior is relegated to the
 * `.img-responsive` class.)
 */

.google-map-canvas,
.google-map-canvas * { .box-sizing(content-box); }







/* *************************************************************************************** responsive *******/

@media print {}

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

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

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

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

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

@media screen and (max-width: 400px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

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

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

@media (min-width: 992px) and (max-width: 1199px) {}