@charset "utf-8";
/* CSS Document */
/*colores
Gris bajo:F4F4F4
Gris medio:D9D9D9
Gris Obcuro:BFBFBF
Azul: 2F406B
Rojo:C70505
Morado:A65BA3
Amarillo:F9E80E
Rosa:ED74AB
Verde:A7CC4C
Azul:409CC5
*/	
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
#barUsu{
  background: none;
  width: 100%;
  position: fixed;
  z-index: 100;

  }
.frame {
    display: table;
    table-layout: fixed; /* esto evita que se rompan las clases col-* de Bootstrap */
    width: 100%;
	background:url(../imgs/fondo.png);
	
}

/* Poniendo el height a 1px en el header y el footer lograremos que el espacio
   que ocupa cada uno se ajuste a su contenido en lugar de abarcar más */
.fila {
    display: table-row;
    height: 1px;
	
}

.fila.expandida{
    height: auto;
}
#princinpal{
	background:none;
	}
#inicioPrincipal{
	background:#FCFCFC;
	}	
#encabezado{
	background-color:#2F406B;
	color:#FFFCFC;}

#pie{
	background:#C0BBBB;
	position:relative;
	}
	
#menu{
	background:#D9D9D9;
	
	}
#contenMenu{
	background:#FFFBFB !important;
	padding-left:0px !important;
	padding-right:0px !important;
	}

#contenMenu{visibility: visible; display:inline }



@media only screen and (min-width: 1px) and (max-width: 1020px) {  
                     #contenMenu{visibility: hidden; display:none; }
}
#contenido{
	background:none;
	}
#barUsu{
	/*background:#2F406B !important;*/
	}
.etiqueta-pro{
	 color:#2F406B;
	 font-weight:bold;
	}
.campo-pro{
	 color:#2F406B;
	 font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	}
/*Cambia el estilo de l menu*/	

#contenMenu>.nav-pills>li.active>a, #contenMenu>.nav-pills>li.active>a:focus, #contenMenu>.nav-pills>li.active>a:hover{
	color: #F4F4F4 !important;
    background-color: #2F406B !important;
	}
	
#contenMenu li a{
	    color: #2F406B;
		border-left: 0px solid !important;
		transition:  all 1s linear !important;
	}
#contenMenu li a:hover{
	    color: #2F406B !important;
		background-color:#D9D9D9 !important;
		border-bottom-left-radius:0px !important;
		border-bottom-right-radius:0px !important;
		border-right:#C70505 3px solid !important;
		transition:  all 0.5s linear !important;
		
	}
#contenMenu li a:active{
	    color: #E32629 !important;
	}
#contenMenu li a:focus{
		border-right:#C70505 3px solid !important;
		transition:  all 0.5s linear !important;
	}
#contenMenu  .activo{
		color: #2F406B !important;
		border-bottom-left-radius:0px !important;
		border-bottom-right-radius:0px !important;
		border-right:#C70505 10px solid !important;
		transition:  all 0.5s linear !important;
	}
/*estilo de los paneles default*/
.panel-default>.panel-heading {
	/*color: #F4F4F4;
    background: #2F406B !important;*/
    
	}
.panel-warning .btn-link{
	color: #8a6d3b !important;
	}
.panel-primary .btn-link{
	color: #FFFFFF !important;
	}
.panel-default .btn-link{
	color:#3E3D3D !important;
	}
.panel-body {
    background:#FFFFFF;
}
.panel-footer {
    background-color: #C70505;
	border-top: 1px solid #2F406B;
}
/*estilo de los paneles info*/
.panel-info {
   border-color: #F4F4F4;
}

/*Estilo de los botones*/
.btn-menu-bar{
	color: #F4F4F4 !important;
    background-color:transparent;
	text-decoration:none;
    border:none;
	}
.btn-salir{
	color: #F4F4F4 !important;
    background-color: #C70505 !important;
    border-color: #C70505 !important;
	}
.btn-detalle{
	color: #373737 !important;
    background-color: #BFBFBF !important;
    border-color: #BFBFBF !important;
	}
.btn-edita{
	color: #F4F4F4 !important;
    background-color: #2F406B !important;
    border-color: #2F406B !important;
	}
.btn-elimina{
	color: #F4F4F4 !important;
    background-color: #C70505 !important;
    border-color: #C70505 !important;
	}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

.btn-buscar-acoplado{
	color: #F4F4F4 !important;
    background-color: #2F406B !important;
    
}
.fondo-blanco{
	background-color: #FFFFFF !important;
	}
.fondo-rojo{
	background-color: #C70505 !important;
	}
.obg {
	color: red;
}
@media print {
#barUsu {display:none;}
#contenMenu {display:none;}
#pie {display:none;}
#btnRegresa2 {display:none;}
#btnRefrescar {display:none;}
}