/* para ocultar celdas */
.responsive-visibility() {
  display: block !important;
  tr& { display: table-row !important; }
  th&,
  td& { display: table-cell !important; }
}

.responsive-invisibility() {
  display: none !important;
  tr& { display: none !important; }
  th&,
  td& { display: none !important; }
}

/* CSS Document */
body{background-color:#FFF;background-image:none; padding-top:60px; font-size:14px; margin:0px;}
#cabeceraGestor{
	padding:5px;
	text-align:left;
	border-bottom:#666 1px solid;
	height:60px;
	position:relative;
	background-color:#DDD;
}
#GestorLogotipo{float:left;height:50px;}
#GestorLogotipo img{height:50px; width:auto;}
#GestorLogotipoTexto{float:left; margin:5px 3px 0px 5px;font-family: 'Oswald', sans-serif !important; font-weight:bold;}
#GestorSalir{font-size:18px; font-weight:bold; margin-top:5px;}
#gestorColumnaIzquierda{float:left;border-right:1px solid #666; background-color:#F3F3F3; padding:0px;}
#gestorContenido{float:left; padding:5px;}
.gestorBotonIzquierda{margin:5px;}
.gestorBotonIzquierda a{ width:100%; height:100%; display:block; padding:5px; color:#000; background-color:#DDD;}
.gestorBotonIzquierda a:hover{background-color:#555; color:#FFF;}
.gestorBotonIzquierda .gestorIcono{padding:0px;}
.gestorBotonIzquierda .gestorIcono img{height:30px;}
.gestorBotonIzquierda .gestorTexto{float:left; padding:7px 0px 0px 5px; height:25px;overflow: hidden;text-overflow: ellipsis;}

.gestorBoton{height:100px; text-align:center; border:#CCC 3px solid;border-radius:5px; margin-bottom:10px;}
.gestorBoton a{ width:100%; height:100%; display:block; padding:5px; color:#000;}
.gestorBoton:hover{border:#333 3px solid;}
.gestorBoton .gestorIcono{}
.gestorBoton .gestorIcono img{height:50px;}
.gestorBoton .gestorTexto{ height:45px; overflow:hidden;padding-top:5px; line-height:15px;}
.btn-negro {
  color: #fff;
  background-color:#000;
  border-color: #000;
}
.btn-negro:hover {
  color: #000;
  background-color:#ccc;
  border-color: #ccc;
}
.GestorCeldaTexto{width:100%; height:20px; overflow:hidden; text-overflow:ellipsis;}
.GestorCeldaTexto a {color:#000;}
.gestorTextoAyuda{background-color:#EEE; padding:5px;}
.gestorMargen15Horizontal{padding:0px 15px 0px 15px;}
.TextoFotoMostrar{
	position:absolute;
	top:0px;
	right:0px;
	background-color:#CCC;
	padding:3px;
	border:solid 1px #999999;
}
.CorteFotoMostrar{
	position:absolute;
	top:0px;
	right:22px;
	background-color:#CCC;
	padding:3px;
	border:solid 1px #999999;
}
.PortesFotoMostrar{
	position:absolute;
	top:0px;
	right:44px;
	background-color:#CCC;
	padding:3px;
	border:solid 1px #999999;
}
.table-fixed{
	width:100%;
	height:400px;
	display: -moz-groupbox;
	margin-bottom:0px;
	position:relative;
}

.table-fixed th {
	padding:3px 5px 3px 5px !important;
}
.table-fixed th i {
	font-size:10px;
}
.table-fixed td {
	padding:3px 5px 3px 5px !important;
}
.table-fixed tr {
	width: 100%;
	display: inline-table;
	table-layout: fixed;
}
.table-fixed tbody{
  overflow-y: scroll;      
  height: 360px;            
  width: 100%;
  position: absolute;
}
.table-fixed.TablaEstados{
	height:260px;
}
.table-fixed.TablaEstados tbody{     
  height: 220px;            
}
.table-fixed.TablaDatosEconomicos{
	height:360px;
}
.table-fixed.TablaDatosEconomicos tbody{     
  height: 320px;            
}
.table-fixed.TablaTransmisiones{     
  height: 200px;            
}
.table-fixed.TablaTransmisiones tbody{     
  height: 160px;            
}
.table-fixed.TablaFarmaciaServicios{     
  height: 260px;            
}
.table-fixed.TablaFarmaciaServicios tbody{     
  height: 220px;            
}
.table-fixed.TablaFarmaciaSecciones{     
  height: 260px;            
}
.table-fixed.TablaFarmaciaSecciones tbody{     
  height: 220px;            
}
.CeldaTexto{width:100%; height:17px; padding:2px; line-height:1; overflow:hidden; text-overflow:ellipsis;}
.CeldaTexto a {color:#000;}
.Tachado {
	font-size:12px;
	text-decoration:line-through;
}
@media (min-width:240px){
	#GestorLogotipoTexto{font-size:16px;}	
}
@media (min-width:480px){
	#GestorLogotipoTexto{font-size:20px;}
}

@media (max-height:350px) and (max-width:768px) {
	#GestorLogotipoTexto{font-size:22px;}
}

@media (min-width:768px){
	#GestorLogotipoTexto{font-size:24px;}
}

@media (min-width:992px){
	#GestorLogotipoTexto{font-size:28px;}
}
@media (min-width:1200px){
	
}